@font-face {
    font-family: 'AvenirNextRegular';
    src: url('../fonts/AvenirNext-Regular.eot');
    src: url('../fonts/AvenirNext-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNext-Regular.woff') format('woff'),
        url('../fonts/AvenirNext-Regular.ttf') format('truetype'),
        url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextDemiBold';
    src: url('../fonts/AvenirNext-DemiBold.eot');
    src: url('../fonts/AvenirNext-DemiBoldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-DemiBold.woff2') format('woff2'),
        url('../fonts/AvenirNext-DemiBold.woff') format('woff'),
        url('../fonts/AvenirNext-DemiBold.ttf') format('truetype'),
        url('../fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextRegular';
    src: url('../fonts/AvenirNext-Medium.eot');
    src: url('../fonts/AvenirNext-Mediumd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-Medium.woff2') format('woff2'),
        url('../fonts/AvenirNext-Medium.woff') format('woff'),
        url('../fonts/AvenirNext-Medium.ttf') format('truetype'),
        url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextHeavy';
    src: url('../fonts/AvenirNext-Heavy.eot');
    src: url('../fonts/AvenirNext-Heavyd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNext-Heavy.woff2') format('woff2'),
        url('../fonts/AvenirNext-Heavy.woff') format('woff'),
        url('../fonts/AvenirNext-Heavy.ttf') format('truetype'),
        url('../fonts/AvenirNext-Heavy.svg#AvenirNext-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand-regular-webfont.eot');
    src: url('../fonts/quicksand-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-regular-webfont.woff2') format('woff2'),
         url('../fonts/quicksand-regular-webfont.woff') format('woff'),
         url('../fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.ttf') format('truetype'),
        url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{outline: none;}
*::-moz-selection{background:#ffa200; color:#fff; text-shadow:none;} 
body, html{font-family:'AvenirNextRegular'; margin:0; padding:0; height:100%; width:100%; font-size:13px;}
label{display: block; font-family:'AvenirNextRegular';}
h1, h2, h3, h4, h5, h6{margin:0%; padding:0%; font-family:'AvenirNextRegular';}
ul, li{ list-style:none; margin:0; padding:0; font-family: 'AvenirNextRegular';}
img{vertical-align:middle; border:none}
p{font-size:14px; padding:px; color:#FFFBFB; line-height:normal; display:block; font-family:'AvenirNextRegular'; margin:0;}
a, input, select, textarea, .btn {transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; outline:none; font-family:'AvenirNextRegular'; text-decoration:none;}
a{ color:#666;}
a:hover{ outline:none; cursor:pointer; color:#212121; text-decoration:none;}
a:focus {outline:none; text-decoration:none}
.full-width{float:left; width:100%;}
.relative{position:relative}
.full-img{ width:100%;}
.float-left{ float:left;}
.float-right{ float:right;}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="file"], select, input[type="number"]{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s; width:100%;}
button{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, select:focus, input[type="number"]:focus{ outline:none; transition-duration: 0.1s; box-shadow:none;}
.form-control{ box-shadow:none; padding:0 10px; border-radius:0;}
.form-control:focus{ box-shadow:none;}
.form-control::-moz-placeholder{ opacity:1; color:#868686;}
.form-control::-webkit-input-placeholder{ opacity:1; color:#868686;}
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
select::-ms-expand {display: none;}

/*Custome Margin, Padding*/
.marginnone{margin:0;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop40{margin-top:40px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom40{margin-bottom:40px;}
.marginbottom60{margin-bottom:60px;}
.paddingnone{padding:0 !important;}
.paddingtop10{padding-top:10px;}
.paddingtop20{padding-top:20px;}
.paddingtop30{padding-top:30px;}
.paddingtop40{padding-top:40px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom20{padding-bottom:20px;}
.paddingbottom30{padding-bottom:30px;}
.paddingbottom40{padding-bottom:40px;}

@keyframes uptext {
    0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}
}
@-webkit-keyframes uptext {
    0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}
}
@keyframes downtext {
    0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}	
}
@-webkit-keyframes downtext {
    0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}	
}
@keyframes fadeInRight {
    0% { -webkit-transform: translateX(150px); transform: translateX(150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}	
}
@-webkit-keyframes fadeInRight {
    0% { -webkit-transform: translateX(150px); transform: translateX(150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}	
}

@keyframes fadeInLeft {
    0% { -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}
}
@-webkit-keyframes fadeInLeft {
    0% { -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}	
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(-100%);} 
    100% { opacity: 1; transform: translateY(0);} 
}
@keyframes downimg {
    0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity:1;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}	
}
@-webkit-keyframes downimg {
    0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity:1;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}	
}
/*MOdal Popup*/
.modal{ z-index: 10000; right: -17px;}
.modal-backdrop{ z-index: 9999;}
.modal-open{ padding-right:0 !important; overflow:auto;}
.modal.in{ padding-right:0 !important;}
.modal-content{ float:left; width:100%; margin-bottom:40px; border-radius:0; border: none; box-shadow: none;}
.modal-content .close{ opacity:1; padding:0; margin-top:0; position: absolute; right: -21px; top: -21px; z-index:99; text-shadow: none;}
.modal-content .close:hover, .modal-content .close:focus{ color:#fff; opacity:1;}
.modal-content .close img{ position: relative; top: 0;}
.modal-dialog{ max-width:900px; width:86%; margin:70px auto 0;}
.modal-body{ float:left; width:100%; padding:15px;}
.modal-backdrop.in{ opacity:.80;}

.img_block{}
.img_block > img{ width: 100%;}

.btn{ color: #e44e08; line-height: 50px; padding: 0 20px; background-color: #fff; border-radius: 0; font-size: 16px; border: 2px solid #e44e08; min-width: 190px;}
.btn:hover{ background-color: #e44e08; color: #fff;}

.styled_select{ position: relative; width: 100%;}
.styled_select:after{ content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; right: 0; top: 0; width: 30px; line-height: 32px; color: #ed1c24; font-size: 18px; text-align: center; pointer-events: none;}
.styled_select select{ padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}

.owl-carousel .owl-nav button[class*="owl-"]{ border: 2px solid #15305f; color: #15305f; width: 36px; line-height: 26px;}
.owl-carousel .owl-nav button[class*="owl-"]:hover{ background-color: #15305f; color: #fff;}

.container{ max-width: 1366px; padding: 0px; padding-left: -5px}
.fullpage-wrapper .container{ max-width: 100%; width: 100%; padding: 0 30px;}
header{ position: fixed; left: 0; top: 0; width: 100%; background-color: #f5f5f5; z-index: 99;}
header .container{ padding: 0 30px; max-width: 100%;}
.logo{ float: left; padding: 15px 0 15px}
.right_nav{ float: right; padding-top: 8px;}
.right_nav > ul{ float: left;}
.right_nav > ul > li{ float: left; line-height: 60px; position: relative; padding: 0 20px; border-left: 1px solid #cdcdcd;}
.right_nav > ul > li:first-child{ border-left: none; padding-left: 0;}
.right_nav > ul > li:last-child{ padding-right: 0;}
.right_nav > ul > li > a{ float: left; font-size: 14px; color: #2b2b2b;}
.right_nav > ul > li > a .fa{ padding-left: 5px; font-size: 18px; position: relative; top: 2px}

.right_nav > ul > li .num{ position: relative; color: #545454; line-height: 22px; font-size: 14px; padding: 8px 0 8px 45px;}
.right_nav > ul > li .num .fa{ position: absolute; left: 0; top: 50%; width: 30px; line-height: 28px; border: 1px solid #808080; margin-top: -15px; text-align: center; border-radius: 100%; font-size: 18px; color: #808080;}
.right_nav > ul > li .num span{ display: block; font-family: 'AvenirNextDemiBold'; color: #2b2b2b; font-size: 16px;}
.right_nav > ul > li .toggle{ position: relative; border: none; background-color: transparent; padding: 0; margin: 18px 0 17px; float: left; height: 25px; width: 34px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; opacity: 1}
.right_nav > ul > li .toggle:hover{ opacity: .5;}
.right_nav > ul > li .toggle span{ width: 100%; background-color: #2b2b2b; height: 3px; position: absolute; left: 0; top: 0;}
.right_nav > ul > li .toggle span:nth-child(2){ top: 11px;}
.right_nav > ul > li .toggle span:nth-child(3){ top: 22px;}

.common_section{ background-repeat: no-repeat; background-position: center top; background-size: cover; height: 100vh; width: 100%; padding-top: 90px; position: relative; overflow: hidden;}

.section_one{ padding-top: 0;}
.dwn{ position: absolute; left: 30px; bottom: 40px; line-height: 54px; border: 1px solid #888888; padding: 0 25px; color: #fff; font-size: 14px; font-family: 'CenturyGothic'; background-color: rgba(19,19,19,.60); z-index: 10;}
.dwn img{ padding-right: 10px;}
.dwn span{ position: relative; z-index: 2;}
.dwn:hover{ color: #fff; background-color: rgba(19,19,19,1);}
.dwn:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; background-color: #15305f; width: 0; transition: all 0.35s ease-in 0s; -webkit-transition: all 0.35s ease-in 0s; z-index: 1;}
.dwn:hover:before{ width: 100%;}

.chat{ color: #fff; text-align: center; position: absolute; right: 30px; bottom: 40px; z-index: 10; transition: all 0.35s ease-in 0s; -webkit-transition: all 0.35s ease-in 0s;}
.chat .icon{ display: inline-block; width: 65px; line-height: 65px; background-color: #fff; margin-bottom: 10px; border-radius: 100%;}
.chat p{ color: #fff; font-family: 'CenturyGothic';}
.chat:hover{ transform: scale(1.1);}

.dwn{animation-name:fadeInLeft; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:10s;}
.chat{animation-name:fadeInRight; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:11s;}

.home_carousel_desktop .item{ height: 100vh;}
.svg_mask{ position: relative;}
.home_carousel_desktop .active .svg_mask > img{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; animation-name:fadeIn; animation-duration:1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:4.5s; z-index: 5;}
.svg_mask .svg_img{ width: 100%; height: 100vh; position: absolute; left: 0; top: 0; z-index: 1;}
.home_carousel_desktop .active .svg_mask .svg_img path{ fill-opacity: 0; stroke: #000; stroke-width:1; stroke-dasharray:3000; animation-name: draw; animation-duration: 4s; animation-fill-mode: forwards; animation-timing-function: linear;}
@keyframes draw {
 from {stroke-dashoffset:3200;}	
  to {stroke-dashoffset:0;}
}

.home_slider{ position: relative;}
.thumb_container{ position: absolute; left: 50%; bottom: 0; width: 250px; height: 61px; background-color: #fff; z-index: 9; margin-left: -125px; padding: 0 120px 0 50px;}
.thumb_container .progressbar_outer{ position: relative; margin-top: 30px;}
.slide-progress{ width: 0; max-width: 100%; height: 1px; background: #272766; position: absolute; left: 0; top: 0; z-index: 10;}
.back_obverlay{ position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 1px; background-color: #b5b5b5;}

.thumb_container .owl-nav{ position: absolute; z-index: 11; right: 25px; top: 15px;}
.thumb_container .owl-nav .owl-prev, .thumb_container .owl-nav .owl-next{ float: left; margin-left: 30px; color: #838383; font-size: 22px; padding: 0; border: none; background-color: transparent;}
.thumb_container .owl-nav .owl-prev{ margin-left: 0;}
.thumb_container .owl-dots{ position:absolute; top: 26px; left: 22px; counter-reset: dots; color: #000; font-size: 15px; font-weight: 500;}
.thumb_container .owl-dots .owl-dot{ border-radius:100%; text-align:center; line-height:9px; background-color: transparent; border: none; padding: 0 0 0 9px; color: #838383; font-family: 'AvenirNextDemiBold'; font-size: 16px; font-weight: 700; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;}
.thumb_container .owl-dots .owl-dot.active{ opacity: 1; visibility: visible;}
.thumb_container .owl-dots .owl-dot:after{ content: '0'; position: absolute; left: 0; top: 0;}
.thumb_container .owl-dots .owl-dot:before { counter-increment:dots; content: counter(dots);}

.home_carousel_mobile{ display: none !important;}

.banner_wrap{ position: relative; pointer-events: none;}
.banner_wrap > img{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; animation-name:fadeIn; animation-duration:5s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}
.banner_wrap > img.large{ display: none;}
.banner_wrap > img.layer_one{z-index: 1; animation:none; opacity: 1; width: 100%; height: 100vh;}
.banner_wrap > img.layer_two{z-index: 2; animation-delay:5s;}

.main{ position: absolute; left: 0; top: 0; z-index: 3; width: 100%;}
.line-drawing{ -webkit-transition: opacity 0.5s; transition: opacity 0.5s; width: 2068px; height: 115vh; position: absolute; left: -450px; top: -103px; animation-name:fadeIn; animation-duration:1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.2s;}

.banner_wrap > img.layer_three{z-index: 5; animation-delay:7s;}

.line-drawing path { fill: none; stroke: #1e2120; stroke-width: 1;}
path.line-round { stroke-linecap: round;}
path.stroke-medium { stroke-width: 2;}
path.stroke-thin { stroke-width: 1;}

.mobile_banner{ display: none;}

.section_two{ background-image: url(images/bbg.png); padding-top: 120px;}
.section_two h2{ font-size: 36px; font-family: 'AvenirNextRegular'; color: #272765; padding-bottom: 20px}
.section_two p{ font-size: 18px; line-height: 30px; color: #15305f; padding-bottom: 20px;}
.section_two .col-md-5{ width: %; float: left;}
.section_two .btns{ display: inline-block; padding-top: 20px; position: relative; z-index: 10;}
.section_two .btns > li{ float: left; padding-left: 30px;}
.section_two .btns > li:first-child{ padding-left: 0;}
.section_two .btns > li > a{ float: left; border: 1px solid #15305f; color: #15305f; padding: 0 15px; min-width: 180px; text-align: center; font-size: 18px; font-family: 'AvenirNextMedium'; line-height: 48px;}
.section_two .btns > li:first-child > a .fa{ position: relative; font-size: 24px; padding-left: 27px; top: 3px;}
.section_two .btns > li:first-child > a .fa:after{ content: ''; position: absolute; left: 10px; top: 50%; background-color: #15305f; width: 22px; height: 2px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.section_two .btns > li:last-child > a .fa{ font-size: 26px; padding-right: 7px; position: relative; top: 2px;}
.section_two .btns > li> a:hover{ color: #fff; background-color: #15305f;}
.section_two .btns > li:first-child > a:hover .fa:after{ background-color: #fff;}

.active .section_two h2{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.2s;}
.active .section_two p{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.6s;}
.active .section_two .btns li{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}
.active .section_two .btns li:first-child{ animation-delay:1s;}
.active .section_two .btns li:nth-child(2){animation-delay:1.4s;}

.abt_corner{ position: absolute; bottom: 0; left: 0; pointer-events: none; max-width: 400px; height: 276px;}
.abt_corner ul{ float: left; width: 100%;}
.abt_corner ul > li{ position: absolute; left: 0; top: 0; width: 72px;}
.abt_corner ul > li > img{ width: 100%;}
.abt_corner ul > li:nth-child(2){ top: 85px;}
.abt_corner ul > li:nth-child(3){ top: 169px;}
.abt_corner ul > li:nth-child(4){ top: 45px; left: 72px;}
.abt_corner ul > li:nth-child(5){ top: 89px; left: 72px;}
.abt_corner ul > li:nth-child(6){ top: 130px; left: 72px;}
.abt_corner ul > li:nth-child(7){ top: 212px; left: 72px;}
.abt_corner ul > li:nth-child(8){ top: 5px; left: 144px;}
.abt_corner ul > li:nth-child(9){ top: 49px; left: 144px;}
.abt_corner ul > li:nth-child(10){ top: 175px; left: 144px;}
.abt_corner ul > li:nth-child(11){ top: 50px; left: 216px;}

.active .section_two .abt_corner ul > li{ animation-name:fadeIn; animation-duration:1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:1s;}
.active .section_two .abt_corner ul > li:nth-child(2){ animation-delay:1.3s;}
.active .section_two .abt_corner ul > li:nth-child(3){ animation-delay:1.6s;}
.active .section_two .abt_corner ul > li:nth-child(4){ animation-delay:1.9s;}
.active .section_two .abt_corner ul > li:nth-child(5){ animation-delay:2.2s;}
.active .section_two .abt_corner ul > li:nth-child(6){ animation-delay:2.5s;}
.active .section_two .abt_corner ul > li:nth-child(7){ animation-delay:2.8s;}
.active .section_two .abt_corner ul > li:nth-child(8){ animation-delay:3.1s;}
.active .section_two .abt_corner ul > li:nth-child(9){ animation-delay:3.4s;}
.active .section_two .abt_corner ul > li:nth-child(10){ animation-delay:3.7s;}
.active .section_two .abt_corner ul > li:nth-child(11){ animation-delay:4.0s;}


.section_three{ padding-top: 120px;}
.section_three h2{ font-size: 36px; font-family: 'AvenirNextRegular'; color: #272765; text-align: center; text-transform: uppercase; position: relative; z-index: 3;}
.services_block{ display: none;}
.nav > li > a{ padding: 0; display: inline-block;}
.nav > li > a:hover, .nav > li > a:focus{ background-color: grey;}
.ser_list{ margin: 0 -1px;}
.ser_list > li{ float: left; width: 20%; padding: 0 1px;}
.ser_list > li > a{ float: left; width: 100%; text-align: center; padding: 48px 10px; position: relative;}
.ser_list > li > a:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background-color: #666; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.ser_list > li.active > a:before, .ser_list > li > a:hover:before{ height: 100%;}
.ser_list > li > a .inner{ display: inline-block; text-align: left; position: relative; padding-left: 80px; min-height: 54px;}
.ser_list > li > a .inner .icon{ position: absolute; left: 0; top: 50%; width: 60px; margin-top: -27px;}
.ser_list > li > a .inner .icon img{ position: absolute; left: 0; top: 0; width: 100%; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.ser_list > li > a .inner .icon img.light{ opacity: 0; visibility: hidden;}
.ser_list > li > a .inner span{ font-size: 16px; color: #28416d; line-height: 25px; font-family: 'AvenirNextDemiBold'; text-transform: uppercase; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.ser_list > li.active > a .inner span, .ser_list > li > a:hover .inner span{ color: #fff;}
.ser_list > li.active > a .inner .icon img.light, .ser_list > li > a:hover .inner .icon img.light{ opacity: 1; visibility: visible;}
.ser_list > li.active > a .inner .icon img.dark, .ser_list > li > a:hover .inner .icon img.dark{ opacity: 0; visibility: hidden;}

.ser_list > li:nth-child(2) > a:before{ background-color: #666;}
.ser_list > li:nth-child(3) > a:before{ background-color: #666;}
.ser_list > li:nth-child(4) > a:before{ background-color: #666;}
.ser_list > li:nth-child(5) > a:before{ background-color: #666;}

.services_desktop .tab-pane { background-repeat: no-repeat; background-position: center top; background-size: cover; height: 100vh; width: 100%; padding-top: 90px;}
.services_desktop .tab-pane > img{ width: 100%; animation-name:downimg; animation-duration:.8s; animation-fill-mode: forwards; opacity: 1; animation-timing-function: ease-out; animation-delay:0s;}

.services_desktop { position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}
.serhome_list{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;}

.active .section_three h2{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.2s;}
.active .section_three .ser_list > li{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}
.active .section_three .ser_list > li:first-child{ animation-delay:.2s;}
.active .section_three .ser_list > li:nth-child(2){animation-delay:.4s;}
.active .section_three .ser_list > li:nth-child(3){animation-delay:.6s;}
.active .section_three .ser_list > li:nth-child(4){animation-delay:1s;}
.active .section_three .ser_list > li:nth-child(5){animation-delay:1.2s;}


.section_four{ background-image: url("../images/../images/map-bg-home.jpg"); padding-top: 120px;}
.map_img { padding: 25px 0 0 90px; position: absolute; left: 0; top: 0; }
.map_img > img{ opacity: 0;}
.active .map_img > img{ animation-name:zoomIn; animation-duration:.8s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay:2.8s;}
.circle_block{ position: absolute; left: 50%; top: 50%; text-align: center; min-width: 231px; margin: -9px 0 0 -115px;}
.circle_dots{ display: inline-block; width: 100%; position: relative; height: 10px;}
.active .circle_dots{ animation-name:fadeIn; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.8s;}
.circle_dots li{ position: absolute; top: 0; width: 10px; height: 10px;}
.circle_dots li:nth-child(1){ left: 0;}
.circle_dots li:nth-child(2){ left: 17px;}
.circle_dots li:nth-child(3){ left: 34px;}
.circle_dots li:nth-child(4){ left: 51px;}
.circle_dots li:nth-child(5){ left: 68px;}
.circle_dots li:nth-child(6){ left: 85px;}
.circle_dots li:nth-child(7){ left: 102px;}
.circle_dots li:nth-child(8){ left: 119px;}
.circle_dots li:nth-child(9){ left: 136px;}
.circle_dots li:nth-child(10){ left: 153px;}
.circle_dots li:nth-child(11){ left: 170px;}
.circle_dots li:nth-child(12){ left: 187px;}
.circle_dots li:nth-child(13){ left: 204px;}
.circle_dots li:nth-child(14){ left: 221px;}
.circle_dots li span{ height: 10px; width: 10px; border-radius: 100%; background-color: #152d5b; float: left;}
.circle_dots li span.white{ background-color: #272765;}
.active .circle_dots li{ transition-property: width height background-color font-size left top color; transition-duration: .4s; transition-timing-function: linear;}
.active .circle_dots li:nth-child(1){ top: -70px; left: 200px; transition-delay: 1s;}
.active .circle_dots li:nth-child(2){ top: -80px; left: 220px; transition-delay: 1.2s;}
.active .circle_dots li:nth-child(3){ top: -30px; left: 260px; transition-delay: 1.5s;}
.active .circle_dots li:nth-child(4){ top: -40px; left: 155px; transition-delay: 1.8s;}
.active .circle_dots li:nth-child(5){ top: 0px; left: 200px; transition-delay: 2.1s;}
.active .circle_dots li:nth-child(6){ top: 60px; left: 130px; transition-delay: 2.0s;}
.active .circle_dots li:nth-child(7){ top: 50px; left: 220px; transition-delay: 1.8s}
.active .circle_dots li:nth-child(8){ top: 25px; left: 170px; transition-delay: 2.2s}
.active .circle_dots li:nth-child(9){ top: 15px; left: 348px; transition-delay: 2.0s}
.active .circle_dots li:nth-child(10){ top: 25px; left: 110px; transition-delay: 2.1s}
.active .circle_dots li:nth-child(11){ top: 150px; left: 195px; transition-delay: 1.8s}
.active .circle_dots li:nth-child(12){ top: 110px; left: 205px; transition-delay: 1.5s}
.active .circle_dots li:nth-child(13){ top: 175px; left: 215px; transition-delay: 1.3s}
.active .circle_dots li:nth-child(14){ top: -15px; left: -120px; transition-delay: 1s; transition-duration: 1s;}
.circle_dots li .city{ position: absolute; left: 50%; top: 30px; background-color: #2c446f; padding: 5px 15px; min-width: 100px; margin-left: -50px; z-index: 9; border-radius: 5px; opacity: 0; visibility: hidden; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.circle_dots li .city::before{ content: ''; position: absolute; left: 50%; top: -5px; width: 10px; height: 10px; background-color: #2c446f; margin-left: -5px; transform: rotate(45deg);}
.circle_dots li .city p{ font-size: 14px; color: #fff; font-family: 'AvenirNextDemiBold';}
.circle_dots li:hover .city{ opacity: 1; visibility: visible; top: 20px;}
.location_block{ position: absolute; left: 30px; bottom: 15px; text-align: center; min-width: 231px;}
.location_block h6{ color: #fff; font-family: 'AvenirNextMedium'; font-size: 14px; padding-top: 2px;}
.active .location_block h6{ animation-name:fadeInUpShort; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.6s;}
.location_dots{ display: inline-block; position: relative;}
.active .location_dots{ animation-name:fadeInUpShort; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.2s;}
.location_dots li{ float: left; padding-left: 7px;}
.location_dots li:first-child{ padding-left: 0;}
.location_dots li span{ height: 13px; width: 13px; border-radius: 100%; background-color: #152d5b; float: left;}
.location_dots li span.white{ background-color: #fff;}
.map_list2{ display: inline-block; width: 100%; padding-top: 40px;}
.map_list2 li{ position: relative; padding-left: 80px; color: rgb(56 56 113); min-height: 60px; margin-bottom: 35px; line-height: 25px; font-size: 18px; text-transform: uppercase; padding-top: 5px;}
.map_list2 li:last-child{ margin-bottom: 0;}
.map_list2 li > img{ position: absolute; left: 0; top: 0; width: 60px;}
.map_list2 li span{ display: block; font-family: 'AvenirNextDemiBold'; font-size: 30px;}
.active .map_list2 li{animation-name:fadeInRight; animation-duration:1s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}
.active .map_list2 li:first-child{ animation-delay:.1s;}
.active .map_list2 li:nth-child(2){animation-delay:.3s;}
.active .map_list2 li:nth-child(3){animation-delay:.5s;}
.active .map_list2 li:nth-child(4){animation-delay:.7s;}
.active .map_list2 li:nth-child(5){animation-delay:.9s;}
.active .map_list2 li:nth-child(6){animation-delay:1.1s;}
.active .indicator_list li{animation-name:fadeInLeft; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}
.active .indicator_list li:first-child{ animation-delay:.2s;}
.active .indicator_list li:nth-child(2){animation-delay:.6s;}
.map_list_mobile{ display: none;}


.section_five{ background-image: url(); padding-top: 20px;}
.section_five h2{ font-size: 36px; font-family: 'AvenirNextRegular'; color: #272766; padding-bottom: 0%; text-transform: uppercase;}
.section_five h3{ font-size: 16px; font-family: 'CenturyGothic'; color: #272765; padding-bottom: 0%; text-transform: uppercase;}
.section_five h3 span{ font-weight: 600;}
.section_five p{ font-size: 17px; line-height: 22px; color: #ffffff; padding-bottom: 20px;}
.section_five .col-md-5{ width: 39%; float: left;}
.section_five .btns{ display: inline-block; padding-top: 20px;}
.section_five .btns > li{ float: left;}
.section_five .btns > li > a{ float: left; border: 1px solid #15305f; color: #15305f; padding: 0 25px; min-width: 180px; text-align: center; font-size: 18px; font-family: 'AvenirNextRegular'; line-height: 48px;}
.section_five .btns > li > a .fa{ position: relative; font-size: 24px; padding-left: 27px; top: 3px;}
.section_five .btns > li > a .fa:after{ content: ''; position: absolute; left: 10px; top: 50%; background-color: #15305f; width: 22px; height: 2px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.section_five .btns > li > a:hover .fa:after{ background-color: #817d7a;}
.section_five .btns > li > a:hover{ color: #fff; background-color: #15305f;}
.active .section_five h2{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.1s;}
.active .section_five h3{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.6s;}
.active .section_five p{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:1s;}
.active .section_five .btns li{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:1.4s;}

.section_six{ padding-top: 150px; background-image: url("../images/client-bg.jpg");}
.section_six .container{ max-width: 1280px; padding: 0 15px;}
.section_six h2{ font-size: 36px; font-family: 'AvenirNextRegular'; color: #15305f; text-align: center; padding-bottom: px; text-transform: uppercase;}
.active .section_six h2{animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.2s;}
.active .section_six .oc_carousel .item ul li:nth-child(1){animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.5s;}
.active .section_six .oc_carousel .item ul li:nth-child(2){animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:.8s;}
.active .section_six .oc_carousel .item ul li:nth-child(3){animation-name:uptext; animation-duration:.8s; animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out; animation-delay:1.1s;}




footer{ padding: 60px 0; background-color: #eeeeee;}
footer h3{ font-size: 16px; color: #343941; text-transform: uppercase; font-family: 'AvenirNextDemiBold'; padding-bottom: 20px;}
footer p{ font-size: 14px; line-height: 22px; color: #343941; font-family: 'AvenirNextRegular';}
.news_letter{ position: relative; margin-top: 20px;}
.news_letter .form-control{ height: 48px; background-color: #fff; border: none; font-size: 14px; padding-left: 15px; color: #343941; padding-right: 110px;}
.news_letter .btn{ position: absolute; right: 0; top: 0; line-height: 48px; border: none; min-width: 105px; color: #fff; padding: 0 10px; background-color: #15305f;}
.news_letter .btn:hover{ background-color: #1d4283;}
.footer_link{ float: left; width: 50%; padding: 0 90px;}
.footer_link li{ padding-bottom: 10px;}
.footer_link li a{ font-size: 14px; color: #343941; position: relative;}
.footer_link li a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background-color: #343941;transition: all 0.45s ease-in 0s; -webkit-transition: all 0.45s ease-in 0s;}
.footer_link li a:hover:after{ width: 100%;}
/*.footer_link li a:hover{ color: #15305f;} */
.add_list{ padding-top: 10px;}
.add_list li{ position: relative; line-height: 20px; font-size: 14px; color: #343941; padding-left: 45px; margin-bottom: 20px;}
.add_list li img{ position: absolute; left: 0; top: 50%; margin-top: -14px;}
.add_list li a{ color: #343941;}
.add_list li a:hover{ text-decoration: underline;}

.footer_bottom{ display: inline-block; width: 95%; padding-top: 10px;}
.social_list{ float: right;}
.social_list li{ float: left; padding-left: 20px;}
.social_list li:first-child{ padding-left: 0;}
.social_list li h3{ padding-bottom: 0; line-height: 10px;}
.social_list li a{ float: left; width: 36px; border: 1px solid #b1b3b6; border-radius: 100%; text-align: center; font-size: 18px;}
.social_list li a .fa{ line-height: 34px;}
.social_list li:nth-child(2) a{ color: #3b5998;}
.social_list li:nth-child(3) a{ color: #0072b1;}
.social_list li:nth-child(4) a{ color: #D13968;}
.social_list li:nth-child(5) a{ color: #CD201F;}
.social_list li:nth-child(6) a{ color: #00acee;}

.copy{ float: left;}
.copy p{ line-height: 36px;}

.right_menu{ position: fixed; top: 0; right: -335px; height: 100%; width: 330px; z-index: 98; background-color: #fafafa; padding: 105px 25px 25px; transition: all 1.5s ease-in-out 1s; -webkit-transition: all 0.5s ease-in-out 0s; overflow-y: auto;}
.right_menu.open{ right: 0;}
.right_menu:after{ content: ''; position: absolute; right: 0; top: 0; width: 60%; height: 100%; pointer-events: none;

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); 
}
.right_menu .inner{ position: relative;}
.right_menu .back{ position: relative; width: 30px; height: 30px; display: inline-block; opacity: .5;}
.right_menu .back:hover{ opacity: 1;}
.right_menu .back span{ position: absolute; left: 0; top: 13px; width: 30px; height: 1px; background-color: #272765; transform: rotate(45deg);}
.right_menu .back span:nth-child(2){ transform: rotate(-45deg);}
.right_menu ul{ display: inline-block; width: 100%; padding-top: 20px;}
.right_menu ul > li{ float: left; width: 100%; border-bottom: 1px solid #cfd4dd;}
.right_menu ul > li > a{ float: left; width: 100%; font-size: 20px; color: #15305f; line-height: 50px; position: relative;}
.right_menu ul > li:first-child{ border-top: 1px solid #cfd4dd;}
.menu_backdrop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(39,39,101,.8); z-index: 97; transition: all 1.5s ease-in-out 1s; -webkit-transition: all 0.5s ease-in-out 0s; opacity: 0; visibility: hidden;}
.menu_backdrop.on{ opacity: 1; visibility: visible;}

.right_menu ul > li > a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background-color: #343941;transition: all 0.45s ease-in 0s; -webkit-transition: all 0.45s ease-in 0s;}
.right_menu ul > li > a:hover:after{ width: 100%;}

/*Our Client*/
.banner_section{ position: relative; margin-top: 30px;}
.banner_section > img{ width: 100%; pointer-events: none;}
.banner_section .overlay{ position: absolute; left: 0; top: 36%; width: 100%; padding: 0;}
.banner_section .overlay h1{ font-size: 36px; text-transform: uppercase; color: #15305f; padding-bottom: 20px;}
.banner_section .overlay h3{ color: #15305f; font-size: 26px; padding-left: 10px; border-left: 2px solid #f37032; line-height: 30px;}

.oc_section{ background-image: url("../images/oc-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 100px 0 200px;}

.oc_carousel{}
.oc_carousel .item ul{ float: left; width: 100%;}
.oc_carousel .item ul li{ float: left; width: 100%; padding-bottom: 40px;}

/*Services*/
.ser_mobile_img{ display: none;}
.ser_mobile_img > img{ width: 100%;}
.ser_section{ background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 80px 0 50px; min-height: 580px; position: relative;}
.overlay_anchor { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ser_section.one{ background-image: url("../images/ser-bg1.jpg");}
.ser_section .btn{ border: 1px solid rgba(21,48,95,.4); color: #15305f; padding: 0 15px; min-width: 180px; text-align: center; font-size: 18px; font-family: 'AvenirNextRegular'; line-height: 48px; background-color: transparent;}
.ser_section .btn:hover{ color: #fff; background-color: #15305f;}
.ser_section .btn .fa{ position: relative; font-size: 24px; padding-left: 27px; top: 3px;}
.ser_section .btn .fa:after{ content: ''; position: absolute; left: 10px; top: 50%; background-color: #15305f; width: 22px; height: 2px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.ser_section .btn:hover .fa:after{ background-color: #fff;}
.ser_section h2{ font-size: 36px; color: #222222; text-transform: uppercase; padding-bottom: 20px;}
.ser_section p{ font-size: 16px; color: #15305f; line-height: 26px; padding-bottom: 20px;}

.ser_section.two{ background-image: url("../images/ser-bg2.jpg"); padding-top: 50px;}
.ser_section.three{ background-image: url("../images/ser-bg3.jpg");}
.ser_section.four{ background-image: url("../images/ser-bg4.jpg");}
.ser_section.five{ background-image: url("../images/ser-bg5.jpg");}

/*Portfolio*/
.portfolio_section{ margin-top: 90px;}
.portfolio_section ul{ float: left; width: 100%;}
.portfolio_section ul > li{ float: left; width: 100%; border: 1px solid #dbdbdb;}
.portfolio_section ul > li:last-child{ border-bottom: none;}
.portfolio_section ul > li .img_block{ width: 50%; float: left; overflow: hidden;}
.portfolio_section ul > li:first-child .img_block{ width: 50%; float: right;}
.portfolio_section ul > li .cont_box{ float: left; width: 50%; text-align: center; padding: 80px 15px 0;}
.portfolio_section ul > li .cont_box .icon{ display: inline-block; padding-bottom: 10px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.portfolio_section ul > li .cont_box h3{ font-size: 35px; color: #222222; font-family: 'AvenirNextRegular'; line-height: normal; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.portfolio_section ul > li .cont_box a{ display: inline-block;}
.portfolio_section ul > li:hover .cont_box a h3{ color: #15305f;}
.portfolio_section ul > li:hover .cont_box .icon{ transform: scale(1.1)}
.portfolio_section ul > li .img_block > img{ filter: grayscale(100%); transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s;}
.portfolio_section ul > li:hover .img_block > img{ filter: grayscale(0); transform: scale(1.05)}

.corporate_section{ margin-top: 90px; padding-top: 20px; background-color: #fff; padding-bottom: 50px;}
.outer_ts{ width: 100%; max-width: 1080px; margin: 0 auto; text-align: center;}
.sb_list{ display: inline-block; width: 100%;}
.sb_list > li{ float: left;}
.sb_list > li:last-child{ float: right;}

.select_btn{ position: relative; width: 100%;}
.select_btn:after{ /*content: url("../images/selct-icon.png");*/ font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; width: 30px; line-height: 32px; color: #ed1c24; font-size: 18px; text-align: center; pointer-events: none;}
.select_btn select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}
.select_btn .form-control{ border: none; background-color: transparent; font-size: 20px; color: #222222; font-family: 'AvenirNextRegular'; height: 36px; padding: 0 10px 0 45px;}
.select_btn .form-control option{ font-size: 14px; font-display: 'AvenirNextRegular';}

.cp_gallery{ padding-top: 0; margin-top: -35px;}
.corporate_section h2{ font-size: 30px; color: #222222; padding-bottom: 10px; text-transform: uppercase; text-align: center;}
.flexslider{ margin-bottom: 0;}
.flex_thumb{ max-width: 750px; margin: 10px auto 0; text-align: center; width: auto; background-color: transparent; border: none;}
.flex_thumb .slides > li{ cursor: pointer; border: 2px solid #fff;}
.flex_thumb .slides > li img{ filter: grayscale(100%);}
.flex_thumb .slides > li.flex-active-slide img{ filter: grayscale(0);}
.flex_large .flex-direction-nav{ display: none;}

/*WHY SLS*/
.ws_section{ background-image: url("../images/why-sls-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 60px 0;}
.ws_section h2{ font-size: 36px; color: #15305f; text-transform: uppercase; padding-bottom: 20px;}
.ws_section p{ font-size: 16px; line-height: 24px; color: #15305f; padding-bottom: 30px;}
.ws_carousel .item{ text-align: center;}
.ws_carousel ul{}
.ws_carousel ul li{ padding-bottom: 60px;}
.ws_carousel ul li .icon{ display: inline-block; width: 60px; margin-bottom: 15px;}
.ws_carousel ul li p{ font-size: 18px; color: #15305f; line-height: 25px; text-transform: uppercase; padding-bottom: 0;}

/*Work with sls*/
.wws_section{ background: url("../images/wws-bg.jpg") repeat-x #b1b5c1; position: relative; padding-top: 30px;}
.wws_section:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 63%; z-index: 1; background-color: #fff;}
.wws_section .container{ position: relative; z-index: 10;}
.wws_section .col-md-8{ padding-right: 70px;}
.wws_section h2{ font-size: 36px; color: #15305f; text-transform: uppercase; padding-bottom: 30px; padding-top: 20px;}
.wws_section p{ font-size: 16px; line-height: 26px; color: #15305f;}
.wws_form{ padding-bottom: 15px;}
.wws_form h3{ font-size: 20px; color: #fff; font-family: 'AvenirNextDemiBold'; padding-bottom: 10px; text-transform: uppercase;}
.wws_form .form-control{ background-color: transparent; border: none; border-bottom: 1px solid #fff; padding: 0; height: 40px; color: #fff;}
.wws_form .styled_select::after{ line-height: 40px; color: #fff;}
.wws_form .form-control option{ color: #333;}
.wws_form .form-control::-moz-placeholder{ color:#fff;}
.wws_form .form-control::-webkit-input-placeholder{ color:#fff;}
.wws_form input[type="file"].form-control{ border-bottom: none;}
.wws_form .btn{ background-color: transparent; color: #fff; border-color: #fff; text-transform: uppercase; font-family: 'AvenirNextRegular'; font-size: 18px;}
.wws_form .btn:hover{ background-color: #fff; color: #15305f;}
.wws_form .btn-choose{ background-color: #15305f; border: none; line-height: 40px; font-size: 14px; min-width: inherit;}
.wws_form .btn-choose:hover{ color: #fff; background-color: #15305f;}
.wws_form .input-file .form-control{ border: none; padding-left: 10px;}
.wws_form .input-file{ margin: 10px 0;}

.usp_section{ padding: 40px 0;}
.usp_list{ display: inline-block;}
.usp_list li{ float: left; padding-right: 170px; padding-left: 80px; position: relative; text-transform: uppercase; color: #222222; font-size: 18px; line-height: 25px; text-align: left; min-height: 60px; padding-top: 5px;}
.usp_list li span{ display: block; font-family: 'AvenirNextDemiBold';}
.usp_list li .icon{ position: absolute; left: 0; top: 0; width: 60px;}
.usp_list li .icon > img{ width: 100%;}
.usp_list li:last-child{ padding-right: 0;}

/*Contact Us*/
.contact_section{}
.contact_section{ background: url("../images/wws-bg.jpg") repeat-x #b4bac8; position: relative; padding-top: 30px;}
.contact_section:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 63%; z-index: 1; background-color: #fff;}
.contact_section .container{ position: relative; z-index: 10;}
.contact_section .col-md-8{ padding-right: 70px;}
.contact_section h2{ font-size: 36px; color: #222222; text-transform: uppercase; padding-bottom: 20px; padding-top: 20px; position: relative; z-index: 3;}
.contact_section h4{ font-size: 20px; color: #272765; padding-bottom: 20px; font-display: 'quicksandregular'; font-weight: 600; position: relative; z-index: 3; line-height: normal;}
.contact_section p{ font-size: 16px; line-height: 26px; color: #15305f;}
.contact_form{ padding-bottom: 1px;}
.contact_form h3{ font-size: 20px; color: #fff; font-family: 'AvenirNextDemiBold'; padding-bottom: 10px; text-transform: uppercase;}
.contact_form .form-control{ background-color: transparent; border: none; border-bottom: 1px solid #fff; padding: 0; height: 40px; color: #fff;}
.contact_form .form-control::-moz-placeholder{ color:#fff;}
.contact_form .form-control::-webkit-input-placeholder{ color:#fff;}
.contact_form input[type="file"].form-control{ border-bottom: none;}
.contact_form .btn{ background-color: transparent; color: #fff; border-color: #fff; text-transform: uppercase; font-family: 'AvenirNextRegular'; font-size: 18px;}
.contact_form .btn:hover{ background-color: #fff; color: #15305f;}
.contact_cont{ position: relative; min-height: 360px; z-index: 1;}
.contact_cont > img{ position: absolute; right: 0; bottom: 0;}
.contact_list{ position: relative; z-index: 3;}
.contact_list li{ position: relative; font-size: 19px; color: #7a7a7e; line-height: normal; font-display: 'quicksandregular'; padding-bottom: 10px; padding-left: 30px;}
.contact_list li a{ font-size: 19px; color: #2e2e6e; line-height: normal; font-display: 'quicksandregular'; text-decoration: underline;}
.contact_list li a:hover{ color: #000; text-decoration: none;}
.contact_list li > img{ position: absolute; left: 0; top: 0;}
.contact_map{}
.contact_map > img{ width: 100%;}
.contact_map > iframe{ width: 100%; height: 470px; border: none;}

.social_listt{ float: left;}
.social_listt li{ float: left; padding-left: 20px;}
.social_listt li:first-child{ padding-left: 0;}
.social_listt li h3{ padding-bottom: 0; line-height: 36px;}
.social_listt li a{ float: left; width: 36px; border: 1px solid #b1b3b6; border-radius: 100%; text-align: center; font-size: 18px;}
.social_listt li a .fa{ line-height: 34px;}
.social_listt li:nth-child(2) a{ color: #0072b1;}
.social_listt li:nth-child(3) a{ color: #D13968;}
.social_listt li:nth-child(4) a{ color: #CD201F;}
.social_listt li:nth-child(5) a{ color: #00acee;}
.social_listt li:nth-child(6) a{ color: #666;}

/*Team*/
body {
    font-family: "Fira Sans", sans-serif;
    background-color: #FFFFFF;
    
}
/* Start Gallery CSS */
.thumb {
    margin-bottom: 15px;
}
.thumb:last-child {
    margin-bottom: 0;
}
/* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */
.thumb 
figure img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.thumb 
figure:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/*About Us*/
.abt_section{ display: inline-block; width: 100%; position: relative; margin-bottom: -7px;}
.abt_section > img{ float: right; width: 50%;}
.abt_section .overlay{ position: absolute; left: 0; top: 0; width: 100%; padding: 60px 0;}
.abt_section h2{ font-size: 36px; color: #222222; text-transform: uppercase; padding-bottom: 20px;}
.abt_section p{ font-size: 16px; line-height: 26px; color: #15305f; padding-bottom: 20px;}
.abt_carousel .item{ padding-right: 20px;}
.abt_carousel .owl-nav{ text-align: left;}
.abt_section2{ background-image: url("../images/about-bg-inner.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 60px 0 40px;}
.abt_section2 h2{ font-size: 26px; color: #222222; text-transform: uppercase; padding-bottom: 20px;}
.abt_section2 p{ font-size: 16px; line-height: 22px; color: #15305f; padding-bottom: 20px;}
.abt_section2 .text-center{ padding-top: 80px;}
.abt_section2 .usp_list li{ color: #fff;}
.abt_section2 .usp_list li span{ color: #fff;}
.abt_section2 .usp_list li span a{ color: #fff;}

.rp_form_section{ background-image: url("../images/form-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 60px 0;}
.rp_form_section h2{ font-size: 30px; color: #222222; text-transform: uppercase; padding-bottom: 20px; text-align: center;}
.form_bg{ background: url("../images/wws-bg.jpg") repeat-x #757783; padding: 40px; max-width: 600px; width: 100%; margin: 0 auto;}
.form_bg .form-control{ background-color: transparent; border: none; border-bottom: 1px solid #fff; padding: 0; height: 40px; color: #fff;}
.form_bg .form-control::-moz-placeholder{ color:#fff;}
.form_bg .form-control::-webkit-input-placeholder{ color:#fff;}
.form_bg input[type="file"].form-control{ border-bottom: none;}
.form_bg .btn{ background-color: transparent; color: #fff; border-color: #fff; text-transform: uppercase; font-family: 'AvenirNextRegular'; font-size: 18px;}
.form_bg .btn:hover{ background-color: #fff; color: #15305f;}
.rl_corporate{ margin-top: 3px;}


.mobile_plugin{ display: none;}
.list-1{}
.list-1 li{ position: relative; padding-left: 24px; padding-bottom: 10px; font-size: 16px; line-height: 22px; color: #15305f;}
.list-1 li:before{ content: "\f058"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0;}

.tnc_section{ padding: 60px 0; min-height: 400px;}
.tnc_section h2{ font-size: 36px; color: #222222; text-transform: uppercase; padding: 0 0 20px;}
.tnc_section p{ font-size: 16px; line-height: 26px; color: #15305f; padding-bottom: 20px;}

/*10/10/2019*/
.rp_form_section p{ font-size: 16px; color: #15305f; padding-bottom: 20px; line-height: 22px;}
.rp_form_section h3{ color: #15305f; font-size: 26px; padding-bottom: 20px; font-family: 'AvenirNextDemiBold';}
.rp_form_section .list-1{ padding-bottom: 20px;}

 /*11-10-2019*/
.fullscreen_bg_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}


.outer_ts .full-view{ border: 4px solid #fff; margin-bottom: 10px;}
.outer_ts .list-view{ max-width: 750px; margin: 0 auto; text-align: center;}
.outer_ts .list-view .item{ border: 2px solid #fff; cursor: pointer;}
.outer_ts .list-view .item img{ filter: grayscale(100%);}
.outer_ts .list-view .current .item img{ filter: grayscale(0);}

.cl_banner{}
.cl_banner .overlay h1{ text-transform: none;}
.cl_banner .overlay h1 span{ color: #666}

.jssor_wrap{ margin: 0 auto; width: 100%; height: 197px; overflow: hidden; visibility: hidden;}
.inner_wrap{ cursor: default; width: 1336px; height: 197px; overflow: hidden;}
.inner_wrap ul { float: left; width: 100%; padding: 0 15px;}
.inner_wrap ul li{ float: left; width: 100%; padding-bottom: 30px;}
.inner_wrap ul li:last-child{ padding-bottom: 0;}
.inner_wrap ul li > img{ width: 100%;}

.home_jssor_wrap{ margin: 0 auto; width: 100%; height: 328px; overflow: hidden; visibility: hidden;}
.home_inner_wrap{ cursor: default; width: 1250px; height: 328px; overflow: hidden;}
.home_inner_wrap ul { float: left; width: 100%; padding: 0 15px;}
.home_inner_wrap ul li{ float: left; width: 100%; padding-bottom: 30px;}
.home_inner_wrap ul li:last-child{ padding-bottom: 0;}
.home_inner_wrap ul li > img{ width: 100%;}

.program_section .selectric-wrapper .selectric{ border: 1px solid #9e9e9e; background-color: #e8f5f9;}
.program_section .selectric-wrapper .selectric .label{ line-height: 48px; height: 48px; padding: 0 48px 0 15px; font-size: 16px; font-family: 'mulisemibold'; color: #121517;}
.program_section .selectric-wrapper .selectric .button{ width: 48px; height: 48px; line-height: 48px;}

.thankyou_section{text-align: center; padding: 50px 0; min-height: 400px;}
.thankyou_section p{ font-size: 20px; color: #000; padding-bottom: 30px;}
.thankyou_section h2{ padding-bottom: 20px;}
.thankyou_section .btn{ border: none; background-color: #15305f; color: #fff; min-width: inherit; padding: 0 30px;}
.thankyou_section .btn:hover{ background-color: #1d4283;}


 /*Google Translator top bar hide*/
iframe.goog-te-banner-frame {display:none !important}
body {position: static !important; top:0px !important;}


.blog_content_section .container{ position: relative; z-index: 10;}
.blog_content_section .col-md-8{ padding-right: 70px;}
.blog_content_section h2{ font-size: 36px; color: #222222; padding-bottom: 30px; padding-top: 20px;}
.blog_content_section p{ font-size: 16px; line-height: 26px; color: #15305f;}
.blog_img  {text-align: center;margin: 20px;}
.blog_img img {margin: 15px 0px;}
.blog-width img{width: 100%;}
.blogheading{text-transform: capitalize !important;}
.anchorunderline {font-weight: bold;text-decoration: underline;}
.blogul{padding-left: 20px;font-size: 16px;color: #15305f;}
.blogli{list-style: disc;}