@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i');

* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 14px; line-height: 22px; color: #5b5b5b; font-family: 'Raleway', sans-serif;, sans-serif; background: #fff; }
/*font-family: 'Lato', sans-serif; */
*::-webkit-input-placeholder { opacity:1; }
*::-moz-placeholder {opacity:1; }
*:-ms-input-placeholder {opacity:1;}

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Open Sans', sans-serif; }

:focus,input:focus, textarea:focus { outline: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }

/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }

#back-to-top { position: fixed; bottom: 75px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #3a96f2 url('../images/top_btn.png') center center no-repeat; background-size: 34px; }
#back-to-top.show { opacity: 1; z-index: 9999; }

a.close, a.mobilemenu { display: none; }


/* wrapper */
#wrapper { width: 100%; overflow: hidden; min-height: 100%; position: relative; }
.centering { max-width: 1170px; margin: auto; position: relative; }
.middle_wrap{max-width:1200px;padding:0 15px;margin:0 auto;}
/* header-part */
header { position: absolute; z-index: 100; width: 100%; top:0;left:0;}
header.sticky .line-menu{ position:fixed;top: 0;

right: 0px;}
#menu{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0, 0.8);display:table;text-align:center; }
#menu .outer-nav{display:table-cell;vertical-align:middle;}
#menu .outer-nav ul{display:inline-block;}
#menu ul li a{color:#fff; font-size:24px;line-height:65px;font-weight:600;}
.line-menu{float: right;width: 30px;height: 38px;margin: 14px 30px 0 0;cursor: pointer;}
.line-menu .item-menu{background:#f89b1b;padding:2px;margin-top:0; display:block;border-radius:2px;}
.line-menu .item-menu.second{margin-top:5px;}
.line-menu .item-menu.third{margin-top:5px;}

.close-nav{float: right;font-size: 35px;position: absolute;right: 37px;top: 11px;color: #f89b1b;text-decoration: none; cursor: pointer; }


/* banner-part */
#banner-part { z-index: 99; width: 100%; position: relative; }
#banner-part .centering{height:100%;}
#banner-part  .full-image{width:100%;}
.outer_banner_text{height: 100%;display: table;width: 100%;}
.inner_banner_text{display:table-cell;vertical-align:middle;}
#banner-part .banner_text {position:absolute;left:0px;top:0px; width:100%;text-align:center;height:100%;}
.banner_text a{display:inline-block;}
.banner_text img{display:inline-block;}
.banner_text .logo{display:inline-block;margin-bottom:15px; max-width:70%;}
.banner_text h1{font-size:51px;line-height:60px;color:#f89b1b;font-weight:600;margin-bottom:10px;text-transform:uppercase;text-shadow: 1px 1px 1px #000;}
.banner_text h2{font-size:38px;line-height:40px;color:#ffffff;font-weight:400;font-style: italic;}
.banner_text .down-arrow{position:absolute;bottom:80px;cursor:pointer; width:25px; left: 50%;transform: translateX(-50%); -ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.area_name{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); display:flex; text-align:center; font-size:22px; color:#fff; font-weight:700; padding:15px 10px;}
.area_name div{ width:33.33%}

/*about-sec*/
.about_sec{width:100%;float:left;position:relative}
/*.large_wrap{max-width:1920px;margin:0 auto;position:relative;}*/
.img_sec{width:45%;position:absolute;height:100%;background:url(../images/about_bg.jpg) no-repeat left bottom;background-size:cover;right:0px;top:0px;}
.about_sec .text_sec{width:55%; float:left;padding: 130px 58px 130px 70px;}
.title{font-size:43px;line-height:50px;color:#000;text-transform:uppercase; display:inline-block;position:relative; font-weight:600;margin-bottom:25px;}
.title:before{position:absolute;height:3px;width:100%;background:#f89b1b;content:"";bottom:-10px;}
.about_sec .text_sec p{font-size:16px;line-height:30px;font-weight:400;color:#222;font-style:italic;}
.about-count {width:100%;float:left;margin:60px 0; display: flex; flex-wrap: wrap;}
.about-count .count-item{width:50%;float:left;padding:34px 24px 50px;border-bottom:2px solid #e7e7e7;border-right:2px solid #e7e7e7;}
.about-count .count-item h4{font-size:65px;line-height:70px;font-weight:600;color:#000;margin-bottom:25px;}
.about-count .count-item h5{font-size:28px;line-height:30px;color:#000;}
.about-count .count-item:nth-of-type(2),.about-count .count-item:nth-of-type(4){border-right:none;padding:34px 0 50px 70px;}
.about-count .count-item:nth-of-type(5),.about-count .count-item:nth-of-type(6){border-bottom:none;}



/*owner sec*/
.ownwr_sec{width:100%;float:left;background:#f4f5f7;padding:70px;}
.ownwr_sec .owner_img{width:30%; float:left;text-align:center;}
.ownwr_sec .owner_img img{width:auto;max-width:100%;display:inline-block;}
.ownwr_sec .owner_text{width:70%; float:left;padding:50px 0 0 50px;}
.ownwr_sec .owner_text h4{font-size:37px;line-height:40px;font-weight:600;color:#000;text-transform:uppercase;margin-bottom:17px;}
.ownwr_sec .owner_text .title{font-size:24px;line-height:30px;font-weight:600;color:#000;text-transform:uppercase;margin-bottom:45px;}
.ownwr_sec .owner_text p{font-size:16px;line-height:30px;font-weight:400;color:#222;font-style:italic;margin-bottom:15px;}


/*ourteam sec */
.ourteam_sec{width:100%;float:left;background:url(../images/ourteam_bg.jpg) no-repeat top left;background-size: cover;text-align:center;padding:95px 0;}
.ourteam_sec .title{color:#fff;margin-bottom:35px;} 
.ourteam_sec p{font-size:16px;line-height:30px;font-weight:500;color:#fff;font-style:italic;}



/*service sec*/
.service_sec{width:100%;float:left;background:url(../images/service_bg.jpg) no-repeat; background-size:cover;padding: 110px 0 90px;}
.service_sec .top_sec{text-align:center;}
.service_sec .top_sec .title{}
.service_sec .top_sec p.{color:#f4f5f7;font-size:16px;line-height:25px;font-weight:500;font-style:italic;}
.service_outer{width:100%;float:left;text-align:center;background:url(../images/service_bottom.png) no-repeat center bottom;margin-top:20px;
padding-bottom: 26px;background-size:cover;}
.service_item{width:100%;padding:10px 0 54px 0; display:inline-block;background:#ffffff;}
.service_item .service_item_sub{width:33.33%;float:left;padding:0 10px;}

.service_item_sub .service_img{margin-bottom:24px;overflow: hidden;width:100%;}
.service_item_sub .service_img img{width:100%;margin:0 auto;}
.service_item_sub .service_text{text-align:left;padding-left:15px;}
.service_item_sub .service_text a{ color:#222;}
.service_item_sub .service_text h4{font-size:22px;line-height:25px;color:#222;font-weight:600;margin-bottom:30px;text-transform:uppercase;}
.service_item_sub .service_text ul li{font-size:16px;line-height:25px;color:#222;font-style:italic;background:url(../images/list-arrow.png) no-repeat left 6px;
padding-left: 20px;margin-bottom: 5px;font-weight:400;}
.height-space{height:70px;width:100%;float:left;}




/*our service*/
.our_service{width:100%;float:left; padding-top:60px; background:#e5e9ef}
.our_service h4{font-size:28px;line-height:35px;color:#222;font-weight:600;margin-bottom:40px;text-transform:uppercase;text-align:center;}
.our_service .service_event{width:100%;float:left;text-align:center;padding: 70px 0 40px 0;background:#f57e12;position:relative;border-top:1px solid #fff;border-bottom:5px solid #fff;}
.arrow-up{position:absolute;top:-5px; left: 50%; margin-left: -32px; }
.our_service .service_event ul li{display:inline-block;margin:0 25px;position:relative;}
.our_service .service_event ul li:after{position:absolute;content:"/";right:-30px;top:6px;color:#fff;font-size:24px;}
.our_service .service_event ul li:last-child:after{display:none;}
.our_service .service_event ul li a{font-size:24px;line-height:30px;color:#fff;font-weight:600;}



/*why us*/
.whyus_sec{width:100%;float:left; text-align:center;background:url(../images/why_bg.jpg) no-repeat left top; background-size:cover;padding:145px 0  50px;}
.whyus_sec .heading_sec, .cyber_area .heading_sec{color:#fff;margin-bottom:50px;}
.cyber_area .heading_sec{ text-align:center}
.whyus_sec .heading_sec .title, .cyber_area .heading_sec .title{color:#fff;}
.whyus_sec .heading_sec .title p{margin-bottom:90px;}
.whyus_sec .text_sec{}
.whyus_sec .text_sec .items{width:32.33%; display:inline-block; vertical-align:top; color:#fff;padding:0 8px;margin-bottom:95px;} 
.whyus_sec .text_sec .items:last-child(3){margin-bottom:0;}
.whyus_sec .text_sec .items i{font-size:35px;line-height:40px;color:#f89b1b;margin-bottom:30px;}
.whyus_sec .text_sec .items h5{font-size:16px;line-height:25px;;margin-bottom:15px;text-transform:uppercase;}
.whyus_sec .text_sec .items p{font-size:14px;line-height:20px;;margin-bottom:15px;}






/*cyber sec*/
.cyber_area{width:100%;float:left;/*background:url(../images/cyber_bg.jpg) no-repeat center center;*/ background-size:cover; padding:50px}
.cyber_area .flex_row{ width:100%; display:flex; color:#222}
.cyber_area .flex_row .col{ width:60%; padding-right:14%;text-align:left; }
.cyber_area .flex_row .col:nth-child(2){ width:40%; text-align:center; padding-right:0}
.cyber_area .flex_row .col:nth-child(2) img{ display:inline-block}
.cyber_area h3{color:#f6971f; font-size:29px; line-height:35px; padding-bottom:15px}
.cyber_area h4.title{ color:#222!important}
.cyber_area h3 span{ color:#222; display:block}
.cyber_area p{padding-bottom:20px}

/*footer */
footer{background:url(../images/footer_bg.jpg) no-repeat center center;background-size:cover;width:100%;float:left;}
.footer-top{width:100%;display:inline-block;background:#0054a6; padding:50px 0; text-align:center; color:#f89b1b; font-size:24px}


/*.footer-top .top_left{width:320px;float:left;background:#fff;padding:58px 50px;transform:skew(20deg);-moz-transform:skew(20deg);-webkit-transform:skew(20deg);-ms-transform:skew(20deg);}
.footer-top .top_left img{transform:skew(-20deg);-moz-transform:skew(-20deg);-webkit-transform:skew(-20deg); -ms-transform:skew(-20deg);}

.footer-top .top_right{color:#fff;padding:43px 0 43px 385px;}
.footer-top .top_right h4{font-size:22px;line-height:30px;;margin-bottom:15px;text-transform:uppercase;font-weight:500;}
.footer-top .top_right p{font-size:16px;line-height:30px;font-weight:400;}*/

.footer-middle{width:100%;float:left;padding:135px 35px 85px ;color:#fff;}

.footer-middle .fm-items{width:33.33%;float:left;}
.footer-middle .fm-items ul.sub-item li{position:relative;padding-left:20px;background:url(../images/angle-right.png) no-repeat left center;}

.footer-middle .fm-items h4{font-size:22px;line-height:30px;;margin-bottom:25px;text-transform:uppercase;font-weight:500;}
.footer-middle .fm-items p{margin-bottom:10px;font-size:14px;line-height:25px;font-weight:500;}
.footer-middle .fm-items ul li a{font-size:16px;line-height:35px;color:#fff;font-weight:500;}
.footer-middle ul.social-icon{margin-bottom:15px;width:100%;float:left;}
.footer-middle ul.social-icon li{float:left; margin-right:15px;}
.footer-middle ul.social-icon li i{font-size:18px;}
.footer-middle .email ,.footer-middle .callto{width:100%; float:left;padding-left:30px;margin-bottom:10px;}
.footer-middle .email{background:url(../images/email.png) no-repeat left center;}
.footer-middle .callto{ padding-left:0}
.footer-middle .callto a{background:url(../images/phone.png) no-repeat left center; padding-left:30px;}
.footer-middle .email a ,.footer-middle .callto a{color:#fff; font-size:16px;line-height:30px;font-weight:500;}
.footer-middle  a:hover{ color:#fcaf17!important}


#contact_form .form-group{padding:20px; width:100%;margin-top:15px;background:#0c60b1;font-size:14px;line-height:20px;font-weight:400;color:#fff;border: 1px solid #0c60b1;}
#contact_form .form-error { display: none; }
#contact_form .form-group.error { border-color: #F00; }
#contact_form .send{padding: 10px 40px;background: #fcaf17;color: #fff;font-size: 22px;line-height: 25px;border: 0;margin-top:15px;cursor:pointer; transition:all ease 0.3s}
#contact_form .send:hover{ background:#fff; color:#333}
#contact_form textarea{resize:none; }
.copyright{width:100%;float:left;text-align:center;background:#0054a6;padding:25px 0 20px 0;}
.copyright p{color:#fff;font-size: 14px;font-weight: 500;}

/*inner page */
.inner-banner {padding:80px 0;width:100%;float:left; background:url(../images/inner_banner_bg.jpg) no-repeat top left;padding:80px 0;background-size:100% 100%;
text-align:center;}
.financial_sec{width:100%;float:left;padding:134px 0;}
.financial_sec p, 
.financial_sec li { color: #222;font-size: 16px; line-height: 22px; }
.financial_sec li { position: relative; padding: 0 0 20px 15px; }
.financial_sec li:after { content: ''; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0px; top: 8px; background: #000; }
.financial_sec ul { padding-top:30px; }

.successmsg { display:none}
.succ{ border:1px solid #0C0; color:#fff; font-weight:bold; padding:5px 10px; display:block; text-align:center; background:rgba(0,204,51,0.5); margin:20px 0; display:block}
label{ display:block; width:100%; color:#ff0000}