/*
Theme Name: 	Concrete Casters
Description: 	Concrete Casters Wordpress theme!
Version: 		1.0
Author: 		Nathan Stanmore
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*@import "css/reset.css";*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }


.navbar-toggler {
	background-color: #a87943;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ font-family: 'Montserrat', sans-serif; /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }


/* Header */

header {
	z-index: 99;
}

header .navbar-brand {
	background-color: #0d1d32;
	padding:  22px;
}

header .top {
	border-bottom: 1px solid #ffffff33;
	border-right: 1px solid #ffffff33;
    display: block;
    float: left;
    width: 102%;
    margin-left: -2%;
    padding-left: 10px;
	padding: 2px;
}


header .bottom {
	border-bottom: 1px solid #ffffff33;
	border-right: 1px solid #ffffff33;
	width: 102%;
    margin-left: -2%;
    float:  left;
}

header .top .socials {
	padding:  12px;
	border-left: 1px solid #ffffff33;
	border-right: 1px solid #ffffff33;
}

header .top .socials img {
	margin: 0 10px;
}

header .contact-item {
	font-size:  12px;
	color:  #fff;
	float:  left;
	margin:  12px 20px;
}

header .contact-item a {
	color: #fff;
	text-decoration: none;
}

header .contact-item img {
	margin-right:  5px;
}

header .navbar {
	padding-top:  0;
	padding-bottom: 0;
	padding-left:  0;
}

header .navbar .navbar-nav .nav-link {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding: 21px 45px;
	transition: 0.3s;
}

header .navbar .navbar-nav .current_page_item a,
header .navbar .navbar-nav .nav-link:hover {
	color:  #ad7e47;
	background: #ffffff;
}

header .navbar .navbar-nav .dropdown-menu {
	margin-top: -1px;
	border:  none;
	border-radius: 0;
}

header .navbar .navbar-nav .dropdown-menu li a {
	color: #0d1d32;
	padding: 10px 15px;
    font-size: 12px;
}



/* Banner */

.banner {
    margin-top: -113px;
    padding-top: 300px;
    padding-bottom: 200px;
    color: #fff;
}

.banner-text h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 25px;
}

.banner-text h1 {
	margin-left: -20px;
	margin-bottom: 25px;
}

.banner-text h1 span {
	background: #0d1d32;
    padding: 5px 20px;
    display: inline-block;
    font-size: 50px;
}

.banner-text .text {
	margin-bottom: 25px;
}

.banner-text .btn {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	border: none;
    color: #fff;
    padding: 14px 25px;
    border-radius: 8px;
    box-shadow: 1px 0px 18px #00000078;
}

.banner-text .btn:hover {
	background: rgb(162,115,62);
	background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}

.banner-text .btn img {
	margin-right: 8px;
    margin-top: -4px;
}

.banner-quote {
	background: #0d1d32cc;
	padding:  25px;
	margin-top:  -25px;
}

.banner-quote h2 {
	font-size: 24px;
	margin-bottom: 30px;
}

.banner-quote .form-control {
	padding: 0;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    margin: 25px 0;
    box-shadow: none;
}

.banner-quote .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1; /* Firefox */
}

.banner-quote .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

.banner-quote .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}

.banner-quote textarea.form-control {
	max-width: 100%;
	height:  150px;
}

.banner-quote .btn {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	border: none;
    color: #fff;
    padding: 14px 25px;
    border-radius: 8px;
    box-shadow: 1px 0px 18px #00000078;
}

.banner-quote .btn:hover {
	background: rgb(162,115,62);
	background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}

/* Services */

.services-block {
	background: #081423;
}

.services-block .container {
	padding:  0;
}

.service-slider-wrapper {
	margin-top: -100px;
	overflow: hidden;
}

/*.service-slider {
	margin-top: -100px;
}*/

.service-slider .inner {
	background:  #0d1d32;
	color: #fff;
	padding:  25px;
	margin:  0 15px;
	font-size: 14px;
}

