:root{
	--primary: #cf9549;
	--secondary: #3b6e16;
	--dark1: #181e2a;
	--dark2: #182a19;
	--font: #181e2a;
}

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
	overflow-x: hidden;
	font-family: 'Open Sans', 'Lato', sans-serif;
	color: var(--font);
}
html,body,p{font-size: 12px}h1,.h1{font-size: 28px}h2,.h2{font-size: 24px}h3,.h3{font-size: 20px}h4,.h4{font-size: 18px}h5,.h5{font-size: 16px}h6,.h6{font-size: 14px}.btn{font-size: 13px}
/* h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;} */
@media (min-width: 414px){html,body,p{font-size: 14px}h1,.h1{font-size: 32px}h2,.h2{font-size: 28px}h3,.h3{font-size: 22px}h4,.h4{font-size: 20px}h5,.h5{font-size: 18px}h6,.h6{font-size: 16px}.btn{font-size: 15px}}
@media (min-width: 1024px){html,body,p{font-size: 16px}h1,.h1{font-size: 38px}h2,.h2{font-size: 32px}h3,.h3{font-size: 26px}h4,.h4{font-size: 22px}h5,.h5{font-size: 20px}h6,.h6{font-size: 18px}.btn{font-size: 17px}}
@media (min-width: 1366px){html,body,p{font-size: 18px}h1,.h1{font-size: 44px}h2,.h2{font-size: 38px}h3,.h3{font-size: 32px}h4,.h4{font-size: 26px}h5,.h5{font-size: 22px}h6,.h6{font-size: 20px}.btn{font-size: 19px}}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 700;line-height: 1.4;margin-top: 0.4em;margin-bottom: 0.2em;font-family: 'Cambria', Arial;}
/*--- Nav Scrolling Offset --*/
.offset:before {
	height: 4rem;
	margin-top: -4rem;
	content: "";
	display: block;
}
a {
	color: var(--font);
}

a:hover,
.primary {
	color: var(--primary);
}

a.primary:hover {
	color: var(--dark1);
}

.btn-primary {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--dark1);
	border-color: var(--dark1);
}

/*--- Extra Bootstrap Column Padding --*/
[class*="col-"] {
	padding: 0.5rem 0.2rem;
}

ol li {
	font-size: 1.2em;
	line-height: 2;
}

/*============= NAVIGATION =============*/

.navbar {
	padding: .7rem 1rem;
	/* text-transform: uppercase; */
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .1rem;
	background-color: white;
	transition: background-color .3s ease 0s;
	flex-wrap: wrap;
}
.navbar-brand {
	width: 0;
}

.navbar-nav li {
	padding-right: .8rem;
}

.navbar-nav .nav-link {
	color: var(--dark1);
	padding-top: .8rem;
}

.solid .navbar-nav .nav-link {
	color: white;
}


.solid.navbar svg path {
	fill: white;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
	color: var(--primary);
}

.navbar.solid {
	background: var(--dark1);
	/* transition: background-color .1s ease 0s; */
}


.navbar.fixed-top + .nav-space {
	height: 170px;
}

.container-fluid.name {
	flex-wrap: wrap;
	/* justify-content: center; */
}

.container-fluid.name .row {
	width: 100%;
}

.container-fluid.name h1,
.container-fluid.name h2{
	/* color: white; */
	font-size: 1.7em;
	text-transform:uppercase; 
	font-weight: 700;
	padding: auto;
	margin: 0;
}

.container-fluid.name h2{
	font-size: 1.4em;
}
.container-fluid.name h6 a{
	/* font-family: 'Cambria', Arial; */
	/* color: white; */
	font-size: .8em;
	/* text-transform:uppercase;  */
	/* font-weight: 700; */
	padding: auto;
	margin: 0;
	color: var(--dark1);
}

.container-fluid [class*="col-"] {
	padding: 0.1rem 0.2rem;
}

