@charset "utf-8";
ul{position: relative; list-style: none; list-style-type: none;}
.FTab h3,
h2 {
    font-weight: 400!important
}
.SliderBdy:after,
h2:after,
h3:after {
    content: ""
}
.HIcon img,
.quoto-BTN {
    vertical-align: middle
}
.NLB .Subscribe-btn,
.quoto-BTN {
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale
}
.DPBDY ul,
.FTab ul,
.HCSection ul,
.listing-blog,
.side-bar .part ul,
.social-blog {
    list-style: none
}
body {
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-family: 'Open Sans', sans-serif;
    font-family: 'Montserrat', sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
    -webkit-overflow-x: hidden;
    -moz-overflow-x: hidden;
    -ms-overflow-x: hidden;
    -o-overflow-x: hidden;
}
h2,
h3 {
    text-align: center;
/*    font-family: 'Montserrat', sans-serif;
    font-family: 'Montserrat', sans-serif;*/
    font-family: 'Lato', sans-serif;
    position: relative
}
::-moz-selection {
    color: #3e246f;
    background: #fff55a
}
::selection {
    color: #3e246f;
    background: #fff55a
}
Try it Yourself » a:hover,
a:focus {
    text-decoration: none!important
}
.quoto-BTN,
a {
    text-decoration: none
}
input:focus {
    outline: 0
}
.clear {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    clear: both
}
.MT60 {
    margin-top: 60px
}
.MT30 {
    margin-top: 30px
}
h2 {
    margin: 20px 0 30px!important;
    color: #242424;
    font-size: 34px!important;
    text-transform: uppercase
}
h2 span {
    color: #8fd800
}
/*
h2:after,
h3:after {
    background: url(../images/title-img.png) no-repeat;
    width: 40px;
    height: 5px;
    display: block;
    margin: 20px auto 0
}
*/
h3 {
    margin: 0 0 40px;
    color: #000;
    font-size: 34px;
    font-weight: 300
}
p{font-size: 15px; font-weight: normal;}
h3 span {
    color: #89c80f;
    font-weight: 500
}
.NPadding {
    padding-left: 0!important;
    padding-right: 0!important
}
.GCL {
    color: #89cb0a!important
}
.SB1st-text,
.SB1st-text2 {
    color: #fff;
    font-weight: 300!important;
    text-transform: uppercase
}
.tittle h2 {
    text-align: center!important
}
.nopadding {
    padding: 0!important;
    margin: 0!important
}
.GIT-btn,
.SOW-btn {
    padding: 10px 40px;
    cursor: pointer
}
.HMain {
    position: absolute;
    z-index: 3;
    width: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}
