/*-----------------------------------------------------------------------------------

 [Table of contents]

 1. Developer CSS (Global style for some elements)
 2. Header (Logo and navigation)
 3. About  (Section)
 4. Service provider (Section)
 5. Common style (Section)
 6. Sadie (Section)
 7. Project contact (Section)
 8. Statestic (Section)
 9. Feature (Section)
 10. Project completed (Section)
 11. Testimonials (Section)
 12. Key points (Section)
 13. Quick Contact (Section)
 14. Our team (Section)
 15. Blog (Section)
 16. Client logo (Section)
 17. Subscribe (Section)
 18. Footer (Section)
 

-----------------------------------------------------------------------------------*/

@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:#da251c;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 */

/* 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:#013181;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:#fff200}
.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:#013181;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:#da251c}
.get-quote{background:#da251c;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:#da251c;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:#fff;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:0px 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:#da251c;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:#da251c;border:1px solid #da251c;}
#nav{background:#da251c}


/*home about*/

#home-about{background:url(../images/about-bg.png) no-repeat;background-size:cover;}
.sub-title{text-transform:uppercase;color:#da251c;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:#da251c;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 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:#da251c;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(252,90,16,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:#da251c;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:#da251c;}
.filters ul li.is-checked{border-bottom:2px solid #da251c;color:#da251c}
.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:24px;text-transform:capitalize;color:#fff;border-bottom:1px solid #697075;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%}


/*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:#da251c;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:20.00%;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 #da251c;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:#da251c}
#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:#da251c;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:#da251c;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:#da251c;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:#da251c;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:#da251c}
#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:#da251c;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:#da251c;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:15.00%;float:left;margin-right:2%;list-style:none;margin-bottom: 0}
#client-logo ul li:last-child{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:#da251c;}
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:#da251c}
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:#da251c;}
footer .footer2 .right ul li a{display:block;color:#fff;}
footer .footer2 .right ul li:hover a{color:#fff}
footer .footer2 a{color:#da251c}
#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:80px 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:50px;	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:#da251c;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:#da251c;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}



/** 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:#da251c;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:#da251c;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(252,90,16,1); -webkit-box-shadow: -11px 11px 0px -2px rgba(252,90,16,1); -moz-box-shadow: -11px 11px 0px -2px rgba(252,90,16,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: #da251c; 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: 35px; 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: #da251c; }

/* 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:#da251c;	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:#da251c;	color:#FFFFFF;	transition:all ease .5s;}


/* call to action */

#inner-page .cta {	float:left;	width:100%;	background:#da251c 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:#da251c;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: #da251c; 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: #da251c;   }
#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:#da251c;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:#da251c;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:#da251c;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}
.toph{
    display: none;
    background: #010e2a;
    text-align: center;
}
@media(max-width: 786px){
  .toph{
    padding-top: 8px;
  padding-bottom: 8px;
    display: block;
    background: #DA251C;
    text-align: center;
}  
}
.toph li{

    font-size: 16px;
    padding-top: 3px;
    color: #fff;
    list-style: none;
}
.toph li a{
    color: #fff;
}
.toph .mobi{
    font-family: cursive;
    font-size: 21px;
    color: yellow;
}
.toph .mobi a{
    font-weight: 700;
}
#statestic ul li i{
    color: #fc5910;
    font-size: 60px;
    float: left;
    margin-right: 10px;
}
@media(max-width: 786px){
    #statestic ul li i{
            width: 55px;
    height: 55px;
    margin: 10px auto;
    display: table;
    float: none;
    }
}
@media(max-width: 786px){
    #keypoint .nav-tabs .nav-item{
        width: 100%
    }
}
#features h2{
    font-size: 40px;
}
@media(max-width: 786px){
  #features h2{
    font-size: 28px;
}  
}
#completed-projects .service-img img{
    height: 250px;
}
@media(max-width: 786px){
    #completed-projects .service-img img{
    height: 300px;
}
}
.branches{
  padding-top: 20px;
 margin-bottom: 80px;
}
.branches h2{
    font-size: 40px;
  padding-bottom: 20px;
}
@media(max-width: 786px){
  .branches h2{
    font-size: 28px;
  padding-bottom: 20px;
}  
}
.branches li{
  color: #fff;
  background-color: #6a0f13;
  margin-bottom: 5px;
  border-radius: 5px;
  text-align: center;
  border: 1px dashed #000;
}
.branches li:hover{
  color: #fff;
  background-color: #da251c;
}
/* slideshow container */
.slideshow-container {
  position: relative;
  width: 60rem;
  max-width: 80%;
  margin: 0 auto;
}