.container-fluid.name svg {
	max-width: min(100px, 4em);
	max-height: min(100px, 4em);
}

.solid .container-fluid.name {
	display: none;
}
/*============= LANDING PAGE =============*/
#home {
	position: relative;
	height: 100%;
	min-height: 100vh;
}

.home-inner {
    background-image: url(img/fixed/bg1.jpg);
    background-color: var(--dark1);
    background-blend-mode: overlay;
}

.caption {
	width: 100%;
	max-width: 100%;
	position: relative;
	margin-top: 5vh;
	z-index: 0;
	color: white;
}

@media all and (min-height: 800px){
	.caption {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}

.caption h1,
.caption h2,
.caption h3,
.caption h4 {
	padding: 0;
	margin: 0 0 0.5em;
}

.caption h1 {
	text-transform:uppercase; 
	font-size: 3em;
	font-weight: 700;

}

.caption h2 {
	font-size: 1.6em;
	font-weight: 500;
}

.caption h3 {
	font-size: 1.5em;
	font-weight: 400;
}

.caption h4 {
	text-transform:uppercase; 
	font-size: 1.4em;
	font-weight: 400;
}

.caption h5 {
	font-size: 1.2em;
	font-weight: 400;
}

.caption svg{
	max-width: min(200px, 15em, 50vw);
}

.caption svg path{
	fill: white;
}

.btn-lg {
	border-width: medium;
	border-radius: 0;
	padding: .8rem 1.5rem;
	/* font-size: 1.1rem; */
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block !important;
}

#info svg {
	max-width: min(150px, 4em, 90%);
	max-height: min(150px, 4em);
}

/*============= FEATURES SECTION =============*/

.narrow {
	width: 75%;
	margin: 0 auto;
	padding-top: 2rem;
}

.btn-sm {
	border-width: medium;
	border-radius: 0;
	padding: .5rem 1.1rem;
	/* font-size: 400; */
	text-transform: uppercase;
	margin: 1rem;
}


.jumbotron {
	margin-bottom: 0;
	border-radius: 0;
	padding: 1rem 0 3rem;
}

h3.heading {
	font-size: 1.9rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 1.9rem;
}

.heading-underline {
	width: 3rem;
	height: .2rem;
	background-color: var(--primary);
	margin: 0 auto 2rem;
}

.feature {
	height: 9em;
	margin-bottom: 1.5rem;
}

.feature svg {
	width: auto;
	height: 100%;
}

.feature svg path {
	fill: #f38b10;
}

.feature .fa-layers {
	color: #f38b10;
	height: 6rem;
	margin: 0 auto;
	width: 3.9rem;
}

.feature h3 {
	font-size: 1rem;
	text-transform: uppercase;
	padding-bottom: .4rem;
}

.feature p {
	font-size: 1.1rem;
}

.lead p {
	text-align: justify;
}

p.lead {
	font-weight: 400;
}

/*============= FIXED BACKGROUND IMG DARK =============*/

#fixed.bg1 {
	background-image: url('img/fixed/bg2.jpg');
	z-index: -1;
}

.dark {
	/* background-color: rgba(0, 0, 0, 0.55); */
	padding: 7rem 2rem;
	text-align: center;
	z-index: 1000 !important;
	color: white;
}


.dark h3 {
	/* font-size: 1.3em; */
    min-height: 3em;
}

/*============= PORTFOLIO SECTION =============*/
.row.padding {
	padding: 2rem 0 1rem;
}

img.example-image {
	max-width: 100%;
}

.row.no-padding [class*=col-] {
	padding: 0;
}

.portfolio-item img:hover {
	transform: scale(1.3);
	cursor: zoom-in;
}

.portfolio-item img {
	transition: transform .4s ease;
}

.portfolio-item {
	overflow: hidden;
}