.service-slider .inner h3 {
	font-size: 24px;
	margin-bottom: 15px;
}

.service-slider .inner h3:before {
	content: '';
	display:  block;
	height:  12px;
	width:  12px;
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	margin-bottom: 15px;
}

.service-slider .inner .text {
	line-height: 1.6em;
	margin-bottom: 25px;
}

.service-slider .inner .btn {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	border: none;
    color: #fff;
    padding: 14px 25px;
    border-radius: 8px;
}

.service-slider .inner .btn:hover {
	background: rgb(162,115,62);
	background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}

.service-slider .inner .btn img {
	float:  left;
	margin-right: 8px;
    margin-top: -4px;
}

.service-slider .slick-prev {
	background:  url('img/arrow-left.png') no-repeat center center;
	height: 27px;
	width:  18px;
	opacity: 0.7;
	transition: 0.3s;
}

.service-slider .slick-next {
	background:  url('img/arrow-right.png') no-repeat center center;
	height: 27px;
	width:  18px;
	opacity: 0.7;
}

.service-slider .slick-prev:before,
.service-slider .slick-next:before {
	display:  none;
}

.service-slider .slick-prev:hover,
.service-slider .slick-next:hover {
	opacity: 1;
}

.service-slider .slick-dots {
	bottom: -40px;
}

.service-slider .slick-dots li {
	margin:  0 2px;
}

.service-slider .slick-dots li button:before {
	content:  '';
	height:  10px;
	width:  10px;
	opacity: 1;
	background:  #fff;
}

.service-slider .slick-dots li.slick-active button:before {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
}

/* About Block */

.about-block {
	background: #081423;
	color: #fff;
	padding:  50px 0 125px;
}

.about-block .image-wrapper img {
	max-width: 100%;
	position: relative;
	z-index: 99;
}

.about-block .image-wrapper:before {
	content: url(img/about-before.png);
    display: block;
    position: absolute;
    left: -100px;
    top: 65px;
}

.about-block .image-wrapper:after {
	content: url(img/about-after.png);
    display: block;
    position: absolute;
    right: 0px;
    bottom: -55px;
}

.about-block .text {
	padding-top:  80px;
	line-height: 1.6em;
}


.about-block .text h2 {
	font-size: 42px;
	color: #ad7e47;
	margin-bottom: 30px;
	position: relative;
}

.about-block .text h2:before {
	content: url('img/heading-before.png');
	position: absolute;
	top: -30px;
    left: -40px;
}

.about-block .text h2 span {
	color:  #fff;
}

.about-block .text strong {
	font-weight: 600;
	border-left:  5px solid #ad7e47;
	padding-left:  15px;
	display: inline-block;
}

/* Gallery */

.gallery-block {
	padding: 50px 0;
	background:  #06111e;
	color:  #fff;
}

.gallery-text {
	padding:  15px 25px 0 0;
}

.gallery-text h3 {
	font-size: 30px;
	color: #ad7e47;
	letter-spacing: 0.5px;
	position: relative;
	margin-bottom: 20px;
}

.gallery-text h3:before {
	content: url('img/heading-before.png');
	position: absolute;
	top: -30px;
    left: -40px;
}