/* Slides */
.customer-revs .mySlides {
  display: none;
  padding: 2rem 5rem 0 5rem;
  text-align: center;
}

.customer-revs .mySlidesContainer {
  min-height: 5rem;
  padding: 3.5rem 2.5rem 2rem 3.5rem;
  background: #f6eac1;
}

/* next & previous buttons */
.customer-revs .prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 55%;
  width: auto;
  margin-top: -1.875rem;
  padding: 1rem;
  color: #232323!important;
  font-weight: bold;
  font-size: 3rem;
  border-radius: 3px;
  user-select: none;
  transition: 0.4s;
}

/* position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px;
}

/* on hover, add a black bg color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: #000; /* fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  color: #f6eac1;
  text-decoration: none;
}

/* the dot/bullet/indicator container */
.customer-revs .dot-container {
  text-align: center;
  padding: 0 1.25rem;
}

/* the dots/bullets/indicators */
.customer-revs .dot {
  height: 0.9375rem;
  width: 0.9375rem;
  margin: 0 2px;
  background-color: #f6eac1;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.4s ease;
}
.customer-revs{
  padding: 50px 0;
  background-color: #6a0f13;
}
.customer-revs h1{
  text-align: center;
  color: #fff;
}
.customer-revs .author{
  font-weight: 700;
  padding-top: 20px;
  font-size: 20px;
  color: #fff;
}
.customer-revs .author span{
  color: yellow;
}
@media(max-width: 786px){
  .slideshow-container{
    max-width: 100%;
  }
}
@media(max-width: 786px){
  .customer-revs .mySlidesContainer{
    padding: 15px 10px;
  }
}
.widget ul li{
  line-height: 25px;
padding-bottom: 15px;
}
.navbar-brand img{
    width: 350px;
}
@media(max-width: 786px){
    .navbar-brand img{
    width: 250px;
}
}
.nav-toggle{
    border-radius: 50%;
    top: 14px;
    background: #da251c;
}
.topform{
     position: relative;
    top: -103px;
}
@media(max-width: 786px){
  .topform{
     position: relative;
    top: -0px;
    margin-bottom: 70px;
}
}

@media(max-width: 786px){
  .mbb{
  margin-bottom: 0px;
}
}
.writereview a{
  background-color: red;
  padding: 0px 10px;
width: unset!important;
height: unset!important;
border-radius: 10px!important;
}
.writereview{
  display: none!important;
  margin-right: 10px!important;
}
@media(max-width: 786px){
  .writereview{
    width: 50%;
     display: block!important;
     margin-right: 0px!important;
    margin-left: 0px!important;
    display: block!important;
  }
}
.formpettern .container{
  padding: 20px 10px 10px 10px;
  background-color: red;
}
.formpettern .container .col-lg-8{

}
.formpettern .icon-f{
    line-height: 0;
  margin-right: -20px;
  padding: 8px 0;
  border: 1px solid black;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
}

@media(max-width: 786px){
  .formpettern .m-center{
    text-align: center;
  }
  .formpettern .phonef{
    position: relative;
    left: 35px;
    text-align: center;
  }

}
.formpettern .icon-f i{
  color: red;
  font-size: 20px;
  font-weight: 900;
}
.formpettern .icon-f p{
    margin: 0;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
}
.formpettern .phonef{
  
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
}
.formpettern .phonef i{
 padding: 5px 0;
    font-size: 48px;
  color: #fff;
}
.formpettern .rightside {
  position: relative;
  left: -15px;
}
.formpettern .rightside h3{
    margin: 0;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}