/*============= PRICING SECTION =============*/
.pricing-column {
	background-color: white;
	padding: 1rem;
	border-top: .2rem solid #f38b10;
	box-shadow: 0 0 .8rem rgba(0, 0, 0, 0.075);
	transition: transform .7s ease;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-wrap: wrap;

}

.pricing-column:hover {
	/* transform: scale(1.05); */
}

.pricing-column h3 {
	padding: 1rem;
	border-bottom: .1rem solid rgba(0, 0, 0, 0.1);
}

.pricing-column p {
	opacity: .8;
	margin-top: 1.3rem;
	flex: 1 auto;

}

.pricing-column h4 {
	font-size: 1.1rem;
	padding: .4rem;
	flex: 1;
}

.pricing-column .item {
	font-size: 700;
}

.pricing-column h1 {
	padding: .8rem 0;
}

.ribbon {
	background-color: #6c757d;
	color: white;
	width: 10rem;
	height: 2rem;
	font-size: .8rem;
	font-weight: 700;
	padding-top: .4rem;
	position: absolute;
	right: -2.8rem;
	top: 1.6rem;
	transform: rotate(45deg);
	box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.25);
}

/*============= TEAM SECTION FIXED BG IMG LIGHT =============*/

#fixed.bg2 {
	background-image: url('img/fixed/bg3.jpg');
	z-index: -1;
}

.card {
	height: 100%;
	max-width: 55em;
	margin: 0 auto;
	border-radius: 0;
	border: .1rem solid rgba(0, 0, 0, .075);
	box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
	/* margin: 0 1rem; */
	transition: transform .4s ease;
}

.dark .card{
	background-color: rgba(255, 255, 255, 0.1);
}

.card-img-top {
	border-radius: 0;
}

.card:hover {
	transform: scale(.98);
}

.card h4 {
	font-weight: 700;
	color: #f38b10;
}

.card h5 {
	color: #f38b10;
}

.card p {
	border-top: .1rem solid rgba(0, 0, 0, .1);
	border-bottom: .1rem solid rgba(0, 0, 0, .1);
	padding: 1rem;
	margin: 1rem 0 1.5rem;
}


.owl-dot.active span,
.owl-dot:hover span {
	background: #f38b10 !important;
}

ul.columns {
	font-size: 1.15em;
	columns: 1
}
@media all and (min-width: 966px) {	
	ul.columns {
		columns: 2
	}
}

@media all and (min-width: 1920px) {	
	ul.columns {
		columns: 3
	}
}
/*============= GALLERY SECTION =============*/

.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.gallery a {
	flex: 1 0 70px;
	max-width: 70px;
}

/*============= SKILLS SECTION =============*/

.skill h3 {
	color: #f38b10;
	/* font-size: 2.5rem; */
	font-weight: 700;
	margin: 1rem 0 .5rem;
}

.skill p {
	font-size: 1.1rem;
	text-transform: uppercase;
	font-weight: 700;
}

/*============= CLIENT SECTION =============*/

.clients img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	transition: transform .3s ease;
}

.clients img:hover {
	transform: scale(0.95);
}

blockquote .svg-inline--fa {
	margin: 1rem;
	color: #f38b10;
}

.clients-hr {
	border-top: .05 rem solid #f38b10;
}

/*============= CONTACT SECTION =============*/

footer {
	position: relative;
	/*background-color: #40474e;*/
	background-size: cover;
	color: white;
}

#fixed.footer-bg {
	background-image: url('img/fixed/bg4.jpg');
}

footer img {
	height: 2rem;
}

footer a {
	color: white;
}

footer svg.svg-inline--fa {
	/* font-size: 1.6rem; */
}

footer svg.svg-inline--fa:hover {
}

footer h3 {
	text-transform: uppercase;
	margin: 1.5rem 0;
}

/* --- Contact Form --*/
.form-group {
	margin-bottom: 1.3rem;
}

.form-control {
	background-color: #53595f;
	border-radius: 0;
	border: .15rem solid#666b71;
	color: white !important;
	size: 1.1rem;
}

