/* 
Theme Name:		 Arning Engineering Website
Theme URI:		 https://www.e-visualizers.com/
Description:	 Arning Engineering 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-Engineering
*/
html { scroll-behavior:smooth;}
body{ font-family:'Poppins',sans-serif; font-size:16px; color:#000; 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;}

h1{font-family:'Montserrat',sans-serif; font-size:36px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:300;}
h2{font-family:'Montserrat',sans-serif; font-size:32px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:300;}
h3{font-family:'Montserrat',sans-serif; font-size:28px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:300;}
h4{font-family:'Montserrat',sans-serif; font-size:24px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:300;}
h5{font-family:'Montserrat',sans-serif; font-size:20px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:300;}
h6{font-family:'Montserrat',sans-serif; font-size:18px; color:#050a27; text-transform:uppercase; margin:0; padding:0; font-weight:500;}
p{font-family:'Poppins',sans-serif; font-size:16px; font-weight:400; line-height:1.7; word-break:keep-all;}
.container-fluid {padding-right:0px; padding-left:0px;}
.container-fluid .row { margin-right:0px; margin-left:0px;}

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:12px 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:12px; color:#c3862b; text-decoration:none;text-transform:lowercase; font-weight:500; border-left:solid 1px #c3862b; text-align:right; padding:0 0 0 8px; margin-left:2px;}
header .topHead ul li:first-child a { border-left:0;}
header .topHead ul li a:hover{color:#c3862b;}
header .topHead .social{ margin:10px 0 0;}
header .topHead .social i { font-size:14px; width:32px; height:32px; line-height:28px; text-align:center; border:solid #181818 2px; border-radius:100%; color:#181818; margin:0 0 0 4px;}
header .menupart { width:100%; display:flex; background:#fff;}

.heroPart{ padding:150px 0; background:url(images/hero-bg.jpg) center top no-repeat; background-size:cover; text-align:center;}
.heroPart h3{font-family:'Roboto',sans-serif; color:#fff; font-weight:400;}
.heroPart hr { margin-top:16px; margin-bottom:28px; border-top:2px solid #fff; width:130px;}
.heroPart h1{ color:#fff; line-height:1.3;}
.heroPart p{ font-size:18px; color:#fff; padding:18px 0 0;}

.servePart{ text-align:center;}
.servePart .container-fluid .row > [class*="col-"] { padding-left:6%; padding-right:6%; padding-top:110px; padding-bottom:110px;}
.servePart p{ font-size:18px; line-height:1.8; padding:12px 0;}
.servePart h3{ line-height:1.5;}

.whatWeDoPart{ background:#b87e27; text-align:center; padding:100px 0 0;}
.whatWeDoPart hr{margin-top:15px; margin-bottom:30px; border-top:2px solid #fff; width:130px;}
.whatWeDoPart .imagePart{ background:#fff; width:100%; height:auto; overflow:hidden;}
.whatWeDoPart .imagePart img{transition:all .9s ease;}
.whatWeDoPart .imagePart:hover img{transform: scale(1.1);}
.whatWeDoPart .owl-prev, .whatWeDoPart .owl-next{ position:absolute; z-index:99; outline:none; font-size:36px !important; bottom:36%; color:#fff !important;}
.whatWeDoPart .owl-theme .owl-nav { margin-top:0px;}
.whatWeDoPart .owl-prev { left:15px; background:none!important; }
.whatWeDoPart .owl-next { right:15px; background:none!important;}

.ourMissionPart{ background:#b87e27;}
.ourMissionPart .container-fluid .row > [class*="col-"] { padding-left:6%; padding-right:6%; padding-top:130px; padding-bottom:130px;}
.ourMissionPart hr{margin-top:0;margin-bottom:8px; border-top:2px solid #fff; width:130px;display:inline-block;}

.ourVisionPart{ background:#b87e27;}
.ourVisionPart .container-fluid .row > [class*="col-"] { padding-left:6%; padding-right:6%; padding-top:130px; padding-bottom:130px;}
.ourVisionPart hr{margin-top:0;margin-bottom:8px; border-top:2px solid #fff; width:130px;display:inline-block;}

.servicesPart{ text-align:center; padding:150px 0; scroll-margin-top:140px;}
.servicesPart hr{margin-top:15px; margin-bottom:30px; border-top:2px solid #fff; width:130px;}

.servicetTitle{ text-align:center; padding:140px 0; scroll-margin-top:140px;}
.servicetTitle hr{margin-top:0; margin-bottom:25px; border-top:2px solid #000; width:130px;}
.servicetTitle h1{ font-size:50px;}
.serviceBox{}
.serviceBox .container-fluid .row > [class*="col-"] { padding-left:10%; padding-right:10%; padding-top:80px; padding-bottom:80px;}
.serviceBox hr{margin-top:0;margin-bottom:6px; border-top:2px solid #c3862b; width:130px;display:inline-block;}
.serviceBox ul{ padding: 0 0 0 15px;}

.aboutImagePart { text-align:center; padding:150px 0;}
.aboutImagePart hr{margin-top:15px; margin-bottom:30px; border-top:2px solid #fff; width:130px;}

.ourHistoryPart{}
.ourHistoryPart .container-fluid .row > [class*="col-"] { padding-left:6%; padding-right:6%; padding-top:100px; padding-bottom:100px;}
.ourHistoryPart hr{margin-top:0;margin-bottom:8px; border-top:2px solid #c3862b; width:130px;display:inline-block;}
.ourHistoryPart h2{ text-align:center; line-height:1.5;}

.currentcapabilitiesPart{}
.currentcapabilitiesPart .container-fluid .row > [class*="col-"] { padding-left:6%; padding-right:6%; padding-top:100px; padding-bottom:100px;}
.currentcapabilitiesPart hr{margin-top:0;margin-bottom:8px;border-top:2px solid #c3862b;width:130px;display:inline-block;}
.currentcapabilitiesPart h2{ color:#fff; text-align:center; line-height:1.5;}

.arningInnovationPart{}
.arningInnovationPart .container-fluid .row > [class*="col-"] { padding-left:6%; padding-right:6%; padding-top:100px; padding-bottom:100px;}
.arningInnovationPart hr{margin-top:0;margin-bottom:8px; border-top:2px solid #c3862b; width:130px;display:inline-block;}
.arningInnovationPart h2{ text-align:center; line-height:1.5;}

.imagesPart{text-align:center;}
.imagesPart .container-fluid .row > [class*="col-"] { padding-left:0; padding-right:0;}
.imagesPart .imagePart{ background:#fff; width:100%; height:auto; overflow:hidden;}
.imagesPart .imagePart img{transition:all .9s ease;}
.imagesPart .imagePart:hover img{transform: scale(1.1);}

.leadershipPart{ text-align:center; padding:80px 0; scroll-margin-top:180px;}
.leadershipPart hr{margin-top:15px; margin-bottom:20px; border-top:2px solid #b87e27; width:130px;}
.leadershipPart .leaderBox{ margin:30px 0 0; text-align:left;}
.leadershipPart .leaderBox h6 span{ display:block; font-size:14px; color:#b87e27; text-transform:capitalize; padding:2px 0 0;}
.leadershipPart .leaderBox p{ font-size:14px; padding:10px 0 0;}

.testimonialsPart{ text-align:center; padding:70px 0 50px;}
.testimonialsPart hr{margin-top:15px; margin-bottom:26px; border-top:2px solid #b87e27; width:130px;}
.testimonialsPart .clientName{ font-size:20px;}
.testimonialsPart .clientName span{ display:block; font-size:15px; color:#161616;}
.testimonialsPart .owl-theme .owl-nav.disabled + .owl-dots{ margin-top:20px;}
.testimonialsPart .owl-theme .owl-dots .owl-dot span{ width:8px; height:8px; border:1px solid #000; margin:5px 6px; background:none;}
.testimonialsPart .owl-theme .owl-dots .owl-dot.active span, .testimonialsPart .owl-theme .owl-dots .owl-dot:hover span{ background:#000; border-color:#000;}


/*---------------------- Inner Pages CSS ------------------------*/
.innerpage-contant{background:#f8f8f8; padding:60px 0;}
.formPart{background:#fff; box-shadow:0 0 12px 0 rgba(80,80,80,0.1); padding:40px; margin:20px 0 0;}
.formPart .form-control { background:#fff; height:44px;}	
.formPart textarea{height:auto !important;}
.formPart .btn { background:#000; font-size:16px; text-transform:uppercase; padding:18px 60px; color:#fff; border:0;}
.formPart .btn:hover{ background:#b87e27 !important; color:#fff;}
.formPart input[type="file"] { display:none;}
.formPart label[for="fileInput"] { background:#f5f5f5; display:inline-block; height:auto; vertical-align:baseline; padding:20px 0 20px; width:100%; text-align:center; border-radius:4px; border:1px dashed #BBB; cursor:pointer;}
.formPart label[for="fileInput"] h6{font-size:17px; text-transform:capitalize;}








/*---------------------- Responsive CSS ------------------------*/

@media ( min-width: 1200px) {
	.container { max-width:1030px;}	
}
@media ( max-width: 1199px) {}
@media ( max-width: 991px) {
	h1{font-size:32px;}
	h2{font-size:28px;}
	h3{font-size:24px;}
	h4{ font-size:20px;}
	h5{font-size:18px;}			
	header .toplogo img{ width:190px;}	
	
	.heroPart { padding:110px 0;}
	.heroPart p { font-size:16px;}
	.servePart .container-fluid .row > [class*="col-"] {  padding-top:50px; padding-bottom:50px;}
	.servePart p { font-size:16px;}	
	.whatWeDoPart { padding:70px 0 0;}
	.ourMissionPart .container-fluid .row > [class*="col-"] { padding-top:80px; padding-bottom:80px; text-align:center;}
	.ourVisionPart .container-fluid .row > [class*="col-"] { padding-top:80px; padding-bottom:80px; text-align:center;}
	.servicesPart { padding:80px 0;}
	.servicetTitle { padding:80px 0;}
	.serviceBox .container-fluid .row > [class*="col-"] { padding-top:50px; padding-bottom:50px;}
	.serviceBox .container-fluid .row > [class*="col-"] img{ min-height:400px;}  
	.ourHistoryPart .container-fluid .row > [class*="col-"] { padding-top:80px; padding-bottom:80px; text-align:center;}  
	.currentcapabilitiesPart .container-fluid .row > [class*="col-"] { padding-top:80px; padding-bottom:80px; text-align:center;}
	.arningInnovationPart { background:#f4f4f5; text-align:center;}
	.arningInnovationPart .container-fluid .row > [class*="col-"] { padding-top:80px; padding-bottom:80px;}
	.leadershipPart { padding:60px 0;}
	.leadershipPart .leaderBox { margin:20px 0 0; text-align:center;}
	.leadershipPart .leaderBox h6 { margin:15px 0 0;}
	.testimonialsPart { padding:50px 0 40px;} 
	
	.innerpage-contant {padding:40px 0;} 
	.formPart { padding:20px; margin:15px 0 0;}
	.formPart .form-control { height:auto;}
	.formPart .btn { font-size:16px; padding:16px 50px;}
}
@media ( max-width: 767px) {
	.servicetTitle h1 { font-size:35px;}
	header .toplogo img{ width:170px;}	
}
@media (max-width: 575px) {	}	
@media (max-width: 479px) {	}