@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap');
html, body {
	position: relative;
	height: 100%;
}

body{ font-family: 'Nunito'; background:#fff;  font-weight:400; }


.form-control::-moz-placeholder {color: #818181 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #818181 !important;}
.form-control::-webkit-input-placeholder {color: #818181 !important;}

#loader-wrapper img {height: 150px; left: 50%; margin: -75px 0 0 -75px; position: absolute; top: 50%; width: 150px; }
#loader-wrapper {background: rgba(255,255,255, 1); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999999999 !important;}
#loader { display: block; }
#toTop { border-radius:0; bottom:50px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
/*.container{max-width: 1500px; min-width: 1300px; margin: auto; }*/

.padding_0{padding:0px;}
.margin_0{margin:0px;}
.margin_10{margin:0 -10px !important}
.padding_10{padding:0 10px !important}
.md_bottom_30{margin-bottom:30px}

	
header{float:left; width:100%; padding:0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .nav_sec{width:100%; float:left;  padding:0; margin:0;  position:absolute; z-index:100; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition:all .3s ease-in-out;}
header .nav_sec .navbar-default{ margin:0; background:none; border:none;  border-radius:0; }
header .nav_sec .navbar-brand {padding:0px; width:200px; position:relative; margin:10px 0; height:auto}
header .nav_sec .navbar-brand img{ width:100%;}
header .nav_sec .white-logo{display:block}
header .nav_sec .color-logo{display:none}
header .nav_sec .tab_link{ float:right; margin:0; padding:0px; list-style:none}
header .nav_sec .tab_link > li{float:left}
header .nav_sec .tab_link > li > a{ padding:24px 20px; font-weight:400; font-size:16px; color:#fff; display:block; border-bottom:transparent 2px solid; text-decoration:none}
header .nav_sec .tab_link > li > a:hover, header .nav_sec .tab_link > li > a.active, header .nav_sec .tab_link > li > a:focus{outline:none; border-bottom:#1a77ba 2px solid}

header .nav_sec .navbar-nav{ float:right; margin:0; }
header .nav_sec .navbar-default .navbar-nav > li > a{ padding:24px 20px; font-weight:400; font-size:16px; color:#fff;}
header .nav_sec .navbar-default .navbar-nav > .active > a,
header .nav_sec .navbar-default .navbar-nav > .active > a:hover,
header .nav_sec .navbar-default .navbar-nav > .active > a:focus{ background:transparent; color:#fff;  outline:none; border-bottom:#1a77ba 2px solid}

header .nav_sec .navbar-default .navbar-nav > li > a:hover,
header .nav_sec .navbar-default .navbar-nav > li > a:focus{background:transparent; color:#fff; outline:none; border-bottom:#1a77ba 2px solid }
header .nav_sec .navbar-default .navbar-nav > .open > a,
header .nav_sec .navbar-default .navbar-nav > .open > a:hover,
header .nav_sec .navbar-default .navbar-nav > .open > a:focus{background:transparent;color:#fff;  outline:none; border-bottom:#1a77ba 2px solid}

#header.affix { position:fixed; padding:0px; top:0; display:block; z-index:1000; background: #fff;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition:all .3s ease-in-out; box-shadow:0px 10px 30px rgba(0,0,0,0.10);}
#header.affix .white-logo{display:none}
#header.affix .color-logo{display:block}
#header.affix  .navbar-default .navbar-nav > li > a{color:#000;}
#header.affix .tab_link > li > a{color:#000; padding:14px 20px}
#header.affix .navbar-brand{width:132px}

/**top_slider_main**/
.top_slider_main{width: 100%; margin:0px; height:100%; position:relative; background: #1a77ba; background: -moz-linear-gradient(45deg, #1a77ba 0%, #ff5a5a 100%); background: -webkit-linear-gradient(45deg, #1a77ba 0%,#ff5a5a 100%); background: linear-gradient(45deg, #1a77ba 0%, #ff5a5a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a77ba', endColorstr='#ff5a5a',GradientType=1 ); width:100%; height:100%}
.top_slider_main .swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.top_slider_main .swiper-slide{position:relative}
.top_slider_main .swiper-slide img{width:100%}
.top_slider_main .content_area_slider{width:40%; position:absolute; top:50%; z-index:11; left:10%; margin-top:-116px;}
.top_slider_main .content_area_slider h2{ font-size:46px; color:#fff;  letter-spacing:2px; margin:0px; font-weight:700}
.top_slider_main .content_area_slider h3{font-size:30px; color:#fff; line-height:26px; font-weight:300; margin:20px 0	  }
.top_slider_main .content_area_slider p{font-size:16px; color:#fff; line-height:26px; font-weight:300; margin:20px 0	  }
.top_slider_main .content_area_slider .btn-content{border:#fff 2px solid; background-color:transparent; font-size:14px; text-transform:uppercase; color:#fff; padding:10px 30px; border-radius:20px}
.top_slider_main .swiper-button-next,
.top_slider_main .swiper-button-prev{z-index:9999 !important; background-image:none !important; width:44px !important;  color:#fff; border-radius:4px; line-height:44px; text-align:center; font-size:30px}

.swiper-pagination{width:100% !important; bottom: 20px !important; }
.swiper-pagination-bullet{width:30px !important; height:30px !important; background:transparent; color:#fff; font-size:16px; opacity:0.5 !important; line-height:30px !important; margin:0px 10px 0px 0px !important ;}
.swiper-pagination-bullet-active{opacity:1 !important; position:relative; background:#fff !important; color:#1a77ba}

/**about_area**/
.about_area{width: 100%; margin:0px; padding:60px 0; background:url(../images/bg.png) center left no-repeat; overflow:hidden}
.about_area h2{font-size:36px; line-height:42px; color:#161e39; margin:0px 0px 20px 0px; font-weight:700  }
.about_area h2 span{font-size:18px; font-weight:300; color: #161e39; background-color: #F2F5FE; padding: 10px 15px; border-radius:5px; margin-bottom:15px; display:inline-block; line-height:24px}
.about_area p{font-size:18px; color:#404040; line-height:28px; font-weight:300; margin-bottom:15px	  }
.about_area a{margin-right:15px; display:inline-block; margin-top:15px}

.about_area1{width: 100%; margin:0px; padding:60px 0 0 0; background:url(../images/bg.png) center left no-repeat; overflow:hidden}
.about_area1 h2{font-size:36px; line-height:42px; color:#161e39; margin:40px 0px 20px 0px; font-weight:700  }
.about_area1 h2 span{font-size:18px; font-weight:300; color: #161e39; background-color: #F2F5FE; padding: 10px 15px; border-radius:5px; margin-bottom:15px; display:inline-block; line-height:24px}
.about_area1 p{font-size:18px; color:#404040; line-height:28px; font-weight:300; margin-bottom:15px	  }
.about_area1 a{margin-right:15px; display:inline-block; margin-top:15px}



.what_we_do_section{position:relative; 	padding:60px 0; margin:0px; background:url(../images/bg.jpg)  center top/cover no-repeat fixed; overflow:hidden  }
.what_we_do_section h2{font-size:36px; line-height:42px; color:#fff; margin:0px 0px 40px 0px; font-weight:700; text-align:center  }
.what_we_do_section h2 span{font-size:18px; font-weight:300; color: #161e39; background-color: #F2F5FE; padding: 10px 15px; border-radius:5px; margin-bottom:15px; display:inline-block; line-height:24px}
.what_we_do_section .featured-block{position:relative; margin-bottom:30px;}
.what_we_do_section .featured-block .inner-box{position:relative;  overflow:hidden; padding:30px; box-shadow:0px 10px 30px rgba(0,0,0,0.10);}
.what_we_do_section .featured-block .inner-box:before{ position: absolute; content: ''; left: 75px; top: 0px; width: 100%; height: 280%; background-color: rgba(255,255,255,0.05); transform: translateX(50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.what_we_do_section .featured-block .inner-box:hover::before{left:-90px; right:auto; transform: translateX(0%) rotate(-45deg); transform: translateY(0%) rotate(-45deg); }
.what_we_do_section .featured-block .inner-box .side-lines{position:absolute; right:0px; top:0px; width:150px; height:150px;}
.what_we_do_section .featured-block .inner-box .side-lines:before{position:absolute; content:''; right:0px; top:0px; height:2px; width:0px; background-color:#fff; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.what_we_do_section .featured-block .inner-box:hover .side-lines:before{width:100%;}
.what_we_do_section .featured-block .inner-box .side-lines:after{position:absolute; content:''; right:0px; top:0px; width:2px; height:0px; background-color:#fff; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.what_we_do_section .featured-block .inner-box:hover .side-lines:after{height:100%;}
.what_we_do_section .featured-block .inner-box .icon-outer{position:relative;display:inline-block;}
.what_we_do_section .featured-block .inner-box .icon-outer .icon{position:relative; width:60px; padding:0px; height:60px; text-align:center; display:inline-block; }
.what_we_do_section .featured-block .inner-box .icon-outer .icon img{width:100%}
.what_we_do_section .featured-block .inner-box h4{position:relative; color:#fff; font-size:24px; font-weight:700; line-height:30px; margin:15px 0; padding-bottom:15px } 
.what_we_do_section .featured-block .inner-box h4:before{content:''; border-bottom:#fff 2px solid; width:30px; bottom:0px; position:absolute}
.what_we_do_section .featured-block .inner-box p{position:relative; font-size:15px; color:#fff; line-height:24px; font-weight:300; margin-bottom:0px}
.what_we_do_section .featured-block .inner-box a{width:35px; height:20px; margin:10px auto 0 auto; display:block}
.what_we_do_section .featured-block .inner-box .arrow{position:relative;  border:none; background-color:transparent; width:35px; height:20px; background:url(../images/arrow.png) top left no-repeat; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.what_we_do_section .featured-block .inner-box:hover .arrow{border:none; background-color:transparent; background:url(../images/arrow.png) top right no-repeat; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.security_area{width: 100%; margin:0px; padding:60px 0; overflow:hidden }
.security_area h2{font-size:36px; line-height:42px; color:#161e39; margin:40px 0px 20px 0px; font-weight:700  }
.security_area h2 span{font-size:18px; font-weight:300; color: #161e39; background-color: #F2F5FE; padding: 10px 15px; border-radius:5px; margin-bottom:15px; display:inline-block; line-height:24px}
.security_area p{font-size:18px; color:#404040; line-height:28px; font-weight:300; margin-bottom:15px	  }
.security_area img{width:100%}


.contact_area{position:relative; padding:60px 0; margin:0px; overflow:hidden; background:#fbfbfb url(../images/bg.png) center left no-repeat; overflow:hidden}
.contact_area img{width:80%; }
.contact_area .content{margin:0}
.contact_area .content h2{font-size:36px; line-height:42px; color:#161e39; margin:0px 0px 20px 0px; font-weight:700  }
.contact_area .content h2 span{font-size:18px; font-weight:300; color: #161e39; background-color: #F2F5FE; padding: 10px 15px; border-radius:5px; margin-bottom:10px; display:inline-block; line-height:24px}
.form-group {position: relative; margin-bottom: 25px;}
.form-group .form-control{border:none; background:transparent; box-shadow:none; border-bottom:#dbdbdb 2px solid; border-radius:0px; padding-left:0px; font-weight:700; color:#003940}
.form-group .form-control:focus{border-bottom:#1a77ba 2px solid;}
.form-control-placeholder {position: absolute; top: 0; padding: 7px 0 0 0px; transition: all 200ms; color:#003940}
.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {font-size: 75%; transform: translate3d(0, -100%, 0); opacity: 1; color:#1a77ba; font-weight:500}

.contact_area .content .btn-send{background:#1a77ba; border:#1a77ba 1px solid; font-weight:700;  font-size:16px; color:#fff; padding:12px 25px; border-radius:6px; line-height:22px;}
.contact_area .content .btn-send:hover{background:#e85b5b; border:#e85b5b 1px solid; color:#fff}



footer .footer_bg{width: 100%; margin:0px; padding:20px 0; background:#414142;  overflow:hidden}
footer .footer_bg .footer-logo{width:300px; margin:0px auto 20px auto}
footer .footer_bg .footer-logo img{width:100%;}
footer .footer_bg ul.social{ padding:0; margin:0 0 20px 0; text-align:center}
footer .footer_bg ul.social li{ padding:0; margin:0px 5px; display:inline-block;}
footer .footer_bg ul.social li a i{ width:40px; height:40px; padding:0; margin:0; font-size:30px; color:#fff; line-height:40px;text-decoration:none;  text-align: center;}
footer .footer_bg ul.social li a:hover i{ color:#1a77ba;  text-decoration:none;}
footer .footer_bg h2{ font-size:34px; line-height:34px; color:#fff; margin:0px 0 20px 0}
footer .footer_bg p{ font-size:18px; line-height:24px; color:#fff; margin:0px 0px 20px 0px; letter-spacing:1px}
footer .footer_bg .line{border-top:#807e7e 1px dashed; border-bottom:#807e7e 1px dashed; padding:20px 0}
footer .footer_bg .contact_info{color:#fff; line-height:24px; font-size:18px; margin:0px; position:relative; padding-left:65px; }
footer .footer_bg .contact_info span{font-size:16px; color:#fff ; line-height:16px; font-weight:700}
footer .footer_bg .contact_info i{font-size:24px; margin-right:10px; width:50px; line-height:50px; height:50px; border-radius:50%; text-align:center; background:#1a77ba; color:#fff; position:absolute; left:0px; }

footer .footer_bg p{ font-size:14px; line-height:14px; color:#fff; margin:20px 0px 0px 0px; letter-spacing:0px; text-align:center}
footer .footer_bg p a{color:#1a77ba}