@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'MyriadProRegular';src: url('../fonts/MyriadProRegular.eot');src: url('../fonts/MyriadProRegular.woff') format('woff'), url('../fonts/MyriadProRegular.ttf') format('truetype'), url('../fonts/MyriadProRegular.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'AktivGrotesk-Regular';src: url('../fonts/AktivGrotesk-Regular.eot');src: url('../fonts/AktivGrotesk-Regular.woff') format('woff'), url('../fonts/AktivGrotesk-Regular.ttf') format('truetype'), url('../fonts/AktivGrotesk-Regular.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'AktivGrotesk-Bold';src: url('../fonts/AktivGrotesk-Bold.eot');src: url('../fonts/AktivGrotesk-Bold.woff') format('woff'), url('../fonts/AktivGrotesk-Bold.ttf') format('truetype'), url('../fonts/AktivGrotesk-Bold.svg') format('svg');font-weight: normal;font-style: normal;}

body{font-family: 'AktivGrotesk-Regular';color:#000000;font-weight:normal; background:#fff; overflow-x: hidden;}
a{outline: none;}
a:focus{outline: none;}
a:hover {outline: none;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
img{max-width:100%;}

@media (min-width: 1400px){
.container {max-width: 1170px;}
}

.modal-dialog {max-width: 570px; margin-top: 60px;}
.modal-dialog .modal-content {border-radius: 20px; box-shadow: 0 0 6px #00000029; border: none;}
.modal-dialog .modal-header {padding: 30px 30px 0px 30px; border: none;}
.modal-dialog .modal-header h4.modal-title {font-size: 25px; color: #000; font-family: 'HelveticaNeueLTStd-BdCn'; margin: 0px;}
.modal-dialog .modal-header .close {width: 30px; height: 30px; background: #9C9B9B; border-radius: 100%; border: none; font-size: 31px; color: #fff; margin: -44px -17px 0px 0px;}
.modal-dialog .modal-header .close span {margin: -4px 0 0 0; display: block;}
.modal-dialog .modal-body {padding: 30px 30px; border-radius: 0px;}
.modal-dialog .modal-body .close {background: none; border: none; padding: 0px; right: 5px;position: absolute;top: -40px; box-shadow: none;}
.modal-dialog .modal-body h1 {font-size: 22px; font-weight: 400; font-family: 'Gilroy-Semibold'; color: #fff; margin: 0px 0 20px 0; padding: 18px 0; text-align: center; background-color: #263077; border-radius: 14px;}
.modal-dialog .modal-body .formdiv label {font-size: 15px; font-family: 'Gilroy-Medium';}
.modal-dialog .modal-body .formdiv label span {color: #F44336;}
.modal-dialog .modal-body .formdiv .form-group {margin-bottom: 30px;}
.modal-dialog .modal-body .formdiv .form-control {font-size: 15px; font-family: 'Gilroy-Medium'; padding-left: 15px; background: #F5F5F5; border: 0px solid #C2DEDC; height: 45px;border-radius: 8px;box-shadow: none; color: #4A4A4A;}
.modal-dialog .modal-body .formdiv .form-control::-webkit-input-placeholder {color: #4A4A4A; opacity: 1;}
.modal-dialog .modal-body .formdiv .form-control:-ms-input-placeholder {color: #4A4A4A; opacity: 1;}
.modal-dialog .modal-body .formdiv .form-control::placeholder {color: #4A4A4A; opacity: 1;}
.modal-dialog .modal-body .formdiv .form-control:disabled, .form-control[readonly] {background: #FCF8EF;}
.modal-dialog .modal-body .formdiv textarea.form-control {height: 150px; resize: none;}
.modal-dialog .modal-body .formdiv .btndiv .btn-primary {background-color: #2CB7DF; padding: 0px 36px 0 36px; line-height: 45px; text-transform: uppercase; border: none; color: #fff; font-size: 15px; font-family: 'Gilroy-Bold'; box-shadow: none; border-radius: 8px;}
.modal-dialog .modal-body .formdiv .btndiv .btn-primary:hover {background-color: #263077;}

.header {width:100%; min-height: 152px; position: relative; transition: all 0.3s ease-in-out;}
.header .logo {padding: 18px 0 18px 0; text-align: left; transition: all 0.3s ease-in-out; position: relative; z-index: 1;}
.header .logo img {height: 116px; transition: all 0.3s ease-in-out;}
.header.newClass {background-color: rgba(0, 0, 0, 0.7); position: fixed; transition: all 0.3s ease-in-out; min-height: 126px; z-index: 9;}
.header.newClass .logo img {height: 90px; transition: all 0.3s ease-in-out;}
.header.newClass .top-menu {padding: 45px 0 0 0; transition: all 0.3s ease-in-out;}
.header.newClass .soceilmedia {margin: 39px 0 0 0; transition: all 0.3s ease-in-out;}
.header.newClass .cart {margin-top: 45px; transition: all 0.3s ease-in-out;}

.menuSec {min-height: 64px;}
.top-menu {padding: 25px 0 0 0;font-size: 15px; text-align: left; transition: all 0.3s ease-in-out;}
.top-menu .navbar{display: inline-block; padding: 0 0;}
.top-menu .navbar-expand-lg .navbar-brand{font-size: 31px; color: #1fc341; font-weight: 600;}
.top-menu .navbar-expand-lg .navbar-brand:hover{color: #1fc341;}
.top-menu .navbar-light .navbar-nav .nav-link{color: #ffffff; font-size: 15px; border-bottom: 1px solid transparent;}
.top-menu .navbar-nav .nav-item{padding: 0 30px 0 0;}
.top-menu .navbar-nav .nav-item a {padding: 0px;}
.top-menu .navbar-nav .nav-item a:hover{color: #ffffff; border-bottom: 1px solid #ffffff;}
.top-menu .navbar-nav .nav-item.active a{color: #ffffff;  border-bottom: 1px solid #ffffff;}
.header .soceilmedia {position: relative; z-index: 1; margin: 18px 0 0 0; transition: all 0.3s ease-in-out;}
.header .soceilmedia a {font-size: 25px; color: #fff; text-decoration: none; margin-right: 30px;}
.header .cart {font-size: 20px; color: #fff; position: relative; z-index: 1; margin-top: 23px; text-align: right; transition: all 0.3s ease-in-out;}
.header .cart img {margin-right: 5px; vertical-align: top;}
.header .cart a {color: #fff; text-decoration: none;}

.home-banner img {width: 100%; height: 1080px; object-fit: cover; object-position: center; margin-top: -152px;}
   
.home-gettoknow {padding: 50px 0 50px 0;}
.home-gettoknow h1 {font-size: 50px; font-family: 'AktivGrotesk-Bold'; color: #000000; margin: 0 0 50px 0; text-align: center;}
.home-gettoknow .gettoknow-box {margin-bottom: 60px;}
.home-gettoknow .gettoknow-box .txtbox h3 {margin: 0 0 20px 0; font-size: 35px; font-family: 'AktivGrotesk-Bold'; color: #000000;}
.home-gettoknow .gettoknow-box .txtbox .content {font-size: 15px; line-height: 24px; color: #000000;}
.home-gettoknow .gettoknow-box .image img {width: 100%; height: 700px; object-fit: cover; object-position: center;}
.home-gettoknow .gettoknow-box.one .txtbox {padding: 165px 0 0 0;}
.home-gettoknow .gettoknow-box.two .txtbox {padding: 110px 0 0 0;}
.home-gettoknow .gettoknow-box.three .txtbox {padding: 120px 0 0 0;}
.home-gettoknow .gettoknow-box.four .txtbox {padding: 170px 0 0 0;}
.home-gettoknow .btndiv {text-align: center;}
.home-gettoknow .btndiv .btn-primary {background-color: #0399ED; border-color: #0399ED; padding: 0px 35px 0 35px; line-height: 58px; color: #fff; font-size: 15px; font-family: 'AktivGrotesk-Bold'; box-shadow: none; border-radius: 40px;}
.home-gettoknow .btndiv .btn-primary:hover {opacity: .8;} 

.home-photos {background-color: #00426B; padding: 55px 0;}
.home-photos .container {max-width: 1800px;}
.home-photos .owl-carousel.owl-drag .owl-item {padding: 0;}
.home-photos .owl-carousel.owl-drag .owl-item img {width: 100%;}
.home-photos .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {width: 45px; height: 45px; font-size: 0; position: absolute; top: 40%; padding: 0px; margin: 0px;}
.home-photos .owl-carousel .owl-nav .owl-next {background: url("../images/RST-next.png") center center no-repeat !important; right: -6px;}
.home-photos .owl-carousel .owl-nav .owl-prev {background: url("../images/RST-prev.png") center center no-repeat !important; left: -1px;}
.home-photos .owl-theme .owl-nav {margin-top: 0px;}


.footer {background: #000000 url("../images/") center center no-repeat; background-size: cover; padding: 40px 0 90px 0;}
.footer .topservices {margin-bottom: 40px;}
.footer .topservices h1 {font-size: 35px; color: #fff; margin: 0 0 15px 0; text-align: left; font-family: 'AktivGrotesk-Bold';}
.footer .topservices .row {margin: 0 -2px;}
.footer .topservices .col-sm-3 {padding: 0 2px;}
.footer .topservices .instaimage {position: relative;}
.footer .topservices .instaimage img {width: 100%; height: 290px; object-fit: cover; object-position: center;}
.footer .topservices .instaimage .sqs-video-icon {position: absolute;top: 50%;left: 50%;background: transparent url('../images/index.png') center center no-repeat;height: 48px;width: 48px;margin-left: -24px;margin-top: -24px;cursor: pointer;}
.footer .footermenu {font-size: 14px; color: #0399ED;}
.footer .footermenu h3 {font-size: 18px; color: #fff; margin: 0 0 15px 0; text-align: left; font-family: 'AktivGrotesk-Bold';}
.footer .footermenu ul {padding: 0; margin: 0; list-style: none;}
.footer .footermenu ul li {margin-bottom: 8px;}
.footer .footermenu ul li a {color: #0399ED; text-decoration: underline; font-size: 14px; padding: 0 0px;}
.footer .footermenu ul li a:hover {color: #fff;}
.footer .copyright {font-size: 13px; text-align: center; margin: 0 0 0 0; color: #fff;}



@media (min-width: 1200px) {
.top-menu .navbar-header {display: none;}
}

@media (min-width: 1024px) and (max-width: 1050px) {
.top-menu .navbar-header {display: none;}

}

@media (min-width: 768px) and (max-width: 980px) {
.top-menu .navbar-header {display: none;}

}

@media (min-width: 320px) and (max-width: 640px) {

}

@media (max-width: 600px) {

}

@media (max-width: 480px) {

}

@media (max-width: 360px) {

}

@media (max-width: 320px) {

}