html{overflow-x:hidden;scroll-behavior: smooth;}
body{background:#fff;font-family:'Open Sans',sans-serif; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, span, p, a, li{font-family:'Open Sans',sans-serif;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}
body a{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both;}
.header{}
.topnav{padding:0 50px;background:#f6f4ef;}

.float-panel {width:100%;background:transparent;z-index:300;transform: translateZ(0);transition:all 0.5s;position: absolute;}
.float-panel .content-area {margin:10px auto;}
.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}
.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2);padding:0;animation:slide-down 0.7s; background:#00095e}
.fixed .fa-gg {transform: rotate(360deg); }
.d-flex {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.flex-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
.align-items-center {-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;}
.justify-content-center {-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
@keyframes slide-down {
    0% {opacity: 0;transform: translateY(-100%);} 
    100% {opacity: 0.9; transform: translateY(0);} 
}

.navbar-brand{padding:25px 0}
.navbar-brand > img{width:150px}
.navbar{margin-bottom:0}
.navbar-default {background-color:transparent;border-color:transparent;}
.navbar-default .navbar-nav > li > a {color:#292d55;padding:30px 20px !important; text-transform:uppercase; font-weight:400; font-size:1em}
.navbar-default .navbar-nav > li > a:hover{color:#00aacd !important}
.navbar-default .navbar-nav > li > a::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 27px;height: 3px;color: #00aacd;background: #00aacd;transform: translateY(5px);-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;opacity:0;}
.navbar-default .navbar-nav > li > a:hover::after {transform: translateY(0);opacity: 1;}
.navbar-default .navbar-nav > li > a.act::after {content: '';position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 27px;height: 3px;color: #00aacd;background: #00aacd;transform: translateY(0px);-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;opacity:1;}
.navbar-default .navbar-nav > .dropdown > a .caret {border-top-color: #fff;border-bottom-color: #fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color:#fff;background:transparent;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #00aacd !important;background: transparent;}
.navbar-default .navbar-left{margin-left:50px}
.navright{padding:15px 0}
.elementor-icon-box-wrapper {text-align: left;}
.elementor-icon-box-icon {margin-right: 15px;}
.elementor-icon {float:left}
.elementor-icon img{width:45px; margin-top:5px; margin-right:5px}
.elementor-icon-box-content {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.elementor-icon-box-title{font-size:1em; font-weight:300;margin-bottom: 2px;color: #000;}
.elementor-icon-box-description {font-size:1.4em; font-weight:500;color: #000;}

.action{background:#00aacd;border:1px solid#00aacd;color:#fff!important;padding:15px 35px !important;font-weight:400;border-radius:0;font-size:1em;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;}
.action:hover{background:#292d55;border:1px solid#292d55;color:#fff!important}

.banner{background:url(../images/background.png) top center no-repeat, #f6f4ef; background-size:cover;padding:0; overflow:hidden; padding-top:100px}
.banner img{padding-right:50px}
.banner h1{font-size:3.7em; font-weight:600; color:#000; line-height:1.2; padding:70px 150px 10px 0}
.banner p{font-size:1.2em; font-weight:400; color:#7A7A7A; line-height:1.5;padding:0px 180px 15px 0}

.join{margin-top:50px;}
.join span{font-size:1.2em; font-weight:600; color:#00aacd; line-height:1.5;}
.join h2{font-size:2.8em; font-weight:600; color:#000; line-height:1.2;margin-bottom:15px}
.join p{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.7;}
.join img{float:right}

.intro{margin-top:50px;}
.intro span{font-size:1.2em; font-weight:600; color:#00aacd; line-height:1.5;}
.intro h2{font-size:2.8em; font-weight:600; color:#000; line-height:1.2;}
.intro p{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.5;}

.services{margin-top:50px}
.service-box{box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1); padding:35px; background:#fff;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.service-box img{width:40px; margin-bottom:10px}
.service-box h3{font-size:1.6em; font-weight:600; color:#000; line-height:1.2;margin-bottom:10px}
.service-box p{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.5;}
.services .col-lg-4{margin-bottom:30px}
.service-box a{color:#000; text-decoration:none}
.service-box:hover{background:#00aacd}
.service-box:hover img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.service-box:hover h3, .service-box:hover p, .service-box:hover a{color:#fff}

.weare{margin-top:50px}
.weare span{font-size:1.2em; font-weight:600; color:#00aacd; line-height:1.5;}
.weare h4{font-size:2.8em; font-weight:600; color:#000; line-height:1.2; margin:15px 0}
.weare p{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.5;}
.mt-30{margin-top:30px}
.weare h5{font-size:1.6em; font-weight:600; color:#000; line-height:1.2; margin-bottom:15px}
hr.line{border-top: 1px solid#E1E1E1;}

.consultation{background:url(../images/consultation.jpg) top center no-repeat; background-size:cover; height:500px; margin-top:70px; padding:110px 0}
.consultation h5{font-size:2.8em; font-weight:600; color:#fff; line-height:1.2; margin:15px 0}
.consultation p{font-size:1.1em; font-weight:400; color:#fff; line-height:1.5;}
.consultation .action{margin-top:25px}

.running{background:#fff;box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1); padding:70px 50px; margin-top:-150px}
.counter h2{font-size:2.5em;color:#000; font-weight:600; text-align:center; margin:15px 0 10px 0}
.counter p{font-size:1.1em;color:#7A7A7A; font-weight:400; text-align:center !important}
.counter img{margin-left:auto; margin-right:auto; display:block; width:50px;}

.testimonials{margin-top:50px;}
.testimonials h5{font-size:2.5em; font-weight:600; color:#000; margin-bottom:30px; text-align:center}
.testimonials .client-review .item{background:#fff !important; border-radius:10px; padding:15px; height:370px; border:1px solid #E8E7E7}
.testimonials .client-review .item p{font-size:1em; text-align:center; color:#7A7A7A}
.test-img{width:150px; height:150px; margin:auto; margin-bottom:25px}
.test-img img{width:150px;border-radius:50%}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{display:none !important}

.footer{background:#181818; padding:80px 70px 30px; margin-top:50px}
.footer-logo img{width:200px; border-radius:5px}
.footer-social{margin-top:25px !important;}
.footer-social ul{list-style:none;text-align:center; margin-left:-40px}
.footer-social li{display:inline; padding:10px;}
.footer-social a{color:#fff; font-size:1em}
.footer-social a:hover{color:#00aacd; margin-left:0px}
.footer-line{border-top: 1px solid#7e838a;}
.footer-menu{}
.footer-menu ul{list-style:none; text-align:center;margin-left:-40px}
.footer-menu li{display:inline-block; color:#fff; font-size:1.1em; padding:0 15px}
.footer-menu a{color:#fff; text-decoration:none}
.footer-menu a:hover{color:#00aacd}
.footer-copyright{margin-top:25px}
.footer-copyright p, .copyright a{text-align:center; color:#7e838a;font-size:1em;font-weight:300}
.footer-copyright a:hover{color:#00aacd;margin-left:0px}

.whatsapp{position:fixed;right:5px; bottom:100px; width:50px; height:50px}
.whatsapp img{width:50px}
.top-scroll{display:none;position:fixed;bottom:50px;right:4%;z-index:1000;display:block;width:40px;height:40px;line-height:35px;font-size:23px;color:#fff;text-align:center;background:#00aacd;border-radius:25px;cursor:pointer;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:1;}
.top-scroll:hover{opacity:1;}

.inner-bg{background:url(../images/inner-background.png) bottom center no-repeat, #f6f4ef; background-size:cover;padding:0; overflow:hidden; height:300px; padding:150px 0}
.inner-bg h1{font-size:3em; font-weight:600; color:#000; line-height:1.2; text-align:center;}

.how-works{margin-top:70px}
.how-works span{font-size:1.2em; font-weight:600; color:#00aacd; line-height:1.5;}
.how-works h2{font-size:2.8em; font-weight:600; color:#000; line-height:1.2; margin:15px 0; text-align:center}
.how-works p{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.5;text-align:center; padding:0 300px}
.steps{margin-top:35px}
.steps h3{font-size:5em; font-weight:900; color:#fff; line-height:1.2; margin-bottom:25px; text-align:center;text-shadow:-1px -1px 0 #b6b6b6, 1px -1px 0 #b6b6b6, -1px 1px 0 #b6b6b6,1px 1px 0 #b6b6b6;}
.steps h4{font-size:1.5em; font-weight:600; color:#000; line-height:1.2; margin:15px 0; text-align:center}
.steps p{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.5;text-align:center; padding:0}

.service-wrap{margin-top:50px}
.service-wrap h2{font-size:2.8em; font-weight:600; color:#000; line-height:1.2;}
.service-wrap p{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.5;}
.service-wrap ul{margin-left:-25px}
.service-wrap li{font-size:1.1em; font-weight:400; color:#7A7A7A; line-height:1.5;}
hr.line2{border: 2px solid #00aacd;width: 20%;float: left;}
.left-line{border-left:1px solid#E8E7E7}
.mt-50{margin-top:50px}

.contact{margin-top:50px}
.contact-list ul{list-style:none; margin-left:-40px; margin-top:25px}
.contact-list li{font-size:1.3em}
.list-item {line-height: 2;color: #fff;}
.contact-text {color: #fff;}
.place {margin-left: 15px;}
.phone {margin-left: 11px;}
.gmail {margin-left: 8px;}
.contact-text a {color: #fff;text-decoration: none;transition-duration: 0.2s;}
.contact-text a:hover {color: #fff;text-decoration: none;}
.social ul{text-align:left; margin-left:-60px !important}
.social li{font-size:1.5em;display:inline-block; padding:0 15px}
.social a{color:#fff}
.social a:hover{color:#fff}
.my-contact{width:900px; margin:auto; box-shadow:1px 1px 25px #ccc; border-radius:10px; overflow:hidden; height:550px; margin-top:-200px; background: #fff;position: relative;left: 0;right: 0;}
.left-contact{background:#00aacd; height:100vh; padding:35px 0 0 80px}
.left-contact h3{color:#fff; text-align:left}
.form2{padding:35px}
.form2 h3{text-align:left}
#textarea {display: block;width: 100%;height: 100px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;    background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.career{margin-top:50px}
.career-form-wrap{width:1050px; margin:auto; position:relative;padding-bottom:80px}
.career-form{background:#ecf7f3;width:550px; margin:auto; padding:50px 70px; border-radius:10px}

.left-art{position:absolute; left:0; bottom:0}
.right-art{position:absolute; right:0; bottom:80px}

@media(min-width:320px) and (max-width:480px){
.topnav{padding:0 15px}
.navright{display:none}
.navbar-default .navbar-left{margin-left:0}
.navbar-default .navbar-nav > li > a{padding:10px 0 !important}
.navbar-default .navbar-nav > li > a.act::after, .navbar-default .navbar-nav > li > a:hover::after{display:none}
.banner img{padding-right:0}
.banner{padding-top:70px; padding-bottom:35px}
.banner h1 {font-size: 2.7em;padding: 15px;}
.banner p{padding:0 15px}
.banner .action{margin-left:15px}
.join img{margin-bottom:25px}
.join h2 {font-size: 2em;}
.intro h2 {font-size: 2em;}
.weare h4 {font-size: 2em;}
.weare img{margin-top:25px}
.consultation{padding:50px 0}
.consultation h5 {font-size: 2em;}
.counter p {font-size: 1em;}
.footer{padding:50px 15px}
.footer-menu li{padding:5px}
.how-works h2 {font-size: 2em;}
.how-works p{padding:0 15px}
.service-wrap h2 {font-size: 2em;}
.left-art, .right-art{display:none}
.career-form-wrap{width:100%}
.career-form{width:100%;padding:30px}
.my-contact{width:100%; height:auto}
.left-contact {height:auto;padding: 35px;}
}

@media(min-width:480px) and (max-width:1200px){
	.navright { padding: 15px 0 0 0; }
}