/* 
Theme Name:		 Arning Manufacturing Website
Theme URI:		 https://www.e-visualizers.com/
Description:	 Arning Manufacturing 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-Manufacturing
*/
html { scroll-behavior:smooth;}
body{ font-family:'lato',sans-serif; font-size:16px; color:#555555; background:#fff; 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:#ed8b30;}

p:empty { display:none;}

h1{font-family:'Arial',sans-serif; font-size:56px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h2{font-family:'Arial',sans-serif; font-size:30px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h3{font-family:'Arial',sans-serif; font-size:24px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h4{font-family:'Arial',sans-serif; font-size:22px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h5{font-family:'Arial',sans-serif; font-size:20px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h6{font-family:'Arial',sans-serif; font-size:18px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
p{font-family:'lato',sans-serif; font-size:16px; font-weight:400; line-height:1.6; word-break:keep-all;}
h1 span{ color:#C3862B;}

header{ position:absolute; left:0; right:0; top:24px; background:none; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); z-index:2;}
header .container{ background:#fff; border-radius:20px;}
.sticky { position:fixed; top:0; width:100%; background:#fff; z-index:9999;} 
header .toplogo { padding:15px 0 15px 20px;}
header .menupart { width:100%; display:flex; border-top:solid #ebebeb 1px;}

.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:260px 0 0; background-color:rgba(5, 10, 39, 0.6); position:absolute; z-index:9999; top:0; right:0; left:0; bottom:0;}
.heroPart .bg h1{ font-size:75px; color:#c7872f; text-transform:inherit; line-height:1;}
.heroPart .bg h1 span{ color:#fff; text-transform:uppercase; font-size:65px; display:block; padding:20px 0;}
.heroPart .bg p{ color:#fff; padding:0 0 20px;}
.heroPart .bg .btn-info, .heroPart .bg .btn-info:hover{background:#fff !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#000; border-radius:50px; border:0; margin:0 6px 10px;}
.heroPart .bg .btn-info .fa{background:#000; width:44px;height:44px; line-height:44px; margin-left:6px; border-radius:100%; color:#fff; transform:rotate(-45deg);}
.heroPart .bg .btn-primary, .heroPart .bg .btn-primary:hover{ background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0; margin:0 6px 10px;}
.heroPart .bg .btn-primary .fa{background:#fff; width:44px;height:44px;line-height:44px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}

.arningManufacturingPart{ padding:80px 50px;}
.arningManufacturingPart p{ font-size:18px; padding:16px 0 6px;}
.arningManufacturingPart .btn-info,
.arningManufacturingPart .btn-info:hover{background:#000 !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0;}
.arningManufacturingPart .btn-info .fa{ background:#fff; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#000; transform:rotate(-45deg);}
.arningManufacturingPart .videoPart { position:relative; border-radius:15px; overflow:hidden; text-align:center; margin-top:10px;}
.arningManufacturingPart .videoPart video {width:100%; height:auto; border-radius:15px; border:solid #dfdfdf 2px;}
.arningManufacturingPart .videoPart video[poster]{height:100%; width:100%; object-fit:cover;}

.servePart{ background:#000; padding:70px 60px; border-radius:40px; text-align:center; scroll-margin-top:120px;}
.servePart span{ font-size:18px; font-weight:600; color:#000; text-transform:capitalize; display:inline-block; background:#ffb844; padding:6px 26px; border-radius:30px; margin:0 0 14px;}
.servePart p{ font-size:18px; color:#fff; padding:10px 0 0;}
.serve-card {width:100%; height:320px; 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:280px; width:100%; border-radius:15px;}
.serve-card-front h3{ color:#fff; padding:14px; font-weight:500;}
.serve-card-back { background:#fff; color:#fff; transform:rotateY(180deg); padding:40px 30px;}
.serve-card-back p{ color:#555555; font-size:16px;}

.canopiesPart{ padding:100px 80px;}
.canopiesPart .imgPart{ position:relative; margin-top:50px;}
.canopiesPart .imgPart .imgBig{ text-align:right;}
.canopiesPart .imgPart .imgBig img{border-radius:20px; width:60%;}
.canopiesPart .imgPart .imgSmall{ margin-top:-56%;}
.canopiesPart .imgPart .imgSmall img{border-radius:20px; width:90%; border:solid #fff 4px;}
.canopiesPart .imgPart::before { content: ""; background:url(images/rectangle-left.png) no-repeat; width:108px; height:94px;position:absolute; left:-20px; bottom:-15px; z-index:2;}
.canopiesPart .imgPart::after { content: ""; background:url(images/rectangle-right.png) no-repeat; width:108px; height:94px; position:absolute; right:-20px; top:-20px; z-index:2;}
.canopiesPart span{ font-size:18px; font-weight:600; color:#000; text-transform:capitalize; display:inline-block; background:#ffb844; padding:6px 26px; border-radius:30px; margin:0 0 14px;}
.canopiesPart p{ font-size:22px;}
.canopiesPart .btn-primary,
.canopiesPart .btn-primary:hover{background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0;}
.canopiesPart .btn-primary .fa{ background:#fff; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}

.modularBuildingsPart{ background:#000; padding:80px 60px; border-radius:40px;}
.modularBuildingsPart p{ font-size:21px; color:#fff; padding:10px 0 0;}
.modularBuildingsPart .btn-primary,
.modularBuildingsPart .btn-primary:hover{background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0;}
.modularBuildingsPart .btn-primary .fa{ background:#fff; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}
.modularBuildingsPart .videoBox{ margin:50px 0 0; position:relative; border-radius:15px; overflow:hidden;}
.modularBuildingsPart .videoBox video {width:100%; height:auto; border-radius:15px; border:solid #ccc 3px;}
.modularBuildingsPart .videoBox video[poster]{height:380px; width:100%; object-fit:cover;}

.kiosksPart{ padding:100px 80px;}
.kiosksPart .imgPart{ position:relative; margin-top:10px;}
.kiosksPart .imgPart .imgBig{position:relative;}
.kiosksPart .imgPart .imgBig img{border-radius:20px; width:80%;}
.kiosksPart .imgPart .imgSmall{ text-align:right; position:relative; top:0; margin-top:-70%;}
.kiosksPart .imgPart .imgSmall img{border-radius:20px; width:50%; border:solid #fff 4px;}
.kiosksPart .imgPart .imgBig::before { content: ""; background:url(images/rectangle-left.png) no-repeat; width:108px; height:94px;position:absolute; left:-20px; bottom:-15px; z-index:2;}
.kiosksPart p{ font-size:21px;}
.kiosksPart .btn-primary,
.kiosksPart .btn-primary:hover{background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0;}
.kiosksPart .btn-primary .fa{ background:#fff; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}

.panelizedPart{ background:#000; padding:80px 70px; border-radius:40px;}
.panelizedPart p{ font-size:22px; color:#fff; padding:10px 0 0;}
.panelizedPart .btn-primary,
.panelizedPart .btn-primary:hover{background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0;}
.panelizedPart .btn-primary .fa{ background:#fff; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}
.panelizedPart .imgPart{ position:relative;}
.panelizedPart .imgPart .imgBig{text-align:right;}
.panelizedPart .imgPart .imgBig img{border-radius:20px; width:90%; border:solid #fff 4px; position:relative;}
.panelizedPart .imgPart .imgSmall{margin-top:-60%;}
.panelizedPart .imgPart .imgSmall img{border-radius:20px; width:65%;}
.panelizedPart .imgPart::before { content: ""; background:url(images/rectangle-left.png) no-repeat; width:108px; height:94px;position:absolute; left:-20px; bottom:-15px; z-index:2;}
.panelizedPart .imgPart::after { content: ""; background:url(images/rectangle-right.png) no-repeat; width:108px; height:94px; position:absolute; right:-20px; top:-20px; z-index:2;}

.architecturalPart{ padding:90px 80px;}
.architecturalPart .imgPart{ position:relative; margin-top:30px;}
.architecturalPart .imgPart::after { content: ""; background:url(images/rectangle-right.png) no-repeat; width:108px; height:94px; position:absolute; right:-20px; top:-20px; z-index:2;}
.architecturalPart p{ font-size:22px;}
.architecturalPart .btn-primary,
.architecturalPart .btn-primary:hover{background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0;}
.architecturalPart .btn-primary .fa{ background:#fff; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}

.constructionBuildPart{ background:url(images/constructionbuild-bg.jpg) center top no-repeat; background-size:cover; padding:70px 50px 80px; text-align:center; border-radius:50px; margin:0 0 70px;}
.constructionBuildPart .btn-primary,
.constructionBuildPart .btn-primary:hover{background:#fff !important; text-transform:capitalize; font-size:20px; font-weight:500; padding:6px 6px 6px 30px; color:#050505 !important; border-radius:50px; border:0; margin:20px 0 0;}
.constructionBuildPart .btn-primary .fa{ background:#C5872a; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#fff; transform:rotate(-45deg);}

.servicesPart{ background:#000; padding:60px 50px 70px; border-radius:40px; scroll-margin-top:120px;}
.servicesPart .serviceBox{ background:#fff; border-radius:20px; padding:15px; margin:20px 0 0; height:98%;}
.servicesPart .serviceBox img{ border-radius:15px;}
.servicesPart .serviceBox h2{ padding:15px 0 10px;}
.servicesPart .btn-primary,
.servicesPart .btn-primary:hover{background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:5px 5px 5px 18px; color:#fff; border-radius:50px; border:0; margin:30px 0 0;}
.servicesPart .btn-primary .fa{ background:#fff; width:44px; height:44px; line-height:44px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}

.joinUsPart{ padding:90px 70px;}
.joinUsPart .imgPart{ position:relative; margin-top:80px;}
.joinUsPart .imgPart .imgBig{position:relative;}
.joinUsPart .imgPart .imgBig img{border-radius:20px; width:80%;}
.joinUsPart .imgPart .imgSmall{ text-align:right; position:relative; top:0; margin-top:-70%;}
.joinUsPart .imgPart .imgSmall img{border-radius:20px; width:50%; border:solid #fff 4px;}
.joinUsPart .imgPart .imgBig::before { content: ""; background:url(images/rectangle-left.png) no-repeat; width:108px; height:94px;position:absolute; left:-20px; bottom:-15px; z-index:2;}
.joinUsPart p{ font-size:18px;}
.joinUsPart .btn-primary,
.joinUsPart .btn-primary:hover{background:#C5872a !important; text-transform:uppercase; font-size:16px; font-weight:500; padding:6px 6px 6px 20px; color:#fff; border-radius:50px; border:0;}
.joinUsPart .btn-primary .fa{ background:#fff; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#C5872a; transform:rotate(-45deg);}
ul.joinus{ padding:0; margin:0 0 10px 20px;}
ul.joinus li{ font-size:18px; line-height:1.5; padding:0 0 4px 0;}

.readyBuildPart{ background:url(images/readybuild-bg.jpg) center top no-repeat; background-size:cover; padding:70px 50px; text-align:center; border-radius:50px;}
.readyBuildPart p{ font-size:18px; color:#fff; padding:15px 0 10px;}
.readyBuildPart .btn-primary,
.readyBuildPart .btn-primary:hover{background:#fff !important; text-transform:capitalize; font-size:20px; font-weight:500; padding:6px 6px 6px 30px; color:#050505 !important; border-radius:50px; border:0;}
.readyBuildPart .btn-primary .fa{ background:#C5872a; width:46px; height:46px; line-height:46px; margin-left:6px; border-radius:100%; color:#fff; transform:rotate(-45deg);}

.contactPart{ padding:90px 70px; text-align:center;}
.contactPart h2{ color:#C5872a; padding:8px 0;}
.contactPart p{ font-size:18px;}
.contactPart .contactBox{ background:#fdfdfd; border-radius:20px; padding:20px; border:solid #ebebeb 1px; margin:10px 0 0; text-align:left;}
.contactPart .contactBox img{ border-radius:15px; margin-bottom:6px;}

.footerPart{ background:#000; padding:60px 50px 15px; border-radius:40px;}
.footerPart h3{ margin-bottom:12px; color:#fff; font-weight:600;}
.footerPart .ftlogo{ padding:0 0 30px;}
.footerPart p{ color:#cdcdcd; padding-bottom:6px;}
.footerPart .social {}
.footerPart .social i {font-size:17px; width:40px; height:40px; line-height:38px; text-align:center; border:solid #fff 1px; border-radius:100%; color:#fff; margin:0 8px 0 0;}
.footerPart .social i:hover{ background:#fff; color:#C3862B; border:solid #fff 1px;}
.footerPart ul{ list-style:none; margin:0; padding:20px 0;}
.footerPart ul li a{ font-size:16px; color:#fff; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 12px;}
.footerPart ul li a:hover{ color:#fff;}
.footerPart .address ul{ list-style:none; margin:0; padding:20px 0;}
.footerPart .address ul li{font-size:16px; color:#cdcdcd; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 22px 46px;}
.footerPart .address ul li:nth-child(1), .footerPart .address ul li:nth-child(2){ padding-top:10px;}
.footerPart .address ul li .fa{ font-size:14px; color:#f2f2f2; width:36px; height:36px; line-height:34px; text-align:center; border:solid #fff 1px; border-radius:100%; position:absolute; left:0; top:8px; vertical-align:baseline;}
.footerPart .copyright {font-size:16px; color:#fff; padding:28px 0 24px; border-top:solid #666666 1px; margin:30px 0 0; text-align:center;}


/*---------------------- Inner page CSS ------------------------*/
.featuredImgPart{ padding:180px 0 80px; background:url(images/featured-img.jpg) center top no-repeat; background-size:cover; text-align:center;}
.featuredImgPart h1{ color:#fff; text-transform:inherit;}

.innerpage-contant{background:#fff; padding:50px 0 60px;}
.innerpage-contant h2, .innerpage-contant h3, .innerpage-contant h4, .innerpage-contant h5, .innerpage-contant h6 {text-transform:capitalize; padding-bottom:8px;}
.innerpage-contant ul{}
.innerpage-contant ul li{ padding:0 0 5px 0;}

.careerPageGoldenPart{ background:#c3862b; padding:40px; margin:30px 0; border-radius:30px;}
.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; margin:30px 0 0; border-radius:30px;}
.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; transform: rotate(-45deg);}
.careerPageJoinPart .btn-warning:hover{ background:#fff !important; color:#C3862B !important;}

.jobPageTop{ background:#c5872a; padding:35px 30px 20px; margin-bottom:40px; border-radius:30px;}
.jobPageTop p{ font-size:18px; color:#fff; line-height:1.6;}
.jobPostBox{ background:#edeeef; padding:30px; margin-bottom:10px; border-radius: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 #c5872a 3px; margin-bottom:10px; font-size:20px; font-weight:600; color:#000;}
.jobPostBox ul li a:hover{ background:#c5872a; 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;}

.resumeBtn {background:#c5872a; text-transform:uppercase; font-size:16px;font-weight:600; padding:20px 40px; color:#fff; border:0; margin-top:10px;}
.resumeBtn:hover{ background:#a46919 !important; color:#fff;}

.requestPage{padding:55px 50px; background:url(images/request-bg.jpg) center top no-repeat; background-size:cover; border-radius:30px;}
.requestPage form{}
.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 10px; 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; padding-bottom:0;}
.requestPage label[for="fileInput"]:hover { background:#fbfcff;}
.requestPage form .btn-info {background:#c5872a;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;}

.contactBox{ background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.2); border-radius:30px; 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:#c5872a; text-transform:uppercase; font-size:16px; font-weight:600; padding:16px 50px; color:#fff; border:0;}
.contactBox form .btn-info:hover{ background:#c7872f !important;}
.contactBox input[type="file"] { display:none;}
.contactBox label[for="fileInput"] { background:#fff; display:inline-block; height:100%; vertical-align:baseline; padding:4px 0 0; width:100%; text-align:center; border-radius:4px; border:1px dashed #BBB; cursor:pointer;}
.contactBox label[for="fileInput"]:hover { background:#f6f6f6;}

.aboutPageImg{position:relative; margin:60px 0 20px;}
.aboutPageImg::before { position:absolute; content:''; left:40px; top:-40px; bottom:60px; width:90%; border:10px solid #eeeeee; border-radius:20px;}
.aboutPageImg img { position:relative; width:90%; border-radius:20px;}
.small-img { position:absolute; right:-30px; bottom:60px; border:10px solid #fff; border-radius:20px; overflow:hidden;}

.aboutPageBox { border-radius:30px; border:1px solid #e0e0e0; padding:10px; margin:26px 0 0;}
.aboutPageBox .contentPart { padding:20px 60px;}
.aboutPageBox .imagePart{ width:100%; height:auto; border-radius:25px; overflow:hidden;}
.aboutPageBox .imagePart img{transform:translate3d(-4.66%, 0, 0) scale(1.2); transition:opacity 0.35s, transform 0.45s, filter 0.35s;}
.aboutPageBox:hover{background:#c3862b; transition:all 0.3s ease; color:#fff; border:1px solid #c3862b;}
.aboutPageBox:hover .imagePart img{transform:translate3d(4.66%, 0, 0) scale(1.2);}

.aboutServeBox{ margin:0 0 50px; position:relative;}
.aboutServeBox img{ position:relative; width:100%; height:100%; border-radius:20px;}
.aboutServeBox .contBox{ background-color:rgba(218, 156, 83, 1); position:absolute; left:0; right:0; top:0; bottom:0; border-radius:15px; padding:100px 40px 0;}
.aboutServeBox .contBox:hover{background-color:rgba(0, 0, 0, 0.3); transition:all 0.4s ease;}
.aboutServeBox .contBox h2, .aboutServeBox .contBox p{ color:#fff;}
.aboutServeBox .decor-border { position:absolute; width:100px; height:34px; bottom:0; right:26px; z-index:3;}
.aboutServeBox .decor-border::after { content:""; width:100px; height:33px; clip-path: path("M0 33H100C90.7952 33 83.6787 25.1703 79.2588 17.1769C73.5989 6.94119 62.6183 0 50 0C37.3818 0 26.4011 6.94119 20.7412 17.1769C16.3213 25.1703 9.20474 33 0 33Z"); background:#fff; position:absolute; left:0; bottom:-1px; display: block; z-index:-1;}
.aboutServeBox .decor-border .fa { background:#000; width:50px; height:50px; line-height:50px; border-radius:50%; color:#fff; transform:rotate(-45deg); text-align:center; margin:10px 0 0 25px;}

.projectImg{width:100%; border-radius:10px; overflow:hidden; border:solid #fff 6px; box-shadow:0 0 15px 0 rgba(0,0,0,0.2); transition:transform 0.5s;}
.projectImg img{ border:solid #fff 0px; box-shadow:none; border-radius:6px;}
.projectImg img:hover{transform:scale(1.2); border-radius:6px;}















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

@media ( min-width: 1200px) {
	.container { max-width:1340px;}	
}
@media ( max-width: 1199px) {
	header .toplogo img{ width:220px;}
	.heroPart video{ width:125%;}
	.heroPart .bg { padding:200px 0 0;}
	.heroPart .bg h1 {font-size:60px;}
	.heroPart .bg h1 span { font-size:50px;}
	
	.aboutPageBox .contentPart { padding:10px;}	
}
@media ( max-width: 991px) {
	h1{font-size:34px;}
	h2{font-size:26px;}
	h3{font-size:22px;}
	h4{ font-size:20px;}
	h5{font-size:18px;}
	
	header .toplogo { padding:12px 15px;}	
	header .toplogo img{ width:200px;}		
	.heroPart { height:520px;}
	.heroPart .bg{ padding:150px 0 0;}	
	.heroPart .bg h1{ font-size:46px;}
	.heroPart .bg h1 span { font-size:36px; padding:10px 0 12px;}
	.heroPart .bg p { padding:0 0 4px; line-height:1.5;}	
	.arningManufacturingPart { padding:30px 0;}
	.arningManufacturingPart p { font-size:16px; padding: 8px 0 0px;}
	.arningManufacturingPart .btn-info, .arningManufacturingPart .btn-info:hover { margin-bottom:12px;}
	.servePart { padding:40px 25px;}
	.servePart p {font-size:16px;}
	.canopiesPart { padding: 20px 20px 30px;}
	.canopiesPart span { margin:35px 0 12px;}
	.canopiesPart p { font-size:16px;}
	.modularBuildingsPart { padding:40px 30px;}
	.modularBuildingsPart p { font-size:16px;}
	.modularBuildingsPart .videoBox {margin:30px 0 0;}
	.modularBuildingsPart .videoBox video[poster]{height:100%;}
	.kiosksPart { padding: 30px 20px;}
	.kiosksPart h1{ margin-top:100px;}
	.kiosksPart p { font-size:16px;}
	.panelizedPart { padding:40px 30px;}
	.panelizedPart p { font-size:16px;}
	.panelizedPart .imgPart { margin:30px;}
	.architecturalPart { padding: 30px 10px;}
	.architecturalPart .imgPart { margin:20px 0 20px;}
	.architecturalPart p { font-size:16px;}
	.constructionBuildPart { padding:40px 15px; margin:0 0 30px;}	
	.constructionBuildPart .btn-primary,
	.constructionBuildPart .btn-primary:hover{ font-size:15px; padding:4px 4px 4px 20px;}
	.constructionBuildPart .btn-primary .fa{ width:36px; height:36px; line-height:36px;}	
	.servicesPart { padding: 30px 20px 40px;}
	.joinUsPart { padding: 30px 0px;}
	.joinUsPart p { font-size: 16px;}
	ul.joinus li { font-size:16px;}
	.joinUsPart .imgPart { margin: 20px 10px 80px;}
	.readyBuildPart { padding:40px 15px;}
	.readyBuildPart .btn-primary,
	.readyBuildPart .btn-primary:hover{ font-size:15px; padding:4px 4px 4px 20px;}
	.readyBuildPart .btn-primary .fa{ width:36px; height:36px; line-height:36px;}
	.contactPart { padding:30px 20px;}
	.contactPart p { font-size:16px;}	
	.footerPart { padding:45px 30px 10px;}
	.footerPart .social i { margin:0 8px 30px 0;}
	
	.featuredImgPart{ padding:180px 0 80px;}
	.aboutServeBox .contBox { padding:40px 40px 0;}	
}
@media ( max-width: 767px) {
	h1{font-size:30px;}
	header .toplogo img{ width:180px;}		
	.heroPart video{ width:160%;}
	.heroPart .bg h1{ font-size:35px;}
	.heroPart .bg h1 span { font-size:24px;}	
	.heroPart .bg .btn-info, .heroPart .bg .btn-primary{ font-size:14px;}
	.servicesPart .btn-primary{font-size:15px; padding:10px 20px;}
	.servicesPart .btn-primary .fa{ display:none;}	
	.footerPart ul { padding:4px 0 20px;}	 
	.footerPart ul li a { padding: 0 0 6px;}
	.footerPart .address ul { padding:4px 0 20px;}
	.footerPart .copyright { margin:5px 0 0;}
	
	.featuredImgPart{ padding:130px 0 50px;}	
	.innerpage-contant {padding:25px 0;}	
	.careerPageGoldenPart { padding:15px; margin:20px 0;}
	.careerPageJoinPart { padding:25px 15px; margin:25px 0 0;}
	.careerPageJoinPart p { font-size:17px;}
	.jobPageTop p{ font-size:16px;}
	.jobPageTop { padding:22px 15px; margin-bottom:20px;}
	.jobPostBox { padding:15px;}
	.resumeBtn { padding:18px 28px;}
	.requestPage { padding:30px 20px;}
	.requestPage form .form-control { height:40px;}	
	.requestPage form .btn-info { padding:16px 60px;}
	.contactBox .contactInfoPart { padding:30px 20px;}
	.contactBox .contactInfoPart .socialPart i { margin-right:6px;}
	.contactBox form { padding:30px 20px;}
	.contactBox form .form-control { height:42px;}
		
	.aboutPageImg{ margin:40px 0 0;}
	.small-img { right:0px; bottom:50px;}
	.aboutPageBox { margin:20px 0 0;}
	.aboutServeBox { margin:0 0 40px;}
	.aboutServeBox .contBox { padding:100px 30px 0;}	
}
@media (max-width: 575px) {
	.heroPart{ height:600px;}
	.heroPart video{ width:300%;}
	.heroPart .bg{ padding:120px 0 0;}
	.kiosksPart h1 { margin-top:70px;}	
}
@media (max-width: 479px) {
	.aboutServeBox .contBox { padding:80px 20px 0;}
}