.HMain.sticky {
    /*background: #4c5b5c;*/

background: #1a1a1a ;
background: -moz-linear-gradient(to bottom, #1a1a1a 44%,#ffffff00 100%);
background: -webkit-linear-gradient(to bottom, #1a1a1a 44%,#ffffff00 100%);
background: linear-gradient(to bottom, #1a1a1a 44%,#ffffff00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a ', endColorstr='#ffffff00',GradientType=0 ); /* IE6-9 */
    
    position: fixed;
    height: 55px;
    top: 0;
    width: 100%
}
.HMain.sticky .HCSection {
    margin: 20px 0 0
}
.HMain.sticky .logo_bg {
    display: none
}
.HMain.sticky .logo {
    left: 40px;
    width: 8.7%;
    top: 5px
}
.header_inner {
    position: relative;
    width: 100%;
    float: left;
    z-index: 100
}
.logo,
.logo_bg {
    position: absolute
}
/*
.logo_bg {
    display: none;
}
*/
a:hover, a:focus{text-decoration: none; outline: none;}
/*
.logo_bg {
    left: 0;
    top: 0;
    z-index: 100;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
*/
/*
.logo_bg {
    top: -31px;
    z-index: 100;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    width: 320px;
}
*/
.logo {
    z-index: 101;
    left: 30px;
    top: 15px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.SliderBdy {
    position: relative
}
.SliderBdy .rsSlide {
    /*z-index:auto!important*/
}
.SliderBdy .slide4 .bContainer {
    position: absolute;
    left: 202px;
    width: 100%;
    height: auto;
    top: 198px;
    z-index: 100
}


footer{position: relative; width: 100%; display: inline-block !important;}

.SliderBdy .txtCent {
    text-align: inherit;
    line-height: 56px
}
.CTab,
.CTab .SRound,
.CTab p,
.OPBDY h2,
.OPTab,
.OSBDY h2,
.VTABTN,
.VTABTN2 {
    text-align: center
}
.SB1st-text {
    font-size: 56px!important;
    margin-bottom: 20px
}
.SB1st-text2 {
    font-size: 62px!important;
    margin-bottom: 40px;
    margin-top: 10px
}
.GIT-btn,
.SOW-btn {
    font-size: 15px;
    color: #000
}
.BColor {
    color: #242700!important
}
.SB1st-text-parg {
    font-size: 15px;
    line-height: 24px!important;
    width: 500px!important;
    margin: 20px 0 35px!important;
    font-weight: 300!important
}
.SOW-btn {
    background: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-right: 10px;
    border: 3px solid #fff
}
.SOW-btn:hover {
    background: #fbdc01!important
}
.GIT-btn {
    background: 0 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 3px solid #fff
}
.GIT-btn:hover,
.SOW-btn:hover {
    background: #fbdc01!important;
    border-color: #ffe321!important;
    color: #000;
    font-weight: 500
}
.thinking-achievements-img {
    position: absolute;
    top: 0;
    right: 0
}
.slide4 {
    background: #99ce06;
    background: -moz-linear-gradient(-45deg, #99ce06 0, #82c806 22%, #78cb11 100%);
    background: -webkit-linear-gradient(-45deg, #99ce06 0, #82c806 22%, #78cb11 100%);
    background: linear-gradient(135deg, #99ce06 0, #82c806 22%, #78cb11 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99ce06', endColorstr='#78cb11', GradientType=1)
}
.Plisting li .img-Plisting,
.clients-logos div a img {
    -webkit-filter: grayscale(1);
    -webkit-transition: all .4s ease-in-out!important;
    -o-transition: all .4s ease-in-out!important
}
.HCSection {
    float: right;
    padding-right: 40px;
    margin: 45px 0 0
}
.HCSection ul {
    margin: 0;
    padding: 0;
    float: left
}
.HCSection ul li {
    float: left;
    font-size: 15px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-right: 20px
}
.HIcon {
    margin-right: 3px
}
.SLink {
    margin-top: -4px
}
.SLink ul li {
    margin: 0 0 0 5px
}
.FTab .SLink ul li {
    float: left
}
.CVBtn,
.js-toggle-right-slidebar {
    float: right
}
.js-toggle-right-slidebar img {
  -webkit-animation: animateHeart 2.5s infinite;
  animation: animateHeart 2.5s infinite;
}

@-webkit-keyframes animateHeart {
  0% {
    -webkit-transform: scale(0.8);
  }
  5% {
    -webkit-transform: scale(0.9);
  }
  10% {
    -webkit-transform: scale(0.8);
  }
  15% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(0.8);
  }
}
@keyframes animateHeart {
  0% {
    transform: scale(0.8);
  }
  5% {
    transform: scale(0.9);
  }
  10% {
    transform: scale(0.8);
  }
  15% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.8);
  }
}


.SliderBdy:after {
    background: url(../images/slider-shpe.png) 50% 100% no-repeat;
    height: 48px;
    position: absolute;
    display: block;
    background-size: contain;
    width: 100%;
    bottom: -15px
}
.slider-content {
    margin: 160px 0 0 202px
}
.rsOverflow {
    height: inherit!important
}
.sliderImg {
    max-width: 100%
}
.mouse-icon {
    position: absolute;
    left: 50%;
    bottom: 40px;
    margin-left: -10px;
    z-index: 100
}
.OSBDY {
/*    margin: 0 0 25px*/
    background: #f7f7f7;
    padding: 45px 0 0;
}
.OSBDY h2 {
    color: #242424;
    font-size: 34px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    position: relative;
    margin: 0 0 60px!important
}
.OSBDY h2:after,
.OSBDY h2:before {
    content: "";
    position: absolute;
    width: 232px;
    height: 92px;
    top: 10px
}
.OSBDY h2 span {
    color: #8fd800
}
.OSBDY h2:before {
    background: url(../images/osimg.png) no-repeat;
    left: 180px
}
.OSBDY h2:after {
    background: url(../images/osimgr.png) no-repeat;
    right: 180px;
    margin: 0
}
.CTab {
    padding: 0 40px;
    
}
.OSBDY .CTab {
    padding: 0 40px;
    margin: 0 0 45px; 
    
}
.CTab .SRound {
    width: 120px;
    height: 120px;
    border: 2px solid #9ecfff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    line-height: 120px
}
.CTab .SRound img{max-width: 55%;}
.CTab h3 {
    font-size: 24px;
    font-weight: 500;
    color: #0076e8;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
}
.CTab p,
.OPTab p {
    line-height: 20px
}
.CTab h3:after {
    display: none
}
.CTab h3 span {
    color: #a1a1a1;
    font-size: 22px;
    font-weight: 400
}
.CTab p {
    font-size: 15px;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    color: #484848;
}
.OSVBtn {
    font-size: 12px;
    color: #000;
    padding: 6px 15px;
    border: thin solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.OSVBtn:hover {
    background: #8fd800;
    border: thin solid #82c401;
    color: #fff
}
.MT16 {
    margin-top: 16px
}
.MT-38 {
    margin-top: -38px
}
.VTABTN {
    display: block;
    margin-top: 70px
}
.VTABTN a {
    color: #323232;
    font-size: 15px;
    background: url(../images/vmbtn2.png) right center no-repeat;
    padding-right: 20px
}
.VTABTN a:hover {
    color: #89ca09;
    background: url(../images/vmbtn2H.png) right center no-repeat
}
.VTABTN2 {
    padding: 10px 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 25px;
    width: 115px;
    margin: 25px auto 0;
    border-bottom: 2px solid #3d4748;
    background-color: #6b7879;
    cursor: pointer
}
.VTABTN2 a {
    color: #fff;
    font-size: 13px
}
.CVBtn {
    padding: 8px 22px;
    border: 2px solid #a0aec5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 25px;
    color: #a0aec5;
    font-size: 12px;
    text-transform: initial
}
.OPBDY {
    float: left;
    background: #f7f7f7;
    padding: 65px 0 50px;
    width: 100%;
    position: relative;
    margin: 0
}
.OPBDY:after,
.OPBDY:before {
    position: absolute;
    width: 100%;
    content: ""
}
.OPBDY:before {
    background: url(../images/optiimg.png) repeat-x;
    top: 0;
    height: 37px
}
.OPBDY:after {
    background: url(../images/optabimg-b.png) repeat-x;
    bottom: 0;
    height: 35px
}
.OPTab,
.quoto-BTN {
    position: relative
}
.OPBDY h2 {
    margin: 33px 0 50px;
    color: #242424;
    font-size: 34px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400
}
.OPBDY h2 span {
    color: #8fd800
}
.OPBDY h2:after {
    content: "";
    background: url(../images/title-img.png) no-repeat;
    width: 40px;
    height: 5px;
    display: block;
    margin: 20px auto 0
}
.BContent h3:after,
.OPTab h3:after {
    display: none
}
.OPTab {
    background: #fff;
    padding-bottom: 25px
}
.OPTab:after {
    content: "";
    background: url(../images/optabimg.png) left center no-repeat;
    width: 106%;
    height: 26px;
    position: absolute;
    bottom: -26px;
    left: -15px;
    background-size: cover
}
.OPTab h3 {
    font-size: 20px;
    color: #4d4d4d;
    margin: 15px 0;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.OPTab p {
    color: #8a8989;
    font-size: 13px;
    padding: 0 18px
}
.plus-btn,
.plus-btn:hover {
    color: #fff
}
.plus-btn {
    width: 40px;
    height: 40px;
    background: #8fd800;
    font-size: 30px;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    line-height: 40px;
    margin-top: 10px;
    margin-left: -20px
}
.FBBDY,
.LNBDY,
.LNBDYTab,
.NLBDY {
    width: 100%
}
.FBBDY {
    float: left;
    margin: 30px 0 0
}
.BContent {
    margin: 30px 0 0;
    font-family: 'Montserrat', sans-serif;
}
.CNLBdy h3,
.FTcon,
.LNBDYTab-content h3 {
    font-family: 'Montserrat', sans-serif;
}
.BContent span {
    color: #8ad100;
    font-size: 12px
}
.BContent h3 {
    font-size: 32px;
    color: #313743;
    margin: 20px 0 30px;
    font-weight: 500;
    line-height: 38px;
    text-align: left
}
.BContent p {
    font-size: 15px;
    color: #838ea5;
    margin: 0 0 40px;
    font-weight: 300;
    line-height: 24px
}
.VMBtn {
    padding: 10px 34px;
    border: 2px solid #a0aec5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 25px;
    color: #a0aec5;
    display: inline-block
}
.VMBtn:hover {
    background: #a0aec5;
    color: #fff
}
.caugel-bullet {
    float: left;
    margin: 60px 0 0
}
.LNBDY {
    float: left;
    margin: 40px 0 0
}
.LNBDYTab {
    background: url(../images/lnbbg.png) repeat-x;
    padding-bottom: 10px
}
.LNBDYTab-img img {
    margin-top: 3px
}
.LNBDYTab-content {
    padding: 10px 15px 15px
}
.LNBDYTab-content h3 {
    font-size: 17px;
    color: #111;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: left
}
.LNBDYTab-content h3:after {
    display: none
}
.LNBDYTab-content span {
    font-size: 12px;
    color: #161616;
    margin-bottom: 10px
}
.LNBDYTab-content span i {
    margin-right: 2px;
    margin-top: 2px
}
.LNBDYTab-content p {
    line-height: 20px;
    color: #6d6d6d;
    font-size: 13px;
    margin: 20px 0
}
.LNRM-btn {
    font-size: 13px;
    color: #111
}
.LNRM-icon {
    margin-left: 2px
}
.FTcon {
    display: block;
    color: #fff;
    margin: 0 0 10px;
    font-size: 14px
}
.FTcon:focus,
.FTcon:hover {
    color: #a4cd4b
}
.FTcon span {
    display: inline-block;
    margin-right: 3px;
    margin-top: 2px;
}
.FTcon span.sp1 {
    font-size: 30px
}
.OCMBDY {
    margin: 20px 0 35px;
    display: none;
}
.clients-logos div a {
    display: block;
    text-align: center;
    padding: 10px 20px;
    cursor: default
}
.img-responsive {
    max-width: 100%;
    height: auto;
    display: block
}
.clients-logos div a img {
    margin: 0 auto;
    -moz-transition: all .4s ease-in-out!important;
    transition: all .4s ease-in-out!important;
    filter: grayscale(1)
}
.clients-logos div a img.active,
.clients-logos div a img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.NLBDY {
    float: left;
    background: url(../joiprabhu/back-test.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15px 0 10px;
    margin: -26px 0 0
}
.CNLBdy {
    text-align: center;
    margin: 16px 0 24px
}
.CNLBdy h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-weight: normal;
}
.NLB,
.NLB .NLBInput,
.NLB .Subscribe-btn {
    margin: 0 auto;
    height: 50px
}
.CNLBdy h3:after {
    display: none
}
.NLB {
    background: #fff;
    width: 390px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 25px
}
.NLB .NLBInput {
    background: 0 0;
    width: 272px;
    padding-left: 20px;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    font-size: 15px;
    color: #333;
    border: none
}
.NLB .Subscribe-btn {
    background: #00adff;
    width: 113px;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 0 25px 25px 0;
    font-size: 15px;
    color: #f9f9f9;
    border: none;
    text-transform: uppercase;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    right: -2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.quoto-BTN,
.quoto-BTN:hover {
    color: #fff
}
.address-area .half a,
.quoto-BTN {
    transition: all .5s ease-in-out 0s
}
.NLB .Subscribe-btn:hover {
    background: #fbdc01
}
.footer-top {
    background:url(../Img/foot-back.webp) no-repeat top center;
    background-size: cover;
    float: left;
    width: 100%;
    padding: 52px 0 38px
}
.quoto-BTN {
    background-color: #00adff;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    padding: .95em 2.1em;
    font-weight: 400;
    user-select: none;
    white-space: nowrap;
    outline: 0;
    border-radius: 2em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.contact-form .quoto-BTN:focus,
.contact-form .quoto-BTN:hover {
    background-color: #fbdc01
}
.quoto-BTN:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #8fd800;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.quoto-BTN:active:before,
.quoto-BTN:focus:before,
.quoto-BTN:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #fbdc01
}
.clients-logos .owl-controls {
    text-align: center;
    width: 100%;
    position: relative;
    display: inline-block
}
.clients-logos .owl-nav {
    text-align: center;
    width: 100%;
    position: relative;
    display: inline-block;
    top: 10px
}
.clients-logos .owl-nav .owl-next,
.clients-logos .owl-nav .owl-prev {
    display: inline-block;
    margin: 0 3px!important;
    font-size: 0;
    vertical-align: top;
    position: relative;
    top: inherit
}
#fm textarea,
.CFT,
.about-strength .top,
.address-area .foreign,
.mgdc-icon,
.mgdp-icon {
    vertical-align: middle
}
.clients-logos .owl-nav .owl-prev {
    background: url(../images/client-next-icon.png) no-repeat!important;
    width: 25px;
    height: 25px;
    margin: 0
}
.clients-logos .owl-nav .owl-next {
    background: url(../images/client-pre-icon.png) no-repeat!important;
    width: 25px;
    height: 25px;
    margin: 0
}
.FTab p {
    color: #7c9192;
    font-size: 13px;
    line-height: 20px;
    margin: 23px 0 25px
}
.FTab h3 {
    font-size: 15px!important;
    color: #f71900;
    margin-bottom: 15px!important;
    text-align: left!important;
    font-weight: normal
}
.FTab h3:after {
    width: 25px;
    height: 1px;
    background: #f71900;
    content: "";
    display: block;
    margin: 9px 0 0
}
.FTab ul {
    margin: 0;
    padding: 0
}
.FTab ul li {
    margin-bottom: 2px
}
.FTab ul li a {
    font-size: 14px;
    color: #7c9192
}
.FTab ul li a:hover {
    color: #85c226
}
.CFT {
    font-size: 15px;
    color: #fff;
    margin-bottom: 17px;
    margin-top: 10px
}
.EMicon,
.FMicon {
    margin-right: 5px
}
.OLogo {
    margin-top: 30px
}
.nass-logo {
    float: left;
    margin-right: 10px
}
.iso-logo img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-redius: 5px
}
.footer-bottom {
    padding: 17px 0;
    background: #001317;
    text-align: center;
    color: #7c9192;
    font-size: 13px;
    display: inline-block;
    width: 100%
}
ul.mtree {
    padding: 0;
    font-size: 15px
}
ul.mtree li {
    padding: 5px 10px;
/*    border-bottom: 1px solid #525d5f;*/
    border-bottom: 1px solid #1a1a1a;
/*    border-top: 1px solid #384244*/
}
ul.mtree li a {
    color: #fff;
    display: block;
    padding: 5px 10px;
    font-size: 13px
}
ul.mtree li:last-child {
    border-bottom: none
}
ul.mtree.transit li.mtree-closed>a.OpenCloseIcon,
ul.mtree.transit li.mtree-open>a.OpenCloseIcon {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 10px;
    line-height: 20px;
    background: 0 0;
    z-index: -99;
    height: 21px
}
ul.mtree.transit li.mtree-closed>a.OpenCloseIcon:before {
    content: '+'
}
ul.mtree.transit li.mtree-open>a.OpenCloseIcon:before {
    content: '-'
}
ul.mtree.transit li.mtree-node>a:before {
    color: #fff;
    font-weight: 400;
    position: absolute;
    right: 20px
}
.FBBDY .slide-image .owl-controls .owl-nav {
    display: none
}
.FBBDY .slide-image .owl-controls .owl-dots {
    position: relative;
    left: 15px;
    top: -13px
}
.FBBDY .slide-image .owl-controls .owl-dots .owl-dot {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #dedede;
    display: inline-block;
    margin: 0 2.5px
}
.FBBDY .slide-image .owl-controls .owl-dots .owl-dot.active {
    background-color: #7bbd00
}
.mtree .hrd {
    width: 100%;
    /*background: #373b3c;*/
    background: #1a1a1a;
    padding: 20px 12px
}
.mtree .hrd a {
    font-size: 15px;
    color: #fff;
    text-align: right
}
.CSBdy,
.about-banner {
    text-align: center
}
.nav-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1040;
    display: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    height: 100%
}
.backlayer .nav-backdrop {
    display: block
}
.WOCSBDY {
    float: left;
    width: 100%;
    margin: 65px 0 10px;
    padding: 15px 0 40px;
    background: url(../images/client-say-bg.png) center top no-repeat #fafafa
}
.CSBdy-img {
    border: 3px solid #cacaca;
    width: 97px;
    height: 97px;
    display: inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-bottom: 25px
}
.about-banner h2:after,
.about-banner.SliderBdy:after {
    display: none
}
.CSBdy-img img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 91px
}
.CSBdy h5 .CSName,
.CSBdy p {
    line-height: 25px;
    width: 90%;
    font-family: Poppins, sans-serif
}
.CSBdy p {
    color: #595959;
    font-size: 15px;
    margin: 0 auto 25px
}
.CSBdy h5 .CSName {
    color: #888;
    font-size: 15px;
    margin: 0 auto;
    font-weight: 300;
    background: 0 0
}
.CSBdy h5 span {
    color: #152000;
    background: #afe24b;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px 3px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px
}
.CSBdy .owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 31px;
    height: 108px;
    margin-top: -54px;
    text-indent: -9999px
}
.CSBdy .owl-nav .owl-prev {
    background: url(../images/cs-next.png) no-repeat!important;
    width: 31px;
    height: 108px;
    margin-top: -54px;
    left: 0
}
.CSBdy .owl-nav .owl-next {
    background: url(../images/cs-pre.png) no-repeat!important;
    width: 31px;
    height: 108px;
    margin-top: -54px;
    right: 0
}
.about-banner {
    position: relative;
    padding: 150px 0 51px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.about-banner h2 {
    color: #fff;
    font-size: 34px;
    text-transform: inherit
}
.about-banner p {
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 38px
}
.about-banner ul.breadcum {
    position: relative;
    list-style: none
}
ul.breadcum li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    color: #fff;
}
ul.breadcum li a{color: white}
ul.breadcum li.active a{
    color: #8fd800
}
.about-banner ul.breadcum li:last-child:after {
    display: none
}
.about-banner ul.breadcum li:after {
    position: absolute;
    content: "/";
    right: -15px;
    top: 0;
    bottom: 0;
    color: #fff;
    font-style: 18px
}
.about-keev .slide-image:before,
.about-keev h2:after,
.about-togather div .tar:after,
.platform-tab:after {
    content: ""
}
.about-keev {
    position: relative;
    padding: 50px 0
}
.about-keev h2 {
    position: relative;
    margin: 0 0 40px!important;
    padding: 0;
    text-align: left;
    font-size: 32px!important
}
.about-keev h2:after {
/*
    position: absolute;
    background: url(../images/about/about-keev-heading-after.png) left center no-repeat;
    width: 40px;
    height: 5px;
    display: block;
    margin: 20px 0 0;
    left: 0
*/
}
.about-keev p {
    font-size: 15px;
    color: #838ea5;
    line-height: 24px;
    letter-spacing: .3px
}
.pro p,
.process p,
ul.cap li {
    letter-spacing: 0
}
.about-keev .slide-image {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}
.about-keev .slide-image:before {
    position: absolute;
    width: 90px;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/about/home-about-slide-before.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% 100%;
    z-index: 9
}
.about-keev .slide-image img {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}
.about-keev .slide-image .owl-controls .owl-nav {
    display: none
}
.about-keev .slide-image .owl-controls .owl-dots {
    position: relative;
    left: -70px;
    top: -12px
}
.about-keev .slide-image .owl-controls .owl-dots .owl-dot {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #dbdede;
    display: inline-block;
    margin: 0 5px
}
.about-keev .slide-image .owl-controls .owl-dots .owl-dot.active {
    background-color: #4d5959
}
.about-strength {
    position: relative;
    padding: 36px 0 60px;
    background-image: url(../images/about/about-strengh.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.about-strength h2 {
    position: relative;
    color: #fff;
    margin: 0 0 60px
}
.txt-center {
    text-align: center
}
.txt-left {
    text-align: left
}
.txt-right {
    text-align: right
}
.CTBdy,
.DGDTab-round,
.RWPBDY-hover,
.RWPBDY-hover h4,
.WCUBDY p,
.WCUBDY-Tab,
.about-togather div .tar .mindmap,
.about_com,
.about_design,
.design_tab_heading,
.platform-tab,
.process .complete-image {
    text-align: center
}
.about-strength p {
    font-size: 15px;
    color: #e2e2e2;
    line-height: 20px;
    margin-bottom: 60px
}
.about-strength .top {
    margin-top: -10px;
    position: relative;
    display: inline-block
}
.about-strength .CTab .SRound {
    margin-bottom: 30px
}
.about-strength .CTab p {
    font-size: 15px;
    color: #fff;
    margin: 0;
    line-height: 18px
}
.about-we-do {
    position: relative;
    padding: 60px 0
}
.about-we-do h2 {
    position: relative;
    padding: 0;
    margin: 0 0 40px!important
}
.about-we-do p {
    font-size: 16px;
    color: #838ea5;
    line-height: 24px;
    margin-bottom: 60px
}
.about-we-do iframe {
    max-width: 605px;
    width: 100%;
    height: 330px
}
.about-togather {
    position: relative;
    padding: 30px 0;
    background: #f9f9f9
}
.about-togather h2 {
    position: relative;
    padding: 0;
    margin: 0 0 30px!important
}
.about-togather p {
    font-size: 15px;
    color: #838ea5;
    line-height: 20px;
    margin-bottom: 25px
}
.about-togather div .tar {
    position: relative
}
.about-togather div .tar:after {
    position: absolute;
    top: 12.5%;
    right: 0;
    width: 26px;
    height: 25px;
    background-image: url(../images/about/tar-next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}
.RWPBDY,
.services-keev {
    position: relative
}
.about-togather div .tar:last-child:after {
    display: none
}
.GBtn,
.RMBTN,
.WCUBDY-Tab .round,
.platform-tab {
    display: inline-block
}
.about-togather div .tar .mindmap {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #2196f3;
    margin: 0 auto 25px;
    color: #fff
}
.about-togather div .tar .mindmap img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
.about-togather div .tar p.blt {
    font-size: 18px;
    color: #313743;
    font-weight: 600;
    margin-bottom: 16px
}
.about-togather div .tar span {
    font-size: 15px;
    color: #727272;
    line-height: 18px
}
.services-keev {
    padding: 50px 0 0;
    overflow: hidden;
}
.services-keev .tittle h2{font-weight: 500 !important;}
.DPBDY ul {
    margin: 0;
    padding: 0
}
.DPBDY ul li {
    float: left;
    width: 50%;
    padding: 0 50px 35px 0
}
.DPBDY h4 {
    font-size: 18px;
    color: #333;
    margin: 0 0 12px
}
.DPBDY p {
    color: #8f8f8f;
    line-height: 24px;
    font-size: 15px
}
.GBG {
    background: rgb(230, 230, 230) url(../joiprabhu/pattern-2.png) repeat scroll 0 0;
    margin: 45px 0 0
}
.CTBdy {
    padding: 80px 100px 60px
}
.CTBdy h4 {
    color: #000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 20px
}
.CTBdy h4 span {
    color: #85c705
}
.GBtn {
    padding: 17px 70px;
    font-size: 17px;
    color: #fff;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    background: #89c80f
}
.DGBG {
    background: #efefef
}
.RWPBDY-hover {
    background: #000;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    padding-top: 90px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.RWPBDY:hover .RWPBDY-hover {
    opacity: 1
}
.view-btn {
    width: inherit!important;
    margin: 0 auto
}
.RWPBDY-hover h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-top: 18px
}
.RWBdy .owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 14px;
    height: 25px;
    margin-top: -12px;
    text-indent: -9999px
}
.RWBdy .owl-nav .owl-prev {
    background: url(../images/owl-prev.png) no-repeat!important;
    left: 10px
}
.RWBdy .owl-nav .owl-next {
    background: url(../images/owl-next.png) no-repeat!important;
    right: 10px
}
.platform-tab {
    width: 100%;
    padding: 35px 15px 15px;
    margin: 50px 0;
    background: #ffda44;
    position: relative
}
.platform-tab:last-child {
    margin-right: 0
}
.platform-icon {
    width: 100px;
    height: 100px;
    background: #131819;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 0;
    margin-left: -50px;
    margin-top: -65px;
    line-height: 100px;
    border:2px solid #fff;
        -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
}
.MADPBDY .row .col-md-3:nth-child(odd) .platform-icon:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);}
.MADPBDY .row .col-md-3:nth-child(even) .platform-icon:hover{ transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);}
.platform-icon img{width: 50%;}
.platform-tab h4 {
    font-size: 20px;
    color: #101600;
    margin: 10px 0 20px;
    font-weight: 400
}
.RMBTN,
.platform-tab p {
    color: #101600;
    font-size: 13px
}
.platform-tab p {
    line-height: 20px
}
.platform-tab:after {
    background: url(../images/mobile-app-development/platform-tab-img.png) no-repeat!important;
    width: 43px;
    height: 44px;
    position: absolute;
    left: 0;
    bottom: 0
}
.WCUBDY,
.how-work,
.pro {
    position: relative
}
.RMBTN {
    text-align: center;
    margin-top: 20px
}
.design_features {
    border-top: 1px solid #e3e3e3;
    padding-bottom: 40px;
    margin-top: 55px
}
.design_tab_heading {
    font-size: 34px;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    padding: 40px 150px 10px;
    line-height: 50px
}
.design_tab_heading span {
    font-weight: 600;
    color: #89c80f
}
.about_com,
.about_design {
    font-size: 15px;
    line-height: 25px;
    padding-top: 20px
}
.process_point {
    margin-top: 30px
}
.aline_both {
    padding-left: 0;
    padding-right: 0
}
.aline_both3 {
    margin-bottom: 20px
}
.process_point img {
    float: left;
    padding-right: 5px
}
.design_features {
    background: url(../joiprabhu/%60baba-back.png);
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
    color: #fff
}
.process_point p {
    font-size: 13px;
    line-height: 20px
}
.WCUBDY-Tab .round {
    background: #0ebcc4;
    width: 74px;
    height: 74px;
    border: 5px solid #cecece;
    border-radius: 50%;
    line-height: 62px
}
.MGDPBDY .Tab1,
.MGDPBDY .Tab3 {
    border-right: thin solid #ececec
}
.WCUBDY {
    padding: 60px 0 0
}
.MGDPBDY .Tab1,
.MGDPBDY .Tab2 {
    border-bottom: thin solid #ececec;
    padding-bottom: 30px
}
.WCUBDY p {
    font-size: 15px;
    color: #565a65;
    line-height: 22px;
    margin-bottom: 50px
}
.WCUBDY-Tab h4 {
    font-size: 20px;
    color: #2c2c2c;
    margin: 20px 0 25px;
    font-weight: 400
}
.WCUBDY-Tab p {
    font-size: 13px;
    line-height: 18px;
    color: #6f6f6f
}
.MGDPBDY-tab .hrd {
    margin-bottom: 30px
}
.MGDPBDY-tab .hrd h4 {
    font-size: 24px;
    color: #515151;
    padding-top: 10px;
    font-weight: 400
}
.MGDPBDY-tab .hrd h4 span {
    color: #86c709;
    font-weight: 600
}
.MGDIcon {
    float: left;
    margin-right: 14px
}
.MGDPBDY-tab p {
    font-size: 15px;
    color: #6f6f6f;
    line-height: 24px
}
.MGDPBDY .Tab1 {
    padding-right: 60px
}
.MGDPBDY .Tab2 {
    padding-left: 60px
}
.MGDPBDY .Tab3 {
    padding-right: 50px;
    padding-top: 30px
}
.MGDPBDY .Tab4 {
    padding-left: 60px;
    padding-top: 30px
}
.DGDTab-round {
    float: left;
    width: 80px;
    height: 80px;
    background: #a9a9a9;
    border: 4px solid #a3a3a3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    line-height: 70px;
    margin-right: 30px
}
.DGDBDy {
    padding-top: 70px;
    float: left
}
.DGDTab-content h4 {
    font-size: 24px;
    color: #000;
    margin: 0 0 15px;
    font-weight: 400
}
.DGDTab-content p {
    line-height: 25px;
    color: #333;
    font-size: 15px
}
.PL0 {
    padding-left: 0
}
.DGDBDy .tab1 {
    border-right: thin solid #ececec
}
.DGDBDy .tab2 {
    padding-left: 45px
}
.MGDSADP {
    background: #fafafa;
    padding: 65px 0 75px;
    margin: 60px 0 0
}
.mgdp-icon {
    margin-right: 10px
}
img {
    max-width: 100%
}
.banner2 {
    padding: 102px 0 65px;
    height: 375px;
    box-sizing: border-box;
}
.tittle h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px!important;
    color: #000;
    font-weight: 400!important;
    /*text-transform: none!important;*/
    margin: 0 0 50!important
}
.pro h3 span,
.tittle h2 span {
    font-weight: 500
}
.CSDetails h4,
.CSDetails h5,
.OSBtn,
.analyze h5,
.main-bar h3,
.pro h3,
.side-bar h4,
.sub-blog .button-sub,
.sub-blog h4 {
    text-transform: uppercase
}
.tittle h2 span {
    color: #89c80f
}
.process p {
    margin-bottom: 35px
}
.process .complete-image {
    margin-bottom: 35px;
    display: block
}
.how-work .tittle h2:after,
.pro h3:after {
    display: none
}
.how-work {
    padding: 20px 0 60px
}
.how-work .tittle h2 {
    font-size: 34px!important;
    color: #313743
}
.how-work .tittle h2 span {
    color: #313743!important
}
.pro {
    padding: 30px 15px
}
.pro:after,
.pro:before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: ""
}
.pro h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px!important;
    margin-bottom: 15px!important;
    text-align: left
}
.methology p,
.pro p {
/*    font-family: 'Montserrat', sans-serif;*/
    text-align: center;
}
.pro p {
    font-size: 15px;
    color: #484848;
    line-height: 18px;
}.pro p strong {
    font-size: 15px;
    color: #1a1a1a;
    margin:10px 0;
    display: block;
}
.pro img
{
    display: block;
    position: relative; 
    width: 100px;
    margin: auto;
}
.pro:after {
    top: 0;
    width: 1px;
    height: 100%;
    background: url(../images/process/pro-after.png) center no-repeat;
    background-size: 100% 100%
}
.pro:nth-child(4n+4):after{display: none;}
.pro:before {
    left: 0;
    width: 100%;
    height: 1px;
    background: url(../images/process/pro-before.png) center no-repeat;
    background-size: 100% 100%
}
.analyze,
.get-in-touch,
.main-adds {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.work-process .pro:last-child:before,
.work-process .pro:nth-child(2n+2):after,
.work-process .pro:nth-last-child(2):before {
    display: none
}
.pro1 h3 {
    color: #d36800
}
.pro1 h3 span {
    color: #fcc48d
}
.pro1 .comment span {
    color: #d36800
}
.pro2 h3 {
    color: #006a46
}
.pro2 h3 span {
    color: #75d2b2
}
.pro2 .comment span {
    color: #006a46
}
.pro3 h3 {
    color: #1c52bf
}
.pro3 h3 span {
    color: #83a3e3
}
.pro3 .comment span {
    color: #1c52bf
}
.pro4 h3 {
    color: #170683
}
.pro4 h3 span {
    color: #b17cf8
}
.pro4 .comment span {
    color: #170683
}
.pro5 h3 {
    color: #ff5d5d
}
.pro5 h3 span {
    color: #fa9db5
}
.pro5 .comment span {
    color: #ff5d5d
}
.pro6 h3 {
    color: #9f3196
}
.pro6 h3 span {
    color: #ce7fef
}
.pro6 .comment span {
    color: #9f3196
}
.go-for{background: #ebf2f3; margin-bottom: 15px; color: #005198; font-weight: bold; text-transform: uppercase; border-radius: 8px; font-size: 12px;}
.go-for span{position: relative; width: 22px; display: inline-block; margin-right: 5px;}
@media (max-width: 992px) {
    .pro .txt-center img {
        margin-bottom: 15px
    }
    .pro h3 {
        font-size: 24px
    }
}
@media (max-width: 767px) {
    p{
        font-size: 17px !important; line-height: 26px !important;
    }
    .pro,
    .pro h3 {
        text-align: center
    }
    .pro {
        padding: 15px
    }
    .pro .txt-center img {
        margin-bottom: 15px
    }
    .pro h3 {
        font-size: 24px!important
    }
    .pro:after {
        display: none
    }
    .work-process .pro:nth-last-child(2):before {
        display: block
    }
}
.methology p {
    color: #706f6f;
    margin-bottom: 25px
}
.analyze h5,
.analyze h6 {
    /*font-family: 'Montserrat', sans-serif;*/
    color: #fff
}
.analyze h5,
.analyze img {
    margin-bottom: 15px
}
.methology p strong {
    font-size: 15px
}
.analyze {
    position: relative;
    padding: 60px 0;
    background-image: url(../images/engagement/analyze-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.analyze h5 {
    font-size: 24px
}
.analyze h6 {
    font-size: 20px;
    margin: 0;
    font-weight: 300;
    text-transform: capitalize;
}
.contact-form .input-text,
.contact-form .input-type {
    width: 100%;
    font-size: 15px;
    color: #8b8888;
    font-family: 'Montserrat', sans-serif;
    position: relative
}
.large-images {
    position: relative;
    padding: 30px 0
}
.large-images h4{
   font-size: 34px;
    color:#1a1a1a;
    word-wrap: break-word;
}
@media (max-width: 767px) {
    .analyze {
        padding: 60px 0 30px
    }
    .analyze h6 {
        margin-bottom: 30px
    }
}
.contact-form {
    position: relative
}
.contact-form .input-type {
    border: 2px solid #d9d9d9;
    padding: 10px 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    margin-bottom: 30px;
    outline: 0
}
.contact-form .input-text {
    border: 2px solid #d9d9d9;
    padding: 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    height: 110px;
    resize: none;
    outline-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.contact-form .quoto-BTN {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: #3c556a
}
.contact-form .quoto-BTN:before {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px
}
.get-in-touch {
    position: relative;
    background-image: url(../images/contact/get-touch-background.jpg);
    padding: 85px 0;
    text-align: center;
    bottom: -2.5px
}
.get-in-touch h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    padding: 0
}
.get-in-touch h3:after {
    display: none
}
.address-area {
    position: relative;
    bottom: -2.5px
}
.address-area .half {
    width: 50%;
    float: left;
    position: relative;
    padding: 8px;
    box-sizing: border-box;
    text-align: center
}
.alter-adds,
.main-adds {
    padding: 35px 0;
    display: inline-block;
    width: 100%;
    position: relative
}
.main-adds {
    background-image: url(../images/contact/main-adds-back.jpg)
}
.address-area h3 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 22px;
    margin: 0 0 15px
}
.address-area .half h4,
.address-area .half p {
    font-family: 'Montserrat', sans-serif;
}
.main-adds h3 span {
    font-size: 15px;
    color: #fcff00
}
.main-adds h3:after {
    background: url(../images/contact/tittle-png-contact.png) no-repeat;
    margin: 15px auto 0
}
.address-area .half i {
    font-size: 40px;
    color: #fcff00;
    margin-bottom: 30px
}
.address-area .half i.gmap {
    font-size: 27px;
    position: relative;
    top: 2px;
     transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;
}
.address-area .half i.tt1 {
    font-size: 30px;
    margin-bottom: 20px
}
.address-area .half i.tt2 {
    font-size: 30px;
    margin-bottom: 20px
}
.address-area .half h4 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px
}
.address-area .half p {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 15px;
}
.address-area .half a,
.address-area .half h6 {
    margin: 0 0 25px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.address-area .half h6 {
    font-size: 15px;
    color: #fff
}
.address-area .half a {
    font-size: 18px;
    color: #fcff00;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.address-area .half a:hover {
    color: #374a5b
}

.address-area .half a:hover i.gmap{
    color: #374a5b
}
.alter-adds {
    background-image: url(../images/contact/alter-adds.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.alter-adds h3 {
    color: #a4cd4b
}
.alter-adds h3:after {
    display: none
}
.address-area .alter-adds p {
    font-size: 15px;
    color: #b8b8b8;
    line-height: normal
}
.address-area .alter-adds .half a,
.address-area .alter-adds .half i,
.alter-adds h5 {
    color: #a4cd4b
}
.address-area .alter-adds i {
    font-size: 60px;
    color: #a4cd4b
}
.alter-adds h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 28px;
    text-align: left
}
.address-area .alter-adds .half a:focus,
.address-area .alter-adds .half a:hover {
    color: #fff
}
.address-area .foreign {
    display: inline-block;
    margin: 50px 10px 0
}
.Plisting li,
.Plisting2 li,
.blue ul,
.listing-blog li {
    vertical-align: top
}
@media (max-width: 800px) {
    .contact-form .input-type {
        margin: 0
    }
}
@media (max-width: 767px) {
    .address-area .half {
        width: 100%;
        float: none;
        margin: 0 0 15px
    }
    .address-area .foreign {
        margin: 0 8px
    }
}
.side-bar {
    position: relative
}
.side-bar h4 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: #444;
    margin: 0 0 16px
}
.side-bar h4:after {
    content: "";
    background: url(../images/client/side-h4-after.png) no-repeat;
    width: 40px;
    height: 5px;
    display: block;
    margin: 8px 0 0
}
.side-bar .part {
    position: relative;
    width: 100%;
    margin: 0 0 25px
}
ul.cap li,
ul.rip li {
    margin: 0 0 15px;
    position: relative;
    display: inline-block
}
.side-bar .part ul {
    padding: 0
}
ul.cap li {
    clear: both;
    font-family: 'Montserrat', sans-serif;;
    color: #7f7e7e;
    font-size: 13px;
    border: 1px solid #d9d9d9;
    background: #f7f7f7;
    padding: 9px 18px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px
}
ul.rip li {
    padding: 0 0 15px;
    border-bottom: 1px dashed #d9d9d9;
    width: 100%
}
ul.rip li .rip-img {
    position: relative;
    max-width: 81px;
    width: 100%;
    height: 73px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #d9d9d9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
ul.rip li .rip-content {
    position: relative;
    width: 100%;
    padding: 0 0 0 12px;
    box-sizing: border-box;
    font-size: 15px;
    color: #838ea5;
    line-height: 20px;
}
ul.rip li .rip-content p {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #4d4d4d;
    margin: 0 0 5px
}
ul.rip li .rip-content a,
ul.rip li .rip-content span {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    position: relative
}
ul.rip li .rip-content span {
/*    font-family: 'Montserrat', sans-serif;;*/
    font-weight: 300;
    color: #5d5d5d;
    margin: 0 0 10px;
    width: 100%;
    display: inline-block
}
ul.rip li .rip-content a {
    font-weight: 400;
    color: #6ba101;
    display: block
}
.main-bar h3 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    color: #2d2d2d;
    text-align: left;
    margin: 0 0 22px;
    font-weight: 400
}
.Plisting li,
.Plisting2 li,
.hover,
.listing-blog li,
.social-blog li a {
    text-align: center
}
.main-bar h3:after {
    display: none
}
.main-bar ul.rip li {
    border: none;
    padding: 0;
    margin: 0 0 42px
}
.main-bar ul.rip li .rip-img {
    max-width: 145px;
    height: 145px;
    margin: 0;
    background-size: 80%
}
.main-bar ul.rip li .rip-content h4 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #444;
    margin: 0 0 12px
}
.main-bar ul.rip li .rip-content h4:after {
    content: "";
    background: url(../images/client/side-h4-after.png) no-repeat;
    width: 40px;
    height: 5px;
    display: block;
    margin: 4px 0 0
}
.main-bar ul.rip li .rip-content p {
    font-size: 15px;
    font-weight: 300;
    color: #4f4f4f
}
@media (max-width: 767px) {
    .main-bar h3,
    .side-bar .part ul,
    .side-bar h4,
    ul.rip {
        text-align: center
    }
    .main-bar ul.rip li .rip-img,
    ul.rip li .rip-img {
        margin: auto
    }
    .side-bar h4:after {
        margin: 8px auto 0
    }
    .main-bar ul.rip li .rip-content h4:after {
        margin: 4px auto 0
    }
    .main-bar ul.rip li .rip-img {
        background-size: 60%
    }
}
ul.cat li {
    background: #f7f7f7;
    border-color: #002833;
    padding: 0;
}
ul.cat li.active {
    background: #82c400;
    border-color: #82c400
}
ul.cat li.active a {
    color: #fff
}
ul.cat li a {
    color: #002833;
    display: block;
    padding: 3px 14px
}
.blog-select {
    width: 100%;
    padding: 13px 7px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #555;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #ddd;
    outline: 0
}
.sub-blog {
    position: relative;
    width: 100%;
    padding: 17px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #ddd
}
.sub-blog h4 {
    font-size: 20px;
    letter-spacing: -.4px;
    margin: 0 0 25px
}
.sub-blog h4:after {
    display: none
}
.sub-blog span {
    font-size: 13px;
    color: #555;
    margin: 0 0 5px;
    display: block
}
.sub-blog .email-sub,
.sub-blog input[type=email] {
    width: 100%;
    padding: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    color: #555;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #ddd;
    outline: 0
}
.blog-details p,
.listing-blog li .content-post h6,
.listing-blog li .content-post p,
.listing-blog li .content-post span.catagory,
.sub-blog .button-sub {
    font-family: 'Montserrat', sans-serif;
}
#test-popup input[type=file],
.ble a.btn {
    outline-color: transparent
}
.sub-blog .button-sub {
    background-color: #8fd800;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    width: 100%;
    padding: 12px;
    font-weight: 500;
    margin: 15px auto;
    border-bottom: 1px solid #7cb40e
}
.social-blog {
    position: relative
}
.social-blog li {
    display: inline-block;
    margin-right: 8px
}
.social-blog li a {
    position: relative;
    width: 39px;
    height: 38px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border: 2px solid #555;
    display: inline-block;
    transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.social-blog li a i {
    position: relative;
    color: #555;
    line-height: 36px;
    font-size: 18px;
    transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.social-blog li a.facebook:focus,
.social-blog li a.facebook:hover {
    border-color: #778bb9
}
.social-blog li a.facebook:focus i,
.social-blog li a.facebook:hover i {
    color: #778bb9
}
.social-blog li a.linkdn:focus,
.social-blog li a.linkdn:hover {
    border-color: #5195b9
}
.social-blog li a.linkdn:focus i,
.social-blog li a.linkdn:hover i {
    color: #5195b9
}
.social-blog li a.twitter:focus,
.social-blog li a.twitter:hover {
    border-color: #90e3fe
}
.social-blog li a.twitter:focus i,
.social-blog li a.twitter:hover i {
    color: #90e3fe
}
.social-blog li a.goole-plus:focus,
.social-blog li a.goole-plus:hover {
    border-color: #e9676c
}
.social-blog li a.goole-plus:focus i,
.social-blog li a.goole-plus:hover i {
    color: #e9676c
}
.listing-blog {
    position: relative;
    padding: 0
}
.listing-blog li {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.listing-blog li:nth-child(3n+3) {
    margin-right: 0
}
.listing-blog li .img-post {
    position: relative;
    width: 100%;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.listing-blog li .content-post {
        position: relative;
    width: 100%;
    padding: 25px 0;
    box-sizing: border-box;
    text-align: left;
}
.blog-details .post-details,
.blog-details ul.list {
    padding: 0;
    position: relative;
    list-style: none
}
.listing-blog li .content-post .view {
        position: relative;
    padding: 10px 25px;
    border-radius: 5px;
    -werbkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #89c80f;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    margin: 0 0 24px;
    text-decoration: none;
}
.listing-blog li .content-post .view i {
    font-size: 32px;
    line-height: 58px;
    color: #fff
}
.listing-blog li .content-post .view:hover {
    background: #f8c301;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
    -ms-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .4);
}
.listing-blog li .content-post span.catagory {
    font-size: 15px;
    color: #89c80f;
    margin: 0 0 25px;
    display: block
}
.listing-blog li .content-post h6 {
    font-size: 40px;
    color: #2e2e2e;
    margin: 0 0 15px;
}
.listing-blog li .content-post p {
    font-size: 13px;
    color: #6f6f6f;
    margin: 0 0 25px;
}
.mot .col-md-4 h5 {
    display: inline-block;
    color: #1a1a1a;
    font-weight: bold;
}
.mot .col-md-4 p.show-cat {
    display: inline-block;
    margin: 0 !important;
    color: #00b8d8 !important;
    font-size: 16px !important;
    font-weight: bold;
}
.listing-blog li .content-post p.posted {
    font-size: 15px;
    color: #1a1a1a;
    margin: 0;
    font-weight: bold;
}
.listing-blog li .content-post p.posted span {
    color: #00b8d8;
    font-size: 14.5px;
}
.mot .col-md-4 h4 {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    color: #1a1a1a;
    font-weight: bold;
}

.blog-details .post-banner {
    margin: 0 0 20px
}
.blog-details p {
    color: #6f6f6f;
    font-size: 15px;
    margin: 0 0 30px
}
.blog-details h3 {
    font-family: 'Montserrat', sans-serif;
    color: #3d3d3d;
    font-size: 24px;
    margin: 0 0 8px
}
.blog-details .post-details {
    font-size: 15px;
    display: block;
    margin: 0 0 18px
}
.blog-details .post-details li {
    display: inline-block;
    margin: 0 10px 0 0;
    font-family: 'Montserrat', sans-serif;;
    color: #89c80f
}
.blog-details .post-details li i,
.blog-details .post-details span {
    color: #535353;
    margin-right: 5px
}
.blog-details h6 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    color: #313743;
    font-size: 18px;
    margin: 0 0 20px
}
.blog-details h6:after {
    content: "";
    background: url(../images/client/side-h4-after.png) no-repeat;
    width: 40px;
    height: 5px;
    display: block;
    margin: 15px 0 0
}
.blog-details ul.list li {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0 0 20px 24px;
    font-family: 'Montserrat', sans-serif;;
    font-size: 15px
}
.blog-details ul.list li:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 15px;
    left: 0;
    top: 0;
    background-image: url(../images/blog/li-before.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}
.comment {
    position: relative;
    margin: 15px 0 0
}
.comment .line {
    position: relative;
    display: block;
    border-bottom: 2px solid #e7e9ee;
    padding: 5px 0
}
.comment p.tot-comment {
    position: relative;
    margin: 0 10px 0 0;
    color: #000;
    font-size: 18px;
    display: inline-block;
    font-weight: 500
}
.comment span,
.tal ul li {
    font-size: 15px;
    display: inline-block
}
.comment p.tot-comment:after {
    position: absolute;
    content: "";
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #1fbdcc
}
.tal {
    border-bottom: none!important
}
.tal ul {
    list-style: none;
    padding: 0
}
.tal ul li {
    margin: 0 10px 0 0
}
.tal ul li a {
    color: #939ea7
}
.tal ul li i {
    color: #f2647d
}
.comment-txt {
    width: 100%;
    padding: 15px;
    font-size: 15px;
    color: #7f919e;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid #7f919e;
    margin: 10px 0 0;
    border-radius: 5px
}
.Plisting li .img-Plisting,
.Plisting2 li .img-Plisting {
    position: relative;
    height: 235px;
    border: 1px solid #e6e6e6;
    -moz-transition: all .4s ease-in-out!important
}
.Plisting {
    position: relative;
    list-style: none;
    padding: 0
}
.Plisting li {
    position: relative;
    width: 31.2%;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px
}
.Plisting li:nth-child(3n+3) {
    margin-right: 0
}
.Plisting li .img-Plisting {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    filter: grayscale(1);
    transition: all .4s ease-in-out!important
}
.Plisting li .img-Plisting:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.Plisting li .content-Plisting {
    position: relative;
    width: 100%;
    padding: 0 18px 25px;
    box-sizing: border-box;
    margin: 0
}
.Plisting li .content-Plisting span.catagory {
    font-family: 'Montserrat', sans-serif;;
    font-size: 15px;
    color: #4d4d4d;
    margin: 18px 0 5px;
    display: block
}
.OSBtn,
.Plisting2 li {
    display: inline-block
}
.OSBtn {
    padding: 5px 5px 5px 37px;
    font-size: 28px;
    color: #472100;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #f49922;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-right: 10px
}
.CSRABtn {
    margin-left: 13px
}
.YellowBtn {
    color: #433501;
    background: #f8c301
}
.Plisting2 {
    position: relative;
    list-style: none;
    padding: 0
}
.Plisting2 li {
    position: relative;
    margin-bottom: 42px
}
.Plisting2 li .img-Plisting {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .4s ease-in-out!important;
    -o-transition: all .4s ease-in-out!important;
    transition: all .4s ease-in-out!important
}
.Plisting2 li .content-Plisting span.catagory {
    font-family: 'Montserrat', sans-serif;;
    font-size: 20px;
    color: #4d4d4d;
    margin: 13px 0 5px;
    display: block;
    font-weight: 600
}
.hover {
    padding: 100px 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}
.Plisting2 li .img-Plisting:hover .hover {
    opacity: 1
}
.CSDetails h3 {
    color: #82c400;
    font-weight: 500;
    text-align: left
}
.CSDetails h3:after {
    content: "";
    background: url(../images/client/side-h4-after.png) no-repeat;
    width: 40px;
    height: 5px;
    display: block;
    margin: 8px 0 0
}
.CSDetails ul.list li:before,
.CSTImg {
    background-position: center;
    background-repeat: no-repeat
}
.CSDetails h4 {
    color: #444;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}
.CSDetails ul.list {
    position: relative;
    padding: 0;
    list-style: none;
    margin-left: 10px
}
.CSDetails ul.list li {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0 0 25px 40px;
    font-family: 'Montserrat', sans-serif;;
    font-size: 15px;
    color: #888;
    line-height: 20px
}
.service-bar h3,
.service-bar p {
    font-family: Poppins, sans-serif
}
.CSDetails ul.list li:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 21px;
    left: 0;
    top: 0;
    background-image: url(../images/case-study/li-before.png);
    background-size: contain
}
.CSTImg {
    position: relative;
    width: 100%;
    height: 202px;
    background-size: cover;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .4s ease-in-out!important;
    -moz-transition: all .4s ease-in-out!important;
    -o-transition: all .4s ease-in-out!important;
    transition: all .4s ease-in-out!important
}
.CSTBdy {
    margin-bottom: 35px
}
.CSDetails .owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 26px;
    height: 39px;
    margin-top: -12px;
    text-indent: -9999px
}
.CSDetails .owl-nav .owl-prev {
    background: url(../images/case-study/next-icon.png) no-repeat!important;
    width: 26px;
    height: 39px;
    margin-top: -19px;
    left: 0
}
.CSDetails .owl-nav .owl-next {
    background: url(../images/case-study/pre-icon.png) no-repeat!important;
    width: 26px;
    height: 39px;
    margin-top: -19px;
    right: 0
}
.CSDetails h5 {
    color: #82c400;
    font-size: 15px;
    margin-bottom: 5px
}
.CSDetails h5 span {
    font-size: 10px;
    color: #333
}
.CSDetails a {
    font-size: 15px;
    color: #333
}
@media (max-width: 1024px) {
    .listing-blog li {
        /*width: 48.4%*/
    }
    .listing-blog li:nth-child(3n+3) {
        margin-right: 10px
    }
    .listing-blog li:nth-child(2n+2) {
        margin-right: 0
    }
}
@media (max-width: 767px) {
    .listing-blog li {
        width: 100%;
        margin-right: 0
    }
    .listing-blog li:nth-child(3n+3) {
        margin-right: 0
    }
}
.service-bar {
    position: relative;
    width: 100%
}
.part8 {
    width: 95%;
    padding: 0 45px;
    box-sizing: border-box;
    display: inline-block
}
.service-bar h3 {
    position: relative;
    font-size: 34px;
    text-align: left;
    font-weight: 300;
    color: #313743;
    margin: 0 0 30px
}
.service-bar h3 span {
    font-weight: 400;
    color: #313743
}
.service-bar h3:after {
    display: none
}
.service-bar p {
    font-size: 15px;
    color: #838ea5;
    margin-bottom: 30px;
    line-height: 24px
}
.service-bar ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 0 50px
}
.service-bar ul li {
    position: relative;
    display: inline-block;
    padding: 2px 15px 2px 25px;
    margin: 0 15px 0 0;
    border-right: 1px solid #e6e8ed;
    color: #838ea5;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}
.service-bar ul li:last-child {
    border: none;
    margin: 0
}
.service-bar ul li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 0;
    background-image: url(../images/services/li-s-be.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}
.service-bar .exp {
    position: relative;
    padding: 12px 30px;
    color: #838ea5;
    border: 2px solid #838ea5;
    border-radius: 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    display: inline-block;
    transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.ble a.btn,
.yel a.btn {
    transition: all .5s ease-in-out 0s
}
.service-bar .exp i {
    color: #000
}
.service-bar .exp:focus,
.service-bar .exp:hover {
    color: #fff;
    background: #838ea5
}
.service-bar.imgs {
    background: #f7f7f7
}
.service-bar.cont {
    margin: 30px 0 0;
    display: inline-block
}
.service-bar.imgs img {
    padding: 18px 0
}
.client .tittle h2 {
    margin: 0 0 55px!important
}
.client .tittle h2:after {
    display: none
}
.client-quotos {
    position: relative;
    padding: 85px 0;
    background-image: url(../images/awards/client-quotos-back.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.client-quotos h2 {
    font-family: Oswald, sans-serif;
    color: #fff;
    font-size: 48px!important;
    margin: 0!important;
    text-transform: inherit;
    font-weight: 500!important;
    position: relative;
    display: inline-block
}
.client-quotos h2:after,
.client-quotos h2:before {
    position: absolute;
    content: "";
    width: 31px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}
.client-quotos h2:before {
    left: -45px;
    top: -15px;
    background-image: url(../images/awards/qut-before.png)
}
.client-quotos h2:after {
    right: -45px;
    bottom: -7px;
    background-image: url(../images/awards/qut-after.png)
}
.awesome {
    position: relative;
    padding: 45px 0;
    color: #565656
}
.iso,
.nasscom {
    padding: 35px 0 70px;
    position: relative
}
.awesome h5 {
    font-family: 'Montserrat', sans-serif;;
    font-size: 25px;
    color: #565656;
    text-transform: uppercase;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -.8px
}
.tom h4,
.tom h5 {
    font-family: Poppins, sans-serif
}
.awesome p {
    font-size: 15px;
    line-height: 24px
}
.awesome .owl-nav {
    display: none
}
.awesome .owl-dots {
    position: relative;
    display: block;
    text-align: center;
    margin: 15px 0 0
}
.awesome .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #4c5b5c;
    margin: 0 5px
}
.awesome .owl-dots .owl-dot.active {
    background: #8fd800
}
.tom h4 {
    font-size: 34px;
    color: #313743;
    margin: 0 0 55px;
    font-weight: 300
}
.tom h4 span {
    font-weight: 400
}
.tom h5 {
    font-size: 24px;
    margin: 0 0 25px;
    font-weight: 600;
    text-decoration: underline;
    letter-spacing: 0
}
.TDGDBDY p,
.tom p {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;;
    margin: 0
}
.tom p {
    line-height: 20px;
    color: #6f6f6f
}
.iso {
    background: url(../images/awards/iso-back.png) left 12px no-repeat #f3f6ff;
    background-size: 300px
}
.iso h5 {
    color: #2e3d92
}
.nasscom {
    background: url(../images/awards/nasscom-back.png) right 30px no-repeat #eee;
    background-size: 400px
}
.nasscom h5 {
    color: #911831
}
.TDGDBDY p {
    text-align: center;
    color: #838ea5;
    line-height: 24px
}
.TDGDBDYTAB-content h2 {
    font-size: 34px!important;
    font-weight: 300!important;
    color: #89c80f;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    margin: 85px 0 15px!important;
    text-transform: none!important
}
.TDGDBDYTAB-content h2 span {
    font-weight: 500;
    color: #000
}
.TDGDBDYTAB-content h2:after {
    display: none
}
.TDGDBDYTAB-content h4 {
    color: #3d3d3d;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;;
    font-weight: 400;
    margin: 0 0 20px
}
.TDGDBDYTAB-content p {
    text-align: left;
    line-height: 24px;
    color: #838ea5
}
.GPImg {
    margin-top: 25px;
    display: block
}
.SPBtn {
    font-size: 12px;
    color: #89c80f;
    padding: 10px 25px;
    border: thin solid #89c80f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    background: 0 0;
    margin-top: 30px
}
.FTDGDBDYBG {
    background: #f7f7f7;
    padding-bottom: 60px;
    margin-bottom: 150px
}
.UIPad {
    margin-top: 80px
}
.FTDGDBDYBG h2 {
    margin-top: 60px!important
}
.MGDFBG {
    position: relative;
    padding: 80px 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center
}
.TDGDBDYTAB-content2 h2 {
    font-size: 34px!important;
    font-weight: 300!important;
    color: #89c80f;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    margin: 10px 0 25px!important;
    text-transform: none!important
}
.ble a.btn,
.career p.bold,
.portfolio h3,
.yel a.btn {
    text-transform: uppercase
}
.TDGDBDYTAB-content2 h2 span {
    font-weight: 500;
    color: #fff
}
.TDGDBDYTAB-content2 h2:after {
    display: none
}
.part10,
.part9 {
    box-sizing: border-box;
    display: inline-block
}
.TDGDBDYTAB-content2 p {
    color: #fff;
    text-align: left;
    line-height: 26px
}
.TDGDTAB p {
    text-align: left;
    color: #838ea5;
    line-height: 24px
}
.FBOX.FBRight,
.FBOX.FBRight p {
    text-align: right
}
.FBOX.FBLeft p,
.FBOX.FBRight p {
    line-height: 26px;
    color: #606060
}
.part9 {
    width: 100%;
    padding: 0 50px 0 130px
}
.part10 {
    width: 96%;
    padding: 0 100px 0 20px
}
.FBOX {
    position: relative;
    margin-top: 45px
}
.FBOX h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px
}
.FBOX.FBRight .FIcon {
    margin-left: 7px
}
.FBOX.FBLeft,
.FBOX.FBLeft p {
    text-align: left
}
.FBOX.FBLeft .FIcon {
    margin-right: 7px
}
#sync1 .item,
#sync2 .item,
.direct-product,
.loadMore,
.portfolio .nav-tabs,
.yell {
    text-align: center
}
.THdgdmobigm {
    position: absolute;
    margin: 0 auto 0 -130px;
    left: 50%;
    display: block
}
.blue,
.blue ul,
.blue ul li,
.reasone {
    position: relative
}
.FTDGDBDYBG .tittle2 h2 {
    margin-top: 45px!important
}
.TDGDTAB {
    margin-bottom: 50px;
    display: inline-block
}
@media (max-width: 992px) {
    .client-quotos h2:after,
    .client-quotos h2:before {
        display: none
    }
}
@media (max-width: 767px) {
    .img-bl {
        display: block;
        margin: 15px auto
    }
    .client-quotos h2 {
        font-size: 30px!important
    }
    .client-quotos h2 br {
        display: none
    }
    .tom h4 {
        font-size: 24px;
        margin: 0 0 30px
    }
}
.career P {
    color: #6f6f6f;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif;;
    margin: 0 0 35px
}
.career p.bold {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    font-weight: 600
}
.sm-pad h5,
.sm-pad p {
    color: #fff;
    font-weight: 400
}
.com-pad {
    padding: 60px 0
}
.yell {
    background: url(../images/careers/backoff.png) center no-repeat #f6b800
}
.blue {
    background: #0b70c6;
    padding: 60px 25px 60px 75px;
    color: #fff
}
.blue p{
    color: #fff;
}
.blue h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    margin: 0 0 25px
}
.blue ul li,
.sm-pad h5 {
    font-family: 'Montserrat', sans-serif;
}
.blue ul {
    width: 48.7%;
    display: inline-block;
    padding: 0
}
.blue ul li {
    padding-left: 25px;
    font-size: 15px;
    display: block;
    margin: 0 0 7px;
    line-height: 24px;
    color: #fff;
}
.blue ul li ul {
    width: 100%;
    margin: 15px 0 0
}
.blue ul li ul>li:before,
.blue ul li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    left: 0
}
.blue ul li ul>li {
    font-size: 15px;
    line-height: normal
}
.blue ul li:before {
    background-image: url(../images/careers/li1-bef.png)
}
.blue ul li ul>li:before {
    background-image: url(../images/careers/poi.png)
}
.update {
    position: relative;
    margin-bottom: 4px;
}
.update .sm-pad {
    padding: 40px
}
.ble,
.yel {
    padding: 40px 15px 40px 65px;
    position: relative
}
.ble {
    background: url(../images/careers/ble-back.png) right center no-repeat #0b70c6;
    background-size: 248px
}
.yel {
    background: url(../images/careers/email-back.png) right center no-repeat #f6b800;
    background-size: 248px
}
.sm-pad h5 {
    font-size: 30px;
    margin: 0 0 25px
}
.ble a.btn,
.sm-pad p,
.table-tab .nav-tabs>li a,
.yel a.btn {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}
.sm-pad p {
    margin: 0 0 42px;
    line-height: 24px
}
.sm-pad p span {
    color: #1c1500;
    font-weight: 600
}
.ble a.btn {
    position: relative;
    padding: 10px 18px 8px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    color: #0b70c6;
    background: #fff;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.table-tab .nav-tabs>li.active:after,
.table-tab .tab-content ul li:before {
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ""
}
.ble a.btn:hover {
    background-color: transparent;
    color: #fff
}
.yel a.btn {
    color: #fff;
    font-weight: 600;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.overlay,
a {
    transition: all .5s ease-in-out 0s
}
.yel a.btn:hover {
    color: #000
}
.table-tab {
    position: relative;
    padding: 65px 0
}
.table-tab .mal {
    position: relative;
    width: 100%;
    border: 2px solid #e6e6e6;
    display: inline-block;
    border-radius: 15px
}
.table-tab .nav-tabs {
    border: none
}
.table-tab .tab-content {
    padding: 30px 50px
}
.table-tab .nav-tabs>li {
    width: 100%;
    display: inline-block;
    margin: 0;
    border-right: 2px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}
.table-tab .nav-tabs>li:last-child {
    border-bottom: none
}
.table-tab .nav-tabs>li a {
    color: #6f6f6f;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .2px;
    padding: 22px 15px
}
.table-tab .nav-tabs>li.active a,
.table-tab .nav-tabs>li.active a:focus,
.table-tab .nav-tabs>li.active a:hover {
    background-color: transparent;
    border-color: transparent
}
.table-tab .nav-tabs>li.active,
.table-tab .nav-tabs>li.active:focus,
.table-tab .nav-tabs>li.active:hover {
    background-color: #f9f9f8
}
.table-tab .nav-tabs>li.active:after {
    position: absolute;
    width: 13px;
    height: 14px;
    right: -13px;
    margin-top: -7px;
    background-image: url(../images/careers/arrow.png)
}
.table-tab .nav-tabs>li:first-child.active,
.table-tab .nav-tabs>li:first-child.active:focus,
.table-tab .nav-tabs>li:first-child.active:hover {
    border-radius: 10px 0 0;
    -webkit-border-radius: 10px 0 0;
    -moz-border-radius: 10px 0 0;
    -ms-border-radius: 10px 0 0 0
}
.table-tab .nav-tabs>li:last-child.active,
.table-tab .nav-tabs>li:last-child.active:focus,
.table-tab .nav-tabs>li:last-child.active:hover {
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px
}
.table-tab .tab-content h6 {
    font-family: 'Montserrat', sans-serif;;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 25px
}
.table-tab .tab-content p,
.table-tab .tab-content ul li {
    font-size: 15px;
    font-family: Poppins, sans-serif
}
.table-tab .tab-content p {
    font-weight: 300;
    color: #6f6f6f;
    margin: 0 0 18px;
    line-height: 22px
}
.table-tab .tab-content ul {
    position: relative;
    padding: 0;
    width: 48.7%;
    display: inline-block;
    vertical-align: top
}
.table-tab .tab-content ul li {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
    padding-left: 40px;
    color: #3c556a
}
.table-tab .tab-content ul li:last-child {
    margin: 0
}
.table-tab .tab-content ul li:before {
    position: absolute;
    width: 17px;
    height: 18px;
    left: 0;
    margin-top: -8px;
    background-image: url(../images/careers/li1-bef.png)
}
.table-tab .tab-content .tab-pane p:last-of-type {
    margin: 0 0 18px
}
.mgd-img {
    margin: 0 auto;
    display: block
}
#sync1 .owl-nav,
.portfolio .tittle h2:after,
.portfolio h3:after {
    display: none
}
.portfolio .tittle h2 {
    letter-spacing: 0;
    margin: 0 0 15px!important
}
.portfolio span.small {
    font-family: 'Montserrat', sans-serif;
    color: #a8a8a8;
    font-size: 15px;
    text-align: center;
    display: block;
    margin: 0 0 50px
}
.portfolio .nav-tabs {
    border: none;
    position: relative
}
.portfolio .nav-tabs:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 49.8%;
    width: 100%;
    height: 1px;
    background: #d9d9d9
}
.portfolio .nav-tabs>li {
    float: none;
    display: inline-block;
    margin: 0 7px
}
.portfolio .nav-tabs>li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    border-radius: 30px;
    border: 1px solid #d9d9d9;
    background: #fff
}
.portfolio .nav-tabs>li.active a,
.portfolio .nav-tabs>li.active a:focus,
.portfolio .nav-tabs>li.active a:hover {
    background: #89c80f;
    border-color: #89c80f;
    color: #fff;
    top: inherit
}
.portfolio .nav-tabs>li a:focus,
.portfolio .nav-tabs>li a:hover {
    border-color: #89c80f;
    color: #89c80f
}
.dot-tor {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 0 0 30px
}
.dot-tor:after,
.dot-tor:before {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d9d9d9
}
.dot-tor:before {
    left: 0
}
.dot-tor:after {
    right: 0
}
.portfolio .tab-content {
    position: relative;
    margin: 30px 0 0
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.grid-item,
.grid-sizer {
    width: 25%
}
.grid-item {
    position: relative;
    float: left;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px
}
.grid-item img {
    display: block;
    max-width: 100%;
    padding: 0 10px 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px
}
.loadMore {
    position: relative;
    width: auto;
    margin: 50px auto;
    cursor: pointer;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear
}
@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}
@-o-keyframes spinnerRotate {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}
.overlay {
    position: absolute;
    left: 10px;
    top: 0;
    right: 10px;
    width: 93%;
    height: 95%;
    background: rgba(0, 0, 0, .5);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    opacity: 0;
    transform: scale(.5)
}
.direct-product {
    position: absolute;
    padding: 5px 12px;
    font-family: 'Montserrat', sans-serif;;
    color: #fff!important;
    background: #79af39;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10%;
    width: 50%;
    z-index: 999;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .5)
}
#sync1 .item,
#sync1 .item h1 img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}
.grid-item:hover .overlay {
    opacity: 1;
    transform: scale(1)
}
@media (max-width: 1200px) {
    .dot-tor:after,
    .dot-tor:before {
        display: none
    }
    .portfolio .nav-tabs:before {
        bottom: -10px;
        top: inherit
    }
    .portfolio .nav-tabs>li {
        margin: 0 4px 8px
    }
}
.portfolio {
    position: relative;
    padding: 60px 0 0;
    width: 100%
}
#sync1 .item {
    margin: 0;
    border-radius: 3px;
    height: auto
}
#sync1 .item h1 img {
    border-radius: 3px
}
#sync2 {
    padding: 0 3px
}
#sync2 .item {
    padding: 10px 0;
    margin: 0 5px;
    cursor: pointer
}
#sync2 .item h1 img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-] {
    transition: all .3s ease
}
#sync2.owl-theme .owl-next,
#sync2.owl-theme .owl-prev {
    width: 7px;
    height: 15px;
    margin-top: -7.5px;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    font-size: 0
}
a {
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
#sync2.owl-theme .owl-prev {
    left: -5px;
    background-image: url(../images/portfolio-details/prev.png)
}
#sync2.owl-theme .owl-next {
    right: -5px;
    background-image: url(../images/portfolio-details/next.png)
}
.portfolio h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    text-align: left;
    color: #82c400;
    margin: 0 0 22px!important;
    font-weight: 500
}
.portfolio .line label,
.portfolio .line span.tag {
    font-family: 'Montserrat', sans-serif;
}
.portfolio .line {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0 0 8px
}
.portfolio .line label {
    color: #434343;
    font-size: 15px;
    font-weight: 400
}
.portfolio .line span.tag {
    padding: 5px 10px;
    color: #fff;
    background: #a4a4a4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    display: inline-block
}
.portfolio .pro-link,
.portfolio p {
    font-family: 'Montserrat', sans-serif;;
    font-size: 15px
}
.portfolio .pro-link {
    color: #6ba101
}
.portfolio .pro-link:hover {
    color: #222
}
.portfolio p {
    line-height: 22px;
    color: #6f6f6f;
    margin: 0 0 30px
}
.portfolio .s-social {
    position: relative;
    padding: 0;
    list-style: none;
    top: -3px
}
.portfolio .s-social li {
    display: inline-block;
    margin: 0 5px 0 0
}
.master,
.master img {
    display: block;
    width: 100%;
    height: 100%
}
.portfolio .s-social li i {
    font-size: 28px;
    color: #222;
    transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}
