@charset "utf-8";
@import url('fontface.css');
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body, html { height: 100%;margin: 0px; padding: 0px;  font-size:14px; color:#323232;-webkit-animation: fadein 2s;  -moz-animation: fadein 2s;  -ms-animation: fadein 2s; background:#FFF; 
 -o-animation: fadein 2s;  animation: fadein 2s; font-family: 'Titillium Web', sans-serif;}
a img { border:none; text-decoration:none; outline:none;}
p {font-size: 15px;line-height: 22px;}
.clear {clear: both;height: 0px;}
img { width:100%; height:auto;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #78215c;z-index: 999999;height: 100%;}
#status {position: absolute;left: 50%;top: 50%;width:30px;height: 64px;margin: -32px 0 0 -32px;padding: 0;}
#wrapper_main {width: 100%; float:left; background:#FFFFF; }
.wrapper{width:90%; max-width:1380px; height:auto;  margin:0 auto; }
header { width:100%; position:absolute; top:47px; z-index:99999;-webkit-transition: height 0.3s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s;
 transition: height 0.5s; }
header .wrapper { position:relative; background-color:##B2970F; padding-bottom:4px; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
header .logo { max-width:135px; float:left; transition: all .5s; margin-left:35px; margin-top:12px;}
header .hdr_right { width:100%; float:right;}
/*header .black_bar { width:100%; float:left; background-color:#5f9ea0; height:48px; -webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;}*/
header .social { float:right; margin-right:13px; margin-top:13px;}

.scrolled { height:68px; top:0px; position:fixed;  z-index:999999;}
.scrolled .logo {max-width:90px;}
.scrolled .top_icons { display:none;}
.scrolled nav {margin-top:15px; }

.banner { width:100%; float:left; max-height:100%; overflow:hidden; position:relative;}
.banner .slick-slider { margin-bottom:0px;}
.banner .wrp_txt {width:90%; max-width:1380px; margin:0 auto; left:0px; right:0px; top:40%; position:absolute;}
.banner .wrp_txt h4 { font-weight:300; font-size:60px; color:#FFF; text-transform:uppercase; }
.banner .wrp_txt h2 { font-weight:700; font-size:70px; color:#FFF; line-height:60px;  text-transform:uppercase;}
.banner .wrp_txt a { color:#676767; font-size:17px; font-weight:700; text-decoration:none; display:inline-block; background-color:#FFF; padding-left:25px; line-height:53px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; margin-top:20px; }
.banner .wrp_txt a span { height:55px; width:58px; background-color:#5B5B58; display:inline-block; margin-left:25px; text-align:center; padding-top:15px;-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.banner .wrp_txt a span img { width:50px;}

.one {width:100%; float:left;}
.one .wrapper { position:relative; }
.one .left_blk { width:65%; float:left; padding-top:30px; padding-right:30px;}
.one .left_blk .about {width:100%; float:left; padding:6%; background:url(../images/about1.jpg) no-repeat; min-height:330px;}
.one .left_blk h3 { font-weight:300; color:#FFF;  font-size:45px; line-height:50px; margin-bottom:20px;}
.one .left_blk p { font-weight:300;color:#FFF; font-size:16px;}
.one .left_blk .btn1 { background-color:#FFF ; font-size:16px; color:#01407f; font-weight:600; text-decoration:none; display:inline-block; margin-top:20px; padding:10px 20px; }
.one .right_blk { width:35%; height:90%; position:absolute; right:0px; top:0px; background-color:#01407f ;}
.one .right_blk .best { width:100%; float:left; position:relative; padding:6%; }
.one .right_blk .pic { margin-top:10px; position:relative; z-in    dex:999;}
.one .right_blk .info {}

.one .right_blk h4 { font-size:30px; font-weight:600; color:#FFF; margin-top:20px; padding:0 15px;}
.one .right_blk p { font-size:15px; font-weight:300; line-height:22px; color:#FFF;padding:0 15px;}
.one .right_blk .black { width:100%; height:150px; padding:6%; z-index:1; background: #606060; opacity: 0.25; position:absolute; top:-150px; left:0px;}
.one .right_blk .btn2 { background-color:#F5F4F8; font-size:16px; color:#FFF; margin-left:15px; font-weight:600; text-decoration:none; display:inline-block; margin-top:20px; padding:10px 20px; }

.services { width:100%; float:left; margin-top:80px; text-align:center; padding-bottom:75px;}
.services h2 { font-size:40px; color:#01407f; margin-bottom:20px; line-height:30px; font-weight:700;}
.services h5 { font-size:16px; color:#777777; font-weight:300; margin-bottom:40px;}
.services .row { margin-left:-15px; margin-right:-15px;}
.services .col4 { width:25%; float:left; padding-left:15px; padding-right:15px;}
.services .ser_img { border-bottom:solid 9px #0A1111;}
.services h3 { padding-bottom:30px; padding-top:30px; font-size:18px; color:#F5F4F8; text-transform:uppercase; background-color:#01407f ;}	
.services .btn1 { background-color:#0A1111; font-size:17px; color:#F5F4F8; font-weight:600; text-decoration:none; display:inline-block; margin-top:50px; padding:15px 40px; }

.team { width:100%; float:left; text-align:center; padding-top:95px; padding-bottom:95px; position:relative; z-index:99999; }
.team h2 { font-size:40px; color:#FFF; margin-bottom:20px; line-height:30px; font-weight:700;}
.team p { font-size:16px; font-weight:300; line-height:22px; color:#FFF; padding-left:10%; padding-right:10%; margin-bottom:30px;}
.team .pic_team { width:15%; display:inline-block;  overflow:hidden; }
.team .pic_team img { width:60%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; }
.team .pic_team h5 {color:#FFF; font-weight:600; font-size:15px; margin-top:14px; font-style:italic;}
.team .txt_team { width:50%; position:relative; display:inline-block; margin-left:4%;background: rgba(255, 255, 255, .4); padding:3%; text-align:left; color:#FFF;}
.team .txt_team::before { width:18px; height:24px; position:absolute;left:-18px; top:40%; background:url(../images/shape1.png) no-repeat; z-index:9990; content: " "; }




.about { width:50%; float:left; margin-top:80px; text-align:center; padding-bottom:75px;}
.about h2 { font-size:40px; color:#01407f; margin-bottom:20px; line-height:30px; font-weight:700;}
.about h5 { font-size:16px; color:#777777; font-weight:300; margin-bottom:40px;}
.about .row { margin-left:-15px; margin-right:-15px;}
.about .col4 { width:25%; float:left; padding-left:15px; padding-right:15px;}
.about .ser_img { border-bottom:solid 9px #0A1111;}
.about h3 { padding-bottom:30px; padding-top:30px; font-size:18px; color:#F5F4F8; text-transform:uppercase; background-color:#01407f  ;}	


.logo_blk { width:100%; float:left; padding:90px 0;}

footer { width:100%; float:left; background-color:#01407f; padding:90px 0;}
footer h3 { font-size:22px; color:#e7b401; font-weight:700; border-left:solid 3px #e7b401; line-height:15px; margin-bottom:25px; padding-left:8px;text-transform:uppercase;}
footer .footer_menu { width:25%; float:left;}
footer .footer_menu ul li { margin-bottom:12px; display:block; }
footer .footer_menu ul li a { color:#b8b8b8; font-size:14px; text-decoration:none; text-transform:uppercase; -moz-transition: all 0.6s ease-in;   -webkit-transition: all 0.6s ease-in;    -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in;}
footer .footer_menu ul li a:hover { color:#FFF; }
footer .footer_address {width:25%; float:left;color:#b8b8b8; font-size:14px; line-height:26px;}
footer .company {width:25%; float:right; text-align:right; color:#8b8a8a;}
footer .company .logo { max-width:119px; }
footer .company h6 { font-weight:300; text-transform:uppercase; margin-top:22px;}
footer .social { margin-top:18px; }
footer .social img { width:21px;}

@keyframes fadein {from { opacity: 0; }   to   { opacity: 1; }}
/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; }  to   { opacity: 1; }}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; }    to   { opacity: 1; }}
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; }  to   { opacity: 1; }}
/* Opera < 12.1 */
@-o-keyframes fadein {  from { opacity: 0; }   to   { opacity: 1; }}