* {
	box-sizing: content-box;
}
* {
	margin:0;
	padding:0;
}
*, *::after, *::before {
 box-sizing: border-box;
}
/*
html {font-size:62.5%;}
*/
:root {
 --primary:#ff6600;
 --orange:#ff6600;
 --dark:#000;
 --gray:#373737;
 --light:#f4f4f4;
}
dl, ol, ul {
	margin:0;
	padding:0;
}
/*html {font-size:62.5%;}*/

body {
	font-weight: normal;
	color: #000;
	background-color: #ffffff;
	overflow-x: hidden;
	max-width: 100%;
	font-family: 'Questrial', sans-serif;
}
h1 {
	font-size:2.25rem;
}
h2 {
	font-size:1.875rem;
}
.bg-primary {
	background-color:var(--primary)!important;
}
.bg-orange {
	background-color:var(--orange)!important;
}
.btn-orange {
	background-color:var(--orange);
}
.btn-primary {
	background-color:var(--primary);
}
.text-primary {
	color:var(--primary)!important;
}
.text-orange {
	color:var(--orange)!important;
}
.bg-gray {
	background-color:#3d3d3d;
}
.radius {
	border-radius:0;
}
.ls-1 {
	letter-spacing:2px;
}
.ls-2 {
	letter-spacing:4px;
}
.ls-3 {
	letter-spacing:6px;
}
/*font-family: "Open Sans"; */
.list {
	display:block;
}
.list li {
	padding:0 4px;
	display:inline;
}
.list li a {
	color:#fff;
	font-size:1rem;
}
/*=========== heaer ===============*/
img.hero {width:100%;}

header .box {position:absolute; top:0; left:0; width:100%;}	
	

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:#ff7f0e!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
	color:#ff7f0e;
}
.btn-danger {
	background-color:var(--red);
	border-color:var(--red);
	border-radius:50px;
}
/*============banner==============*/
#home header {background-image:url(../images/header.png); background-position:center; background-repeat:no-repeat; background-size:cover;}

#banner .btn {
	font-size:1.125rem;
	border-color:#ff6600;
}
/* section 1*/
#banner h1 {
	text-shadow: 2px 0px 2px #00000075;
}
#banner h5 {
	font-size:1.125rem;
	font-family: 'Barlow', sans-serif;
}
.carousel-caption {
	bottom: 6rem;
}
/*============ sec3 =================*/

#sec3 .small {
	color:#8e8e8e;
}
.step h1:after {
	content:'';
	width:6vw;
	position:absolute;
	left:50%;
	bottom:0;
	border-bottom:solid 2px var(--orange);
	transform:translate(-50%, 10px);
}

#career #sec1 h1:after {
	content:'';
	width:6vw;
	position:absolute;
	left:50%;
	bottom:0;
	border-bottom:solid 2px #000;
	transform:translate(-50%, 0px);
}
#career #sec1 .btn:hover {background-color:#000; transition:all 0.5s ease-out;}


.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}



.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: orange; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}

/*END Form Wizard*/
/*================ footer=================*/
footer {background-color:#000;
}
footer p {
	font-size:0.9375rem;
}
.menu {
	display:block;
}
.menu li {
	padding:0.18rem 0;
	display:block;
}
.menu li a {
	color:#fff;
	text-decoration:none;
}
.address li {
	display: table;
	padding: 6px 0;
}
.address .fa {
	display: table-cell;
	font-size: 1.2rem;
	width: 2rem;
	color:#fff;
}
.social .fa {
	background-color:var(--orange);
	color:#000;
	border-radius:50%;
	height:24px;
	width:24px;
	display: grid;
	place-items: center;
	font-size:0.875rem;
}
footer .dark {
	background-color:#363636;
}
/*================== inner pages =====================*/

#about .title {
	background-image:url(../images/bg1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#career .title {
	background-image:url(../images/bg2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#get .title {
	background-image:url(../images/get.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#career .btn {color:#fff;}
#service .title {
	background-image:url(../images/bg3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#contact .title {
	background-image:url(../images/bg4.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
#portfolio .title {
	background-image:url(../images/bg1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.bg2 {
	background-color:#f4f4f4;
}
#contact .box {
	height:100%;
}
#contact .shadow {
	box-shadow: 0 0rem 0.5rem rgba(0, 0, 0, .15)!important;
}
#contact .shadow h4:after {
	content:'';
	width:6vw;
	border-bottom:solid 2px #000;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%, 8px);
}

.portfolioItem{
	text-align: center;
	padding-bottom: 15px;
}

.portfolioImage{
	width: 75%;
}

.portfolioLink a{
	text-decoration: none;
}



/*================== Media Query =====================*/

 @media (max-width: 575.98px) {
.logo img {
width:40%;
}
 html {
font-size:50%;
}
#banner h1 {
font-size:1.3rem;
letter-spacing:0;
}
#banner h2 {
font-size:1.8rem;
letter-spacing:0;
}
.carousel-caption {
 bottom: 1rem;
 left:0;
 right:0;
}
img.hero {
    height: 300px;
}

}
 @media (max-width: 767.98px) {
 .logo img {
width:50%;
}
html {
font-size:60%;
}
#banner h1 {
font-size:1.3rem;
letter-spacing:0;
}
#banner h2 {
font-size:1.8rem;
letter-spacing:0;
}
.carousel-caption {
 bottom: 1rem;
 left:0;
 right:0;
}
img.hero {
    height: 300px;
}

}
 @media (max-width: 991.98px) {
 .logo img {
width:70%;
}
html {
font-size:80%;
}
#banner h1 {
font-size:1.3rem;
letter-spacing:0;
}
#banner h2 {
font-size:1.8rem;
letter-spacing:0;
}
.carousel-caption {
 bottom: 1rem;
 left:0;
 right:0;
}

}