.portfolio .s-social li i:hover {
    font-size: 28px;
    color: #6ba101
}
.block-r,
.block-r h2 {
    color: #fff;
    text-align: left
}
.master {
    position: relative;
    overflow: hidden
}
.block-r {
    transition: top .2s ease-in;
    position: absolute;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 30, 56, .85);
    padding: 15px 30px;
    box-sizing: border-box
}
.block-r h2 {
    line-height: inherit;
    font-weight: 500!important
}
.block-r h2:after {
    display: none
}
.block-r p {
    line-height: normal
}
.master:hover .block-r {
    top: 0
}
.pas p {
    margin: 0 0 30px;
    color: #8f8f8f;
    line-height: 24px;
    font-size: 15px
}
@media (max-width: 1024px) {
    .block-r h2 {
        font-size: 20px!important
    }
}
@media (max-width: 767px) {
    .portfolio .line .txt-right {
        text-align: inherit
    }
    .portfolio .line label {
        margin: 0 0 8px
    }
    .table-tab .nav-tabs>li {
        border-right: none
    }
    .table-tab .nav-tabs>li:last-child {
        border-bottom: 1px solid #e6e6e6
    }
    .table-tab .nav-tabs>li.active:after {
        display: none
    }
}
#test-popup #fm label.error,
#test-popup #fm3 label.error {
    bottom: -15px;
    font-weight: 400;
    color: #ff4d4d;
    text-align: right;
    right: 0
}
#contactfrm .col-xs-12 {
    position: relative
}
.contact-form .input-text,
.contact-form .quoto-BTN {
    margin: 0
}
#test-popup #fm3 label.error {
    left: 52px;
    position: absolute;
    font-size: 12px;
    margin: 0
}
#contactfrm label.error {
    font-size: 13px;
    font-weight: 400;
    color: #ff4d4d;
    margin: 0;
    position: relative;
    top: -22px;
    left: 12px
}
#test-popup #fm label.error {
    left: 52px;
    position: absolute;
    font-size: 12px;
    margin: 0
}
#fm textarea {
    margin: 0;
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
    height: 70px!important
}
#test-popup .contact-form .input-type {
    padding: 8px 12px;
    margin-bottom: 20px
}
#test-popup .contact-form .quoto-BTN {
    margin: 20px auto 0;
    padding: 10px 20px;
    font-size: 15px;
    display: block
}
.contact-form .input-group {
    margin: 20px 0 0;
    position: relative
}
#fm1 {
    position: relative
}
#fm1 label.error {
    position: absolute;
    top: inherit;
    bottom: -46px;
    font-size: 15px;
    left: 15px;
    color: rgb(255, 174, 0);
    font-weight: 400;
}
.taper {
    position: absolute;
    left: 50%;
    top: 16%;
    transform: translate(-50%);
    text-align: center;
    width:65%;
}
.taper .game-tittle h3 {
    text-align: center!important;
    font-size: 18px!important;
    margin: 0 0 10px!important
}
.taper ul.linker {
    position: relative;
    margin: 15px 0 0;
    padding: 0
}
.taper ul.linker li {
    display: inline-block;
    margin: 0 7px
}
.taper ul.linker li a.direct-product {
    position: relative!important;
    padding: 0!important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    bottom: inherit!important;
    left: inherit!important;
    right: inherit!important
}
.bgm,
.coming-soon h2:after {
    display: none
}
.taper ul.linker li a.direct-product i {
    position: relative;
    font-size: 20px
}
.coming-soon h2 {
    font-size: 30px!important;
    font-weight: 400!important;
    color: #de1200;
    text-align: center;
    margin: 30px 0!important;
    text-transform: capitalize
}
.pn {
    top: 10%
}
.pn .game-tittle h3 {
    font-size: 18px!important
}
.pn ul.linker li a.direct-product {
    width: 30px!important;
    height: 30px!important;
    line-height: 30px
}
.pn ul.linker li a.direct-product i {
    font-size: 18px
}
.con-us .col-xs-12 {
    position: relative
}
.con-us label.error {
    position: absolute!important;
    bottom: 13px;
    top: inherit!important;
    right: 19px;
    left: inherit!important
}
.con-us .input-text {
    margin-bottom: 30px!important
}
.bgm {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0, 0, 0, .6);
    transition: .3s ease all
}
.popm {
    position: relative;
    max-width: 300px;
    width: 100%;
    margin: 40px auto;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    text-align: center;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}
