@import "bootstrap.min.css";
@import "animate.css"; 
@import "menu2.css";

/*Developer CSS*/
/* 1.0 - General */
html { scroll-behavior: smooth;}
body{margin:0;background:#FFFFFF;overflow-x: hidden}
table,div{font-family:'Roboto', sans-serif;font-size:14px;color:#333333;line-height:26px;}
a{color:#333333;text-decoration:none;transition:all .2s ease-in-out;}
a:hover{color:#333333;text-decoration:none;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
*{box-sizing:border-box;}
::-webkit-input-placeholder{color:#000;}
/* Chrome/Opera/Safari */
::-moz-placeholder{color:#000;}
/* Firefox 19+ */
:-ms-input-placeholder{color:#000;}
/* IE 10+ */
:-moz-placeholder{color:#000;}
/* Firefox 18- */
img{border:none;max-width:100%}
p{margin:0 0 20px;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}
:focus{outline:0;}
a:active{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 20px;}
/*Heading*/
h1{font-size:30px;}
h2{font-size:52px;color:#000;line-height:52px;font-weight:800}
h3{font-size:27px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
.c-left{text-align:left;}
.c-center{text-align:center;}
.c-right{text-align:right;}
.font-uppercase{text-transform:uppercase;}
.theme-bg{background:#32c5d2;}
.gray-bg{background:#f5f5f5;}
.img-left{margin-right:10px;}
.img-right{margin-left:10px;}
ul{margin:0 0 0 20px;padding:0;list-style:none;}
ul li{list-style:disc;margin:0 0 10px;}
.ul{margin:0;padding-left:0;margin-left:20px;}
.ul li{margin-bottom:10px;}
/* .ul li{list-style-image:url(../images/carts.jpg);}
 */
.btn{background:#f1471c;padding:12px 40px;color:#fff;text-transform:uppercase;font-size:14px;border-radius:0}
.btn a{color:#fff}
.btn:hover{background:#010e2a}
.mobile{display:none;}
.desktop{display:block;}

/* common style */

.line { border-top: solid 1px #e5e5e5;  }


/* breadcrumb */

.breadcrumb{margin-bottom:15px;color:#666;}
 .breadcrumb a{margin-bottom:15px;color:#00003f;}
 .breadcrumb a:hover{margin-bottom:15px;color:#333;}


/* Responsive Table */

.table{border-collapse:collapse;margin:10px 0 0px;width:712px;}
.table th{background:none repeat scroll 0 0 #002f92;border-right:1px solid #ffffff;font-weight:normal;padding:13px 8px;color:#FFFFFF;}
.table td{background:none repeat scroll 0 0 #f3f3f3;border-left:1px solid #fff;border-right:1px solid #fff;padding:8px;border-bottom:1px solid #ffffff;}
.table tr:hover td{background:none repeat scroll 0 0 #d9f5f8;}
.dropdown-menu{font-size:inherit;}


/** 2.0 - Header **/

/*sticky header */

#myHeader {z-index: 1000;}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {  position: fixed; top: 0;  width: 100% }

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {  padding-top: 102px; }

#top-header{background:#010e2a;color:#fff;text-align:center;padding:6px 0;display:inline-block;width:100%}
#top-header p{font-size:13px;color:#fff;margin:0;text-align:left}
#top-header .location p{text-align:center}
#top-header a{color:#f1471c}
.social ul{padding:0;float:right}
.social ul li{list-style:none;display:inline;margin-right:14px;color:#fff}
#top-header .social ul li a{color:#fff;font-size: 12px;}
.social ul li:last-child{margin-right:0}
.navbar-header{float:left}
.top-contact{float:right;}
.top-contact ul{padding:0;margin:0;float:left}
.top-contact ul li{list-style:none;display:inline;margin:0 20px 0 0;float:left}
.top-contact .top-contact-icon{float:left;margin-right:10px;position:relative;top:8px}
.top-contact .contact-txt{float:left;color:#8a8a8a;margin-right:10px;top:7px}
.top-contact .contact-txt span{font-size:20px;display:block;font-weight:bold;line-height:15px}
.top-contact .contact-txt a{color:#f1471c}
.get-quote{background:#f1471c;color:#fff;text-transform:uppercase;padding:9px 24px;float:right;font-weight:600;margin-top:5px;}
.get-quote a{color:#fff;}
.get-quote:hover{background:#010e2a}
.navbar-brand{padding:25px 0 10px}
#menu{background:#f1471c;width:100%;display:inline-block}
.sub-menu:after{content:" ";position:absolute;left:30px;right:auto;top:-15px;border-top:none;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid #fff;}
.navbar .navbar-header .icon-bar{background-color:#333333;display:block;width:22px;height:2px;border-radius:1px;margin:4px auto 0;transition:.25s ease-in-out;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform:rotate(45deg);margin-top:0px;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display:none}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform:rotate(-45deg);margin-top:-2px;}
.navbar .navbar-header .nav-toggle.active{position:absolute;top:0;right:0;z-index:99;}
#menu-toggle{display:none}
.navbar-inverse{margin:0;background-color:#FFFFFF;border-color:transparent;padding:0}
.navbar{border-radius:0;position:relative;border:0;}
.navbar-brand{padding:26px 0;height:auto;text-transform:uppercase;color:#333333;font-size:30px;margin:0}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color:#333333}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;}
.top-right{float:right;padding:35px 0}
.top-right ul{margin:0;padding:0;list-style:none}
.top-right ul li{float:left;margin-left:20px;}
.top-right ul li i{margin-right:10px;color:#999999}
.top-right ul li a{color:#333333}
.home-ban{position:relative;padding:0;}
.ban-img{width:100%;}
.slide .carousel-control-next{right:10px;}
.slide .carousel-control-prev{left:10px;}
.slide .carousel-control-next , .slide .carousel-control-prev{width:60px;opacity:1}
.slide .carousel-caption{position:absolute;top:50%;text-align:left;/*width:35%;*/
transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);}
.home-ban .ban-text{text-align:left;position:absolute;margin:0 auto 0;color:#FFFFFF;font-size:16px;z-index:1;width:720px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);left:7.5%}
.home-ban .ban-text h1{font-size:80px;line-height:76px;margin:0;font-weight:900;}
.home-ban .ban-text h1 span{font-size:66px}
.home-ban .ban-text h4{color:#f1471c;font-size:32px;text-transform:uppercase;font-weight: bold}
.home-ban .ban-text p{font-size:19px;font-weight: 400;margin: 30px 0}
.home-ban .btn{border:1px solid #fff;color:#fff;padding:16px 41px;background:transparent;font-size:14px;text-transform:uppercase;border-radius:0;margin-right:15px;margin-top: 15px}
.ban-buttons .btn:last-child{margin-right:0}
.home-ban .btn a{color:#fff;}
.home-ban .btn:hover{background:#f1471c;border:1px solid #f1471c;}
#nav{background:#f1471c}


/*home about*/

#home-about{background:url(../images/about-bg.png) no-repeat;background-size:cover;}
.sub-title{text-transform:uppercase;color:#f1471c;text-decoration:underline;font-size:14px;font-weight: bold}
#home-about h2{margin-bottom:40px}
#home-about h3{font-size:27px;color:#494949;line-height:38px;font-weight:normal}
#home-about h3 span{color:#f1471c;text-decoration:underline}
.sub-text{display:inline-block;width:100%;margin-top:38px}
#home-about p{font-size:16px;line-height:30px;margin-bottom: 10px}
.call-info{padding:20px 0}
.call-info img{float:left;margin-right:14px;}
.call-text{float:left}
.call-text span{font-size:16px;color:#4a4a4a;display:block;}
.call-text .num{font-size:34px;color: #4a4a4a;font-weight: 900;margin-top: 5px;}
#home-about .box{height:250px;padding:30px}
#home-about .box.calendar{background:url(../images/calendar-img.png) no-repeat;background-size:cover}
#home-about .box.team{background:url(../images/team-img.png) no-repeat;background-size:cover}
#home-about .box.technology{background:url(../images/technology-img.png) no-repeat;background-size:cover}
#home-about .box h3{color:#fff;font-size:20px;margin:24px 0 5px 0;font-weight:bold;}
#home-about .box p{color:#fff;font-size:15px;line-height:24px;margin-bottom:0}
#home-about .abt-text{padding:0}
.abt-main{padding-right: 50px;}
#usp{margin:76px 0 30px 0;}
#usp .col-md-4{padding:0}


/*Service provider*/

#service-provider{background:#04163f;}
#service-provider h2{color:#fff;}
#service-provider h3{color:#f1471c;}
#service-provider p{color:#fff;}
#service-provider .box{position:relative}
#service-provider .service-text{background:#fff;padding:10px;position:absolute;bottom:0;width:100%;top:auto}
#service-provider .service-icon{background:#f1471c;padding:15px;text-align:center;float:left;margin-right:15px;margin-top:-19px;z-index:9;position:relative;}
#service-provider .service-text h3{font-size:24px;text-transform:capitalize;text-align:left;color: #000}
#service-provider .bx-wrapper{margin: 40px auto 20px;}
#service-provider .grid figure img{width: 100%}
.grid{position:relative;margin:0 auto;width:92%}


/* Common style */

.grid figure{position:relative;float:left;overflow:hidden;width:100%}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;}
.grid figure figcaption{/*padding:2em;*/
color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}


/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;/*background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);*/
content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);}
figure.effect-sadie .service-text{position:absolute;top:50%;left:0;width:100%;color:#484c61;-webkit-transition:-webkit-transform 0.35s, color 0.35s;transition:transform 0.35s, color 0.35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,0,0);}
figure.effect-sadie figcaption::before,figure.effect-sadie .service-txt1{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-sadie .service-txt1{position:absolute;bottom:0;left:0;padding:1.5em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
figure.effect-sadie:hover .service-text{color:#fff;-webkit-transform:translate3d(0,-80%,0) translate3d(0,-80px,0);transform:translate3d(0,-80%,0) translate3d(0,-80px,0);background:none !important}
figure.effect-sadie .readmore:hover{ text-decoration: underline; }
#service-provider figure.effect-sadie:hover .service-text .service-icon{background:#04163f;}
#service-provider figure.effect-sadie:hover .service-text h3{color:#fff}
figure.effect-sadie:hover figcaption::before ,figure.effect-sadie:hover .service-txt1{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.grid figure:hover figcaption{background:rgba(241,71,28,0.8)}
figure.effect-sadie p{text-transform:none;}
figure.effect-sadie .readmore a{color:#fff;}


/*project contact*/

#content #project-contact.row-am{padding:50px 0}
#project-contact{background:url(../images/project-contact-bg.png) no-repeat;background-size:cover;}
#project-contact h2{color:#fff;font-weight:800}
#project-contact p{color:#fff;font-size:14px;margin-bottom:0}
#project-contact .text{float:left;width:78%}
#project-contact .btn{float:right;border:1px solid #fff;font-size:14px;padding:10px 30px;text-transform:uppercase;border-radius:0;margin-top:50px;}
#project-contact .btn a{color:#fff;}


/*statestic*/

.statestic-text{background:url(../images/statestic-bg.png) no-repeat;background-size:cover;padding:80px}
.statestic-img{width:100%;height:100%}
.statestic-img img{width:100%;height:100%}
#statestic .col-md-6{padding:0}
#statestic .row{margin:0}
#statestic ul{padding:0;margin:50px auto;}
#statestic ul li{list-style:none;width:50%;float:left;margin-bottom:50px;}
#statestic ul li img.icon{float:left;margin-right:10px}
#statestic ul li .text{float:left;}
#statestic ul li .text h2{margin-bottom:0}
#statestic ul li .text p{font-size:17px;font-weight:700}
#statestic ul li .num{font-size:60px;font-weight:700;color:#1c2729}
#statestic h2{font-weight:900;width:100%}
#statestic .col-md-6.statestic-text{padding:70px;}
.statestic-box{height:100%;display:flex;flex-wrap:wrap;align-content:center;}
#statestic ul li:nth-child(3){margin-bottom: 0}
#statestic ul li:nth-child(4){margin-bottom: 0}


/*home feature*/

#features h2, #features p, #features h3{color:#fff;width:100%}
#features .row{padding:0;margin:0}
#features ul{margin:0 0 20px 0;width:100%}
#features li{list-style:none;color:#fff}
#features li:before{content:"\f061";color:#f1471c;font-family:FontAwesome;float:left;margin-right:15px;font-size:13px;}
.featured-img{height:100%}
.featured-img img{width:100%;height:100%;object-fit:cover}
.features-text{background:#04163f;padding:80px 120px;height:100%;display:flex;flex-wrap:wrap;align-content:center;}
#features .btn:hover{border:1px solid #fff}


/*project completed*/

#completed-projects{width:100%;display:inline-block}
#completed-projects h2{font-weight:800}
.filters ul{display:flex;justify-content:left;list-style:none;margin:30px 15px}
.filters ul li{display:inlnie-block;text-align:center;margin-right:12px;padding:0 5px 2px 5px;font-weight:500;font-size:16px;cursor:pointer;position:relative;margin-bottom:-2px;color:#777;transition:0.3s;list-style:none;}
.filters ul li:hover{color:#f1471c;}
.filters ul li.is-checked{border-bottom:2px solid #f1471c;color:#f1471c}
.filters ul li:last-child{margin-right:0;}
.grid .grid-item h1{background:#EEEEEE;height:150px;line-height:150px;color:white;font-size:3em;text-align:center;margin-bottom:30px;}
#completed-projects .grid{width:100%}
#completed-projects .box{position:relative}
#completed-projects .service-text{padding:10px 24px;position:absolute;bottom:0;width:100%;top:auto}
#completed-projects .service-text p{color:#fff;text-transform:uppercase;margin-bottom:5px}
#completed-projects .service-text h3{font-size:20px;text-transform:capitalize;color:#fff;border-bottom:1px solid #fff;padding-bottom:12px;margin-bottom:10px;}
#completed-projects figure.effect-sadie:hover .service-text{transform:translate3d(0,-30%,0) translate3d(0,-30px,0);}
#completed-projects figure.effect-sadie:hover .service-text h3{border-bottom:1px solid #fff}
#completed-projects .grid figure:hover figcaption{background:url(../images/hover-img.png) no-repeat;background-size:cover;opacity:0.85}
#completed-projects #header-title .btn{float:right}
 #completed-projects .service-img img{width:100%}

#completed-projects .grid figure:hover figcaption.fgExpertise{background:rgba(241, 71, 28, 0.65);}
#completed-projects .grid figure:hover figcaption.fgFormation{background:rgba(18, 198, 137, 0.65);}
#completed-projects .grid figure:hover figcaption.fgBoutique{background:rgba(119, 210, 240, 0.65);}

/*Testimonials*/

#testimonial{background:url(../images/testimonial-bg.jpg) no-repeat;background-size:cover;display:inline-block;width:100%}
#content #testimonial.row-am{padding: 90px 0 120px 0;}
#testimonial h2{color:#fff;}
 #testimonial p{color:#bec1c8;margin-bottom:0;margin-top:10px;font-size: 16px;}
 .test-txt{padding: 0 50px;}
 #testimonial .btn{margin-top:10px;float: right;padding: 15px 23px;font-weight: 400;}
.testimonial-slider{margin-top:30px;margin-right:1px}
.testimonial-box{text-align:center;border-right:1px solid #4c5d82;padding-right:20px;padding-left:20px;margin-bottom: 25px;}


/*.testimonial-slider li:nth-child(3n+0) .testimonial-box{border-right:0}
*/

.testimonial-img img{border-radius:100%;border:4px solid #fff;margin:10px auto 20px;display:table}
.testimonial-box .testimonial-txt h4{font-size:22px;color:#fff}
.testimonial-box .testimonial-txt p{font-size:16px;color:#bec1c8;}
#testimonial .testimonial-footer{margin-top:10px}
#testimonial .testimonial-footer h5{font-size:17px;color:#fff;margin-bottom:0}
#testimonial .testimonial-footer p{font-size:13px;margin-bottom:0;color:#f1471c;margin-top:0}
.testimonial-slider .bx-controls-direction{display:none}
.testimonial-slider .bx-pager{margin:0 auto;text-align:center !important;left:0;right:0}
#testimonial .btn:hover{border:1px solid #fff}


 /*key points*/

.key-box{width:100%;display:inline-block;border:1px solid #d4d4d4;border-top:0;overflow:hidden;margin-top:30px;}
#keypoint .nav-tabs .nav-item{margin-bottom:-1px;width:33.33%;text-align:center;list-style:none;background:#f2f2f2;}
#keypoint .nav-tabs{margin:0}
#keypoint .nav-tabs .nav-item.show .nav-link, #keypoint .nav-tabs .nav-link.active, #keypoint .nav-tabs .nav-link:focus{border-top:4px solid #f1471c;borer-bottom:1px solid #fff}
#keypoint .nav-link{border-right:1px solid #d4d4d4}
#keypoint .nav-tabs .nav-link{border-radius:0;border-right:1px solid #d4d4d4;border-top:4px solid #f2f2f2;font-size:17px;text-transform:uppercase;font-weight:800;padding:29px 0 16px}
#keypoint .nav-tabs .nav-item:last-child .nav-link{border-right:0}
#keypoint .nav-tabs .nav-link:hover{border-radius:0;border-right:1px solid #d4d4d4;border-top:4px solid #f2f2f2;}
#keypoint .nav-tabs .nav-item img{margin-right:10px;position:relative;top:-10px}
#keypoint .tab-header{margin:0 auto;display:table;}
#keypoint .tab-icon{float:left;position:relative}
#keypoint .tab-header span{float:left;font-size:17px;text-transform:uppercase;font-weight:800;padding-top:6px}
#keypoint .nav-link .icon{opacity:1;position:absolute;left:0}
#keypoint .nav-link .icon.icon-h{opacity:0;position:absolute;left:0}
#keypoint .nav-tabs .nav-item.show .nav-link .icon.icon-h, #keypoint .nav-tabs .nav-link.active .icon.icon-h, #keypoint .nav-tabs .nav-link:focus .icon.icon-h{opacity:1}
#keypoint .nav-tabs .nav-item.show .nav-link .icon-h, #keypoint .nav-tabs .nav-link.active .icon, #keypoint .nav-tabs .nav-link:focus .icon{opacity:0}
#keypoint .nav-tabs .nav-item.show .nav-link span, .nav-tabs .nav-link.active span, .nav-tabs .nav-link:focus span{color:#f1471c}
#keypoint .tab-content h3{font-size:21px;line-height:28px;font-weight:400}
#keypoint .tab-content p{font-size:16px;line-height:28px}
#keypoint .tab-content{padding:42px 30px 50px 30px}
#keypoint .key-img{width:100%;height:100%;position:relative}
#keypoint .key-img img{width:100%;height:100%}
#keypoint .key-img:before{background:#f1471c;width:100%;height:100%;left:-8px;bottom:-8px;content:"";position:absolute;z-index:-1}
#content #keypoint.row-am{padding:70px 0 100px 0;}


/*Quick Contact*/

#quick-contact{background:url(../images/contact-bg.jpg) no-repeat;background-size:cover;height:596px}
#contact-info{margin-top: 50px;}
#quick-contact h2{color:#fff;width:90%;margin-bottom:40px}
 #quick-contact p{color:#f1471c;margin-bottom:0;margin-top:10px;font-size:17px;}
#quick-contact h3{font-size:27px;color:#fff;margin-bottom:27px;font-weight: 400}
#quick-contact h3 a{color:#fff;}
#quick-contact .contact-form{background:#f1471c;padding:60px;margin-top:-117px}
#quick-contact .contact-form .form-title{font-size:35px;color:#fff;margin-bottom:40px; font-weight: 700;}
#quick-contact .contact-form .form-control{background:#fff;border-radius:0;height:50px;border:0}
#quick-contact .contact-form textarea.form-control{height:150px;}
#quick-contact .contact-form .btn{background:#fff;color:#f1471c;text-transform:uppercase;text-align:center;font-size:16px;font-weight:bold;border:0;width:100%;padding:15px 20px}
#quick-contact .contact-form .btn:hover{background: #010e2a;color: #fff}


/*Our team*/

#content #team.row-am{padding: 120px 0 80px 0}
#team figure{margin:0;overflow:hidden}
#team figure:hover{/*margin-bottom:-5px;*/
background:#f1471c}
#team .box{width:100%;border:1px solid #d4d4d4;display:inline-block;background:#000;margin-top:20px}
#team .team-info{padding:10px;bottom:0;width:100%;top:auto;background:#fff;text-align:center}
#team .team-info p{color:#fff;margin-bottom:5px;font-size:16px;color:#4a4a4a;}
#team .team-info h3{font-size:20px;text-transform:capitalize;color:#000;font-weight:normal;margin-bottom:5px; font-weight: 700;}
#team figure.effect-sadie:hover .team-info{transform:translate3d(0,-30%,0) translate3d(0,-30px,0);margin-bottom:10px;}
#team figure:hover figcaption{background:#f1471c;height:auto;bottom:-20px;top:auto;}
#team figure:hover figcaption h3{color:#fff;}
#team figure:hover figcaption p{color:#fff}
#team figure.effect-sadie:hover figcaption::before ,#team figure.effect-sadie:hover .team-info1{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin:0;padding:0;bottom:23px}
#team figure.effect-sadie figcaption::before,#team figure.effect-sadie .team-info1{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
#team figure.effect-sadie .team-info1{position:absolute;bottom:0;left:0;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
#team .figcaption{height:153px;padding-top:30px}
#team .social{margin:20px auto 0;padding:0;display:table}
#team .social li{list-style:none;display:inline;border-radius:100%;border:1px solid #fff;width:30px;height:30px;line-height:30px;text-align:center;float:left;margin-right:5px}
#team .social li a{color:#fff}
#team .social li:last-child{margin-right:0}
#team figure.effect-sadie:hover .team-info{background:#f1471c;margin:0}
.team-img img{width:100%}


/*home blog*/

#post{background:#eeeeee}
.blog-box .blog-img{width:100%;position:relative}
.blog-box .blog-date{background:#fff;font-size:21px;font-weight:bold;width:45px;height:45px;bottom:24px;left:25px;text-align:center;position:absolute;font-size:21px;line-height:18px;padding-top:5px;color: #000}
.blog-box{margin-top:40px}
.blog-box .blog-date span{display:block;font-size: 14px;}
.blog-box .blog-img img{width:100%}
.blog-txt{background:#fff;position:relative;padding:30px 30px 50px 30px}
.blog-txt h2{font-size:22px;line-height:29px;font-weight: bold}
.blog-txt .blog-btm{position:absolute;bottom:20px;font-size:13px;color:#6d6d6d;}
#post .btn{float:right}


/*client logo*/

#client-logo ul{display:table;margin:0 auto;width:100%}
#client-logo ul li{width:18.40%;float:left;margin-right:2%;list-style:none;margin-bottom: 0}
#client-logo ul li:nth-child(5n){margin-right:0}


/*subscribe*/

#content #subscribe.row-am{padding:45px 0 40px 0;}
#subscribe{background:url(../images/subscribe-bg.png)no-repeat;background-size:cover;}
.subscribe-header{width:100%;display:inline-block}
.subscribe-form{background:#04163f;padding:25px;width:100%;display:inline-block}
.subscribe-form .form-control{width:91%;float:left;border-radius:0;border:0;height:42px}
.subscribe-header .subscribe-icon{width:88px;float:left;margin-right:15px;position: relative;top: 7px;}
.subscribe-header .subscribe-title{float:left;display:inline-block;color:#fff;width:74%;color:#fff;}
.subscribe-header .subscribe-title h3{color:#fff;font-size:35px;margin-bottom:0}
.subscribe-header .subscribe-title p{color:#fff;font-size:15px;margin-bottom:0}
.subscribe-btn{width:9%;float:left;}
.subscribe-btn img{height:42px;width:100%}

.counter{text-align:center;}
.counter-count{font-size:50px;font-weight:bold;position:relative;color:#1c2729;text-align:center;display:inline-block;}
.row-am{width:100%;}


/** 3.0 - Content **/

#content .row-am{padding:70px 0;}


/** 4.0 - Footer **/

footer{background:url(../images/footer-bg.jpg) no-repeat;background-size:cover;}
footer .footer1{padding:80px 0 50px 0}
.footer-logo{margin-bottom:30px}
footer .footer1 p{font-size:15px;color:#fff;}
footer .footer1 h4{font-size:25px;font-weight:normal;margin:0 0 46px;color:#f1471c;}
footer .footer1 .links ul{margin:0;padding:0;list-style:none;}
footer .footer1 .links ul li{line-height:28px;font-size:15px;list-style:none;margin-bottom: 8px;}
footer .footer1 .links ul li a{color:#fff;}
footer .footer1 .links ul li a:hover{color:#f1471c}
footer .footer1 .footer-contact ul{margin:0;padding:0;list-style:none;}
footer .footer1 .footer-contact ul li{float:left;list-style:none;width:100%}
.footer-contact .f-icon{float:left;width:50px;margin-right:10px;text-align:center;position: relative;top:7px;}
.footer-contact .f-icon img{width:auto;margin:0 auto;display:table}
.footer-contact span{width:74%;float:left;}
.footer-contact p{margin-bottom:0}
.footer-contact a{color:#fff;}
footer .query{text-align:center;font-weight:300;color:#98dad8;font-size:27px;padding:20px 0}
footer .query a{color:#98dad8}
footer .footer2{font-size:13px;border-top:1px solid #364565;color:#b9b5b7;line-height:35px;padding:20px 0}
footer .footer2 .left{color:#CCCCCC;line-height:35px;font-size:14px;}
footer .footer2 .right ul{margin:0;padding:0;list-style:none;}
footer .footer2 .right ul li{width:35px;height:35px;line-height:35px;text-align:center;;border-radius:50%;float:left;margin:0 0 0 5px;list-style:none;border:1px solid #8c95a9}
footer .footer2 .right ul li:hover{background:#f1471c;}
footer .footer2 .right ul li a{display:block;color:#fff;}
footer .footer2 .right ul li:hover a{color:#fff}
footer .footer2 a{color:#f1471c}
#footer-img{position:relative}
#footer-img .fimg ul{position:relative;display:inline-block;width:100%}
#footer-img .fimg ul{display:table;width:100%;margin:0;padding:0}
#footer-img .fimg ul li{width:16.66%;display:inline;float:left;list-style:none;margin-bottom:0}
#footer-img .fimg ul li img{width:100%;object-fit:cover;height:310px}
.follow-img{position:absolute;margin:0 auto;left:0;right:0;top:24%;bottom:auto;width:160px;}


/** INNER PAGE CSS **/

/* common css */
.inner-contact { margin: 70px 0;  }


/** about us page **/

.inner-page-main-banner {	position:relative;	padding:150px 0;}
.about-us {	background:url(../images/about-page-banner.jpg) no-repeat top center;	background-attachment:fixed;	background-size:cover;}
.inner-page-main-banner h2 {	float:left;	width:100%;	text-align:left;	font-size:18px;	font-weight:700;	color:#FFFFFF;	line-height:1;	text-transform:uppercase;	padding:0;	margin:0;}
.inner-page-main-banner h1 {	float:left;	width:100%;	text-align:left;	font-size:70px;	font-weight:700;	color:#FFFFFF;	line-height:1.3;	padding:0;	margin:0; }
.inner-page-main-banner p {	float:left;	width:100%;	text-align:left;	font-size:17px;	font-weight:normal;	color:#FFFFFF;	line-height:1.7;	padding:0;	margin:0; }


#inner-about .sub-title{text-transform:uppercase;color:#f1471c;text-decoration:underline;font-size:14px;font-weight: bold}
#inner-about h2{margin-bottom:40px}
#inner-about h3{font-size:27px;color:#494949;line-height:38px;font-weight:normal}
#inner-about h3 span{color:#f1471c;text-decoration:underline}
#inner-about .sub-text{display:inline-block;width:100%;margin-top:38px}
#inner-about p{font-size:16px;line-height:30px;margin-bottom: 10px}
#inner-about .box{height:auto; padding:0 30px 0 0;}
#inner-about .box h3{color:#000000;font-size:20px;margin:24px 0 5px 0;font-weight:bold; line-height: 1.3;}
#inner-about .box p{color:#4a4a4a;font-size:15px;line-height:24px;margin-bottom:0}
#inner-about .abt-text{padding:0}
#inner-about .abt-main{padding-right: 50px;}
#inner-about #usp{margin:45px 0 0 0;}
#inner-about #usp .col-md-4{padding:0}


#inner-about.bgHome{background:url(../images/about-bg.png) no-repeat;background-size:cover;}

/** services page **/

.service {	background:url(../images/service-page-banner.jpg) no-repeat top center;	background-attachment:fixed; background-size:cover;}

#servicelist #services-box { padding-top: 30px; }
#servicelist h2{/*color:#fff;*/}
#servicelist .service-txt1 p{color:#fff;}
#servicelist .box{position:relative}
#servicelist .service-text{background:#efefef;padding:10px;position:absolute;bottom:0;width:100%;top:auto}
#servicelist .service-icon{background:#f1471c;padding:15px;text-align:center;float:left;margin-right:15px;margin-top:-19px;z-index:9;position:relative;}
#servicelist .service-text h3{font-size:24px;text-transform:capitalize;text-align:left;color: #000}
#servicelist .bx-wrapper{margin: 40px auto 20px;}
#servicelist .grid figure img{width: 100%}
#servicelist .grid{position:relative;margin:0 auto;width:100%}
#servicelist figure.effect-sadie:hover .service-text .service-icon{background:#04163f;}
#servicelist figure.effect-sadie:hover .service-text h3{color:#fff}
#servicelist .grid figure{margin-bottom: 28px;}


/** inner-benifit **/
#inner-benifit { width: 100%; background:url(../images/service-benifit-bg.jpg) no-repeat;background-size:cover;}
#inner-benifit ul{margin:0 0 20px 0;width:100%}
#inner-benifit li{list-style:none;color:#4a4a4a}
#inner-benifit li:before{content:"\f061";color:#f1471c;font-family:FontAwesome;float:left;margin-right:15px;font-size:12px;}
#inner-benifit .content {padding: 100px 0; float: left; width: 90%;}
#inner-benifit .benifit-img {box-shadow: -11px 11px 0px -2px rgba(241,71,28,1); -webkit-box-shadow: -11px 11px 0px -2px rgba(241,71,28,1); -moz-box-shadow: -11px 11px 0px -2px rgba(241,71,28,1);}

/*Service icons*/
#service-icon .icon-main { width: 100%; padding: 55px 0 0 0; }
#service-icon .icon-box { width: 100%; border: #1f3463 solid 1px; padding: 30px; margin-bottom: 30px; }
#service-icon .icon { width: 100%; min-height: 100px;  }
#service-icon .icon-box h3 { width: 100%; font-size: 24px; font-weight: 700; color: #000000; text-align: left; text-transform: capitalize; padding: 60px 0 0 0; min-height: 20px;  }
#service-icon .icon-box p { width: 100%; font-size: 16px; font-weight: normal; color: #4a4a4a; text-align: left;  padding: 0px;  }
#service-icon .icon-box .read-more a { width: 100%; font-size: 14px; font-weight: 700; color: #f1471c; text-align: left;  padding: 0px; text-transform: uppercase;  }
#service-icon .icon-box:hover { background: #010c26; border: #010c26 solid 1px; transition: all ease-in-out .3s; }
#service-icon .icon-box:hover h3 { color: #fff;  }
#service-icon .icon-box:hover p { color: #fff;  }


/** single service page **/

/** left colom **/
#inner-page .content {}
#inner-page .inner-section { width: 100%; padding-bottom: 40px; }
#inner-page h3 { width: 100%; font-size: 45px; font-weight: 700; text-align: left; color: #000000;  }
#inner-page p { width: 100%; font-size: 16px; font-weight: normal; text-align: left; color: #4a4a4a;  }
#inner-page figure { width: 100%; margin: 20px 0 0 0; }
#inner-page figure img { width: 100%;}

/** right colom **/

/** services links **/
.single-service {	background:url(../images/service-details-page-banner.jpg) no-repeat top center;	background-attachment:fixed; background-size:cover;}
#inner-page .services-link-box { background: #04163f; width: 100%; float: left; margin-bottom: 30px;}
#inner-page h4 { font-size: 25px; font-weight: 700; color: #fff; text-align: left; border-bottom: solid 1px #313d59; padding: 25px 0 25px 25px; margin: 0; }
#inner-page .services-link-box ul { list-style: none; padding: 0; margin: 0; width: 100%;}
#inner-page .services-link-box ul li { list-style: none; width: 100%; float: left; margin: 0;}
#inner-page .services-link-box ul li a { float: left; width: 100%; font-size: 14px; font-weight: 700; color: #fff; text-align: left; border-bottom: solid 1px #313d59; padding: 15px 0 15px 25px; margin: 0; text-transform: uppercase; }
#inner-page .services-link-box ul li a:hover { background: #f1471c; }

/* Download section */

#inner-page .download { background: #04163f; width: 100%; float: left; padding-bottom: 15px; margin-bottom: 30px;}
#inner-page .download .buttons { padding: 25px;  }
#inner-page .download .download-btn {	float:left;	width:100%;	position:relative;	font-size:14px;	font-weight:600;	line-height:1;	text-transform:uppercase;	text-align:left;	color:#637376;	padding:0;	margin:0 0 20px 0;	background: #fff;}
#inner-page .download-btn .fa{	background:#f1471c;	font-size:20px;	font-weight:400;	line-height:1;	text-transform:uppercase;	text-align:left;	color:#FFFFFF;	padding:20px ;	margin:0;}
#inner-page .download-btn:hover {	background:#f1471c;	color:#FFFFFF;	transition:all ease .5s;}


/* call to action */

#inner-page .cta {	float:left;	width:100%;	background:#f1471c url(../images/left-cta-bg.jpg) no-repeat center center;	padding:0 25px 50px 25px; text-align: left;}
#inner-page .cta figure { float:left; text-align:center;	padding:0;	margin:0 0 35px 0; background: #fff; padding: 15px; border-top:#04163f solid 4px; width: auto !important; }
#inner-page .cta h4{ float:left;	width:100%; border: none; padding: 0 0 10px 0;	}
#inner-page .cta p {	float:left;	width:100%;	position:relative;	font-size:16px;	font-weight:normal;	color:#FFFFFF;	padding:0 0 20px 0;	margin:0;}
#inner-page .cta .call, .mail, .adress { float:left;	width:100%;	position:relative;	font-size:16px;	font-weight:normal;	line-height:1.5;color:#FFFFFF;	padding:0 0 10px 0;	margin:0;	border:none;}
#inner-page .cta .call:hover  { color: #fff; text-decoration: underline; }
#inner-page .cta .mail:hover  { color: #fff; text-decoration: underline; }
#inner-page .cta .adress:hover  { color: #fff; text-decoration: underline; }

#inner-page .inner-section ul{margin:0; width:100%;}
#inner-page .inner-section li{list-style:none;color:#4a4a4a; font-size: 16px;}
#inner-page .inner-section li:before{content:"\f061";color:#f1471c;font-family:FontAwesome;float:left;margin-right:15px;font-size:13px;}

#inner-page .some-feature-box {float:left;	width:100%; margin: 15px 0 0 0; }
#inner-page .some-feature-box  ul {float:left;	width:100%;	padding:0;}
#inner-page .some-feature-box  ul li {	float:left;	width:100%;	list-style:none; padding:20px;	margin-bottom:25px;	display:flex; border: #b1b1b1 solid 1px;}
#inner-page .some-feature-box li:before{content:none;}
#inner-page .some-feature-box .content {	float:left;	padding:0 0 0 20px;	margin-top:-6px;	flex:8;	-webkit-flex: 8; /* Safari 6.1+ */    -ms-flex: 8; /* IE 10 */ }
#inner-page .some-feature-box h5 {	float:left;	font-size:20px;	font-weight:700;	color:#000000;	text-align:left;	padding:0;	margin:0;	line-height:1.5;}
#inner-page .some-feature-box  p {	float:left;	font-size:15px;	font-weight:normal;	text-align:left;	padding:0;	margin:0;}
#inner-page .some-feature-box .icon {	float:left;	width:70px;	height:70px;	text-align:center;	padding:0 10px 10px 0px;	transition: transform 1s;}
#inner-page .some-feature-box ul li:hover { transition:all ease .9s;	border:#1a2f5d solid 1px;}
#inner-page .some-feature-box  ul li:hover { background: #1a2f5d;  border: #1a2f5d solid 1px; transition: all ease .5s;}
#inner-page .some-feature-box  ul li:hover h5 { color: #fff; }
#inner-page .some-feature-box  ul li:hover p { color: #fff; }


/** project page **/

.projectban {	background:url(../images/project-page-banner.jpg) no-repeat top center;	background-attachment:fixed; background-size:cover;}


/** project details page **/

.project-details {	background:url(../images/project-details.jpg) no-repeat top center;	background-attachment:fixed; background-size:cover;}

#inner-page .project-link-box { background: #fff; border: #04163f solid 1px; width: 100%; float: left; margin-bottom: 30px;}
#inner-page .project-link-box h4 { font-size: 25px; font-weight: 700; color: #fff; text-align: left; border-bottom: solid 1px #313d59; padding: 25px 0 25px 25px; margin: 0; background: #04163f; }
#inner-page .project-link-box ul { list-style: none; padding: 0; margin: 0; width: 100%;}
#inner-page .project-link-box ul li { list-style: none; float: left; width: 100%; font-size: 16px; font-weight: normal; color: #4a4a4a; text-align: left; border-bottom: solid 1px #ededed; padding: 15px 0 15px 25px; margin: 0; }
#inner-page .project-link-box ul li:hover { background: #f1471c; color: #fff; }


/** contact us page **/

.contact-us {	background:url(../images/contact-page-banner.jpg) no-repeat top center;	background-attachment:fixed; background-size:cover;}
#inner-page .c-box {width: 100%; border: #c6c6c6 solid 1px; padding: 45px 25px; min-height: 250px; }
#inner-page .c-box .icon {width: 100%; text-align: center; font-size: 45px; color: #f1471c;   }
#inner-page .c-box h3 {width: 100%; text-align: center; font-size: 18px; font-weight: 700; color: #000000; text-transform: uppercase; padding: 25px 0 10px 0; margin: 0 auto;   }
#inner-page .c-box p {width: 100%; text-align: center; font-size: 16px; font-weight: normal; color: #000000; padding: 0; margin: 0 auto;  }

#contact-form-map { width:100%; margin-bottom:70px}
#contact-form-map h2{color:#fff;width:90%;margin-bottom:40px}
#contact-form-map p{color:#f1471c;margin-bottom:0;margin-top:10px;font-size:16px;}
#contact-form-map h3{font-size:27px;color:#fff;margin-bottom:27px;font-weight: 400}
#contact-form-map .contact-form{background:#f1471c;padding:60px;margin-top:0px}
#contact-form-map .contact-form .form-title{font-size:35px;color:#fff;margin-bottom:40px; font-weight: 700;}
#contact-form-map .contact-form .form-control{background:#fff;border-radius:0;height:50px;border:0}
#contact-form-map .contact-form textarea.form-control{height:150px;}
#contact-form-map .contact-form .btn{background:#fff;color:#f1471c;text-transform:uppercase;text-align:center;font-size:16px;font-weight:bold;border:0;width:100%;padding:15px 20px}
#contact-form-map .contact-form .btn:hover{background: #010e2a;color: #fff}