.gallery-text p {
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.gallery-text .btn {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	border: none;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
}

.gallery-text .btn:hover {
	background: rgb(162,115,62);
	background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}

.gallery-text .btn img {
	float:  left;
	margin-right: 8px;
    margin-top: 4px;
}

.gallery-inner {
	height:  277px;
	width:  100%;
}

.gallery-inner a {
	display: block;
    width: 100%;
    height: 100%;
}

/* Features */

.features-block {
	padding: 75px 0 50px;
	background:  #081423 url('img/feature-bg.png') no-repeat center 250px;
	color: #fff;
}

.features-block .title-wrapper {
	display: block;
    margin: 0 auto 25px;
    width: 360px;
}

.features-block h2 {
	color: #ad7e47;
	font-size: 36px;
}

.features-block h2:before {
	content: url(img/heading-before.png);
    position: absolute;
    top: -30px;
    left: -40px;
}

.features-block h2 span {
	color: #ffffff;
}

.features-block .features-inner {
	border:  1px solid #ca9c62;
	margin:  30px 0;
	padding:  25px 25px 25px 80px;
	font-size: 12px;
	width:  90%;
}

.features-block .features-inner:before {
	content: url('img/icon-magnifying.png');
	display:  block;
	top:  25px;
	left:  20px;
	position: absolute;
}

.features-block .features-inner h4 {
	font-size: 18px;
	margin-bottom: 25px;
}

.features-block .features-left .features-inner:nth-child(3),
.features-block .features-left .features-inner:nth-child(1) {
	margin-left:  38px;
}

.features-block .features-right .features-inner:nth-child(3),
.features-block .features-right .features-inner:nth-child(1) {
	margin-left:  -38px;
}

.features-block .middle-image img {
	margin:  132px auto 0;
	display:  block;
}

/* Testimonails */

.testimonials-block .top {
	height:  450px;
	width:  100%;
	display:  block;
	background:  url('img/testimonials-top.jpg') no-repeat center center;
	background-size:  cover;
}

.testimonials-block .testimonials-slider-wrapper {
	background: #0d1d32;
    color: #fff;
    text-align: center;
    padding: 20px;
    margin-top: -280px;
    margin-bottom: 150px;
    position: relative;
    z-index: 99;
}

.testimonials-block .testimonials-slider-wrapper-before:before {
	content: url(img/testimonials-before.png);
    display: block;
    position: absolute;
    right: -55px;
    bottom: -65px;
}

.testimonials-block .border {
	border: 1px solid #ca9c62 !important;
    padding: 25px 80px;
}

.testimonials-block .quote-mark {
	display:  block;
	margin:  25px auto;
}

.testimonials-block h3 {
	font-size: 18px;
	color: #ad7e47;
	margin-top:  25px;
	margin-bottom: 25px;
}

.testimonials-slider .slick-dots li {
	margin:  0 2px;
}

.testimonials-slider .slick-dots li button:before {
	content:  '';
	height:  10px;
	width:  10px;
	opacity: 1;
	background:  #fff;
}

.testimonials-slider .slick-dots li.slick-active button:before {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
}

/* Footer */

footer {
 	background:  #0d1d32;
 	color:  #fff;
}

footer .footer-logo {
 	margin:  50px auto;
 	display:  block;
}

footer .footer-menu {
	text-align: center;
	padding:  0;
	margin-bottom: 50px;
}

footer .footer-menu li {
  	list-style: none;
  	display:  inline-block;
  	margin:  0 35px;
}

footer .footer-menu li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	transition: 0.3s;
}

footer .footer-menu li.current_page_item a,
footer .footer-menu li a:hover {
	color: #ad7e47;
}

footer .contact-item {
	text-align: center;
	padding:  30px 0;
}

footer .contact-item .wrapper {
	text-align: left;
    display: inline-block;
}

footer .contact-item .wrapper img {
	float:  left;
	margin-right:  15px;
}

footer .contact-item .wrapper .text {
	float:  left;
}

footer .contact-item .wrapper .text h4 {
	font-size: 18px;
	margin-bottom: 0px;
}