.popm .popm-head {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}
.popm .popm-con {
    padding: 15px
}
.popm h4 {
    color: #1a1a1a;
    font-weight: 500
}
.popm img {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto 15px;
    width: 65px
}
.popm p {
    font-size: 15px;
    color: #838ea5;
    line-height: 24px;
    margin: 0 0 30px
}
.popm .popm-close {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #838ea5;
    font-weight: 300
}
p.only {
    font-size: 11px;
    margin: 2px 0 0;
    color: #a5a5a5
}
.re-tiny .mce-stack-layout-item {
    display: none
}
.re-tiny .mce-panel {
    border-width: 0!important
}
.re-tiny .pre-text {
    display: block!important
}
iframe#content_ifr {
    max-width: 100%!important
}
.palum {
    background-image: url(../images/palum.jpg)
}
.palum h2 {
    color: #3c556a
}
.palum .CTab p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500
}
.palum .top {
    max-width: 42px
}
.process .container-fluid:nth-child(even) .dag-con{ float: right;}
.sub-service p{ color: #484848; line-height: 24px;}
.sub-service ul{ position: relative; padding-left: 15px;}
.sub-service ul li{ list-style: disc; margin-bottom: 5px; color: #484848; line-height: 22px;}
.sub-service h3{margin: 0 0 45px; text-align: left;}
.sub-service h3:after{display: none;}
.let-us{position: relative; background-color: #f2f2f2; padding: 60px 0; margin-top: 30px;}
.let-us h3{font-size: 32px; text-align: left; font-weight: 300; margin: 0 0 40px; color: #171717;}
.let-us h3:after{display: none;}
.let-us a.idea{padding: 18px 10px; border:2px solid #171717; color:#171717; font-weight: 500;font-family: 'Oswald', sans-serif; display: inline-block;}
.more-sub-hope{position: relative; padding: 50px 0;}
.sub-hope-pat{margin-top: 50px; position: relative;}
.sub-hope-pat:first-child{margin-top: 100px; position: relative;}
.sub-hope-pat p, .more-sub-hope p{color: #6c6c6c; font-size: 15px; line-height: 24px;}
.sub-hope-pat p strong{color: #171717;}
.par{margin: 0 0 30px;}
.padd{padding: 50px 0;}
.foly{max-width: 1024px; width: 100%; margin: auto; text-align: center;}
.let-us.padd h3{ padding: 0 0 10px; width: 100%; display: inline-block; border-bottom: 4px solid #2bbcff; position: relative;}
.let-us.padd p, .foly p{ color: #6c6c6c; font-size: 18px; line-height: 30px;}
a.idea{padding: 18px 10px; border:2px solid #2bbcff; color:#2bbcff; font-weight: 500;font-family: 'Oswald', sans-serif; display: inline-block;}
.more-sub-hope a.idea{ margin: 35px 0 0}
.ora-part{padding: 25px 0; text-align: center; color: #fff;}
.color1{background: #ffb042;}
.color2{background: #e74518;}
.color3{background: #5ca5ca;}
.color4{background: #00486d;}
.ora-part img{margin: 0 0 25px; width: 80px;}
.haru{margin: 15px 0;}
.madurai{width: 80%; margin: auto; text-align: center;}
.madurai p>strong{margin: 30px 0 0; display: block;}
.back-von{background: #0071f0 url(../images/saros.png); background-attachment: fixed; background-position: top center; background-size: cover; color: #fff;}
.back-von p, .back-von a.idea{color: #fff; border-color: #fff;}
.part-one{position: relative; width: 100%; margin: 0 0 20px; text-align: center;}
.part-one p{margin: 20px 0 0;}
.sky-for{padding: 45px 0;background: #befbff;}
img.absolute-image { position: absolute; left: 0; z-index: 1; max-width: 214px; width: 100%; top: -25px; right: 0; margin: auto;}
.forecast{position: relative; padding: 65px 0; text-align: center;}
.forecast .foly p{font-size: 20px; margin-bottom: 30px;}
.forecast img{max-width: 1010px;width: 95%;}
.HCSection ul li.static_bottom{    
    position: fixed;
    float: none;
    bottom: 15px;
    right: 15px;
    background: rgb(19, 24, 25);
    padding: 10px 8px;
    border-radius: 100%;
}
.HCSection ul li.static_bottom.st1{    
    bottom: 90px;
    padding: 9px 9.5px 9.5px 7px;
}
.new-opsd{position: relative; width: 100%; display: inline-block;}
.new-opsd h2{color: #242424; margin: 30px 0 35px!important;}
.new-opsd ul.coloured-graphic{
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
}
.new-opsd ul.coloured-graphic li {
    width: 16.5%;
    float: left;
    color: #FFF;
    text-align: center;
    padding: 15px;
    height: 115px;
    text-transform: uppercase;
}
.new-opsd ul.coloured-graphic li.one {
    background-color: #ff3717;
    border-radius: 7px 0 0 7px;
    display: table-column;
}
.new-opsd ul.coloured-graphic li.two {
    background-color: #85c226e0;
    margin-left: 1px;
}
.new-opsd ul.coloured-graphic li.three {
    background-color: #0e89d2;
    margin-left: 1px;
}
.new-opsd ul.coloured-graphic li.four {
    background-color: #0e89d2;
    margin-left: 1px;
}
.new-opsd ul.coloured-graphic li.five {
    background-color: #85c226e0;
    margin-left: 1px;
}
.new-opsd ul.coloured-graphic li.six {
    background-color: #ff3717;
    border-radius: 0 7px 7px 0;
    margin-left: 1px;
}
.new-opsd ul.coloured-graphic li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    line-height: normal;
    font-weight: normal;
    position: relative;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.fact{position: relative; width: 100%; padding: 60px 40px; box-sizing: border-box;font-family: 'Montserrat', sans-serif; color: #fff;}
.fact.col1{background-color: #ff563b;}
.fact.col2{background-color: #67c7ff}
.fact.col3{background-color: #ffb847}
.fact h3{font-size: 24px; font-weight:lighter; text-align: left; color: #fff; margin-bottom: 15px}
.fact h3:after{display: none;}
.fact h4{font-size: 20px; color: #1a1a1a; margin-bottom: 25px;}
.fact p{font-size: 15px; font-weight: normal; line-height:24px; margin-bottom: 55px;}
.fact a.inqer{ color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.75); border: 2px solid; padding: 12px 25px; display: inline-block; font-size: 15px; letter-spacing: 1px;}
.marker-client{position: relative; width: 100%; background-image: url(../images/map-home-back.webp); background-repeat: no-repeat; background-size: cover; display: inline-block; margin: -3px 0 0;}
.marker-client .tsti{padding: 65px 0; background-color: rgba(0,0,0,0.2);}
.marker-client .tsti p{ color: #fff; line-height: 25px;  width: 90%; font-family: 'Montserrat', sans-serif; font-size: 15px;  margin: 0 auto 25px; text-align: center; font-weight: normal;}
.marker-client .tsti .CSBdy-img{left:50%; transform: translate(-50%); position: relative;}
.marker-client .tsti h5{text-align: center; color: #fff; font-weight: normal; font-family: 'Montserrat', sans-serif; }
.marker-client .owl-nav{display: none;}
.marker-client .cl_logo{position: relative; padding: 35px 0 0;}
/*
.marker-client .cl_logo .item{ position: relative; text-align: center; width: 20%; float: left;}
.marker-client .cl_logo .item img.img-responsive{ max-width: 80px; display: inline-block; vertical-align: middle; width: 100%; padding: 0 5px;}
*/
.marker-client .cl_logo img{-webkit-filter: grayscale(1);  filter: grayscale(1); cursor: pointer;}
.marker-client .cl_logo img:hover{-webkit-filter: grayscale(0);  filter: grayscale(0);}

@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #03355e, 0 0 70px #03355e, 0 0 80px #03355e, 0 0 100px #03355e, 0 0 150px #03355e;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #03355e, 0 0 35px #03355e, 0 0 40px #03355e, 0 0 50px #03355e, 0 0 75px #03355e;
  }
}
.top-hell{background: rgba(255,255,255,0.8);}
.uscase{ text-align: center;}
.uscase span{
    position: relative;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 25px;
    border: 2px solid rgba(255,255,255,0.7);
    background: #009fff;
    color: #000;
    margin: 10px 0 0;
    outline: none;
    font-size: 15px;
      -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
  -moz-animation: neon1 1.5s ease-in-out infinite alternate;
  animation: neon1 1.5s ease-in-out infinite alternate;
}
.counter_area{position: relative; width: 100%; background: url(../Img/baba-back.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 35px 0;}
.counter_area h2{color: #fff;}
.counter_area p{color: #fff; display: block; text-align: center; font-weight: normal; font-size: 15px; margin-bottom: 50px; font-weight: 600;}
.counter_area h2:after{display: none;}
.counter_area .pampu{position: relative; text-align: center; /*border-right: 1px solid rgb(5, 37, 19);*/ margin-bottom: 35px;}
.counter_area .pampu:last-child{border:none}
.counter_area .pampu h3{ color: #fff; display: block; text-align: center; font-weight: normal; margin-top: 15px; font-size: 15px; letter-spacing: 1px;}
.counter_area .pampu h3:after{display: none;}
.counter_area .tagmore{max-width: 50px; margin-bottom: 15px;}
#shiva
{
  /*width: 100px;
	height: 100px;
	background: #1093ff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
  margin:5px;*/
    display: block;
    text-align: center;
}
span.count
{
 /* line-height: 100px;*/
  color:white;
  font-size:28px;
}
span.plus{
  color:white;
  font-size:28px;
}
.main-container{position: relative;}
.m-col{background: #2c3e50;}
.b-col{background: #2980b9;}
.b-col1{background: #1f608b;}

.g-col{background: #107864;}
.g-col1{background: #16a085;}

.g1-col{background: #9bbb59;}
.g1-col1{background: #77933c;}

.y-col{background: #ba7609;}
.y-col1{background: #f39c12;}

.o-col{background: #b53f10;}
.o-col1{background: #ff3c07;}

.r-col{background: #c0392b;}
.r-col1{background: #902b20;}


.content1{
    font-size: 18px;
    line-height: normal;
    bottom: 295px;
    position: absolute;
    padding: 0 33px 0 0;
    color: #1f608b;
    text-align: right;
}
.content1:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 353px;
    background: #1f608b;
    bottom: -293px;
    right: 25px;
}
.content2{
    font-size: 18px;
    line-height: normal;
    bottom: 215px;
    position: absolute;
    padding: 0 32px 0 0;
    color: #107864;
    text-align: right;
}
.content2:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 374px;
    background: #107864;
    bottom: -293px;
    right: 25px;
}
.content3{
    font-size: 18px;
    line-height: normal;
    bottom: 355px;
    position: absolute;
    padding: 0 30px 0 0;
    color: #77933c;
    text-align: right;
}
.content3:after{
     position: absolute;
    content: "";
    width: 1px;
    height: 352px;
    background: #77933c;
    bottom: -293px;
    right: 25px;
}
.content4{
    font-size: 18px;
    line-height: normal;
    bottom: 0;
    position: absolute;
    color: #f39c12;
    z-index: 5;
    padding: 0 32px 0 0;
    text-align: right;
}
.content4:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 170px;
    background: #f39c12;
    bottom: 0;
    right: 25px;
}
.content5{
    font-size: 18px;
    line-height: normal;
    bottom: 465px;
    position: absolute;
    padding: 0 32px 0 0;
    color: #ff3c07;
    margin-right: 8px;
    text-align: right;
}
.content5:after{
     position: absolute;
    content: "";
    width: 1px;
    height: 332px;
    background: #ff3c07;
    bottom: -270px;
    right: 25px;
}
.content6{
        font-size: 18px;
    line-height: 24px;
    position: absolute;
    padding: 0 0 0 0;
    color: #ff7554;
    top: 70%;
    z-index: 5;
    right: 40px;
    left: -40px;
    text-align: right;
}
.content6:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 227px;
    background: #902b20;
    top: -181px;
    right: -5px;
}


.main-block{position:relative; width:100%; height: 84px;z-index: 4;}
.short-box{position: relative; display: block; width: 100%; height: 84px;}
.short-box-orla{position: relative; display: block; width: 100%; height: 100%; height: 84px; text-align: center;}
.short-box-orla img{width: 50%; position: relative; top:50%; display: inline-block; transform: translateY(-50%);}


.blog-update{position: relative; width: 100%; margin: 0 0 30px;}
.blog-update .bt-input{position: relative; width: 80%; padding: 5px 10px; border:1px solid rgba(255,255,255,0.7); margin-bottom: 15px; background-color: transparent; color: #fff;}
.blog-update .bt-submit{position: relative;
    padding: 10px 50px;
    font-size: 15px;
    color: #fff;
    background: #f71900;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;}

.petent h2{color: #fff; text-align: left; margin: 30px 0 0 !important;}
.petent h2:after{display: none;}

.maze{position: relative; text-align: center;}
.maze .client{position: relative; display: inline-block; margin: 10px; cursor: pointer;}
.maze.second-maze{margin-top: -88px;}
.maze.third-maze{margin-top: -88px;}
ul.rip{position: relative; margin-top: 45px; width: 100%; display: inline-block; display: none;}
ul.rip li.open{display: none;}
.client .show-after{opacity: 0; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.client img {display: inline-block;    -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s;}
.client:hover img.show-after{opacity: 1;}
.client:hover img.show-befoew{opacity: 0;}
.white1{ color: white !important; font-size: 18px !important; text-transform: uppercase !important; text-decoration: underline;}
.back-one{background: #0594d1;}
.back-one h2{color: #fff;  text-align: left; margin: -21px 0 20px -18px !important; font-size: 25px !important; font-weight: normal!important;}
.back-one h2:after{display: none;}
.param1 .CTab{border-right: 1px solid rgba(255,255,255,0.3);padding: 0 16px 20px;}
.param1 .CTab:last-child{border:none;}
.platon{position: relative; width: 100%; padding: 15px 0; text-align: center;}
.platon img{ display: inline-block; margin-bottom: 3px; width: 55px;}
.platon h5{font-size: 15px; color: #fff; font-weight: normal;}
.for-padding{position: relative; width: 100%; padding: 30px 15px;}
.side-one{background: #ebeff2;}
.side-one h2{color: #228aff; text-align: left; margin: -21px 0 20px -18px !important; font-size: 25px !important;}
.side-one h2:after{display: none;}
.side-one ul{position: relative; margin-top: 20px; padding-bottom: 30px; display: block;}
.side-one li{position: relative; display: block; margin-bottom: 15px; color: #131819; font-size: 15px;}
.side-one li:before{position: absolute; content: ""; background: url(../joiprabhu/right-arrow.png); background-size: 100%; width: 15px; height: 15px; left: -25px; top: 2px;}
.side-one li:last-child{margin: 0;}
.mission-port{position: relative; width: 100%; background: url(../joiprabhu/mission.png); background-size: 100% 100%; background-position: center; padding: 30px 15px;}
.vission-port{position: relative; width: 100%; background: url(../joiprabhu/vission.png); background-size: 100% 100%; background-position: center; padding: 30px 15px;}
.goal-port{position: relative; width: 100%; background: url(../joiprabhu/goal.png); background-size: 100% 100%; background-position: center; padding: 30px 15px;}
.pos1{ position: relative; max-width: 250px; margin-left: 30px;}
.pos1 h3{ position: relative; text-align: left; margin: 0 0 18px !important; color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 700;}
.pos1 h3:after{display: none;}
.pos1 p{ color: #fff; font-weight: normal; font-size: 15px; line-height: 20px;}
.pos2{position: relative; max-width: 280px;}
.pos2 h3{ position: relative; text-align: left; margin: 0 0 18px !important; color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 700;}
.pos2 h3:after{display: none;}
.pos2 p{  color: #fff; font-weight: normal; font-size: 15px; line-height: 20px;}
.pos3{position: relative;}
.pos3 ul{position: relative; padding: 0;}
.pos3 h3{ position: relative; text-align: left; margin: 0 0 18px !important; color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 700;}
.pos3 h3:after{display: none;}
.pos3 ul li{ color: #fff; display: block; margin-bottom: 8px; list-style: disc;}
.talmatal{margin-bottom: 50px;}
.process .head-tag{position: relative; background:#dcf0f3; padding:15px; border-top-right-radius: 15px; border-top-left-radius: 15px;}
.process .head-tag h3{color: #fff; text-transform: uppercase; margin: 0 !important; font-size: 24px; font-weight: 700;}
.process .head-tag h3:after{display: none;}
.tag-point{position: relative; padding: 15px; text-align: center; background: #f7f7f7; text-align: center;}
.tag-point:nth-child(odd){background: #ebebeb;}
.tag-point p{position: relative; margin: 0; font-size: 18px; color: #1a1a1a;}

.idea .head-tag{background: #ffbd41;}
.action .head-tag{background: #0078ff;border:2px solid #ffbd41;}
.result .head-tag{background: #47c909;border:2px solid #0078ff;}
.idea:after{position: absolute; content: ""; width: 24px; height: 24px; background: url(../joiprabhu/right-go-b.png); background-size: 100% 100%; right: 20px; top: 17px;}
.action:before{position: absolute; content: ""; width: 30px; height: 1px; border-bottom: 2px solid #ffbd41; left: -15px; top:29px;}
.action:after{position: absolute; content: ""; width: 24px; height: 24px; background: url(../joiprabhu/right-go.png); background-size: 100% 100%; right: 20px; top: 17px;}
.result:before{position: absolute; content: ""; width: 30px; height: 1px; border-bottom: 2px solid #0078ff; left: -15px; top:29px;}

.action .head-tag:after {
    position: absolute;
    content: "";
    width: 51%;
    height: 107%;
    right: -2px;
    top: -2px;
    border: 2px solid #0078ff;
    border-top-right-radius: 15px;
    border-left: none;
}
.result .head-tag:after {
    position: absolute;
    content: "";
    width: 51%;
    height: 107%;
    right: -2px;
    top: -2px;
    border: 2px solid #47c909;
    border-top-right-radius: 15px;
    border-left: none;
}
.pro-go{text-align: center;}
.pro-go .round{position: relative; width: 100px; height: 100px; background: #ff6c00; border-radius: 50%; display: inline-block; text-align: center; line-height: 100px;}
.pro-go .round img{position: relative; width: 40px; display: inline-block; }
.pro-go  p{position: relative; margin: 15px 0 0; text-transform: uppercase; font-size: 18px; background: #fff; padding: 2px 0; z-index: 2;}
.pro-go .most{position: relative; margin: 20px 0; width: 100%; display: inline-block;}
.pro-go .most:after{position: absolute; content: ""; width: 88%; height: 2px; background: #ff6c00; bottom: 65%; right: -47%;}
.pro-go .most.extra-node:after{position: absolute; content: ""; width: 2px; height: 55%; background: #ff6c00; bottom: -30%; right: 0; left: 0; margin: auto;}
.pro-go .most.bob:after{ position: absolute; content: ""; width: 14px; height: 75%; border: 1.8px dashed #ff6c00; bottom: -38%; right: 0; left: 0; margin: auto; background: transparent;}
.pro-go .most.rever:after{position: absolute; content: ""; width: 88%; height: 14px; border: 1.8px dashed #ff6c00; background: transparent; bottom: 60%; left: -47%;}
.pro-go .most.l-rever:after{position: absolute; content: ""; width: 88%; height: 2px; background: #ff6c00; bottom: 65%; left: -47%;}
.pro-go .most.none:after{display: none}
.man-grobe{padding: 40px 0 60px;}
.man-grobe h4{font-size: 20px; display: block; text-align: center; margin-bottom: 30px;}
.man-grobe p{ color: #a5a5a5; font-size: 15px; text-align: center; margin: 0 0 35px;}
.man-grobe h5{font-size: 15px; font-weight: normal; margin-bottom: 15px; text-align: center; color: #ff6c00;}
.man-grobe ul{position: relative; margin: 10px 0 0; text-align: center;}
.man-grobe ul li{position: relative; display: inline-block; margin:5px;}
.man-grobe ul li img{max-width: 40px;}
.menu-company{position: relative; text-align: right; padding: 15px 0;}
.menu-company ul{position: relative;}
.menu-company ul li{position: relative; display: inline-block; margin: 0 5px;}
.menu-company ul li a{font-size: 15px; color: #181c25; font-weight: 600;}
.mid-eng{position: relative; width: 100%; margin: 15px 0;}
.advantage{display: block; margin-bottom: 30px}
.hachigo{    position: relative;
    width: 100%;
    padding: 15px;
    border-radius: 50%;
    max-width: 180px;
    min-height: 165px;
    margin: 4px;
    text-align: center;}
.hachigo h6{color: white; word-wrap: break-word; font-size: 15px; display: inline-block; position: relative;top:30px; font-weight: 300;}
.hachigo h6 span{font-size: 15px; display: block; position: relative; font-weight: 600; margin: 0 0 10px; text-decoration: underline;}
.co1{background-color: #983c2d; float: right; border-bottom-right-radius: 0px;}
.co2{background-color: #2d6677; float: left; border-bottom-left-radius: 0px;}
.co3{background-color: #d28c37; float: right; border-top-right-radius: 0px;}
.co4{background-color: #263150; float: left; border-top-left-radius: 0px;}
ul.lindup{position: relative; width: 100%; margin: 15px 0;}
ul.lindup li{position: relative; width: 100%;}
ul.lindup a{ width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #131819; line-height: 40px; font-size: 15px; position: relative; display: inline-block; text-align: center; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2); left: 14px; z-index: 1; font-weight: 700;}
ul.lindup li span{position: relative; display: inline-block; color: #fff; padding:8px 18px 8px 20px; background: #00a0d2; border-top-right-radius: 25px;border-bottom-right-radius: 25px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); margin: 5px 0; }
ul.lindup li:nth-child(odd) span{ background: #c7c7c7; }
.point-blow{position: relative; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; padding: 50px; background: #fff; display: inline-block}
.point-blow h4{color: #fff; display: block; margin: 0 0 30px; font-size: 22px;}
.point-blow ul{position: relative; list-style: decimal-leading-zero; padding-left: 20px;}
.point-blow ul li{position: relative; width: 100%; margin: 0 0 15px; color: #fff; font-size: 15px; padding-left: 15px;}
.point-blow ul li:before{ position: absolute; content: ""; width: 1px; height: 100%; left: 2px; top: 1px; background: #fff; border-radius: 50%; font-size: 14px; line-height: 30px;}
.big_table{position: relative; width: 100%;}
.big_table li{position: relative; width: 100%; display: inline-block; background: #232323; border-bottom: 1px solid #fff;}
.big_table li:nth-child(2){background: #8064a2}
.big_table li:nth-child(3){background: #449eb9}
.big_table li:nth-child(4){background: #ff5050}
.big_table li ul{position: relative; width: 100%; display: inline;}
.big_table li ul > li{display: inline-block; position: relative; width: 12.2%; float: left; color: #fff; font-size: 12px; word-wrap: break-word; background-color:transparent !important; border-right: 1px solid #fff; border-bottom: 0px; text-align: center; height: 70px; /*box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);*/}
.big_table li ul > li span{ position: absolute; width: 92%; left: 0; right: 0; top: 50%; margin: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.big_table li ul > li:first-child{font-size: 10px !important; background-color:#232323 !important;}
.big_table li ul > li:last-child{border-right:none;}
.big_table li ul > li.white{background-color: #fff !important;}
.big_table li:first-child li{font-size: 10px !important;}


.tometo{position: relative; width: 100%; display: block; text-align: center;}
.tometo li{position: relative; width: 50%; float: left; padding: 25px 0 0;}
.tometo li:after{top: 0; width: 1px; height: 100%; background: url(../images/process/pro-after.png) center no-repeat; background-size: 100% 100%; position: absolute; content: "";right: 9px;}
.tometo li:last-child:after{display: none;}
.tometo p{text-align: left;}

.lot-width{max-width: 568px; width: 100%; float: right;}
.large-images h2{text-align: left;}
.large-images h2:after{display: none;}
.loby{margin: 15px 0;}
.loby .pom{position: relative; width: 100%; }
.loby .pom span{width: 80px; display: inline-block; margin: -5px 0 0 -20px; vertical-align: middle; position: relative;-webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;}
.bounce { 
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes bounce {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
  50% {-webkit-transform: translateY(-5px);}
} 

@keyframes bounce { 
  0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
  50% {transform: translateY(-5px);}
}
.loby h4{ position: relative; font-size: 22px; margin-bottom: 15px; color: #3a556a; display: inline-block; vertical-align: bottom; margin: 0;}
.loby p{position: relative; color: #9ea5b2; line-height: normal; text-align: justify; margin: 20px 0 0;}
.motal-flow{position: relative; width: 100%; padding: 30px 0; }
.motal-flow ul{position: relative; padding: 0;}
.motal-flow ul li{position: relative; width: 11.11%; float: left; text-align: center;}
.motal-flow ul li span{ position: relative; display: inline-block; background: #fff; padding: 3px 8px; border: 1px dashed #000; border-radius: 30px; text-transform: uppercase; font-size: 14px; margin: 10px 0 0; font-weight: 500;}
.motal-flow ul li a{font-size: 12px; color: #1a1a1a; word-wrap: break-word; width: 100px; height: 100px; background: #f2f2f2; border-radius: 50%; display: inline-block; line-height: 100px; text-align: center; position: relative;}
.motal-flow ul li a img{width: 40%;}
.motal-flow ul li.motal2{margin-top:120px;}
.motal-flow ul li.motal3{margin-top:240px;}
.motal-flow ul li.motal4{margin-top:120px;}
.motal-flow ul li.motal6{margin-top:120px;}
.motal-flow ul li.motal7{margin-top:240px;}
.motal-flow ul li.motal8{margin-top:120px;}

.motal-flow ul li.motal1 a{background: #404040;}
.motal-flow ul li.motal2 a{background: #48aede;}
.motal-flow ul li.motal3 a{background: #22a198;}
.motal-flow ul li.motal4 a{background: #c59b12;}
.motal-flow ul li.motal5 a{background: #f58e31;}
.motal-flow ul li.motal6 a{background: #c62127;}
.motal-flow ul li.motal7 a{background: #fc4700;}
.motal-flow ul li.motal8 a{background: #826794;}
.motal-flow ul li.motal9 a{background: #26268d;}

.motal-flow ul li.motal1 a:after{position: absolute; content: ""; width: 100px; height: 100px; right: -99px; bottom: -33px; background-image: url(../joiprabhu/curve/motal1-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.motal-flow ul li.motal2 a:after{position: absolute; content: ""; width: 100px; height: 100px; left: 31px; bottom: -88px; background-image: url(../joiprabhu/curve/motal2-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.motal-flow ul li.motal3 a:after{position: absolute; content: ""; width: 100px; height: 100px; right: -97px; top: -30px; background-image: url(../joiprabhu/curve/motal3-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.motal-flow ul li.motal4 a:after{position: absolute; content: ""; width: 100px; height: 100px; left: 33px; top: -88px; background-image: url(../joiprabhu/curve/motal4-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.motal-flow ul li.motal5 a:after{position: absolute; content: ""; width: 100px; height: 100px; right: -99px; bottom: -33px; background-image: url(../joiprabhu/curve/motal5-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.motal-flow ul li.motal6 a:after{position: absolute; content: ""; width: 100px; height: 100px; left: 31px; bottom: -88px; background-image: url(../joiprabhu/curve/motal6-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.motal-flow ul li.motal7 a:after{position: absolute; content: ""; width: 100px; height: 100px; right: -97px; top: -30px; background-image: url(../joiprabhu/curve/motal7-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.motal-flow ul li.motal8 a:after{position: absolute; content: ""; width: 100px; height: 100px; left: 33px; top: -88px; background-image: url(../joiprabhu/curve/motal8-after.png); background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;}

.DGDTab-content p a, .DPBDY p a{padding: 3px 15px; position: relative; border-radius: 15px; background: #1a65fd; border:1px solid #1a65fd; color: #fff; display: table; margin: 10px 0 0;}
.DGDTab-content p a:hover, .DPBDY p a:hover{background-color: transparent; color: #1a65fd;}

.Top_part_service{position: relative; text-align: center;}
.Top_part_service .service-top{position: relative; padding: 15px 0; background: #f2f2f2; border-right: 1px solid #d4d4d4;}
.Top_part_service .service-top:last-child{ border-right: 0px;}
.Top_part_service .service-top a{color: #1a1a1a; font-size: 14px; font-weight: 500;}
.Top_part_service .service-top a img{width: 20px; display: inline-block; margin-right: 8px;}
.Top_part_service .service-top.active{background: #131819;}
.Top_part_service .service-top.active a{color: #fff;}
.bap figure {
  background-color: #eee;
  display: block;
  height: 0;
  margin: 0 auto;
  position: relative;
  font-size:15px;
  font-size:1vw;
  width: 100%;
  padding-bottom: 40em;
}
.bap figcaption {
  font-size:1rem;
  text-align:center;
  color:#fff;
  width: 100%;
  position: absolute;
  left: 0;
  top:40%;
  z-index:2;
}
.bap svg {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.bap circle {
	fill:rgba(0,0,0,0);
  stroke-width:31.8309886184;
  stroke-dasharray: 0,0,0,100;
  stroke-dashoffset: 25;
  -webkit-animation: pie1 3s infinite ease both;
  animation: pie1 6s infinite ease both;
}
.bap .pie1 {
  stroke:hsl(180,70%,30%);
}
.bap .pie2 {
  stroke:hsl(180,70%,50%);
  -webkit-animation-name: pie2;
  animation-name: pie2;
}

/*
.pie3 {
  stroke:hsl(180,70%,20%);
  -webkit-animation-name: pie3;
  animation-name: pie3;
}
*/

.bap .pie3 {
  stroke:hsl(180,70%,20%);
  -webkit-animation-name: pie3;
  animation-name: pie3;
}
.bap .pie4 {
  stroke:hsl(180,70%,20%);
  -webkit-animation-name: pie4;
  animation-name: pie4;
}
/*
 pie percentage made by stroke-dasharray.
 stroke-dasharray format is...

 keyframe 100% : 0 offset this-percentage rest

 I added keyframe 50% for infinite presentation.
*/

/* 1st pie is 40% */
@-webkit-keyframes pie1 {
  50%,100% {stroke-dasharray: 40,60,0,0;}
}
@keyframes pie1 {
  50%,100% {stroke-dasharray: 40,60,0,0;}
}
/* 2nd pie is 30% */
@-webkit-keyframes pie2 {
  50%,100% {stroke-dasharray: 0,40,30,30;}
}
@keyframes pie2 {
  50%,100% {stroke-dasharray: 0,40,30,30;}
}
/* 3rd pie is 30% */
/*
@-webkit-keyframes pie3 {
  50%,100% {stroke-dasharray: 0,90,10,0;}
}
@keyframes pie3 {
  50%,100% {stroke-dasharray: 0,90,10,0;}
}
*/
/* 3rd pie is 30% */
@-webkit-keyframes pie3 {
  50%,100% {stroke-dasharray: 0,70,20,11;}
}
@keyframes pie3 {
  50%,100% {stroke-dasharray: 0,70,20,11;}
}
/* 4th pie is 10% */

@-webkit-keyframes pie4 {
  50%,100% {stroke-dasharray: 0,90,10,0;}
}
@keyframes pie4 {
  50%,100% {stroke-dasharray: 0,90,10,0;}
}

.bap1 h4{font-size: 20px; text-align: center; display: block; margin-bottom: 20px;}
.bap1 ul{position: relative; padding: 0; margin: 20px 0 0;}
.bap1 ul li{position: relative; display: inline-block; margin-bottom: 8px; font-size: 15px; margin-left: 5px; margin-right: 5px;}
.bap1 ul li span{position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; vertical-align: middle;}
.bap1 ul.id1 li:nth-child(1) span{background: #1a65fd}
.bap1 ul.id1 li:nth-child(2) span{background: #7ca7ff}
.bap1 ul.id1 li:nth-child(3) span{background: #585e6d}
.bap1 ul.ac1 li:nth-child(1) span{background: #e5bc4e}
.bap1 ul.ac1 li:nth-child(2) span{background: #ff6d00}
.bap1 ul.ac1 li:nth-child(3) span{background: #ff3d00}
.bap1 ul.re1 li:nth-child(1) span{background: #3c6a02}
.bap1 ul.re1 li:nth-child(2) span{background: #03c479}
.bap1 ul.re1 li:nth-child(3) span{background: #457a76}
li{ font-size: 15px; color: #838ea5; line-height: 24px;}
.list-bol1 li, .list-bol2 li{position: relative; padding-left:10px; list-style: none !important; font-size: 15px; color: #1a1a1a !important; line-height: 24px; margin-bottom: 12px;}
.list-bol1 li:before{position: absolute; content: ""; width: 16px; height: 16px; left: -16px; top:5px; background-image: url(../joiprabhu/tick.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.list-bol2 li:before{position: absolute; content: ""; width: 16px; height: 16px; left: -16px; top:5px; background-image: url(../joiprabhu/rtgo.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.let-us a.idea:after{display: none;}
.bap1 h4{text-transform: uppercase; font-size: 24px;}
.domar{padding: 20px 0 10px; background: #f2f2f2;}
.spec1_ul{position: relative; margin-bottom: 20px; width: 100%;  background: #0594d1;  display: inline-block; padding: 30px 0;}
.spec1_ul li{width: 49%; display: inline-block; margin: 7.5px 0; background: #ebeff2; color: #1a1a1a !important; text-align: center; padding: 3px 8px;}
.mod-metter .row:last-child .pro:before{display: none;}
.pro-perker h2:after{display: none;}
/*.pro-perker h2{margin: 45px 0 15px !important; color: #242424 !important;}*/
.pro-perker h2{margin: 0 0 45px !important; color: #242424 !important; font-weight: 500 !important;}
.pro-perker h4{font-size: 20px; margin: 0 0 15px; font-weight: 500;}
.sub-service p strong{ color: #010a0c; font-size: 15px;}
.set{padding: 20px;}
.set1{background: #0594d1}
.set2{background: #ebeff2}
.set h5{font-size: 18px; color: #131819;}
.set1 h5{color: #fff;}
.set1 li{color: #fff !important;}
.loby-trap{position: relative; padding: 0 !important}
.loby-trap li{position: relative; width: 100%; display: inline-block; list-style: none; margin: 7px 0; list-style: none;}
.loby-trap li img{max-width: 100%; width:50px; position: relative;}
.loby-trap li p strong{font-size: 15px; display: block;}
.port-far h2{margin: 0 0 20px !important; top:-10px;}
.diff-app-section{ background: #c5f5ff; width: 100%; display: inline-block;  margin-top: 30px;  padding-bottom: 40px;}
.diff-app-section h3{ color: #000; font-weight: 400;}
.more-part{position: relative; width: 100%; display: inline-block; padding: 60px 0 0;}
.col-sep1{background: #cc5820; padding: 0 30px;}
.col-sep1 h3{color: #fff;}
.col-sep1 li{color: #fff !important;}
.col-sep2{background: #f8ffdd;}
.app-col-sep{position: relative;}

@keyframes bob1 {
  0% {
    top: 0;
  }
  50% {
    top: 0.2em;
  }
}
@-webkit-keyframes bob1 {
  0% {
    top: 0;
  }
  50% {
    top: 0.2em;
  }
}
.sbody {
  background: #53bfe0;
  vertical-align: middle;
  text-align: center;
  transform: translate3d(0, 0, 0);
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 15px 0 40px;    
}
.sbody:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.sbody .scene {
  display: inline-block;
  vertical-align: middle;
}
.sbody .sheep {
  display: inline-block;
  position: relative;
  font-size: 1em;
}
.sbody .sheep * {
  transition: transform 0.3s;
}
.sbody .sheep .top {
  position: relative;
  top: 0;
  animation: bob1 1s infinite;
    -webkit-animation: bob1 1s infinite;
    -moz-animation: bob1 1s infinite;
    -ms-animation: bob1 1s infinite;
    -o-animation: bob1 1s infinite;
}
.sbody .sheep:hover .head {
  transform: rotate(0deg);
}
.sbody .sheep:hover .head .eye {
  width: 1.25em;
  height: 1.25em;
}
.sbody .sheep:hover .head .eye:before {
  right: 30%;
}
.sbody .sheep:hover .top {
  animation-play-state: paused;
}
.sbody .sheep .head {
  display: inline-block;
  width: 5em;
  height: 5em;
  border-radius: 100%;
  background: #211e21;
  vertical-align: middle;
  position: relative;
  top: 1em;
  transform: rotate(30deg);
}
.sbody .sheep .head:before {
  content: '';
  display: inline-block;
  width: 80%;
  height: 50%;
  background: #211e21;
  position: absolute;
  bottom: 0;
  right: -10%;
  border-radius: 50% 40%;
}
.sbody .sheep .head:hover .ear.one, .sheep .head:hover .ear.two {
  transform: rotate(0deg);
}
.sbody .sheep .head .eye {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  background: white;
  position: absolute;
  overflow: hidden;
}
.sbody .sheep .head .eye:before {
  content: '';
  display: inline-block;
  background: black;
  width: 50%;
  height: 50%;
  border-radius: 100%;
  position: absolute;
  right: 10%;
  bottom: 10%;
  transition: all 0.3s;
}
.sbody .sheep .head .eye.one {
  right: -2%;
  top: 1.7em;
}
.sbody .sheep .head .eye.two {
  right: 2.5em;
  top: 1.7em;
}
.sbody .sheep .head .ear {
  background: #211e21;
  width: 50%;
  height: 30%;
  border-radius: 100%;
  position: absolute;
}
.sbody .sheep .head .ear.one {
  left: -10%;
  top: 5%;
  transform: rotate(-30deg);
}
.sbody .sheep .head .ear.two {
  top: 2%;
  right: -5%;
  transform: rotate(20deg);
}
.sbody .sheep .body {
  display: inline-block;
  width: 7em;
  height: 7em;
  border-radius: 100%;
  background: white;
  position: relative;
  vertical-align: middle;
  margin-right: -3em;
}
.sbody .sheep .legs {
  display: inline-block;
  position: absolute;
  top: 80%;
  left: 10%;
  z-index: -1;
}
.sbody .sheep .legs .leg {
  display: inline-block;
  background: #141214;
  width: 0.5em;
  height: 2.5em;
  margin: 0.2em;
}
.sbody .sheep:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 112%;
  width: 100%;
  height: 10%;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.sbody .not-show{display: none;}
.middle-part{position: relative; max-width:750px; width: 100%; display: inline-block; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #fff; text-align: left;}
.middle-part h3{text-align: left; color: #fff; font-size: 24px; text-transform: uppercase; margin-bottom: 15px;}
.middle-part p{color: #fff;}
.tap-for ul li{list-style: none; text-align: center;}
.tap-for ul li .image-up-wrapper{width: 80px; margin: 0 auto 8px;}
.letter{
  display: inline-block;
  font-weight: 900;
  font-size: 4em;
  /*margin: 0.2em;*/
  position: relative;
  color: #00B4F1;
  transform-style: preserve-3d;
  perspective: 400;
  z-index: 1;
}
.letter:before, .letter:after{
  position:absolute;
  content: attr(data-letter);
  transform-origin: top left;
  top:0;
  left:0;
}
.letter, .letter:before, .letter:after{
  transition: all 0.3s ease-in-out;
}
.letter:before{
  color: #fff;
  text-shadow: 
    -1px 0px 1px rgba(255,255,255,.8),
    1px 0px 1px rgba(0,0,0,.8);
  z-index: 3;
  transform:
    rotateX(0deg)
    rotateY(-15deg)
    rotateZ(0deg);
}
.letter:after{
  color: rgba(0,0,0,.11);
  z-index:2;
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    skew(0deg,1deg);
}
.mortag ul li a:hover .letter:before,    
.letter:hover:before{
  color: #fafafa;
  transform:
    rotateX(0deg)
    rotateY(-40deg)
    rotateZ(0deg);
}
.mortag ul li a:hover .letter:after,    
.letter:hover:after{
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(40deg)
    rotateZ(0deg)
    skew(0deg,22deg);
}    
.mortag ul li span.test-more{ position: relative; display: inline-block; margin: 0; font-size: 18px; color: #00B4F1; margin-left: 5px; top: -4px; text-transform: uppercase;}    
.mortag ul{position: relative;  }
.mortag ul li{position: relative; list-style: none; padding: 25px 0 10px; width: 49%; display: inline-block;border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.mortag ul li:nth-child(2n+2){border-right: none; margin-bottom: 30px;}
.mortag ul li a{position: relative; display: inline-block;}
    
 .rocket {
  position: absolute;
  top: 20%;
  width: 80px;
  left: calc(50% - 42px);
  top: calc(100% - 300px);     
}
.rocket .rocket-body {
  width: 80px;
  left: calc(50% - 50px);
  animation: bounce 0.5s infinite;
}
.rocket .rocket-body .body {
  background-color: #dadada;
  height: 180px;
  left: calc(50% - 50px);
  border-top-right-radius: 100%;
  border-top-left-radius: 100%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top: 5px solid #f5f5f5;
}
.rocket .rocket-body:before {
  content: '';
  position: absolute;
  left: calc(50% - 24px);
  width: 48px;
  height: 13px;
  background-color: #554842;
  bottom: -13px;
  border-bottom-right-radius: 60%;
  border-bottom-left-radius: 60%;
}
.rocket .window {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #a75248;
  left: calc(50% - 25px);
  top: 40px;
  border: 5px solid #b4b2b2;
}
.rocket .fin {
  position: absolute;
  z-index: -100;
  height: 55px;
  width: 50px;
  background-color: #a75248;
}
.rocket .fin-left {
  left: -30px;
  top: calc(100% - 55px);
  border-top-left-radius: 80%;
  border-bottom-left-radius: 20%;
}
.rocket .fin-right {
  right: -76px;
  top: calc(100% - 55px);
  border-top-right-radius: 80%;
  border-bottom-right-radius: 20%;
}
.rocket .exhaust-flame {
  position: absolute;
  top: 90%;
  width: 28px;
  background: linear-gradient(to bottom, transparent 10%, #f5f5f5 100%);
  height: 150px;
  left: calc(50% - 14px);
  animation: exhaust 0.2s infinite;
}
.rocket .exhaust-fumes li {
  width: 60px;
  height: 60px;
  background-color: #ffe899;
  list-style: none;
  position: absolute;
  border-radius: 100%;
}
.rocket .exhaust-fumes li:first-child {
  width: 200px;
  height: 200px;
  bottom: -300px;
  animation: fumes 5s infinite;
}
.rocket .exhaust-fumes li:nth-child(2) {
  width: 150px;
  height: 150px;
  left: -120px;
  top: 260px;
  animation: fumes 3.2s infinite;
}
.rocket .exhaust-fumes li:nth-child(3) {
  width: 120px;
  height: 120px;
  left: -40px;
  top: 330px;
  animation: fumes 3s 1s infinite;
}
.rocket .exhaust-fumes li:nth-child(4) {
  width: 100px;
  height: 100px;
  left: -170px;
  animation: fumes 4s 2s infinite;
  top: 380px;
}
.rocket .exhaust-fumes li:nth-child(5) {
  width: 130px;
  height: 130px;
  left: -120px;
  top: 350px;
  animation: fumes 5s infinite;
}
.rocket .exhaust-fumes li:nth-child(6) {
  width: 200px;
  height: 200px;
  left: -60px;
  top: 280px;
  animation: fumes2 10s infinite;
}
.rocket .exhaust-fumes li:nth-child(7) {
  width: 100px;
  height: 100px;
  left: -100px;
  top: 320px;
}
.rocket .exhaust-fumes li:nth-child(8) {
  width: 110px;
  height: 110px;
  left: 70px;
  top: 340px;
}
.rocket .exhaust-fumes li:nth-child(9) {
  width: 90px;
  height: 90px;
  left: 200px;
  top: 380px;
  animation: fumes 20s infinite;
}

.star li {
  list-style: none;
  position: absolute;
}
.star li:before, .star li:after {
  content: '';
  position: absolute;
  background-color: #008fc6;
}
.star li:before {
  width: 10px;
  height: 2px;
  border-radius: 50%;
}
.star li:after {
  height: 8px;
  width: 2px;
  left: 4px;
  top: -3px;
}
.star li:first-child {
  top: -30px;
  left: -210px;
  animation: twinkle 0.4s infinite;
}
.star li:nth-child(2) {
  top: 0;
  left: 60px;
  animation: twinkle 0.5s infinite;
}
.star li:nth-child(2):before {
  height: 1px;
  width: 5px;
}
.star li:nth-child(2):after {
  width: 1px;
  height: 5px;
  top: -2px;
  left: 2px;
}
.star li:nth-child(3) {
  left: 120px;
  top: 220px;
  animation: twinkle 1s infinite;
}
.star li:nth-child(4) {
  left: -100px;
  top: 200px;
  animation: twinkle 0.5s ease infinite;
}
.star li:nth-child(5) {
  left: 170px;
  top: 100px;
  animation: twinkle 0.4s ease infinite;
}
.star li:nth-child(6) {
  top: 87px;
  left: -79px;
  animation: twinkle 0.2s infinite;
}
.star li:nth-child(6):before {
  height: 1px;
  width: 5px;
}
.star li:nth-child(6):after {
  width: 1px;
  height: 5px;
  top: -2px;
  left: 2px;
}

@keyframes fumes {
  50% {
    transform: scale(1.5);
    background-color: transparent;
  }
  51% {
    transform: scale(0.8);
  }
  100% {
    background-color: #f5f5f5;
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: translate3d(0px, 0px, 0);
  }
  50% {
    transform: translate3d(0px, -4px, 0);
  }
  100% {
    transform: translate3d(0px, 0px, 0);
  }
}
@keyframes exhaust {
  0% {
    background: linear-gradient(to bottom, transparent 10%, #f5f5f5 100%);
  }
  50% {
    background: linear-gradient(to bottom, transparent 8%, #f5f5f5 100%);
  }
  75% {
    background: linear-gradient(to bottom, transparent 12%, #f5f5f5 100%);
  }
}
@keyframes fumes2 {
  50% {
    transform: scale(1.1);
  }
}
@keyframes twinkle {
  80% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}
.rocket .dont-show{display: none;}
.mol-pad {position: relative;text-align: left;}
.mol-pad ul{position: relative; list-style: none; width: 100%; display: inline-block; padding: 30px 0 60px;}    
.mol-pad ul li{position: relative; list-style: none; width: 24%; margin: 0 0.5% 1%; float: left; text-align: left; padding: 15px; border: 1px solid #324a5e; background: rgba(56, 69, 79, 0.1);}  
.mol-pad img { position: relative; width: 24%; margin: 0 5px 20px 0; display: inline-block;}
.mol-pad h4 { font-size: 15px;text-transform: uppercase; margin: 0 0 10px; width: 72%; display: inline-block; vertical-align: middle; color: #324a5e; font-weight: 600;}
.mol-pad p { color: #71767a; line-height: 20px; font-size: 14px;}
.mol-pad a.enterprise-explore{ font-size: 11px; text-transform: uppercase; padding: 2px 10px; background-color: #324a5e; color: #fff; border-radius: 15px; margin: 15px 0 0 0; display: inline-block; border: 1px solid #324a5e;}

.mol-pad a.enterprise-explore:hover{background-color: transparent; color: #324a5e;}

.service_feature .feature_inner .feature_item {
    margin-bottom: 50px;
}
.feature_item:hover {
    -webkit-box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.11);
}
.feature_item {
    text-align: center;
    padding: 30px 15px 50px 15px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}
.feature_item .f_icon {
    min-height: 91px;
    position: relative;
}
.feature_item .f_icon img {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.feature_item h4 {
    color: #0b1033;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 24px;
    padding: 45px 0px 20px 0px;
}    
.feature_item p {
    font-size: 15px;
    line-height: 28px;
    font-family: "Roboto", sans-serif;
    color: #7c8d93;
    font-weight: 500;
    max-width: 290px;
    margin: auto;
    padding-bottom: 60px;
}
.more_btn {
    padding: 0px 46px;
    background-image: -webkit-gradient(linear, left top, right top, from(#6fbcfe), color-stop(51%, #998dff), to(#6fbcfe));
    background-image: -webkit-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-image: -o-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-image: linear-gradient(to right, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-size: 200% auto;
    z-index: 2;
    display: inline-block;
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    line-height: 55px;
    border: 6px solid rgba(204, 241, 255, 0.5);
    border-radius: 33px;
}    
 a.more_btn {
    opacity: 1;
    background: transparent;
    border-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#6ebdfe), to(#9b8aff));
    background-image: -webkit-linear-gradient(left, #6ebdfe, #9b8aff);
    background-image: -o-linear-gradient(left, #6ebdfe, #9b8aff);
    background-image: linear-gradient(left, #6ebdfe, #9b8aff);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    background-size: 200% auto;
}  
    
a.more_btn{
    background: transparent;
    border-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#6ebdfe), to(#9b8aff));
    background-image: -webkit-linear-gradient(left, #6ebdfe, #9b8aff);
    background-image: -o-linear-gradient(left, #6ebdfe, #9b8aff);
    background-image: linear-gradient(left, #6ebdfe, #9b8aff);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    background-size: 200% auto;
}    
a.more_btn:hover{
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#70bafe), color-stop(51%, #998dff), to(#70bafe));
    background-image: -webkit-linear-gradient(left, #70bafe 0%, #998dff 51%, #70bafe 100%);
    background-image: -o-linear-gradient(left, #70bafe 0%, #998dff 51%, #70bafe 100%);
    background-image: linear-gradient(to right, #70bafe 0%, #998dff 51%, #70bafe 100%);
    border-color: rgba(204, 241, 255, 0.5);
    background-clip: inherit;
}  
.row.feature_inner {
    padding-bottom: 20px;
}
.prospect1{position:relative;background:url(../joiprabhu/art-icon/prospect1-back.jpg);padding:50px 0; width: 100%; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center;}    
.prospect1 p{position:relative;color:#fff;font-size: 20px;width: 80%;margin: 0 auto 0; line-height: 30px;}   

.big-plot{height: 500px;}
    .min-slot{height: 250px;}

    .big-plot a.center-b{background: none; border: 0; box-sizing: border-box; padding: 1em 2em; box-shadow: inset 0 0 0 2px #fff; color: #fff;font-size: inherit; font-weight: 700; position: relative; vertical-align: middle;left: 25px; top: 105px; font-size: 13px; text-transform: uppercase;}

    /*.big-plot a.mot{margin: 0 !important; padding: 0 !important; text-align: center; width: 100%; display: block; top:50%; transform: translateY(-50%); font-size: 30px !important; position: relative;}*/
    .service-web{background: url(../joiprabhu/web-car/web-back.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 15px;}
    .service-ui{background: url(../joiprabhu/web-car/ui-back.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 15px;}
    .service-ecom{background: url(../joiprabhu/web-car/ecom-back.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 15px;}
    .service-infog{background: url(../joiprabhu/web-car/info-back.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 15px;}
    .service-cms{background: url(../joiprabhu/web-car/cms-back.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 15px;}

.big-plot a.center-b:hover {
  color: #fff;
}
.big-plot a.center-b::before, .big-plot a.center-b::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
    position: absolute;
    content: "";
}
.big-plot a.center-b::before {
  border-top: 2px solid #6477b9;
  border-bottom: 2px solid #6477b9;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.big-plot a.center-b::after {
  border-left: 2px solid #6477b9;
  border-right: 2px solid #6477b9;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.big-plot a.center-b:hover::before, .big-plot a.center-b:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.game-right-info{position: relative;}    
.game-right-info h4{position: relative; font-size: 15px; margin-bottom: 15px; color: #fff; text-transform: uppercase;}    
.game-right-info p{position: relative; padding-left: 10px; margin-bottom: 30px; font-size: 15px; color: #b3b3b3; line-height: 24px;} 
.more-staff{position: relative; width: 100%; background: #1a1a1a; padding: 35px 0 0; margin: 40px 0 0; overflow: hidden;}
.game-right-info span.nothing1{display: inline-block; margin-right: 15px; width: 30px; height: 30px; background: #f71900; text-align: center; line-height: 30px; font-size: 14px; border-radius: 50%;}
.more-info-lft-image{position: relative; top: 10px; width: 235px;}
.game-single-process-part{list-style: none !important; padding-left: 0 !important; width: 320px; margin: 0 auto !important; text-align: center; background-image: url(../joiprabhu/border-back.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.game-single-process-part li{padding: 15px !important; margin: 0 !important; background: #062123; display: inline-block; width: 120px !important; border-radius: 35px; font-weight: 500; text-transform: uppercase; text-align: center;}
.game-single-process-part li:before{display: none;}
.game-single-process-part li:nth-child(1){margin-left: 80px !important; left: 21px; background: #00d0ff;}
.game-single-process-part li:nth-child(2){float: right; margin-top: 70px !important; background: #f69707;}
.game-single-process-part li:nth-child(3){float: right; margin-top: 90px !important; right: -120px; background: #008535;}
.game-single-process-part li:nth-child(4){margin-top: 23px !important; left: -52px; background: #ff4007;}
.game-single-process-part li:nth-child(5){float: left; top: -52px; background: #004b96;}
.game-single-process-part li:nth-child(6){float: left; top: -204px; background: #ff6262;}
.bruno img{position: relative; width: 100px; margin: 0 auto 20px;}
.bruno h4{position: relative; color: #363d40; font-size: 15px; text-transform: uppercase; margin-bottom: 10px;}
    
.android-logo {
  width: 100%;
  height: 14.6em;
  margin: auto;
  margin-top: 80px;
  position: relative;
  left: 28%;    
}

.andy {
  -webkit-transform: scale(1,1);
  transform: scale(1,1);
}

.andy, .antennas, .eyes, .arms, .legs {
  list-style-type: none;
}

.head, .left-antenna, .right-antenna, .body, .left-arm, .right-arm, .left-leg, .right-leg {
  background-color: #a4c739;
}

.head, .body {
  display: block;
  margin: auto;
}

.left-antenna, .right-antenna, .left-eye, .right-eye, .left-arm, .right-arm, .left-leg, .right-leg {
  display: inline-block;
}

/* HEAD */

.head {
  position: relative;
  width: 9.2em;
  height: 4.2em;
  border-radius: 50% / 100% 100% 0 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.antennas, .eyes {
  position: absolute;
  width: 9.2em;
}

/* ANTENNAS */

.antennas {
  top: -1.14em;
  left: 2.46em;
}

.left-antenna, .right-antenna {
  width: 0.3em;
  height: 1.9em;
  border-radius: 0.24em;
}

.left-antenna {
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.right-antenna {
  margin-left: 3.48em;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

/* EYES */

.eyes{
  top: 1.78em;
  left: 2.06em;
}

.left-eye, .right-eye {
  width: 0.76em;
  height: 0.76em;
  background-color: #fff;
  border-radius: 50%;
  /*-webkit-box-shadow: 0em 0em 0.5em 0.5em rgba(255,255,255,0.2);
  box-shadow: 0em 0em 0.5em 0.5em rgba(255,255,255,0.2);*/
}

.right-eye {
  margin-left: 3.36em;
}

/* BODY */

.body {
  position: relative;
  top: 0.36em;
  width: 9.2em;
  height: 7.68em;
  border-radius: 0em 0em 1.08em 1.08em;
}

.arms, .legs {
  position: absolute;
}

/* ARMS */

.arms {
  width: 15em;
  top: -0.18em;
  left: -2.36em;
}

.left-arm, .right-arm {
  width: 2em;
  height: 6.24em;
  border-radius: 1em;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.left-arm {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.right-arm {
  margin-left: 9.65em;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* LEGS */

.legs {
  top: 1.8em;
  left: 1.8em;
}

.left-leg, .right-leg {
  width: 2.06em;
  height: 3.5em;
  margin-top: 5.66em;
  border-radius: 0em 0em 1.04em 1.04em;
}

.right-leg {
  margin-left: 1.28em;
}

/* ANIMATION CLASSES */

.anim-head {
  -webkit-animation: headAnimation 30s ease-out 3s infinite alternate;
  animation: headAnimation 30s ease-out 3s infinite alternate;
}

.anim-l-ant {
  -webkit-animation: leftAntennaAnimation 10s ease-out 3s infinite alternate;
  animation: leftAntennaAnimation 10s ease-out 3s infinite alternate;
}

.anim-r-ant {
  -webkit-animation: rightAntennaAnimation 10s ease-out 3s infinite alternate;
  animation: rightAntennaAnimation 10s ease-out 3s infinite alternate;
}

.anim-eyes {
  -webkit-animation: eyesAnimation 50s ease-in-out 0s infinite alternate;
  animation: eyesAnimation 50s ease-in-out 0s infinite alternate;
}

.anim-l-eye, .anim-r-eye {
  -webkit-animation: blinkAnimation 7s linear 0s infinite alternate;
  animation: blinkAnimation 7s linear 0s infinite alternate;
}

.anim-arms {
  -webkit-animation: armsAnimation 30s linear 7s infinite;
  animation: armsAnimation 30s linear 7s infinite;
}

.anim-l-arm {
  -webkit-animation: leftArmAnimation 30s ease 7s infinite;
  animation: leftArmAnimation 30s ease 7s infinite;
}

.anim-r-arm {
  -webkit-animation: rightArmAnimation 30s ease 7s infinite;
  animation: rightArmAnimation 30s ease 7s infinite;
}

/* ANIMATIONS */

@-webkit-keyframes headAnimation {
  30% {-webkit-transform: rotate(0deg);}
  31% {-webkit-transform: rotate(5deg);}
  33% {-webkit-transform: rotate(7deg);}
  52% {-webkit-transform: rotate(5deg);}
  53% {-webkit-transform: rotate(-1deg);}
  53.3% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(0deg);}
}

@keyframes headAnimation {
  30% {transform: rotate(0deg);}
  31% {transform: rotate(5deg);}
  33% {transform: rotate(7deg);}
  52% {transform: rotate(5deg);}
  53% {transform: rotate(-1deg);}
  53.3% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}

@-webkit-keyframes leftAntennaAnimation {
  30% {-webkit-transform: rotate(-30deg);}
  31% {-webkit-transform: rotate(-25deg);}
  52% {-webkit-transform: rotate(-25deg);}
  53% {-webkit-transform: rotate(-30deg);}
  100% {-webkit-transform: rotate(-30deg);}
}

@keyframes leftAntennaAnimation {
  30% {transform: rotate(-30deg);}
  31% {transform: rotate(-25deg);}
  52% {transform: rotate(-25deg);}
  53% {transform: rotate(-30deg);}
  100% {transform: rotate(-30deg);}
}

@-webkit-keyframes rightAntennaAnimation {
  30% {-webkit-transform: rotate(30deg);}
  31% {-webkit-transform: rotate(25deg);}
  52% {-webkit-transform: rotate(25deg);}
  53% {-webkit-transform: rotate(30deg);}
  100% {-webkit-transform: rotate(30deg);}
}

@keyframes rightAntennaAnimation {
  30% {transform: rotate(30deg);}
  31% {transform: rotate(25deg);}
  52% {transform: rotate(25deg);}
  53% {transform: rotate(30deg);}
  100% {transform: rotate(30deg);}
}

@-webkit-keyframes eyesAnimation {
  0% {top: 1.78em; left: 2.06em;}
  20% {top: 1.78em; left: 2.06em;}
  20.5% {top: 1em; left: 2.06em;}
  22.5% {top: 1em; left: 2.06em;}
  23% {top: 1.78em; left: 2.06em;}
  50% {top: 1.78em; left: 2.06em;}
  51% {top: 1.35em; left: 1.06em;}
  52% {top: 1.35em; left: 1.06em;}
  53% {top: 1.35em; left: 3.06em;}
  54% {top: 1.35em; left: 3.06em;}
  55% {top: 1.78em; left: 2.06em;}
  60% {top: 1.78em; left: 2.06em;}
  100% {top: 1.78em; left: 2.06em;}
}

@keyframes eyesAnimation {
  0% {top: 1.78em; left: 2.06em;}
  20% {top: 1.78em; left: 2.06em;}
  20.5% {top: 1em; left: 2.06em;}
  22.5% {top: 1em; left: 2.06em;}
  23% {top: 1.78em; left: 2.06em;}
  50% {top: 1.78em; left: 2.06em;}
  51% {top: 1.35em; left: 1.06em;}
  52% {top: 1.35em; left: 1.06em;}
  53% {top: 1.35em; left: 3.06em;}
  54% {top: 1.35em; left: 3.06em;}
  55% {top: 1.78em; left: 2.06em;}
  60% {top: 1.78em; left: 2.06em;}
  100% {top: 1.78em; left: 2.06em;}
}

@-webkit-keyframes blinkAnimation {
  30% {-webkit-transform: scale(1,1);}
  31% {-webkit-transform: scale(1,0);}
  32% {-webkit-transform: scale(1,1);}
  98% {-webkit-transform: scale(1,1);}
  99% {-webkit-transform: scale(1,0);}
  100% {-webkit-transform: scale(1,1);}
}

@keyframes blinkAnimation {
  30% {transform: scale(1,1);}
  31% {transform: scale(1,0);}
  32% {transform: scale(1,1);}
  98% {transform: scale(1,1);}
  99% {transform: scale(1,0);}
  100% {transform: scale(1,1);}
}

@-webkit-keyframes armsAnimation {
  30% {top: -0.18em;}
  33% {top: -0.38em;}
  36% {top: -0.18em;}
  94% {top: -0.18em;}
  97% {top: -0.38em;}
  100% {top: -0.18em;}
}

@keyframes armsAnimation {
  30% {top: -0.18em;}
  33% {top: -0.38em;}
  36% {top: -0.18em;}
  94% {top: -0.18em;}
  97% {top: -0.38em;}
  100% {top: -0.18em;}
}

@-webkit-keyframes leftArmAnimation {
  29% {-webkit-transform: rotate(0deg);}
  30% {-webkit-transform: rotate(-1deg);}
  31% {-webkit-transform: rotate(130deg);}
  32% {-webkit-transform: rotate(110deg);}
  33% {-webkit-transform: rotate(127deg);}
  34% {-webkit-transform: rotate(124deg);}
  36% {-webkit-transform: rotate(0deg);}
  91% {-webkit-transform: rotate(0deg);}
  95% {-webkit-transform: rotate(30deg);}
  96% {-webkit-transform: rotate(-4deg);}
  97% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(0deg);}
}

@keyframes leftArmAnimation {
  29% {transform: rotate(0deg);}
  30% {transform: rotate(-1deg);}
  31% {transform: rotate(130deg);}
  32% {transform: rotate(110deg);}
  33% {transform: rotate(127deg);}
  34% {transform: rotate(124deg);}
  36% {transform: rotate(0deg);}
  91% {transform: rotate(0deg);}
  95% {transform: rotate(30deg);}
  96% {transform: rotate(-4deg);}
  97% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}

@-webkit-keyframes rightArmAnimation {
  29% {-webkit-transform: rotate(0deg);}
  30% {-webkit-transform: rotate(2deg);}
  33% {-webkit-transform: rotate(-4deg);}
  35% {-webkit-transform: rotate(-1deg);}
  36% {-webkit-transform: rotate(0deg);}
  91% {-webkit-transform: rotate(0deg);}
  94.8% {-webkit-transform: rotate(-30deg);}
  96.5% {-webkit-transform: rotate(4deg);}
  97.8% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(0deg);}
}

@keyframes rightArmAnimation {
  29% {transform: rotate(0deg);}
  30% {transform: rotate(2deg);}
  33% {transform: rotate(-4deg);}
  35% {transform: rotate(-1deg);}
  36% {transform: rotate(0deg);}
  91% {transform: rotate(0deg);}
  94.8% {transform: rotate(-30deg);}
  96.5% {transform: rotate(4deg);}
  97.8% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}

/* TEST CLASSES */

.android-logo .nope {
  display: none;
}  
.android-logo ul{position: absolute; padding: 0 !important;}
.roran h3{position: relative; padding: 20px 15px; font-size: 20px; color:#fff; background: #003a56; width: 100%; text-align: left !important;}
.roran h3:after{position: absolute; content: ""; width: 20px; height: 20px; right: 0; top:0; background: rgba(255,255,255,0.7);}
.roran p{position: relative; padding: 15px; color:#424242; margin: 0; width: 100%; background: #fff;}
.en2 h3{background: #db3b00;}
.en3 h3{background: #008a6b;}
.new-opsd ul.coloured-graphic1{
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
    list-style: none;
    list-style-type: none;
}
.new-opsd ul.coloured-graphic1 li {
    width: 16.66%;
    float: left;
    color: #FFF;
    text-align: center;
    padding: 15px;
    cursor: pointer;
}
.new-opsd ul.coloured-graphic1 li:hover{box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5); transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02);z-index: 1;}
.new-opsd ul.coloured-graphic1 li span{ position: relative; text-transform: uppercase; line-height: 16px; border-bottom: 1px solid #fff; margin-bottom: 15px; display: block; padding: 0 0 5px;}
.new-opsd ul.coloured-graphic1 li p{margin-bottom: 0; color: #fff;}
.new-opsd ul.coloured-graphic1 li.one{background: #6b4da8;}
.new-opsd ul.coloured-graphic1 li.two{background: #ff4a1a;}
.new-opsd ul.coloured-graphic1 li.three{background: #b7a806;}
.new-opsd ul.coloured-graphic1 li.four{background: #1080c7;}
.new-opsd ul.coloured-graphic1 li.five{background: #ca2d38;}
.new-opsd ul.coloured-graphic1 li.six{background: #199b8d;}
.pros{height: auto !important;}
.pros:after{display: none !important;}
.main .pro:before{display: none;}
.main .pro:after{display: none;}
.main .pro{}
.main .pro h3{color: #ea5800;}
.main .pro ul{position: relative; width: 100%; display: inline-block}
.main .pro ul li{position: relative; width: auto; display: inline-block; margin: 10px;}
.main .pro ul li a{color: #131819; padding: 7px 10px; font-size: 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border:1px dashed #131819; background: #fff6dc;}
.all-services{position: relative; width: 100%; margin: 20px 0 0; padding: 40px 0;background: rgba(240,249,204,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(240,249,204,1) 0%, rgba(240,249,204,1) 0%, rgba(52,170,199,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(240,249,204,1)), color-stop(0%, rgba(240,249,204,1)), color-stop(100%, rgba(52,170,199,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(240,249,204,1) 0%, rgba(240,249,204,1) 0%, rgba(52,170,199,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(240,249,204,1) 0%, rgba(240,249,204,1) 0%, rgba(52,170,199,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(240,249,204,1) 0%, rgba(240,249,204,1) 0%, rgba(52,170,199,1) 100%);
background: radial-gradient(ellipse at center, rgba(240,249,204,1) 0%, rgba(240,249,204,1) 0%, rgba(52,170,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9cc', endColorstr='#34aac7', GradientType=1 );}
.all-services h2 span{color: #fff;}
.midd-part-cont{max-width: 650px; width: 100%; margin: auto; display: block; position: relative;}
.pro .btn-info{ display: block; margin: 15px 0 0;}
input.cap-ref{position: absolute; top:-15px; border: none; font-size: 0px; background-color: transparent; width: 32px; height: 32px; background-image: url(../joiprabhu/refresh.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;  left:-25%; top:10px;}
input.cap-ref.ref11{left: inherit !important; right: 65px; top:-75px;}
input.cap-ref.ref22 {left: inherit; top: 40px;}
ul.info-images{position: relative; margin: 30px 0;}
ul.info-images li{position: relative; margin: 15px 0; width: 19%; display: inline-block; vertical-align: middle; text-align: center;}
ul.info-images li img{position: relative; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s;}
ul.info-images li img:hover{position: relative; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}

.google{position: relative; background: #fff; padding: 0; width: 100%; /*background: url(../joiprabhu/menu-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;*/ display: inline-block;}

.google li{width: 16.66%; float: left; height: 96vh; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; padding: 35px 15px; opacity: 0.85}
.google li:hover{transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02);z-index: 1;opacity: 1;}
.google li a{font-size: 32px; color: #fff; font-weight: 600; word-break: break-word;}
.google li:nth-child(2){background: #1a1a1a; opacity: 1;}
.google li:nth-child(3){background: url(../joiprabhu/menu-back/menu2-back.jpg); background-repeat: no-repeat; background-position: :center; background-size: cover;}
.google li:nth-child(4){background: url(../joiprabhu/menu-back/menu3-back.jpg); background-repeat: no-repeat; background-position: :center; background-size: cover;}
.google li:nth-child(5){background: url(../joiprabhu/menu-back/menu4-back.png); background-repeat: no-repeat; background-position: :center; background-size: cover;}
.google li:nth-child(6){background: url(../joiprabhu/menu-back/menu5-back.jpg); background-repeat: no-repeat; background-position: :center; background-size: cover;}
.google li:nth-child(7){background: url(../joiprabhu/menu-back/menu6-back.jpg); background-repeat: no-repeat; background-position: :center; background-size: cover;}
.google li ul{position: relative; margin-top: 35px;}
.google li ul > li{width: 100%; float: none; height: auto; padding: 0;background: none !important; margin-bottom: 15px}
.google li ul > li a{font-size: 16px; color: #fff; font-weight: normal;}
.google li ul > li a:hover{color: #1a1a1a;}
a.js-toggle-right-slidebar{position: absolute; right: 5px; top:5px; font-size: 30px; background: #1a1a1a; color: #fff; z-index: 3; padding: 12px; border-radius: 50%; width: 50px; text-align: center; line-height: 25px;}
.hrd{font-size: 0px; background: #1a1a1a;}






/*----------------------NEW MENU---------------------*/
.new-menu{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
/*
    background: rgba(255,255,255,1) url(../joiprabhu/pattern_rad.png);
    background-repeat: repeat;
    background-position: right top;
    background-size: contain;
*/
    
/*
    overflow: hidden;
    z-index: 2;
*/
}

.new-menu label .menu {
  position: fixed;
  right: 15px;
  top: 20px;
  z-index: 100;
  width: 55px;
  height: 55px;
  background: #FFF;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
  cursor: pointer;
}

.new-menu label .hamburger {
  position: absolute;
  top: 27px;
  left: 15px;
  width: 25px;
  height: 2px;
  background: #000;
  display: block;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.new-menu label .hamburger:after, label .hamburger:before {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
    cursor: pointer;
}

.new-menu label .hamburger:before { top: -10px; }

.new-menu label .hamburger:after { bottom: -10px; }

.new-menu label input { display: none; }

.new-menu label input:checked + .menu {
  box-shadow: 0 0 0 100vw rgba(120,202,186,1), 0 0 0 100vh rgba(120,202,186,1);
  border-radius: 0;
}

.new-menu label input:checked + .menu .hamburger {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.new-menu label input:checked + .menu .hamburger:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0;
}

.new-menu label input:checked + .menu .hamburger:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
}

.new-menu label input:checked + .menu + .menu-structure { display: block; z-index: 999; position: fixed; overflow: hidden;}


.new-menu label .menu-structure {
position: absolute;
top: 0;
left: 0;
right:0;
display: none;
-webkit-transition: .25s 0s ease-in-out;
transition: .25s 0s ease-in-out;
    z-index: -50;
}
.new-menu .menu-structure ul{position: relative; padding-left: 15px; list-style: none; list-style-type: none;}

.new-menu .tab-content{
    position: relative;
    width: 75%;
    display: inline-block;
    vertical-align: top;
    height: 100vh;
    padding: 30px 15px;
    overflow: auto;
    background: #fff url(../joiprabhu/pattern_rad.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.new-menu .tab-content .menu-hunt{position: relative; width: 100%; display: inline-block;overflow: auto; height: 100vh; padding-bottom: 50px;}
.new-menu .tab-content .menu-hunt::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.new-menu .tab-content .menu-hunt:-webkit-scrollbar-track {
    background: #fff; 
}
 
/* Handle */
.new-menu .tab-content .menu-hunt::-webkit-scrollbar-thumb {
    background: #04965a; 
}

/* Handle on hover */
.new-menu .tab-content .menu-hunt::-webkit-scrollbar-thumb:hover {
    background: #04965a; 
}

.tab-content ul li a{color: #1a1a1a; font-size: 16px; font-weight: 900; text-transform: uppercase; text-decoration: none;}
.tab-pane ul li ul{margin-bottom: 40px;}
.tab-pane ul li li{ margin-bottom: 7px; position: relative; display: block;}
.tab-pane ul li li:before{position: absolute; content: ""; left: -5px; top: 7px; width: 12px; height: 12px; background: url(../joiprabhu/success-tt.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
.tab-pane ul li li a{ font-size: 14px; color: #444444; font-weight: 700; text-decoration: none; text-transform: capitalize; margin-left: 15px; line-height: normal;}
.tab-pane ul li li a:hover, .tab-pane ul li li a:focus{ text-decoration: none;color: #ff4800;}
.new-menu .nav-tabs{
position: relative;
width: 24%;
vertical-align: top;
display: inline-block;
margin-top: 80px;
border: none;
}
.new-menu .nav-tabs>li{
float: none;
}
.new-menu .nav-tabs>li>a{
border:none;
}
.new-menu .nav-tabs>li:nth-child(2) a, .new-menu .nav-tabs>li:nth-child(3) a{ font-size: 24px; font-weight: 900;}
.new-menu .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;}
.nav-tabs>li.active a, .nav-tabs>li.active a:focus, .nav-tabs>li.active a:hover{color: #ff4800;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #008bff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px;}
.nav-tabs>li a{font-size: 20px; color: #384452; font-weight: 400;}
.nav-tabs>li>a{border-radius: 0;}
.for-mob{display: none !important;}
.tab-content h2{text-align: left; color: #008aff; font-weight: 300;}
.tab-content p{text-align: left; color: #4c545f; font-size: 20px; line-height: 30px; margin-bottom: 40px; font-weight: 400;}
.tab-content a.tab-button{position: relative; width: auto; padding: 15px 35px; border-radius: 5px; border: 1px solid #32c5ff; color: #1a1a1a; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: 400;
background: #32c5ff; 
background: -moz-linear-gradient(top, #32c5ff 0%, #91fff2 100%);
background: -webkit-linear-gradient(top, #32c5ff 0%,#91fff2 100%);
background: linear-gradient(to bottom, #32c5ff 0%,#91fff2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c5ff', endColorstr='#91fff2',GradientType=0 );}

.tab-content a.tab-button:hover, .tab-content a.tab-button:focus{ box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.5);}

.tab-content ul.menu-about{position: relative; display: block; width: 100%; height: 100%; padding: 0;}
.tab-content ul.menu-about li{margin: 0 0 25px;}
.tab-content ul.menu-about li a{font-size: 30px; font-weight: 300;}
/*
.tab-content ul.menu-about li{ height: 75vh; color: #fff; padding-top: 120px; padding-bottom: 30px; text-align: center;    -moz-transition: all .5s ease-in-out 0s;  -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s;}
.tab-content ul.menu-about li:hover{transform: scale(1.01); -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01);}
.tab-content ul.menu-about li a{color: #fff; font-size: 30px; font-weight: 300; word-break: break-all;}
.tab-content ul.menu-about li a:hover{text-decoration: none !important;}
.tab-content ul.menu-about li:nth-child(1){ background: #00c9d1;}
.tab-content ul.menu-about li:nth-child(2){ background: #1a8fdf;}
.tab-content ul.menu-about li:nth-child(3){ background: #ffae00;}
*/
.tab-content a.port-btn{position: absolute; top:40%; left: 0; right: 0; margin: auto; max-width: 298px; width:100%;}
.logo-menu{ position: relative; margin-top: -55px; margin-bottom: 35px; width: 100px; left: 15px;}
ul.cat li {
    background: #00d2ff;
    border-color: #d2f7fd;
    padding: 0;
    margin-bottom: 12px;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
}
ul.cat li:hover{ background: #89c80f; border-color: #16bff7; box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5); -o-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5); }
ul.cat li a {
    color: #fff;
    display: block;
    padding: 3px 14px 3px 35px;
    background-image: url(../joiprabhu/tag-service.png);
    background-repeat: no-repeat; 
    background-position: center left;
    background-size: 24px;
    font-size: 13px;
    font-weight: 500;
}
ul.mat li {
    background: #00b8d8;
    border-color: #d4dcdb;
    padding: 0;
    margin: 4px 1px;
}
ul.mat li a {
    color: #fff;
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-size: 16px;
}
.blog-comment{position: relative; padding:10px 30px; font-size: 20px; color: #fff; background-color:#ff7900; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; text-decoration: none !important;}

.rong{ height: 100vh; margin-top: -30px; background: #23375b;}
.fill-block{position: relative; height: 100%; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  -webkit-transition: all .5s ease-in-out 0s;}
.fill-block:hover{transform: scale(1.01); -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); z-index: 9;}
.fill-block.m-ml{background: url(../joiprabhu/mechine-view.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.fill-block.m-3d{background: url(../joiprabhu/3d-menu.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.fill-block.m-bc{background: url(../joiprabhu/bc-menu.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.fill-block a{text-decoration: none !important; display: block; width: 100%; height: 100%; }

.fill-block h2{color: #fff; font-size: 42px !important; margin: 25% 0 35px !important; display: inline-block; word-break: break-word; font-weight: 900 !important; letter-spacing: 3px;}
.fill-block p{ color: #fff; font-size: 20px; font-weight: 400;}

.menu-tt{ width: 35px; display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.mot .col-md-6 p{margin: 0 0 0 !important;}
.share-on{position:relative; padding:0; margin:0; top:-5px; display:inline-block;}
.share-on li{position: relative; display: inline-block; width: auto; margin-right: 10px !important; margin-bottom: 0; text-align: center;}
.share-on li a{ background: #00b8d8; color: #fff; border: 1px solid #00b8d8; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 30px; height: 30px; display: inline-block; line-height: 30px;}
a.more-service-on-menu{ position: relative; text-decoration: none; background-color:#008bff; color: #fff; padding: 15px 25px; border-radius: 25px; font-weight: 400; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; border: 2px solid #7fc4fd; float: right; bottom: 10px; right: 15px;}
a.more-service-on-menu:hover{ background-color:transparent; color: #008bff;}
.new-menu .SLink {
    margin-top: 10px;
}
.new-menu .menu-structure ul {
    position: relative;
    padding-left: 15px;
    list-style: none;
    list-style-type: none;
}
.new-menu .SLink ul li {
    margin: 0 0 0 5px;
    display: inline-block;
}
.new-menu .SLink ul li a {
    border: 2px solid #008bff;
    background: #fff;
    padding: 5px 5px 9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.motal-flow .motal-img{position: relative; margin: auto; display: none;}
.pandrop{margin-bottom: 60px;}
.pandrop h4{position: relative; color: #fff; font-size: 22px; text-transform: uppercase; margin-bottom: 45px; }

ul.site-tree{position: relative; width: 100%; display: inline-block; padding: 60px 0;}
ul.site-tree li {position: relative; display: block;}
ul.site-tree li ul{position: relative; padding-left: 10px; }
ul.site-tree li ul ul{position: relative; padding-left: 15px;}
ul.site-tree li a{position: relative; color: #003354; font-size: 16px; margin-bottom: 15px; text-transform: uppercase; display: block;}
ul.site-tree li li a{position: relative; color: #008cea; font-size: 15px; margin-bottom: 12px; text-transform: uppercase; margin-top: 15px;}
ul.site-tree li li li a{position: relative; color: #26baff; font-size: 14px; margin-bottom: 10px; text-transform: capitalize; margin-top: 0;}
div#capt #capt{width: 100%;}
div#capt #capt img{position: relative; width: auto; margin: auto; display: block;}
.pal{position: relative; max-width: 720px; width: 100%; margin: auto;}
.thankfor{position: relative; width: 100%; display: block; padding: 55px 0 65px;}
.thankfor img{max-width: 80px; margin: 0 auto 20px;}
.thankfor h1{color: #46509c; font-size: 60px; margin: 0 0 30px;}
.thankfor p{    color: #a8a8a8; font-size: 30px; margin-bottom: 35px; line-height: 40px; font-weight: normal;}
.thankfor a.back-to-home-thanks{position: relative; padding: 8px 15px; background-color: #08a0ff; border:2px solid #08a0ff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff; font-size: 16px; text-transform: uppercase;}
.thankfor a.back-to-home-thanks:hover{color: #08a0ff; background-color: transparent;}

p.submit-message{position: fixed; left: 0; right: 0; top:0; /*z-index: 999;*/ margin: auto; text-align: center; font-size: 50px; color: #0f0;}