.form-control:focus {
	background: #53595f;
	border: .15rem solid#666b71;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
	color: #b2b5b8 !important;
}

input.btn {
	cursor: pointer;
}

hr.socket {
	border-top: .2rem solid#666b71;
	width: 100%;
}

.map-responsive{
    overflow:hidden;
    position:relative;
    height: 100%;
	min-height: min(50vh, 450px);
	width: 100%;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*============= TOP SCROLL=============*/

.top-scroll svg.svg-inline--fa {
	font-size: 3rem;
	height: 1.7rem;
	color: #53595f;
	background: white;
}

a.top-scroll {
	right: 1.2rem;
	bottom: 1.2rem;
	position: fixed;
	opacity: .3;
	z-index: 1000;
	display: none;
}

a.top-scroll:hover {
	opacity: .5;
}


.light, .dark {
	padding: 4rem 2rem;
	z-index: 1000 !important;

}

.dark + .fixed-wrap #fixed {
	background-color: var(--dark1);
	background-blend-mode: multiply;

}


.light + .fixed-wrap #fixed {
    background-color: rgb(255 255 255 / 90%);
    background-blend-mode: color-burn;
}

footer .light,
footer .dark {
	padding-bottom: 1em;
}

/*========== MEDIA QUERIES ==========*/

/* Devices under 1920px (lg) */

@media (max-width: 1920px) {
	.caption h1 {
		/* font-size: 3.5rem; */
		/* letter-spacing: .2rem; */
		/* padding-bottom: 1.5rem; */
	}

	.caption h3 {
		/* font-size: 2.2rem; */
		/* padding-bottom: 1.8rem; */
	}

	.btn-lg {
		/* padding: .7rem 1.2rem; */
		/* font-size: 1rem; */
	}

	.narrow h1 {
		/* font-size: 2.1rem; */
	}
}

/* Devices under 992px (lg) */

@media (max-width: 991px) {
	.caption h1 {
		/* font-size: 3.5rem; */
		/* letter-spacing: .2rem; */
		/* padding-bottom: 1.5rem; */
	}

	.caption h3 {
		/* font-size: 2.2rem; */
		/* padding-bottom: 1.8rem; */
	}

	.btn-lg {
		/* padding: .7rem 1.2rem; */
		/* font-size: 1rem; */
	}

	.narrow h1 {
		/* font-size: 2.1rem; */
	}
}

/* Devices under 768px (md) */

@media (max-width: 767px) {
	.caption h1 {
		/* font-size: 2.7rem; */
		/* letter-spacing: .15rem; */
		/* padding-bottom: .5rem; */
	}

	.caption h3 {
		/* font-size: 1.7rem; */
		/* padding-bottom: 1.2rem; */
	}

	.btn-lg {
		/* padding: .6rem 1.1rem; */
		/* font-size: 1rem; */
	}

	.narrow h1 {
		/* font-size: 1.8rem; */
	}

	#fixed {
		/* background-image: url('img/fixed/darkanbackground.jpg'); */
	}

	#fixed-2 {
		/* background-image: url('img/imglight.jpg'); */
	}

	footer {
		/* background: url('img/footer/paper.jpg'); */
	}

	.clients img {
		/* max-width: 50%; */
		/* margin: 0 auto; */
	}

	.top-scroll {
		display: none !important;
	}
	.dark h3 {
		/* min-height: auto; */
	}
}

/* Devices under 576px (md) */

@media (max-width: 575px) {
	.caption h1 {
		/* font-size: 1.9rem; */
		/* letter-spacing: .1rem; */
		/* padding-bottom: .4rem; */
	}

	.caption h3 {
		/* font-size: 1.2rem; */
		/* padding-bottom: 1rem; */
	}

	.btn-lg {
		/* padding: .6rem 1.1rem; */
		/* font-size: 1rem; */
	}

	.narrow {
		width: 85%;
	}
}






/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/