footer .contact-item .wrapper .text a {
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

footer .contact-item .wrapper .text a:hover {
	color: #ad7e47;
}

footer .footer-contact {
	border-bottom: 1px solid #ffffff33;
	margin-bottom: 15px;
}

footer .footer-contact .middle {
	border-left: 1px solid #ffffff33;
	border-right: 1px solid #ffffff33;
}

footer .bottom {
	font-size: 12px;
	padding-bottom: 15px;
}

footer .bottom a {
	font-weight: bold;
	color: #fff;
}

/* Page Defaults */

.page-banner {
    margin-top: -113px;
    padding-top: 160px;
    padding-bottom: 20px;
    color: #fff;
    background:  url('img/page-banner.jpg') no-repeat center center;
    background-size:  cover;
}

.page-banner h1 {
	background: #0d1d32;
    padding: 5px 20px;
    display: inline-block;
    font-size: 50px;
    margin-bottom: 25px;
}

.page-banner .breadcrumb-wrapper {
	font-size: 14px;
	margin-right:  -3px;
}

.page-banner .breadcrumb-wrapper span {
	color:  #d2b89a;
	margin: 0 3px;
}

.page-banner .breadcrumb-wrapper a span {
	color:  #fff;
	transition: 0.3s;
}

.page-banner .breadcrumb-wrapper a {
	text-decoration: none;
}

.page-banner .breadcrumb-wrapper a:hover span{
	color: #d2b89a;
}

.page-content {
	padding:  50px 0;
}

/* Services Landing */

.service-landing-blocks .inner {
	background:  #0d1d32;
	color: #fff;
	padding:  25px;
	font-size: 14px;
	margin-bottom: 30px;
}

.service-landing-blocks .inner h3 {
	font-size: 24px;
	margin-bottom: 15px;
}

.service-landing-blocks .inner h3:before {
	content: '';
	display:  block;
	height:  12px;
	width:  12px;
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	margin-bottom: 15px;
}

.service-landing-blocks .inner .text {
	line-height: 1.6em;
	margin-bottom: 25px;
}

.service-landing-blocks .inner .btn {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	border: none;
    color: #fff;
    padding: 14px 25px;
    border-radius: 8px;
}

.service-landing-blocks .inner .btn:hover {
	background: rgb(162,115,62);
	background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}

.service-landing-blocks .inner .btn img {
	float:  left;
	margin-right: 8px;
    margin-top: -4px;
}

/* Quote Block */

.quote-block {
	margin-bottom: 50px;
}

.quote-block .container:before {
	content: url(img/about-before.png);
    display: block;
    position: absolute;
    left: -100px;
    top: 65px;
}

.quote-block .container:after {
	content: url(img/testimonials-before.png);
    display: block;
    position: absolute;
    right: -55px;
    bottom: 85px;
}

.quote-block .inner {
	background: url('img/quote-block-bg.jpg') no-repeat center center;
	background-size: cover;
	padding:  30px;
	color: #fff;
	position: relative;
    z-index: 99;
}

.quote-block .inner-background {
	background: #0d1d32cc;
	padding:  30px;
}

.quote-block h2 {
	font-size: 24px;
    margin-bottom: 0px;
}

.quote-block .form-control {
	padding: 0;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    margin: 25px 0;
    box-shadow: none;
}

.quote-block .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1; /* Firefox */
}

.quote-block .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

.quote-block .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}

.quote-block textarea.form-control {
    max-width: 100%;
    height: 100px;
}

.quote-block .btn {
	background: rgb(229,184,122);
    background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
    border: none;
    color: #fff;
    padding: 14px 40px;
    border-radius: 8px;
    box-shadow: 1px 0px 18px #00000078;
}

.quote-block .btn:hover {
	background: rgb(162,115,62);
    background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}

.quote-block img.quote-feature {
	position: absolute;
    bottom: 0;
    right: 95px;
    z-index: 999;
}

/* Single Service */

.service-single h1 {
	font-size: 48px;
	color: #0d1d32;
	margin-bottom: 30px;
}

.service-single h1:before {
	content: '';
    display: block;
    height: 12px;
    width: 12px;
    background: rgb(229,184,122);
    background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
    margin-bottom: 15px;
}

.service-single .content {
	margin-bottom: 30px;
	color:  #0d1d32;
	line-height: 1.6em;
}

.service-single .btn {
	background: rgb(229,184,122);
	background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
	border: none;
    color: #fff;
    padding: 14px 25px;
    border-radius: 8px;
    margin-right: 10px;
}

.service-single .btn:hover {
	background: rgb(162,115,62);
	background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}

