/* 
Theme Name:		 Arning Construction Website
Theme URI:		 https://www.e-visualizers.com/
Description:	 Arning Construction is a child theme of Bootstrap Basic4. It is a clean, minimal and responsive WordPress theme.
Author:			 Evisualizers Infotech
Author URI:		 https://www.e-visualizers.com/
Template:		 bootstrap-basic4
Version:		 1.0.0
Text Domain:	 Arning-Construction
*/
html { scroll-behavior:smooth;}
body{ font-family:'Roboto',sans-serif; font-size:16px; color:#050a27; background:#FFFFFF; margin:0; padding:0; scroll-margin-top:0;}
a, a:hover, a:active, a:focus, button {outline:0 !important; text-decoration:none; transition:all 0.3s ease; -moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
b, strong {font-weight:600;}
a, .btn, .btn:focus, .btn:active { box-shadow:none !important;}
a, a:hover{ color:#c7872f;}
p:empty { display:none;}

h1{font-family:'Roboto',sans-serif; font-size:40px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:800;}
h2{font-family:'Roboto',sans-serif; font-size:30px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:800;}
h3{font-family:'Roboto',sans-serif; font-size:24px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:600;}
h4{font-family:'Roboto',sans-serif; font-size:22px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:600;}
h5{font-family:'Roboto',sans-serif; font-size:20px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:600;}
h6{font-family:'Roboto',sans-serif; font-size:18px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:600;}
p{font-family:'Roboto',sans-serif; font-size:16px; font-weight:400; line-height:1.7; word-break:keep-all;}
.row-flex {display:flex; flex-wrap:wrap;}
.text-warning { color:#c7872f !important;}
.roundedImg { border-radius:20px !important;}
.imgBorder{border:solid #fff 15px; box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);}

header{ position:relative; background:#FFFFFF; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}
.sticky { position:fixed; top:0; width:100%; background:#FFFFFF; z-index:99;}

header .topHead{ padding:14px 0;}
header .toplogo {}
header .topHead ul{ list-style:none; margin:0; padding:0;}
header .topHead ul li{display: inline-block;}
header .topHead ul li a{ font-size:15px; color:#050a27; text-decoration:none; letter-spacing:0.5px; text-transform:uppercase; font-weight:500; text-align:center; padding:16px 20px;}
header .topHead ul li a:hover{color:#c7872f;}
header .topHead ul li:last-child a{ background:#c7872f; color:#fff; padding:16px 26px; border-radius:30px;}
header .topHead ul li:last-child a:hover{background:#a46919;}
header .menupart { width:100%; display:flex; background:#050a27;}

.heroPart{ position:relative; height:100%; overflow:hidden; z-index:1; border:0;  text-align:center;}
.heroPart video{width:100%; height:auto; margin-bottom:-8px;}
.heroPart .bg{ padding:200px 0 0; background-color:rgba(5, 10, 39, 0.4); position:absolute; z-index:9999; top:0; right:0; left:0; bottom:0;}
.heroPart .bg h1{ font-size:60px; color:#c7872f; line-height:1.1;}
.heroPart .bg h1 small{ font-size:18px; display:block; padding:0 0 20px; color:#fff;}
.heroPart .bg h1 span{ color:#fff; display:block;}
.heroPart .bg p{ color:#fff; padding:18px 0 12px; line-height:1.9;}
.heroPart .bg .btn-info, .heroPart .bg .btn-primary{ margin:0 8px 8px; background:#c7872f; text-transform:uppercase; font-size:15px; font-weight:500; padding:14px 30px; color:#fff; border:solid #c7872f 2px; border-radius:30px;}
.heroPart .bg .btn-info:hover{background:#a46919 !important; color:#fff !important; border:solid #a46919 2px !important;}
.heroPart .bg .btn-primary{background:none; color:#fff; border:solid #fff 2px;}
.heroPart .bg .btn-primary:hover{background:#fff !important; color:#c7872f !important; border:solid #fff 2px !important;}

.whychoosePart{ background:#fff; padding:70px 0 60px; text-align:center;}
.whychoosePart span{ font-size:15px; font-weight:500; color:#c7872f; text-transform:uppercase; display:inline-block; background:#f5e8d5; padding:10px 26px; border-radius:30px; margin:0 0 14px;}
.whychoosePart p{ padding:20px 0 30px;}
.mainBox{ height:400px; margin-bottom:24px;}
.flip-card { width:100%; height:100%; perspective:1000px; }
.flip-card-inner { position:relative; width:100%; height:100%; text-align:left; transition:transform 0.6s; transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner { transform:rotateY(180deg);}
.flip-card-front { height:100%;}
.flip-card-front:after { position:absolute; content:""; border-top:70px solid #fff;  border-left:70px solid transparent; top:0px; right:0px;	}
.flip-card-front .fa-plus{ position:absolute; top:8px; right:8px; font-size:20px; color:#c7872f; z-index:1;}
.flip-card-front h4{ padding:16px 0 0; line-height:1.3; font-weight:500; text-transform:capitalize;}
.flip-card-front, .flip-card-back { position:absolute; width:100%; height:100%; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.flip-card-back { background:#050a27; color:#fff; transform:rotateY(180deg); padding:40px 26px 26px; z-index:22;}
.flip-card-back .fa-minus{ position:absolute; top:22px; right:22px; color:#fff;}
.flip-card-back p{ font-size:15px;}

.valuesPart{ background:#f7f7f7; padding:70px 0 50px;}
.valuesPart span{ font-size:15px; font-weight:500; color:#c7872f; text-transform:uppercase; display:inline-block; background:#f5e8d5; padding:10px 26px; border-radius:30px; margin:0 0 14px;}
.valuesPart .hdPart{ padding:10px 0 0;}
.valuesPart .hdPart h2{ font-size:28px;}
.valuesPart .hdPart p{ font-size:18px; padding:16px 0 0; margin-bottom:4px;}
.valuesPart .valuesBox{ position:relative; width:100%; height:380px; overflow:hidden; margin-bottom:30px; background:#fff;}
.valuesPart .valuesBox .innerBox{ margin:22px auto 0; width:84%; height:330px; position:relative; overflow:hidden;}
.valuesPart .valuesBox .innerBox p{ height:auto; width:100%; font-size:15px; padding:0 14% 0 0;}
.valuesPart .valuesBox .innerBox .borderLeft { border-top: 2px solid #e3c397; position:absolute; left:85%; right:0;}
.valuesPart .valuesBox .innerBox .borderBottom{ border-bottom: 2px solid #e3c397; position:absolute; bottom:0; left:0; right:12%;}
.valuesPart .valuesBox .innerBox .border{ width:1px; height:800px; border-color:#e3c397 !important; border-left:1px solid #e3c397 !important;}
.valuesPart .valuesBox h2 {writing-mode:vertical-lr; transform: rotate(-180deg); right:3%; bottom:25px; position:absolute; z-index:2; color:#626677; font-size: 32px; font-weight:700;}

.teamBigImagePart{ width:100%; height:540px;}

.expertisePart{ background:#fff; position:relative; width:100%; padding:80px 0; scroll-margin-top:210px;}
.expertisePart::before{ position:absolute; content:""; background:#cf984e; width:22%; height:82%; border-radius:0 15px 15px 0; left:0; top:8%; z-index:0;}
#faq .card { margin-top:15px; border:0; background:#fff; border:solid #c7872f 1px; border-radius:15px;}
#faq .card .card-header { border:0; border-radius:2px; padding:0; }
#faq .card .card-header .btn-header-link {color:#fff; display:block; text-align:left; background:#fff; color:#050a27; padding:24px 15px; font-weight:700;  font-size:18px; text-transform:uppercase;}
#faq .card .card-header .btn-header-link:after { content:"\f068"; font-family:'Font Awesome 5 Free'; font-weight:900; color:#cd9344; float:right; width:36px; height:36px; line-height:34px; border-radius:100%; border:solid #cd9344 2px; text-align:center; margin-top:-4px;}
#faq .card .card-header .btn-header-link.collapsed { background:#fff;}
#faq .card .card-header .btn-header-link.collapsed:after { content:"\2b"; color:#cd9344; }
#faq .card .collapsing, #faq .card .collapse.show { }
#faq .card-body {padding:0 60px 20px 20px;}
#faq .card-body a{ color:#c7872f; font-size:15px; font-weight:500; text-transform:uppercase;}
.expertisePart .rgtPart{}
.expertisePart .rgtPart span{ font-size:15px; font-weight:500; color:#c7872f; text-transform:uppercase; display:inline-block; background:#f5e8d5; padding:10px 26px; border-radius:30px; margin:0 0 14px;}
.expertisePart .rgtPart p{ font-size:18px; padding:18px 0 0;}
.expertisePart .rgtPart .btn-info{ background:#c7872f; text-transform:uppercase; font-size:15px; font-weight:500; padding:14px 30px; color:#fff; border:solid #c7872f 2px; border-radius:30px;}
.expertisePart .rgtPart .btn-info:hover{background:#a46919 !important; color:#fff !important; border:solid #a46919 2px !important;}

.projectPart{ padding:20px 0 70px; text-align:center; scroll-margin-top:250px;}
.projectPart p{ font-size:18px; padding:15px 0 0;}
.projectPart p span{ font-size:20px; font-weight:600; display:block; margin-top:10px;}
.projectPart img{ border-radius:12px; margin:8px 0;}
.projectPart .owl-theme .owl-nav [class*="owl-"], .projectPart .owl-theme .owl-nav:hover [class*="owl-"] { border-radius:100%; border:0;}
.projectPart .owl-prev { background:#c7872f !important; width:44px; height:44px; line-height:40px; color:#fff !important;}
.projectPart .owl-next { background:#c7872f !important; width:44px; height:44px; line-height:40px; color:#fff !important;}
.projectPart .owl-prev:hover, .projectPart .owl-next:hover{background:#a46919 !important; color:#fff !important;}

.servePart{ background:#f7f7f7; padding:70px 0 60px; text-align:center; scroll-margin-top:210px;}
.servePart span{ font-size:15px; font-weight:500; color:#c7872f; text-transform:uppercase; display:inline-block; background:#f5e8d5; padding:10px 26px; border-radius:30px; margin:0 0 14px;}
.serve-card {width:100%; height:420px; perspective: 1000px; margin:20px 0 10px; border-radius:15px; overflow:hidden;}
.serve-card-inner { position:relative; width:100%; height:100%; text-align:center; transition: transform 0.8s; transform-style: preserve-3d;}
.serve-card:hover .serve-card-inner { transform: rotateY(180deg);}
.serve-card-front, .serve-card-back { position:absolute; width:100%; height:100%; backface-visibility:hidden; }
.serve-card-front .img{ height:380px; width:100%; border-radius:15px;}
.serve-card-front h4{ padding:14px;}
.serve-card-back { background:#030617; color:#fff; transform:rotateY(180deg); padding:40px 30px;}

.microHomePart{ padding:70px 0 60px;}
.microHomePart img{ border-radius:15px; margin-bottom:20px;}
.microHomePart span{ font-size:15px; font-weight:500; color:#c7872f; text-transform:uppercase; display:inline-block; background:#f5e8d5; padding:10px 26px; border-radius:30px; margin:12px 0;}
.microHomePart p{ font-size:17px; padding:10px 0;}
.microHomePart video {width:100%; height:auto; border-radius:20px; border:solid #dfdfdf 2px;}
.microHomePart video[poster]{height:auto; width:100%; object-fit:cover;}
.microHomePart .btn-info{ margin:6px 0 0; background:#c7872f; text-transform:uppercase; font-size:15px; font-weight:500; padding:14px 40px; color:#fff; border:solid #c7872f 2px; border-radius:30px;}
.microHomePart .btn-info:hover{background:#a46919 !important; color:#fff !important; border:solid #a46919 2px !important;}

.microVillagePart{ padding:10px 0 60px;}
.microVillagePart span{ font-size:15px; font-weight:500; color:#c7872f; text-transform:uppercase; display:inline-block; background:#f5e8d5; padding:10px 26px; border-radius:30px; margin:12px 0;}
.microVillagePart p{ font-size:18px; padding:10px 0 0;}
.microVillagePart img{ border-radius:15px; margin-bottom:20px;}
.microVillagePart .btn-info{ background:#c7872f; text-transform:uppercase; font-size:15px; font-weight:500; padding:14px 30px; color:#fff; border:solid #c7872f 2px; border-radius:30px;}
.microVillagePart .btn-info:hover{background:#a46919 !important; color:#fff !important; border:solid #a46919 2px !important;}

.aboutPart{ background: linear-gradient(180deg, #c7872f 55%, #fff 45%); padding:40px 0; text-align:center;}
.aboutPart span{ font-size:15px; font-weight:500; color:#fff; text-transform:uppercase; display:inline-block; background:#d4a562; padding:10px 26px; border-radius:30px; margin:20px 0 14px;}
.aboutPart p{ font-size:18px; color:#fff; padding:15px 0 0;}
.aboutPart .btn-info{ background:#c07d21; text-transform:uppercase; font-size:15px; font-weight:500; padding:14px 30px; color:#fff; border:solid #fff 2px; border-radius:30px; display:inline-block;}
.aboutPart .btn-info:hover{background:#fff !important; color:#c07d21 !important; border:solid #fff 2px !important;}
.aboutPart .iconBox{ display:inline-block; margin-left:12px; vertical-align:bottom;}
.aboutPart .videoBox{ position:relative;}
.aboutPart .videoBox video {width:100%; height:auto; margin-top:20px; border:solid #c7872f 6px; border-radius:20px;}
.aboutPart .videoBox video[poster]{width:100%; height:auto; object-fit:cover;}

.joinPart{ padding:60px 0 80px;}
.joinPart span{ font-size:15px; font-weight:500; color:#c7872f; text-transform:uppercase; display:inline-block; background:#f5e8d5; padding:10px 26px; border-radius:30px; margin:0 0 14px;}
.joinPart p{ font-size:17px;}
ul.joinPart{ padding:0;}
ul.joinPart li { font-size:17px; margin-left:30px; padding:0 0 6px 0;}
.joinPart .btn-info{ margin:8px 0 0; background:#c7872f; text-transform:uppercase; font-size:15px; font-weight:500; padding:14px 30px; color:#fff; border:solid #c7872f 2px; border-radius:30px;}
.joinPart .btn-info:hover{background:#a46919 !important; color:#fff !important; border:solid #a46919 2px !important;}
.joinPart .imagebox{ margin:20px 0 0; position:relative; border-radius:20px; overflow:hidden; text-align:center;}
.joinPart .imagebox .textBox{ position:absolute; background:linear-gradient(to bottom, rgba(184,120,32,0), rgba(184,120,32,0.8), rgba(184,120,32,1)); left:0; right:0; bottom:0; padding:60px 20px 4px;}
.joinPart .imagebox .textBox p{ font-size:22px; line-height:1.4; color:#fff;}

.readyBuildPart{ background:#c7872f; padding:60px 0 30px;}
.readyBuildPart p{ font-size:20px; color:#fff; padding:10px 0; line-height:1.5;}
.readyBuildPart .btn-info{ margin:16px 0 0; background:#fff; text-transform:uppercase; font-size:15px; font-weight:700; padding:18px 40px; color:#050a27; border:0; border-radius:30px; float:right;}
.readyBuildPart .btn-info:hover{background:#fff !important; color:#c7872f !important; border:0 !important;}

footer{ padding:60px 0 0; background:#050a27;}
footer .ftlogo{ background:#fff; display:inline-block; padding:15px 30px; border-radius:15px; margin-bottom:40px;}
footer h5{ margin:0 0 22px; color:#c7872f;}
footer ul{ list-style:none; margin:0; padding:0 106px 16px 0; display:inline-grid;}
footer ul li a{ font-size:15px; color:#fff; display:block; text-decoration:none; text-transform:uppercase; font-weight:400; position:relative; padding:0 0 16px; letter-spacing:0.5px;}
footer ul li a:hover{ color:#fff;}
.address ul{ list-style:none; margin:0; padding:0 40px 16px 0;}
.address ul li{font-size:15px; color:#fff; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 24px 60px; line-height:2; letter-spacing:1px;}
.address ul li span{color:#c7872f; display:block; font-weight:500; letter-spacing:0px;}
.address ul li .fa{ background:#c7872f; width:44px; height:44px; border-radius:100%; text-align:center; line-height:46px; color:#fff; font-size:16px; position:absolute; left:0; top:4px;}
.contact ul{ list-style:none; margin:0; padding:0 40px 16px 0;}
.contact ul li{font-size:15px; color:#fff; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 10px 45px; line-height:1.8; letter-spacing:1px;}
.contact ul li a{font-size:15px; color:#fff; text-transform:lowercase; padding:0;}
.contact ul li span{color:#c7872f; display:block; font-weight:500; letter-spacing:0px; font-size:12px;}
.contact ul li .fa{ background:#c7872f; width:34px; height:34px; border-radius:100%; text-align:center; line-height:34px; color:#fff; font-size:12px; position:absolute; left:0; top:4px;}
footer .social { background:#151737; padding:15px 0 15px 15px; border-radius:15px; display:inline-block;}
footer .social i {font-size:18px; color:#fff; margin-right:20px;}
footer .social img{ display:block; padding:12px 0 0;}
footer .copyright {background:#20253f; font-size:16px; font-weight:500; text-transform:uppercase; text-align:center; color:#fff; padding:22px 0; letter-spacing:0.5px; margin-top:15px;}



/*---------------------- Inner page CSS ------------------------*/
.innerpage-contant{background:#fff; padding:50px 0 60px;}
.innerpage-contant h1{padding-bottom:12px;}
.innerpage-contant h2, .innerpage-contant h3, .innerpage-contant h4, .innerpage-contant h5, .innerpage-contant h6 {text-transform:capitalize; padding-bottom:8px;}

ul.aboutPage{margin-bottom:6px;}
ul.aboutPage li{ padding:0 0 6px 0;}
.aboutPageBtn .btn-info{ margin:12px 0 0; background:#c7872f; text-transform:uppercase; font-size:15px; font-weight:500; padding:14px 30px; color:#fff; border:solid #c7872f 2px; border-radius:30px;}
.aboutPageBtn .btn-info:hover{background:#a46919 !important; color:#fff !important; border:solid #a46919 2px !important;}

.teambox { background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,0.2); border-radius:10px; padding:20px; margin:10px 0 15px;}
.teambox img{ border-radius:10px;}
.teambox h6{ font-size:15px; text-transform:uppercase; font-weight:500;}
.teambox h6 span{ text-transform:capitalize; font-weight:400; display:block; padding-top:4px;}
.teambox p{ font-size:15px; font-style:italic; line-height:1.5;}

.careerPageGoldenPart{ background:#c3862b; padding:40px 0; margin:40px 0;}
.careerPageGoldenPart h3, .careerPageGoldenPart p, .careerPageGoldenPart  ul li{ color:#fff;}
.careerPagetestimonialBox{ background:#edeeef; padding:30px; border-radius:12px; margin:10px 0 20px;}
.careerPagetestimonialBox p{ font-style:italic;}
.careerPagetestimonialBox p span{ font-size:20px; color:#C3862B; font-weight:600; display:block; padding:10px 0 0;}
.careerPageJoinPart{background:#c3862b; padding:40px 0; margin:40px 0 0;}
.careerPageJoinPart p{ font-size:20px;}
.careerPageJoinPart .btn-warning { background:#fff; text-transform:uppercase; font-size:16px; font-weight:600; padding:6px 6px 6px 50px; color:#C3862B;  border-radius:50px; border:0;}
.careerPageJoinPart .btn-warning .fa { background:#C3862B; width:44px; height:44px; line-height:44px; margin-left:12px; border-radius:100%; color:#fff;}
.careerPageJoinPart .btn-warning:hover{ background:#fff !important; color:#C3862B !important;}

.jobPageTop{ background:#c7872f; padding:30px 0; margin-bottom:40px;}
.jobPageTop p{ font-size:18px; color:#fff; line-height:1.6;}
.jobPostBox{ background:#edeeef; padding:30px; margin-bottom:10px;}
.jobPostBox ul{  list-style:none; margin:0; padding:0; }
.jobPostBox ul li a{ display:block; background:#fff; text-decoration:none; padding:12px 18px; border-left:solid #c7872f 3px; margin-bottom:10px; font-size:20px; font-weight:600; color:#000;}
.jobPostBox ul li a:hover{ background:#c7872f; color:#fff;}
.jobvideoBox { position:relative; overflow:hidden; text-align:center;}
.jobvideoBox video {width:100%; height:auto; border-radius:3px; border:solid #dfdfdf 2px;}
.jobvideoBox video[poster]{height:100%; width:100%; object-fit:cover;}

ul.jobdetail{}
ul.jobdetail li{ padding:0 0 6px 0;}
.resumeBtn {background:#c7872f; text-transform:uppercase; font-size:16px;font-weight:500; padding:20px 40px; color:#fff; border:0; margin-top:10px;}
.resumeBtn:hover{ background:#a46919 !important; color:#fff;}

ul.subcontractor{ padding:0 0 0 30px;}
ul.subcontractor li{ padding:2px 0 4px 0;}
.subcontactbtn{ margin:22px 0 40px;}
.subcontactbtn ul{ margin:0; padding:0}
.subcontactbtn ul li{list-style:none; display:inline-block; font-size:16px; color:#2e2f30; vertical-align:text-top;}
.subcontactbtn ul li a{ display:inline-block; background:#c7872f; padding:13px 26px; margin:6px 6px 0 0; font-size:16px; font-weight:500; color:#fff; border-radius:30px;}
.subcontactbtn ul li a:hover{ background:#a46919;}
.subcontactbtn ul li span{ display:block; font-size:15px; padding-top:10px;}

.empoyeesBox{background:#fff; text-align:center; height:92%; padding:34px 30px; border:solid #fff 8px; border-radius:10px; margin-top:10px; box-shadow: 0 0 20px 0 rgba(33,33,33,0.15);}
.empoyeesBox .imgPart{ width:120px; height:120px; border-radius:100%; background:#c7872f; border:solid #fff 4px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); text-align:center; margin:0 auto 24px;}
.empoyeesBox .imgPart img{ width:70px; padding-top:26px;}
.empoyeesBox p{ padding:4px 0 0; color:#242424;}
.modal-content {background:url(images/popup-bg.jpg) center top no-repeat; background-size:cover; border:solid #fff 6px; padding:25px;}
.modal-content .modal-header { padding:10px 0 20px 10px;}
.modal-content .modal-body { padding:0px 12px;}
.modal-content .close { background:#fff; width:44px; height:44px; border-radius:100%; color:#000; padding:0; font-size:36px; text-shadow:none; font-weight:400; opacity:1 !important; line-height:0.5; margin:-58px;}
.modal-content label { font-size:18px; color:#fff;}
.modal-content .form-control { padding:1.375rem .75rem;}
.modal-content .btn-info{ background:#c7872f; margin:8px 0 30px 12px; text-transform:uppercase; font-size:16px; font-weight:600; padding:16px 50px; border:0;} 
.modal-content .btn-info:hover{background:#a46919 !important;}

.requestPage{padding:70px 0 80px; background:url(images/request-bg.jpg) center top no-repeat; background-size:cover;}
.requestPage form{ margin:22px 0 0;}
.requestPage form .form-control { height:48px; font-size:15px;}	
.requestPage form textarea{height:auto !important;}
.requestPage input[type="file"] { display:none;}
.requestPage label[for="fileInput"] { background:#fff; display:inline-block; height:100%; vertical-align:baseline; padding:20px 0 4px; width:100%; text-align:center; border-radius:4px; border:1px dashed #BBB; cursor:pointer;}
.requestPage label[for="fileInput"] h5{ font-weight:500; text-transform:capitalize;}
.requestPage label[for="fileInput"]:hover { background:#fbfcff;}
.requestPage form .btn-info {background:#c7872f; margin-top:2px; text-transform:uppercase; font-size:15px;font-weight:600;padding:18px 100px;color:#fff; border:0;}
.requestPage form .btn-info:hover{ background:#a46919 !important;}

.customerPage{padding:100px 0; background:url(images/arning-reports-bg.jpg) center top no-repeat; background-size:cover;}
.customerPage .innerBox{ background:#fff; border-radius:30px; overflow:hidden;}
.customerPage .innerBox .leftPart{padding:60px 50px 70px 50px;}
.customerPage .innerBox form{ background:url(images/customer-login-bg.jpg) center top no-repeat; background-size:cover; padding:60px 60px 70px 60px;}
.customerPage .innerBox form .form-control { height:48px; border:0; border-radius:30px; padding:.375rem 1.1rem;}	
.customerPage .innerBox form textarea{height:auto !important;}
.customerPage .innerBox form .btn-info {background:#de9a3c; text-transform:uppercase; font-size:15px;font-weight:600; padding:15px 60px; color:#fff; border:0; border-radius:30px;}
.customerPage .innerBox form .btn-info:hover{ background:#c7872f !important;}
.customerPage .innerBox form a{ color:#fff; padding:0 0 0 15px;}

.servicePageBox{ background:#fff; padding:15px; border-radius:6px; box-shadow:0 2px 12px 0 rgba(0,0,0,0.1); height:96%; margin:0 0 30px;}
.servicesPagePart{ background:#c7872f; padding:70px 0; margin:70px 0; scroll-margin-top:200px;}
.servicesPagePart h2, .servicesPagePart h3, .servicesPagePart h4, .servicesPagePart ul.servicesPage li, .servicesPagePart p{ color:#fff;}
#artConstruction{scroll-margin-top:275px;}
ul.servicesPage{ padding:0 0 0 35px;}
ul.servicesPage li{ padding:2px 0 4px 0;}

.officePageTop{ background:#c7872f; padding:40px 0; margin:5px 0 20px;}
.officePageTop p{ font-size:18px; line-height:1.6;}
.addressBox{ background:#fff; border:solid #fff 8px; box-shadow:0 0 12px 0 rgba(0,0,0,0.2); border-radius:15px; overflow:hidden; margin:20px 0;}
.addressBox .contBox{ padding:24px 15px 10px;}

.contactBox{ background:#fff; box-shadow: 0 0 15px 0 rgba(104,104,104,0.1); margin:10px 0; border-radius:10px; overflow:hidden;}
.contactBox .contactInfoPart{padding:50px 40px 70px 40px;}
.contactBox .contactInfoPart p a{ color:#fe7800;}
.contactBox .contactInfoPart .socialPart { margin:14px 0;}
.contactBox .contactInfoPart .socialPart i { width:34px; height:34px; border-radius:100%; border:solid #1b1b1b 2px; line-height:30px; text-align:center; font-size:16px; color:#1b1b1b; margin-right:10px;}
.contactBox .contactInfoPart .addressPart{ margin:30px 0 0;}
.contactBox .contactInfoPart .addressPart p{ position:relative; padding:0 0 0 20px;}
.contactBox .contactInfoPart .addressPart p::before{font-family: FontAwesome; font-size:16px; content:"\f041"; color:#393939; position:absolute; left:0; top:0;}
.contactBox form{ background:url(images/contactform-bg.jpg) center top no-repeat; background-size:cover; padding:50px 40px 70px 40px;}
.contactBox form .form-control { height:50px; border:0;}	
.contactBox form textarea{height:auto !important;}
.contactBox form .btn-info {background:#de9a3c; text-transform:uppercase; font-size:16px; font-weight:600; padding:16px 50px; color:#fff; border:0;}
.contactBox form .btn-info:hover{ background:#c7872f !important;}

.modelPage{}
.modelPageTop{ padding:0 0 30px;}
.modelPage h2, .modelPageh3, .modelPage h4, .modelPage h5 { text-transform:capitalize;}
ul.modelPage{ margin-top:10px;}
ul.modelPage li{ padding:0 0 6px 0;}
.whatWebuildPart{ background:#f7f7f7; margin:30px 0; padding:80px 0 50px;}
.buildimgPart{}
.buildimgPart .leftImg { position:relative;}
.buildimgPart .rightImg { position:absolute; top:150px; right:20px;}
.whyMicroPart{ background:#f7f7f7; margin:50px 0; padding:70px 0;}

.arningModelGallery{ background:#f7f7f7; padding:50px 0; margin:60px 0 0;}
.arningModelGallery h1{padding-bottom:0px;}
.arningModelGallery img{ margin:20px 0 8px;}
.arningModelGallery .owl-theme .owl-nav [class*="owl-"], .arningModelGallery .owl-theme .owl-nav:hover [class*="owl-"] { border-radius:100%; border:0;}
.arningModelGallery .owl-prev { background:#c7872f !important; width:44px; height:44px; line-height:40px; color:#fff !important;}
.arningModelGallery .owl-next { background:#c7872f !important; width:44px; height:44px; line-height:40px; color:#fff !important;}
.arningModelGallery .owl-prev:hover, .arningModelGallery .owl-next:hover{background:#a46919 !important; color:#fff !important;}

.arningTheNestPart { background:#eeeef0; padding:50px 0;}
.arningTheNestPart .theNestPartBox{ background:#fff; border:solid #e0e0e4 1px; margin:30px 0; border-radius:6px; overflow:hidden;}
.arningTheNestPart .theNestPartBox .contBox{ padding:20px 20px 20px 0;}



.manufacturingBuildPart{ background:url(images/manufacturingbuild-bg.jpg) center top no-repeat; background-size:cover; padding:70px 50px 80px; text-align:center; border-radius:20px; margin:10px 0 50px;}
.manufacturingBuildPart .btn-primary{background:#fff; text-transform:uppercase; font-size:16px; font-weight:600; padding:18px 40px; color:#050a27; border-radius:30px; border:0; margin:22px 0 0;}
.manufacturingBuildPart .btn-primary:hover{ background:#fff !important; color:#c7872f !important;}
 









/*---------------------- Responsive CSS ------------------------*/

@media ( min-width: 1200px) {
	.container { max-width:1260px;}	
}
@media ( max-width: 1199px) {
	h1{font-size:40px;}
	.heroPart video{ width:120%;}
	header .topHead ul li a { font-size:13px; padding:14px 7px;}
	header .topHead ul li:last-child a { padding:14px 14px;}	
	.mainBox {height:450px;}
	.aboutPart { background:linear-gradient(180deg, #c7872f 60%, #fff 40%);}
	.readyBuildPart .btn-info { padding:16px 26px;}
	footer ul { padding:0 55px 0 0;}
	.customerPage .innerBox form .btn-info{ display:block; margin-bottom:15px;}
}
@media ( max-width: 991px) {
	h1{font-size:36px;}
	h2{font-size:26px;}
	h3{font-size:22px;}
	h4{ font-size:20px;}
	h5{font-size:18px;}	
		
	header .toplogo img{ width:190px;}
	 .heroPart { height:520px;}
	.heroPart .bg{ padding:100px 0 0;}	
	.heroPart .bg h1{ font-size:36px;}
	.heroPart .bg p { padding:12px 0 4px; line-height:1.6;}	
	.whychoosePart { padding:30px 0 20px;}
	.valuesPart { padding:30px 0 20px;}	
	.valuesPart .hdPart { padding:0 0 20px;}
	.expertisePart { padding:30px 0 50px;}
	.expertisePart::before { background:#f9f5f0; width:100%; height:100%; border-radius:0; left:0; top:0;}
	.expertisePart .rgtPart span { margin:26px 0 14px;}
	.projectPart { padding:30px 0 50px;}
	.servePart { padding:36px 0;}
	.microHomePart { padding:36px 0 10px;}	
	.microHomePart .btn-info{ margin:0 0 15px;}
	
	.microVillagePart { padding:0px 0 25px;}
	.microVillagePart .btn-info{ margin-bottom:30px;}
	.aboutPart { padding:25px 0;}
	.aboutPart { background:linear-gradient(180deg, #c7872f 70%, #fff 30%);}
	.joinPart { padding:10px 0 40px;}
	.readyBuildPart { padding:40px 0 30px;}
	.readyBuildPart .btn-info {margin:0; float:none;}		
	footer { padding:40px 0 0;}	
	footer .copyright { margin-top:30px; font-size:14px;}
	
	.customerPage { padding:45px 0;}
	.contactBox .contactInfoPart { padding:30px 20px;}
	.contactBox .contactInfoPart .socialPart i { margin-right:6px;}
	.contactBox form { padding:30px 20px;}
	.contactBox form .form-control { height:42px;}	
	
	.modelPageTop{ padding:0;}
	.whatWebuildPart { margin:30px 0 0; padding:30px 0 20px;}
	.buildimgPart { margin-bottom:204px;}
	.whyMicroPart { margin:0; padding:20px 0 30px;}
	.arningModelGallery { margin:30px 0 0; padding:28px 0;}
	.arningTheNestPart { padding:15px 0;}
	.arningTheNestPart .theNestPartBox .contBox { padding:20px;}

	.manufacturingBuildPart { padding:40px 15px; margin:30px 0 10px;}  
  .manufacturingBuildPart .btn-primary{ font-size:14px; padding:16px 28px;} 
	
}
@media ( max-width: 767px) {
	h1{font-size:28px;}	
	header .toplogo img{ width:170px;}		
	.heroPart video{ width:160%;}
	.heroPart .bg h1{ font-size:30px;}	
	.heroPart .bg .btn-info, .heroPart .bg .btn-primary{ font-size:14px;}				
	.whychoosePart p { padding:10px 0;}
	.valuesPart .hdPart p { font-size:16px; padding:12px 0 0;}
	.valuesPart .valuesBox .innerBox p { font-size:14px;}			
	.teamBigImagePart{ width:100%; height:280px;}
	.expertisePart .rgtPart p { font-size:16px; padding:10px 0 0;}
	.projectPart p { font-size:16px; padding:10px 0 0;}
	.projectPart p span {font-size:18px; margin-top:5px;}
	.microHomePart p { font-size:16px; padding:8px 0 0;}
	.microVillagePart p { font-size:16px; padding:8px 0 0;}
	.aboutPart p { font-size:16px; padding:10px 0 0;}
	.joinPart p { font-size:16px; padding-top:0;}
	ul.joinPart { margin-bottom:4px;}
	ul.joinPart li { font-size: 16px; padding: 0 0 4px 0;}
	.readyBuildPart p { font-size:16px; padding:6px 0;}		
	footer .ftlogo { margin-bottom:10px;}
	footer h5 { margin:20px 0 12px;}
	footer ul li a { padding:0 0 12px;}
	.address ul li { padding: 0 0 10px 60px; line-height:1.8;}
	
	.innerpage-contant {padding:30px 0;}
	.careerPageGoldenPart { padding:15px 0; margin:20px 0;}
	.careerPageJoinPart { padding:25px 0; margin:25px 0 0;}
	.careerPageJoinPart p { font-size:17px;}
	.jobPageTop p{ font-size:16px;}
	.jobPageTop { padding:22px 0; margin-bottom:20px;}
	.jobPostBox { padding:15px;}
	.resumeBtn { padding:18px 28px;}	
	.requestPage { padding:40px 0;}
	.requestPage form{ margin:16px 0 0;}
	.requestPage form .form-control { height:40px;}	
	.requestPage form .btn-info { padding:16px 60px;}	
	.customerPage .innerBox .leftPart { padding:30px; text-align:center;}
	.customerPage .innerBox form { padding:30px;}
	.servicesPagePart{ padding:40px 0 30px; margin:40px 0 30px;}
	.officePageTop { padding:25px 0;} 
	.teambox { padding:10px; margin:10px 0;}
	.teambox img{ margin-bottom:10px;} 
	
	.buildimgPart { margin-bottom:130px;}
	.buildimgPart .leftImg { width:60%;}  
	.buildimgPart .rightImg { top:80px; width:60%;}
}
@media (max-width: 575px) {	
	.heroPart{ height:610px;}
	.heroPart video{ width:300%;}
	.aboutPart { background:linear-gradient(180deg, #c7872f 80%, #fff 20%);}
	.valuesPart .valuesBox .innerBox p { font-size: 15px;}		  
	.mainBox{ height:500px;}
}	
@media (max-width: 479px) {	}