body {margin:0px;padding:0px;border-top:3px solid #01a7fe;overflow-x:hidden;background:url(../images/bg.png);}



.noPaddingLR {padding-right:0px !important;padding-left:0px !important;}

.noPaddingL {padding-left:0px !important;}

.noPaddingR {padding-right:0px !important;}

.padding-left-15 {padding-left:15px;}

.padding-right-15 {padding-right:15px;}

.margin-bottom-5 {margin-bottom:5px;}

.margin-bottom-10 {margin-bottom:10px;}

.margin-bottom-20 {margin-bottom:20px;}

.margin-bottom-30 {margin-bottom:30px;}

.margin-top-5 {margin-top:5px;}

.margin-top-10 {margin-top:10px;}

.margin-top-15 {margin-top:15px;}

.margin-top-20 {margin-top:20px;}

.margin-top-30 {margin-top:30px;}

.margin-left-15 {margin-left:15px;}

.margin-right-15 {margin-right:15px;}



.a-c {text-align:center !important;}

.a-l {text-align:left !important;}

.a-r {text-align:right !important;}



.f-l {float:left;}

.f-r {float:right;}



.oswald {font-family: 'Oswald', sans-serif;}

.roboto {font-family: 'Roboto', sans-serif;}



.navbar-toggle {background:#000;color:#fff;}

.navbar-toggle .icon-bar {background:#fff;}



.navbar-brand img {width:100%;max-width:100px;height:auto;}



.navbar .nav {margin-top:20px;}

.navbar li a {color:#000;font-family: 'Oswald', sans-serif;padding:7px 15px;}

.navbar li a.contactBtn {background:#000;color:#fff;}



.banner {background:url(../images/bannerBg.png) center center no-repeat;background-size:contain;height:500px;padding:35px 0px;text-align:center;box-sizing:border-box;}

.banner .heading {font-family: 'Oswald', sans-serif;font-size:36px;font-weight:700;color:#000;margin:15px 0px;padding:0px;text-align:center;}

.banner .heading span {font-weight:300;padding-right:10px;display:inline-block;position:relative;top:-9px;}

.banner p {font-family: 'Roboto', sans-serif;font-size:14px;line-height:24px;color:#666;text-align:center;font-weight:400;width:100%;max-width:750px;margin:auto;}

.banner .bannerSliders {width:100%;max-width:750px;margin:25px auto;}

.banner .bannerSliders img {width:100%;max-width:710px;height:auto;}

.banner .bannerSliders .owl-controls {display:none !important;}



.container .ranked {margin:0% 0 2%;padding: 0 2%;text-align: center;}

.container .ranked .w {width: 80%;display: inline-block;vertical-align: top;text-align: center;position: relative;margin-right:2%;min-height:300px;}

/* line 170, style.sass */

.container .ranked .w img {visibility: hidden;opacity: 0;position: absolute;width: 100%;top:10px;left: 0;}

/* line 178, style.sass */

.container .ranked .w img.poster {visibility: visible;opacity: 1;}



.banner .txtSlider {display:inline-block !important;width:350px;text-align:right;}

.banner .txtSlider .owl-controls {display:none !important;}



#f1_container {position: relative;margin:50px auto 50px auto;width:80%;height: 280px;z-index: 1;border-radius:7px;}

#f1_container {perspective: 1000;}

#f1_card {width: 100%;height: 100%;transform-style: preserve-3d;transition: all 1.0s linear;text-align:center;border-radius:7px;}

#f1_card .front {box-sizing:border-box;padding:30px 20px;border-radius:7px;}

#f1_card .front img {width:100%;max-width:120px;height:auto;}

#f1_container:hover #f1_card {transform: rotateY(180deg);box-shadow: 3px 3px 0 0 rgba(0,0,0,.2);border-radius:7px;}

.face {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;}

.face.back {display: block;transform: rotateY(180deg);box-sizing: border-box;padding: 10px;color: white;text-align: center;background-color: #fff;border:1px solid #e1e1e1;}

.face.back h2 {font-family: 'Oswald', sans-serif;color:#000;}

.face.back p {font-family: 'Roboto', sans-serif;color:#000;font-size:14px;line-height:24px;}



.bgOrange {background:#f19c1f;}

.bgGrey {background:#8abfc6;}

.bglightGrey {background:#bfd8e4;}

.bgBlue {background:#79b2d7;}

.bgDarkGrey {background:#37505e;}

.bgDarkGrey2 {background:#354d5e;}

.bgRed {background:#f65c78;}

.bgGreen{background:#2c7873;}

.bgCream{background:#6b778d;}

.bgSkyblue{background:#293a80;}

.bglightgreen{background:#83b582;}

.bgGreenlight{background:#02a8a8;}

.bgDarkBlue{background:#015668;}

.bgPerple{background:#550a46;}

.bgOrangeLight{background:#ee4540;}

.bgDarkRed{background:#801336;}

.bgLightCream{background:#445c3c;}


.txtWhite {color:#fff;}

.txtBlack {color:#000;}

.oswald{color:#fff;}


.whatwho {margin:80px auto;}

.whatwho .nav-tabs {border-bottom:none;}

.whatwho .customNavTabs {text-align:center;background:#fff;border:1px solid #f1f1f1;overflow:hidden;font-family: 'Oswald', sans-serif;color:#000;font-size:24px;padding-left:0px;padding-right:0px;}

.whatwho .customNavTabs ul {}

.whatwho .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background:#00aff0;color:#fff;border:0px;}

.whatwho .nav-tabs > li > a {border:0px;padding:15px 0px;}

.whatwho .nav-tabs > li > a {margin-right:0px;border-radius:0px;color:#000;}

.tab-content > .tab-pane h3 {font-family: 'Oswald', sans-serif;color:#000;display:block;}

.tab-content > .tab-pane p {font-family: 'Roboto', sans-serif;}



#whoweare {text-align:center;margin-top:90px;}



.testi {background:#38dabd;color:#000;box-sizing:border-box;padding:40px 0px;text-align:center;position:relative;}

.testi h1 {text-align:center;font-family: 'Oswald', sans-serif;font-size:32px;font-weight:700;position:relative;color:#000;padding-bottom:30px;margin-bottom:30px;}

.testi h1:after {content:'';position:absolute;width:100px;height:4px;background:#000;bottom:0px;left:50%;margin-left:-50px;}

.testi .profilePic {width:100%;max-width:40px;height:auto;margin-right:20px;margin-bottom:10px;}

.testi .logoTesti {background:#fff;border-radius:3px;border:1px solid #e1e1e1;box-sizing:border-box;padding:10px;}

.testi .logoTesti img {width:100%;max-width:120px !important;height:auto;margin-right:20px;}

.testi .testimonialsBox {position:relative;text-align:center;transition: all .5s ease-in;padding:25px;background:#fff;border-radius:7px;border:1px solid #2eccaf;border-bottom:3px solid #1bbea0;}



.testi .testimonialsBox img {width:100%;height:auto;}

.testi .testimonialsBox span {display:block;font-weight:700;font-size:16px;margin-top:20px;margin-bottom:20px;line-height:40px;}

.testi .testimonialsBox p {display:table;font-weight:500;font-size:14px;line-height:25px;max-height:300px;overflow:hidden;height:300px;min-height:300px;color:#fff;}

.testi .testimonialsBox .videoimg {width:100%;max-width:100%;height:auto;}

.testi .testimonialsBox .playButton {position:absolute;top:50%;margin-top:-25px;left:50%;margin-left:-25px;width:50px;height:50px;}

.testi .testimonialsBox .userName {color:#fff;position:absolute;left:30px;bottom:30px;}

.testi .owl-controls {display:none !important;}



.testiBase {position:relative;}

/*.testiBase:before {width:160px;height:120px;font-size:160px;font-weight:700;position:absolute;content:'"';color:rgba(0, 0, 0, .2);background:#fff;vertical-align:text-top;top:-60px;left:-85px;z-index:1;font-style:italic;}

.testiBase:after {font-size:160px;font-weight:700;position:absolute;content:'"';color:rgba(0, 99, 155, .8);top:-70px;left:-33px;z-index:2;font-style:italic;} */



.owner {position:relative;margin:15px auto;text-align:center;}

.owner img {width:75px !important;margin:auto;}

.test_header {margin: 15px 2px;padding:0px;line-height:30px;font-weight:700;font-size:16px;display:block;}

.logo_test {margin:0 auto;padding:0px;display:table !important;}

.logo_test img {width:250px !important;display:table !important;margin:0 auto;border:2px solid #000;border-radius:5em;}





#owl-demo .item img{display: block;width: 100%;height: auto;}



.clients {margin-top:20px;margin-bottom:20px;color:#000;text-align:center;}

.clients h1 {text-align:center;font-size:32px;font-weight:700;position:relative;color:#00639b;padding-bottom:30px;margin-bottom:30px;}

.clients h1:after {content:'';position:absolute;width:100px;height:2px;background:#00639b;bottom:0px;left:50%;margin-left:-50px;}

.clients h2 {text-align:center;font-size:16px;font-weight:400;position:relative;color:#000;padding-bottom:30px;}

.clients img {width:100%;max-width:220px;height:auto;margin:0px 20px 40px 20px;border:1px solid #e1e1e1;border-radius:50px;background:#fff;transition: all .2s ease-in;}

.clients img:hover {border:1px solid #e1e1e1;transform: scale(1.2);box-shadow: 0 0 10px 10px rgba(0,0,0,.03);}



.subscribe {background:#fff;color:#000;box-sizing:border-box;padding:40px 0px 0px 0px;text-align:center;position:relative;}

.subscribe h1 {text-align:center;font-size:32px;font-weight:700;position:relative;color:#000;padding-bottom:30px;font-family: 'Oswald', sans-serif;}

.subscribe h2 {text-align:center;font-size:16px;font-weight:400;position:relative;color:#000;padding-bottom:30px;font-family: 'Oswald', sans-serif;}

.subscribe img {width:100%;max-width:250px;height:auto;}

.subscribe input {background:#eff5f5;color:#000;display:inline-block;border-radius:25px;box-sizing:border-box;padding:20px;border:0px;box-shadow:none;}

.paddingtpSubscribe {padding-top:8px;}

.subscribe .form-group {position:relative}

.subscribe .form-group button {position:absolute;right:0px;top:0px;border:0px;background:#ff9330;color:#fff;height:40px;border-radius:25px;padding-left:25px;padding-right:25px;}



.footer {box-sizing:border-box;padding:40px 20px 20px 20px;font-size:12px;color:#000;margin-top:60px;}

.footer h1 {font-weight:700;font-size:15px;color:#00639b;margin-bottom:20px;text-align:center;}

.footer ul {margin:0px;padding:0px;text-align:center;}

.footer li {list-style:none;color:#3ba0bc;display:inline-block;}

.footer li a {color:#666;padding:5px 25px;text-decoration:none;display:block;font-size:14px;}

.footer li a:hover {color:#000;text-decoration:underline;}



.footer2 {background:#bbf4ee;box-sizing:border-box;padding:0px 20px 0px 20px;font-size:12px;color:#000;}

.footer2 .socialFooter {text-align:center;background:#fff;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}

.footer2 .socialFooter .socialIcons {font-size:20px;padding:15px 6px;color:#b7b7b7;text-align:center;}

.footer2 .footerAdd1 {box-sizing:border-box;padding:40px 20px 40px 0px;position:relative;font-size:12px;line-height:25px;color:#666;font-family: 'Roboto', sans-serif;}

.footer2 .footerAdd1:after {content:'';position:absolute;width:1px;height:100%;top:0px;right:0px;background:#d7d7d7;}

.footer2 .footerAdd2 {box-sizing:border-box;padding:40px 20px 40px 20px;position:relative;font-size:12px;line-height:25px;color:#666;font-family: 'Roboto', sans-serif;}

.footer2 .footerAddress {background:#fafafa;}



.headingInside {text-align:center;background:url(/assets/images/inside_headingImg.jpg) center center no-repeat;position:relative;padding-top:100px;padding-bottom:100px;}

.headingInside:after {content:'';position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color: rgba(0, 0, 0, .25);z-index:100;display:block;}

.headingInside h1 {margin:0px;padding:0px;font-size:45px;color:#fff;position:relative;z-index:1000;font-family: 'Oswald', sans-serif;}



.companies {padding-top:50px;padding-bottom:50px;box-sizing:border-box;}

.companies .company {box-sizing:border-box;padding:30px;border:1px solid #e1e1e1;border-bottom:3px solid #e1e1e1;background:#fafbfb;margin-bottom:25px;border-radius:15px;}

.companies .company h1 {font-family: 'Oswald', sans-serif;font-size:25px;}

.companies .company .subBrand {height:50px;vertical-align:middle;line-height:50px;}

.companies .company .subBrand img {width:100%;max-width:100px;height:auto;}

.companies .company .compTxt {
    height: 150px;
    max-height: 350px;
    /* overflow: scroll; */
    overflow-x: hidden;
    margin-bottom: 25px;
    text-align: justify;
    padding: 0px 20px;
}

.companies .company p {font-size:13px;line-height:22px;color:#666;font-family: 'Roboto', sans-serif;}

.companies .company .btnVisit {border:1px solid #58a1a8;background:#58a1a8;color:#fff;font-weight:700;font-size:16px;}

.server ul{margin-top: 0; margin-bottom: 10px; line-height: 35px; text-align: justify;}

.contact {box-sizing:border-box;padding:60px 30px;background:url(../images/contactBg.png) center center no-repeat #3dd8da;background-size:contain;}

.contact .contactForm {border-radius:15px;background:#fff;color:#000;box-shadow: 5px 4px 3px 3px rgba(0,0,0,.25);padding-bottom:25px;border-bottom:3px solid #7cb0b1;}

.contact .contactForm h1 {font-family: 'Oswald', sans-serif;font-size:25px;text-align:center;}

.contact .contactForm .form-control {border:2px solid #e1e1e1;box-shadow:none;}

.contact .contactForm button {border:0px;background:#3dd8da;color:#fff;}

.contact .contactForm .footerAdd1 {box-sizing:border-box;padding:15px 20px 15px 0px;position:relative;font-size:12px;line-height:22px;color:#666;font-family: 'Roboto', sans-serif;}

.contact .contactForm .footerAdd2 {box-sizing:border-box;padding:15px 20px 15px 20px;position:relative;font-size:12px;line-height:22px;color:#666;font-family: 'Roboto', sans-serif;}



.submitform{border: 0px; background: #3dd8da; color: #fff;}

.submitform:hover{border: 0px; background: #777; color: #fff;}

.thankyou{text-align: center; font-size: 20px; color: green; padding: 10px;}

.servicesimg{width: 100%; max-width: 250px; margin: auto; height: auto; padding:40px}

.services p{padding: 10px;}

.services h5{font-size: 15px; font-weight: 700;}

.servicediv{background-color: #f3f3f3; border-radius: 10px; border: 2px solid #fff;} 

.servicediv:hover{background-color:#5bb8e5; color:#fff; border:1px solid; cursor: pointer}

.clearfix{margin: 20px;}


.career{margin-top: 20px;}

.page_subtitle h2{font-size: 25px; padding: 5px; font-weight: 600; font-family: 'Oswald', sans-serif;text-align:center;}

.red_text{font-size:16px; line-height: 25px; font-weight: 600;}

.red_15_bold a{font-weight: 400;color:#000;font-size:20px;text-decoration:none;}

.black_14_normal{padding-top: 10px; line-height: 25px; font-size: 15px; text-align: justify;}

.click-to-apply{color: #fff; background: #3dd8da; padding: 8px 20px; border-radius: 3px; font-size: 16px; font-weight: 600; font-family: 'Roboto', sans-serif;}

.click-to-apply:hover{color: #3dd8da; background: #fff; border: 1px solid #3dd8da; padding: 8px 20px; border-radius: 3px;}

.our-core-value{margin: 20px 10px;}

.row_red_border { border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; margin-bottom: 10px;}

.red_15_bold{font-size: 14px;color: #666; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 25px;}

.black_14_normal{font-size: 13px; line-height: 22px; color: #666; font-family: 'Roboto', sans-serif;}

.text-right{text-align: right; margin-bottom: 20px;}

.applynow h2{font-size: 25px; padding: 5px; font-weight: 600; font-family: 'Oswald', sans-serif; color:#3dd8da; }

.closebtn{color: #fff;  padding: 8px 20px; border-radius: 3px; font-size: 16px; font-weight: 600;   font-family: 'Roboto', sans-serif;}

.parsley-error {border-color: #ff5d48 !important; }

.parsley-errors-list {display: none;margin: 0;padding: 0; }

.parsley-errors-list.filled {display: block;clear:both; }

.parsley-errors-list > li {font-size: 13px;list-style: none;color: #f00;margin-top: 5px;font-weight:400;text-align:left;}

.note-editor.note-frame .note-editing-area .note-editable{height: 300px;}

.note-editor.note-frame .note-editing-area .note-editable{background-color:#f7f8ff85;}

.ErrerInside.error p{font-size: 18px; font-weight: 600; color:#000; font-family: 'Oswald', sans-serif;margin: 20px; text-align: center;}

.ErrerInside.error h1{font-size: 200px; color: #fe0101; text-align: center; font-family: 'Oswald', sans-serif; margin-bottom: 20px;}

.ErrerInside{

    text-align: center;

    position: relative;

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 2px solid #01a7fe;

    border-top: 2px solid #01a7fe;

}









@media (max-width: 460px)

{
    .services-area .services-title {padding: 0 0rem; }

	.banner .txtSlider {display:block !important;width:auto;text-align:center;margin-right:0px;}

	.banner .heading {font-size:24px;}

	.banner .heading span {font-weight:300;padding-right:0px;display:block;position:relative;top:-9px;text-align:center;}

	.banner p {font-family: 'Roboto', sans-serif;font-size:12px;line-height:18px;color:#666;text-align:center;font-weight:400;width:100%;max-width:750px;margin:auto;}

	.container .ranked .w {width:100%;}

}


.Services h2{font-size: 25px;}

/* Service */
 .services-area{
    padding: 2rem 0rem;
}
 .services-area .services-title{
    padding: 10px;
}

.services-list.card-body h5{
font-size: 20px;
border-radius: 5px;
}

.services-list .services .card-body{
 min-height: 245px;
 height:100%;
 border-radius: 5px;
}
 .services-area .services-title h1{
    font-size: 35px;
}

.services-area .services{
    background: #dbecf1f8;
    margin: 15px 0px;
    transition: box-shadow .7s ease;
    border-radius: 10px;
}

.services-area .services:hover{
    box-shadow: 3px 3px 5px 6px #ccc;
    cursor: pointer;
}

.services-detail p{text-align: justify;}

.client h2{
    text-align: center;
    font-size: 25px;
    padding-bottom: 15px;
}

.logo{
    padding: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 10px;
    width: 100%;
    max-width: calc(25% - 20px);
    float: left;
}
.logo img{
    width: 100%;
    height: auto;
    max-width: 190px;
    margin: auto;
    min-height: 70px;
}

@media (max-width: 768px)

{

.nav-tabs > li {float:unset;}

.services-area .services-title {padding: 0 0rem; }

.logo{
    padding: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 10px;
    width: 100%;
    max-width: calc(50% - 20px);
    float: left;
    }

.logo img{
    width: 100%;
    height: auto;
    max-width: 190px;
    margin: auto;
    min-height: unset;
}

}