.service-single .btn img {
	float:  left;
	margin-right: 8px;
    margin-top: 3px;
}

.service-feature-section {
	margin-top:  50px;
}

.service-feature-section img {
	max-width: 100%;
	height:  auto;
}

.service-feature-section .inner {
	padding: 34px 15px;
    font-size: 13px;
}

.service-feature-section .row:last-child .item:last-child .inner,
.service-feature-section .row:first-child .item:first-child .inner {
	background: #fafafa;
}

.service-feature-section .inner h3 {
	color:  #0d1d32;
	font-size: 18px;
}

.service-feature-section .inner img {
	max-width: 70%;
	height:  auto;
}


/* Gallery */

.gallery-container {
	margin-bottom: 75px;
}

.gallery-item {
	width: 100%;
	height:  370px;
}

.gallery-item .lightbox-item {
	display: block;
    width: 100%;
    height: 100%;
}

.gallery-item.overview {
	background: #0d1d32;
	padding: 45px;
	color: #fff;
}

.gallery-item.overview h3 {
	font-size: 30px;
	margin-bottom: 20px;
}

.gallery-item.overview h3:before {
	content: '';
    display: block;
    height: 12px;
    width: 12px;
    background: rgb(229,184,122);
    background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
    margin-bottom: 20px;
}

/* Request A Quote */

.quote-page h1 {
	font-size: 40px;
}

.quote-wrapper {
	margin-bottom: 50px;
}

.quote-wrapper h2 {
	color: #0d1d32;
	font-size: 18px;
}

.quote-wrapper .form-control {
	border-radius: 0;
	color: #fff;
	border: none;
	background: #0d1d32;
	font-size: 18px;
	margin-bottom: 25px;
	height:  auto;
	padding: 20px;
}

.quote-wrapper .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1; /* Firefox */
}

.quote-wrapper .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

.quote-wrapper .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}

.service-select {
	background: #0d1d32;
	color: #fff;
	padding:  25px 25px 5px;
	margin-bottom: 25px;
}

.service-select p {
	margin:  0;
}

.service-select h3 {
	text-align: center;
	font-size: 32px;
	margin-bottom: 45px;
	margin-top: 10px;
}

.service-select span.wpcf7-list-item {
	display: inline-block;
}

.service-select .wpcf7-list-item {
	margin: 0 0 20px;
	width:  25%;
}

.service-select .wpcf7-checkbox label {
position: relative;
cursor: pointer;
}

.service-select .wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}

.service-select .wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}

.service-select .wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 30px;
width: 30px;
top: -3px;
left: 0px;
border: 2px solid #c79a60;
}

.service-select .wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 30px;
width: 30px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}

.service-select .wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: #c79a60;
}

.service-select .wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}

.service-select .wpcf7-list-item-label {
margin-left: 40px;
display: inline-block;
}

.quote-wrapper .ajax-loader {
	display: block;
	margin:  2px auto;
}

.quote-wrapper .btn {
	background: rgb(229,184,122);
    background: linear-gradient(162deg, rgba(229,184,122,1) 0%, rgba(162,115,62,1) 100%);
    border: none;
    color: #fff;
    padding: 14px 45px;
    border-radius: 8px;
    /*box-shadow: 1px 0px 18px #00000078;*/
}

.quote-wrapper .btn:hover {
	background: rgb(162,115,62);
   	background: linear-gradient(162deg, rgba(162,115,62,1) 0%, rgba(162,115,62,1) 100%);
}


/* Contact */

.contact-introduction {
	background: #0d1d32;
	color: #fff;
	margin-bottom: 30px;
}

.contact-introduction .contact-item {
	text-align: center;
	padding:  45px 0 30px;
}

.contact-introduction .contact-item .wrapper {
	text-align: left;
    display: inline-block;
}

.contact-introduction .contact-item .wrapper img {
	float:  left;
	margin-right:  15px;
}

.contact-introduction .contact-item .wrapper .text {
	float:  left;
}