.formpettern .rightside h3 a{
    color: #fff;
}
.formpettern .rightside p{
    margin: 0;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
}
.formpettern .allsetup{
  position: relative;
  top: 28px;
    left: -25px;
}
@media(max-width: 786px){
 .formpettern .allsetup{
display: none;
}

}
.formone h3{
  font-size: 20px;
  padding: 15px 0;
}
.formone h3 span{
  color: red;
}
.contact-form-box {
    padding: 40px 50px 50px;
    position: relative;
    z-index: 1;
}
.contact-form-box .title-2 {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    border-left: 2px solid;
    border-color: #2c2e85;
    padding-left: 10px;
}
.contact-form-box .title-2 input[type=email], input[type=password], input[type=submit], input[type=text], textarea{

    background-color: var(--white);
    border: 1px solid;
    border-color: #a8a9aa;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 13px;
    color: #666;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 10px;
    padding-right: 30px;

}
.contact-form-box .theme-btn-1 {
    background-color: #2c2e85;
    color: var(--white);
}
.input-item-name {
  width:48%; float:left; padding:0px 13px 0px 13px;
}
@media(max-width: 786px){
 .input-item-name{
  width: 100%;
 } 
}
.input-item-email{
  width:48%; float:left;
}
@media(max-width: 786px){
 .input-item-email{
  width: 100%;
 } 
}
.contact-form-box {
    padding: 40px 50px 50px;
    position: relative;
    z-index: 1;
}
@media(max-width: 786px){
  .contact-form-box{
    padding: 0;
  }
}
.main-btn {
    display: inline-block;
    padding: 14px 43px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #2c2e85;
    line-height: 27px;
    text-transform: capitalize;
    border-radius: 28px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.form-group{

  margin-bottom: 0px;
}
.formone .container{
      box-shadow: 0 4px 6px 0 rgb(138 138 138 / 25%);

   padding-top: 10px;
  padding-bottom: 20px;
  background-color:cornsilk ;
}
.formone .main-btn{
  padding: 5px 25px;
}
#homenetwork3 {
    clear: none;
    float: left;
    margin:0 0 1px 0;  padding:2% 5% 2% 5%;
    width: 100%;
    display: block;
}
.textnetwork {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 1% 0;
    font-family: Cambria, "Cambria Math";
    font-size: 16pt;
    color: #da251c;
}
.coloums4 {
    background: #ffffff;
    border: #d9d9d9 solid 1px;
    width: 13.7%;
    height: auto;
    float: left;
    margin: 0.2%;
    padding: 0%;
}
.networktext2 {
    font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
    font-size: 9pt;
    text-decoration: none;
    color: #322929;
    display: block;
    padding: 5px;
}
#homenetwork3 {
    
    background: #ffea00;
   
}
.networkmaindiv {
    padding-bottom: 70px;
    width: 100%;
    height: auto;
    float: left;
    background: #FFF;
}
@media(max-width: 786px){
    .coloums4 {
    width: 48.8%;
    height: auto;
    float: left;
    background: #ffffff;
    border: #d9d9d9 solid 1px;
    margin: 0.2%;
    padding: 0%;
}
}
#homenetwork4 {
    clear: none;
    float: left;
    margin: 1% 0 0 0;
    padding: 2% 5% 2% 5%;
    width: 100%;
    background: #ffc600;
    display: block;
    border-bottom: #ffffff solid 1px;
}
@media(max-width: 786px){
    .coloums2 {
    width: 48.8%;
    height: auto;
    float: left;
    background: #ffffff;
    border: #d9d9d9 solid 1px;
    margin: 0.2%;
    padding: 0%;
}
}
.coloums2 {
      background: #ffffff;
    border: #d9d9d9 solid 1px;
    width: 13.7%;
    height: auto;
    float: left;
    margin: 0.2%;
    padding: 0%;
}
.networktext {
    font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
    font-size: 9pt;
    text-decoration: none;
    color: #322929;
    display: block;
    padding: 5px;
}
#homenetwork5 {
    clear: none;
    float: left;
    margin: 0 0 1px 0;
    padding: 2% 5% 2% 5%;
    width: 100%;
        background: #ffea00;
    display: block;
}
#homenetwork5 {
    clear: none;
    float: left;
    margin: 1% 0 0 0;
    padding: 2% 5% 2% 5%;
    width: 100%;
    background: #ffea00;
    display: block;
    border-bottom: #ffffff solid 1px;
}
@media(max-width: 786px){
    .coloums2 {
    width: 48.8%;
    height: auto;
    float: left;
    background: #ffffff;
    border: #d9d9d9 solid 1px;
    margin: 0.2%;
    padding: 0%;
}
}