@charset "utf-8";
/* CSS Document */

.wrapper{ overflow-x:hidden;  min-height:1500px;}
.header{ position:relative; border-top:3px solid #0089d0; background:#fff;}
.logo{ padding:24px 0;}
.header-info{ position:relative; float:right; margin:0; list-style:none; padding:0 0 0 40px; background:#0089d0}
.header-info:after{ background:#0089d0; position:absolute; top:-3px; bottom:0; left:100%; width:100%; content:'';}
.header-info:before{width: 0; height: 0; border-top: 32px solid #0089d0; border-left: 32px solid transparent; position:absolute; top:0; right:100%; content:'';}
.header-info li{ float:left; margin:0 12px 0 0 ; padding:0; line-height:32px; color:#fff;}
.header-info li i{ margin-right:5px;}
.header-info li:last-child{ margin:0;}

.navigation{ position:relative;}
.navigation.scroll-to-fixed-fixed{ background:#232d84;}

.main-nav{position:relative; background:#232d84;}
.main-nav:after{background:#232d84; top:0; bottom:0; content:''; width:100%; left:100%; position:absolute;}
.main-nav:before{width:0; height:0; border-bottom: 55px solid #232d84; border-left: 55px solid transparent; position:absolute; top:0; right:100%; content:'';}
.toggleMenu { display:none; line-height:50px; width:100%; text-align:left; color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; background:url(../images/toogle-open.png) no-repeat right center;}
.toggleMenu.active{ background:url(../images/toogle-close.png) no-repeat right center; color:#fff; }
.toggleMenu:hover{ color:#fff; }
.toggleMenu span{ display:block; padding:0;}
.menu { list-style: none; *zoom: 1; margin:0; padding:0; display:table; width:100%;}
.menu:before, .menu:after { content: ""; display: table; }
.menu:after { clear: both;}
.menu ul { list-style: none; min-width:200px;float:none; left:0; top:100%; position:relative;}
.menu a { padding: 0 15px; color:#fff; white-space:nowrap;}
.menu li { position: relative; padding:0;}
.menu li a:hover, .menu li:hover > a, .menu li.current > a{color:#fff; background:#0089d0; text-decoration:none;}
.menu > li {font-size:15px; position:relative; line-height:55px; text-align:center; text-transform:uppercase; display:table-cell}
.menu > li > a { display: block;}
.menu li ul { position: absolute; left: -9999px; margin:0; padding:0; list-style:none;;}
.menu > li.hover > ul { left:50%; margin-left:-100px;}
.menu li li.hover ul { left: 100%; top: 0;}
.menu li li{ padding:0; line-height:30px; text-align:left; margin:0; text-align:center; border-bottom: 1px solid #2b379e;}
.menu li li a { display: block; background-color: #232d84; position: relative; z-index:100; font-size:14px; padding:5px 10px;}
.menu li li:last-child{ border-bottom:none;}
.menu li li a:hover{ color:#232d84; background-color:#c8db4d;}
.menu li li li a { background-color:#232d84; z-index:200;}
 
@media screen and (max-width: 991px) {
.navigation{ padding:0;}
.menu{ padding:0;}
.main-nav .active { display: block; }
.main-nav{ text-align:left; position:absolute; top:100%; left:0; right:0; background:#232d84; z-index:9999; display:block; padding:0;}
.menu > li { float: none; display:block; border-bottom:1px solid #2b379e; text-align:left; line-height:30px;}
.menu li li a{ border-top:1}
.menu a{ padding:10px 15px;}
.menu li{ display:block;}
.menu ul { display: block; width: 100%; border-bottom:none;}
.menu > li.hover > ul , .menu li li.hover ul {position: static; margin-left:0}
.menu li li a { padding:5px 30px;}
.menu li li{ text-align:left;}
.menu li li li a{ padding:5px 45px;}
.menu li ul{ box-shadow:none; -webkit-box-shadow:none}
}

.banner .carousel .item img{ width:100%; height:auto;}

.anchor:before{content:""; display:block; height:55px; margin-top:-55px}
.section{ padding:50px 0; background-position:center; background-repeat:no-repeat; background-size:cover}
p:last-child, ul:last-child{ margin:0}

.w1{ background:#eff1f6;}
.w1 h1{ margin-bottom:40px; padding-bottom:20px; position:relative; text-align:center; font-weight:700; color:#0089d0;}
.w1 h1:after{ width:80px; position:absolute; bottom:0; left:50%; margin-left:-40px; content:''; height:1px; background:#0089d0; bottom:0}
.w1 .content{ padding:20px 0;}
.w1 p{ font-size:16px; line-height:30px;}
.w1 p strong{ color:#232d84}
.w1 .row.margin-bottom{ margin-bottom:35px;}

.section-title{ margin-bottom:40px; padding-bottom:20px; position:relative; text-align:center; font-weight:700; color:#232d84;}
.section-title:after{ width:80px; position:absolute; bottom:0; left:50%; margin-left:-40px; content:''; height:1px; background:#232d84; bottom:0}
.section-title.white{ color:#fff;}
.section-title.white:after{ background:#fff;}
.section-title .title{ margin:0; padding:0; text-transform:uppercase; font-size:36px; font-weight:700; text-align:center;}
.section-title .title i{ margin-right:8px;}


.w2{ color:#fff;}
.w2 .section-title{ margin-bottom:0;}
.w2  .col-sm-6{ margin-top:40px;}
.w2 .img-block{ position:relative; margin-bottom:25px;}
.w2 .img-block  img{ width:100%; height:auto;}
.w2 .img-block h3{ color:#fff; font-weight:700; font-size:24px; text-transform:uppercase; background:#0089d0; padding:0 15px; position:absolute; bottom:0; left:0; content:''; line-height:45px; margin:0;}
.w2 .img-block h3:after{width: 0; height: 0; border-bottom: 45px solid #0089d0; border-right: 45px solid transparent; position:absolute; top:0; left:100%; content:'';}
.w2 p{ font-size:16px; line-height:30px;}

.w3 .intro-text{ margin-bottom:40px; text-align:center;}
.w3 .intro-text p{ font-size:16px; line-height:30px;}
.member-img img{ width:100%; height:auto;}
.member-info{ padding:12px; color:#fff; background:#232d84;}
.member-info p{ margin:0; padding:0; line-height:20px; font-size:16px; font-weight:700}
.member-info p small{ font-size:14px; display:block; font-weight:400;}

.owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position:relative}
.owl-carousel{display:none; width:100%; z-index:1}
.owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel, .owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-loading{opacity:0; display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-grab{cursor:move; cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000}
.owl-carousel .owl-video-play-icon{position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease}
.owl-next, .owl-prev{background-position:0 0}
.owl-carousel .owl-video-frame{position:relative; z-index:1; height:100%; width:100%}
.owl-nav{text-align:center; margin-top:25px;}
.owl-next, .owl-prev{background-color:#232d84; border-radius:0; height:40px; width:40px;text-align:center; line-height:40px; font-size:30px; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; color:#fff; display:inline-block; margin:0 5px;}
.owl-next:hover, .owl-prev:hover{ background-color:#0089d0}

.message{ padding:60px 0; text-align:center; font-weight:700; font-size:30px; color:#fff; background:url(../images/bg-2.jpg) no-repeat top; background-size:cover;}

.w3 p{ font-size:16px; line-height:30px;}
.w3 ul{ padding-left:16px;}
.w3 ul li{font-size:16px; line-height:30px; margin-bottom:5px;}
.w3 h4{ font-weight:700; margin-top:0; color:#232d84; font-size:30px;}
.w3 .col-sm-8, .w3 .col-sm-4{ margin-bottom:35px;}
.w3 .col-sm-12 {margin-bottom:20px;}

.w4 p{ font-size:16px; line-height:30px;}
.w4 ul{ padding-left:16px;}
.w4 ul li{font-size:16px; line-height:30px; margin-bottom:5px;}
.w4 h4{ font-weight:700; margin-top:0; color:#232d84; font-size:30px;}
.w4 .col-sm-8, .w4 .col-sm-4{ margin-bottom:35px;}

.w5 p{ font-size:16px; line-height:30px;}
.w5 ul{ padding-left:16px;}
.w5 ul li{font-size:16px; line-height:30px; margin-bottom:5px;}
.w5 h5{ font-weight:700; margin-top:0; color:#232d84; font-size:24px;}
.w5 .col-sm-7, .w5 .col-sm-5{ margin-top:35px;}

.w6{ background:#eff1f6;}
.w6 p{ font-size:16px; line-height:30px;}
.w6 ul{ padding-left:16px;}
.w6 ul li{font-size:16px; line-height:30px; margin-bottom:5px;}


.w7{ background:#232d84; color:#fff;}
.w7 p{ font-size:16px; line-height:30px;}
.w7 ul{ padding-left:16px;}
.w7 ul li{font-size:16px; line-height:30px; margin-bottom:5px;}
.robot{ position:relative; bottom:-50px;}

.w8{ color:#fff;}
.w8  p{ font-size:17px; line-height:30px;}

.contact-info{ text-align:center;}
.contact-info .col-sm-4, .contact-info .col-sm-12{ margin-top:25px;}
.contact-info .info-icon{ margin:0 auto; height:62px; width:62px; background:#fff; border-radius:50%; line-height:62px; font-size:30px; text-align:center; color:#232d84;}
.contact-info  p{ margin:12px 0 0 0; font-size:16px;}
.contact-info h6{ margin:12px 0 0; font-weight:700; text-transform:uppercase; font-size:18px; text-transform:uppercase;}
.contact-form  input[type=submit]{ background:#232d84; line-height:45px; padding:0 35px; color:#fff; font-size:18px; font-weight:700; font-size:16px; border:none; cursor:pointer;}
.contact-form  input[type=submit]:hover{ background:#0089d0} 
.contact-form .form-group{ margin-top:30px; margin-bottom:0}


.footer{ background:#252525; text-align:center; color:#fff; font-weight:700; text-transform:uppercase; padding:20px 0}

/* Dropdown Button */
.dropbtn {
    color: white;
    border: none;
    cursor: pointer;
	 background: transparent;
	 text-transform:uppercase;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background:#0089d0;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	 text-align:left;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
    background:#85bad5 !important;
}


/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    
}

/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width: 992px) and (max-width: 1199px) {
.menu > li{ font-size:14px;}
.menu a { padding:0 12px;}
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.logo{ padding:20px 0;}
.navigation{ background:#232d84}
.main-nav:after, .main-nav:before{ display:none;}
} 
/* END__ */

@media only screen and (max-width: 767px) {
.logo{ padding:15px 0; text-align:center;}
.logo img{ height:40px; width:auto;}
.header-info:after, .header-info:before, .main-nav:after, .main-nav:before{display:none;}
.navigation{ background:#232d84}
.w5 .col-sm-5{ margin-top:25px;}
.w4 .col-sm-8, .w4 .col-sm-4{ margin-bottom:25px;}
.w5 .col-sm-7, .w5 .col-sm-5, .w2 .col-sm-6{ margin-top:25px;}
.message{ font-size:22px;}
.message, .section{ padding:25px 0}
} 
/* END__ */

@media (max-width: 480px) {
} 
/* END__ */