.contact-introduction .contact-item .wrapper .text h4 {
	font-size: 18px;
	margin-bottom: 0px;
}

.contact-introduction .contact-item .wrapper .text a {
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

.contact-introduction .contact-item .wrapper .text a:hover {
	color: #ad7e47;
}

.contact-introduction .middle {
    border-left: 1px solid #ffffff33;
    border-right: 1px solid #ffffff33;
}

.contact-form .form-control {
	border-radius: 0;
    color: #fff;
    border: none;
    background: #0d1d32;
    font-size: 18px;
    margin-bottom: 25px;
    height: auto;
    padding: 20px;
}

.contact-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1; /* Firefox */
}

.contact-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

.contact-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color:  #fff;
}

.contact-form textarea.form-control {
	height:  150px;
	max-width: 100%;
}

.map {
	background: #0d1d32;
}

.map iframe {
	border:  none;
	width:  100%;
	height:  500px;
}

.wpcf7-not-valid-tip {
	font-size: 14px;
    margin-top: -20px;
    margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media(max-width: 1200px) {

	header .logo-container {
		padding-right:  0;
	}

	header .navbar-brand {
		max-width: 100%;
		margin-right: 0;
	}

	header .navbar-brand img {
		max-width: 100%;
	}

	header .contact-item {
		margin:  12px 10px;
	}

	header .navbar {
		padding-right:  0;
	}

	header .navbar .navbar-nav .nav-link {
		padding: 14px 34px;
	}

	.service-slider .inner h3 {
		font-size: 20px;
	}

	.about-block .text {
		padding-left: 30px;
	}

	.about-block .image-wrapper:after {
		right:  -30px;
	}

	.gallery-inner {
		height:  232px;
	}

	.gallery-text {
		font-size: 12px;
	}

	.features-block .features-inner {
		padding: 25px 25px 25px 25px;
	}

	.features-block .features-inner:before {
		position: relative;
	    top: -5px;
	    left: 0;
	}

	.features-block .middle-image img {
		margin-top: 212px;
	}

	.features-block {
		background-position-y: 330px;
	}

	.slick-dotted.slick-slider {
		padding-bottom: 30px;
	}
	.contact-introduction .contact-item,
	footer .contact-item {
		font-size: 14px;
	}

	.contact-introduction .contact-item .wrapper img,
	footer .contact-item .wrapper img {
		margin-right: 8px;
	}

	.services-block {
		width: 98%;
	    float: left;
	    z-index: 99;
	    margin: 0 auto 60px;
	}

	.service-slider .slick-next,
	.service-slider .slick-prev {
		display:  none !important;
	}

	.quote-block {
	    padding-top: 50px;
	    margin-top: -50px;
	    overflow: hidden;
	}

	.service-landing-blocks .inner h3 {
		font-size:  20px;
	}

	.service-feature-section .inner h3 {
		font-size: 16px;
	}

	.gallery-item {
		height: 308px;
	}

	.gallery-item.overview h3 {
		font-size: 22px;
	}

	.gallery-item.overview {
		font-size: 14px;
	}

}

@media(max-width: 991px) {

	header .top .contact-item.address {
		display:  none;
	}

	header .top .socials {
		padding:  10px;
	}

	header .bottom .navbar .navbar-toggler {
		border-radius: 0;
	}

	header .contact-item {
	    margin: 10px 10px;
	}

	header .bottom {
		border:  none;
	}

	header .bottom .navbar {
		width: 100%;
		display: block;
	}

	header .bottom .navbar button {
		float:  right;
	}

	header .navbar-collapse {
		position: absolute;
	    top: 42px;
	    left: 0;
	    width: 100%;
	}

	header .navbar-nav {
		background: #0d1d32;
	}

	.banner {
		padding-top:  200px;
	}

	.about-block {
		padding-bottom: 35px;
	}

	.gallery-text .btn {
		font-size: 14px;
		padding: 8px 22px;
	}

	.gallery-text .btn img {
		display:  none;
	}

	.gallery-text h3 {
		margin-bottom:  10px;
		font-size: 20px;
	}

	.gallery-text {
		font-size: 10px;
	}

	.gallery-inner {
	    height: 202px;
	}

	.features-block .features-inner {
	    padding: 18px;
	}

	.features-block .features-inner:before {
		display:  none;
	}

	.features-block .middle-image img {
		max-width:  100%;
	}

	.features-block .features-inner h4 {
		font-size: 16px;
	}

	.testimonials-block .border {
		padding:  25px;
		font-size: 14px;
	}

	footer .footer-menu li {
		margin:  0 25px;
	}

	.contact-introduction .contact-item .wrapper .text,
	footer .contact-item .wrapper .text {
		text-align: center;
		width: 100%;
		font-size: 13px;
	}

	.contact-introduction .contact-item .wrapper img,
	footer .contact-item .wrapper img {
		margin: 0 auto 10px !important;
    	display: block;
    	float:  none;
	}

	.gallery-item {
		height: 248px;
	}

	.gallery-item.overview {
		padding:  20px;
		font-size: 12px;
	}

	.gallery-item.overview h3,
	.gallery-item.overview h3:before {
		margin-bottom: 10px;
	}

	.quote-block img.quote-feature {
		right:  5px;
	}

	.service-select .wpcf7-list-item {
		width: 33.33%;
		font-size: 14px;
	}

	.service-feature-section img {
		margin-bottom: 25px;
	}

}

@media(max-width: 767px) {

	header .logo-container {
		padding-right:  15px;
	}

	.page-banner,
	.banner {
		margin-top: -205px;
		padding-top:  250px;
	}

	header .bottom .navbar .navbar-toggler {
		margin-top: -85px;
	}

	header .navbar-collapse {
		top:  -44px;
		margin-left:  7px;
	}

	header .top {
		    border: none;
		    margin-left:  0;
		    margin-top:  5px;
		    padding:  0;
	}

	header .top .socials {
		display:  none;
	}

	header .contact-item {
		margin:  10px 5px;
	}

	.banner-quote {
		margin-top:  25px;
	}

	.banner-text h1 {
		margin-left:  0;
	}

	.banner-text h1 span {
		font-size: 40px;
	}

	.about-block .text h2 {
		font-size: 28px;
	}

	.testimonials-block {
		overflow: hi;
	}

	.gallery-block .col-xs-6 {
		width:  50%;
	}

	.features-block h2:before {
		left:  0;
	}

	.features-block h2 {
		font-size: 26px;
    	text-align: center;
	}

	.features-block .features-inner {
		width: 100%;
		margin: 15px 0 0 !important;
		text-align: center;
		padding:  30px;
	}

	.features-block .middle-image {
		display: none;
	}

	.features-block .features-inner h4 {
		margin-bottom: 15px;
	}

	footer .footer-menu li {
		width: 100%;
    	margin: 5px 0;
	}

	footer .footer-menu {
		margin-bottom: 30px;
	}

	footer .contact-item {
		padding:  0 0 15px;
	}

	footer .bottom .float-left,
	footer .bottom .float-right {
		width:  100%;
		text-align: center;
	}

	.quote-block img.quote-feature {
		display:  none;
	}

	.quote-block .inner-background {
		background:  none;
		padding:  0;
	}

	footer .footer-contact .middle {
		border:  none;
	}

	.service-single h1 {
		font-size: 38px;
	}

	.service-feature-section .row .item .inner {
		background: #fafafa;
		text-align: center;
	}

	.service-feature-section .inner {
		padding: 20px 15px;
    	margin-bottom: 15px;
	}

	.gallery-item.overview {
		height: auto;
	}

	.service-select .wpcf7-list-item {
		width: 100%;
	}

	.contact-introduction {
		margin:  0 0 15px;
	}

	.contact-introduction .middle {
		border-top:  15px solid #fff;
		border-bottom:  15px solid #fff;
		border-right:  0;
		border-left:  0;
	}

}