/*
	Theme Name: John Black & Son
	Theme URI: https://www.soapboxdigital.co.uk
	Description: John Black & Son Theme V2 2018
	Version: 2.0
	Author: Shaun Phillips (code), Duncan Cromb (design)
	Author URI: https://www.soapboxdigital.co.uk
	Tags: Blank, HTML5, CSS3, Soapbox Digital

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
body {
overflow-x: hidden !important;
}
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Lato', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

header {
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding: 2em;
	display: none;

}

@media (min-width: 500px) {
	header {
		display: block;
	}
}


header img {
	width: 120px;
	height: auto;
}

header p {
	font-size: 17px;
	font-weight: 900;
	text-align: right;
	color:#ED1C24;
	width: 100%;
	display: none;
}

@media (min-width: 768px) {
	header p {
	display: block;
	}
}

@media (min-width: 990px) {
	header p {
	font-size: 22px;		
	}
}

@media (min-width: 1200px) {
	header p {
	font-size: 26px;		
	}
}

header span {
	font-size: 22px;
	font-weight: 900;
	color:#ED1C24;
}

@media (min-width: 1200px) {
	header span {
	font-size: 28px;		
	}
}

header .col-9 {
	text-align: right;
}

header .fa {
	margin: 0px 0.25em 0px 0.75em;
}

#searchform {
	width: 100%;
}

#searchform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2c2c2c;
}
#searchform ::-moz-placeholder { /* Firefox 19+ */
  color: #2c2c2c;
}
#searchform :-ms-input-placeholder { /* IE 10+ */
  color: #2c2c2c;
}
#searchform :-moz-placeholder { /* Firefox 18- */
  color: #2c2c2c;
}

.search {
	width: 100%;
}

#searchform > div > input[type="text"]:nth-child(1) {
	height: 37px;
	border: 0px;
	width: 100%;
  	color: #2c2c2c;
  	font-family: 'Ubuntu', sans-serif;
  	font-size: 15px;
  	padding-left: 10px;
}

#searchsubmit {
	height: 37px;
	background: #2c2c2c;
	border: 0px;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 18px;
	padding: 0px 30px;
	font-family: 'Ubuntu', sans-serif;
	transition: all 0.2s linear;
}

#searchsubmit:hover {
	background:#FFCC4E;
	color: #2c2c2c;
}

nav {
	float: left;
	width: 100%;
	background: #ED1C24;
	display: none;
}

@media (min-width: 768px) {
	nav {
		display: block;
	}
}

nav ul {
	margin: 0px;
	padding: 0px;
}

nav ul li {
	display: inline-block;
	list-style-type: none;
}

nav ul li a {
	padding: 1em 2em 1em 0em;
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.2s linear;
}

@media (min-width: 1200px) {
	nav ul li a {
	font-size: 17px;		
	}
}

nav ul li a:hover {
	color: #FFCC4E !important
}

nav ul li .sub-menu {
	display: none;
}

.front-services {
	float: left;
	width: 100%;
	padding: 2em 4em;
	background: #FAFAFA;
	display: none;
}

@media (min-width: 1070px) {
	.front-services {
	display: block;
	}
}

.front-services .service-one {
	display: block;
	padding: 10px;
}

.front-services .service-one div {
	background: url('../johnblackandson/img/service-one.jpg');
	background-position-x: 0px;
	background-position-y: 0px;
	background-size: 100%;
	height: 470px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.2s linear;
}

.front-services .service-one div:hover {
	background-position-y: -20px;
}

.front-services .service-one div .overlay {
    position: absolute;
    bottom: -30px;
    left: -30px;
    padding: 3em;
    content: "";
    z-index: 2;
    background: #CD007A;
    width: 130%;
    height: 225px;
    transform: rotate(6deg);
}

.front-services .service-one div h3 {
    font-size: 32px;
    color: #FFFFFF;	
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 32px;
}

.front-services .service-one div img {
	position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 4;
}

.front-services .service-two {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-two div h3 {
    font-size: 26px;
    color: #FFFFFF;	
    position: absolute;
    bottom: 20px;
    left: 30px;
    z-index: 3;
    text-align: left;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-two div {
	background: url('../johnblackandson/img/rolls.jpg');
    background-size: 64%;
    background-position-x: -60%;
    background-position-y: -10px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.front-services .service-two div .overlay {
    position: absolute;
    top: -40px;
    left: -30px;
    padding: 3em;
    content: "";
    z-index: 2;
    background: #E66A1F;
    width: 50%;
    height: 136%;
    transform: rotate(8deg);
}

.front-services .service-two div img {
	position: absolute;
    top: 15px;
    left: 25px;
    z-index: 4;
    width: 100px;
    height: auto;
}

.front-services .service-three {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-three div h3 {
	font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-three div {
	background: url('../johnblackandson/img/catering.jpg');
	background-size: 73%;
	background-position-x: 0px;
	background-position-y: -20px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.front-services .service-three div .overlay {
    position: absolute;
    top: -40px;
    right: -30px;
    padding: 3em;
    content: "";
    z-index: 2;
    background: #7C8D97;
    width: 52%;
    height: 136%;
    transform: rotate(-8deg);
}

@media (min-width: 1200px) {
	.front-services .service-three div .overlay {
    width: 47%;		
	}
}

.front-services .service-three div img {
	position: absolute;
    top: 10px;
    right: 25px;
    z-index: 4;
    width: 80px;
    height: auto;
}

.front-services .service-four {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-four div h3 {
	font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-four div {
	background: url('../johnblackandson/img/janitorial.jpg');
	background-size: 74%;
	background-position-x: 0px;
	background-position-y: 0px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.front-services .service-four div .overlay {
    position: absolute;
    top: -40px;
    right: -30px;
    padding: 3em;
    content: "";
    z-index: 2;
    background: #BA141A;
    width: 45%;
    height: 136%;
    transform: rotate(-8deg);
}

@media (min-width: 1200px) {
	.front-services .service-four div .overlay {
    width: 38%;		
	}
}

.front-services .service-four div img {
	position: absolute;
    top: 25px;
    right: 25px;
    z-index: 4;
    width: 100px;
    height: auto;
}

.front-services .service-five {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-five div h3 {
	font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-five div {
	background: url('../johnblackandson/img/chemicals.jpg');
	background-size: 100%;
	background-position-x: -40px;
	background-position-y: -20px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.front-services .service-five div .overlay {
    position: absolute;
    top: -40px;
    right: -30px;
    padding: 3em;
    content: "";
    z-index: 2;
    background: #FFCC4E;
    width: 64%;
    height: 136%;
    transform: rotate(-8deg);
}

@media (min-width: 1200px) {
	.front-services .service-five div .overlay {
	    width: 53%;	
	}
}

.front-services .service-five div img {
	position: absolute;
    top: 25px;
    right: 25px;
    z-index: 4;
    width: 90px;
    height: auto;
}

.front-services .service-six {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-six div h3 {
	font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-six div {
	background: url('../johnblackandson/img/windows.jpg');
	background-size: 100%;
	background-position-x: 0px;
	background-position-y: 0px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.2s linear;
}

.front-services .service-six div:hover {
	background-position-y: -20px;
}

.front-services .service-six div .overlay {
	position: absolute;
	bottom: -40px;
	left: -30px;
	padding: 3em;
	content:"";
	z-index: 2;
	background: #1C92CC;
	width: 130%;
	height: 140px;
	transform: rotate(3deg);
}

.front-services .service-six div img {
	position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 4;
    width: 70px;
    height: auto;
}

.front-services .service-seven {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-seven div h3 {
	font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-seven div {
	background: url('../johnblackandson/img/medical.jpg');
	background-size: 100%;
	background-position-x: 0px;
	background-position-y: 0px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.2s linear;
}

.front-services .service-seven div:hover {
	background-position-y: -20px;
}

.front-services .service-seven div .overlay {
	position: absolute;
	bottom: -40px;
	left: -30px;
	padding: 3em;
	content:"";
	z-index: 2;
	background: #002B64;
	width: 130%;
	height: 140px;
	transform: rotate(3deg);
}

.front-services .service-seven div img {
	position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 4;
    width: 70px;
    height: auto;
}

.front-services .service-eight {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-eight  div h3 {
	font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-eight div {
	background: url('../johnblackandson/img/besn.jpg');
	background-size: 100%;
	background-position-x: 0px;
	background-position-y: 0px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.2s linear;
}

.front-services .service-eight div:hover {
	background-position-y: -20px;
}

.front-services .service-eight div .overlay {
	position: absolute;
	bottom: -40px;
	left: -30px;
	padding: 3em;
	content:"";
	z-index: 2;
	background: #C97FA2;
	width: 130%;
	height: 140px;
	transform: rotate(3deg);
}

.front-services .service-eight div img {
	position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 4;
    width: 70px;
    height: auto;
}

.front-services .service-nine {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-nine div h3 {
    font-size: 26px;
    color: #FFFFFF;	
    position: absolute;
    bottom: 15px;
    right: 25px;
    z-index: 3;
    text-align: right;
    font-weight: 900;
    line-height: 27px;
}

.front-services .service-nine div {
	background: url('../johnblackandson/img/mimg/m-service-10.jpg');
	background-size: 100%;
	background-position-x: 0px;
	background-position-y: 0px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.front-services .service-nine div .overlay {
	position: absolute;
	bottom: -30px;
	right: -30px;
	padding: 3em;
	content:"";
	z-index: 2;
	background: #BBB8DC;
	width: 130%;
	height: 140px;
	transform: rotate(-3deg);
}

.front-services .service-nine div img {
	position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 4;
    width: 70px;
    height: auto;
}

.front-services .service-ten {
	display: block;
	padding: 10px;
	overflow: hidden;
}

.front-services .service-ten div h3 {
    font-size: 26px;
    color: #FFFFFF;	
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 3;
    text-align: left;
    font-weight: 900;
    line-height: 27px;
}

.recycle-bg {
	background: url('../johnblackandson/img/recycling.jpg') !important;
}

.front-services .service-ten div {
	background: url('../johnblackandson/img/service-one.jpg');
	background-size: 100%;
	background-position-x: 0px;
	background-position-y: -20px;
	height: 225px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.front-services .service-ten div .overlay {
    position: absolute;
    bottom: -23px;
    left: -30px;
    padding: 3em;
    content: "";
    z-index: 2;
    background: #E66A1F;
    width: 130%;
    height: 140px;
    transform: rotate(2deg);
}

.front-services .service-ten div img {
	position: absolute;
    bottom: 20px;
    right: 15px;
    z-index: 4;
    width: 45px;
    height: auto;
}

.front-info {
	float: left;
	width: 100%;
	padding: 2em 0em;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #2c2c2c;
	font-family: 'Ubuntu', sans-serif;
	-webkit-box-shadow: inset 0px 0px 57px -19px rgba(44,44,44,0.73);
	-moz-box-shadow: inset 0px 0px 57px -19px rgba(44,44,44,0.73);
	box-shadow: inset 0px 0px 57px -19px rgba(44,44,44,0.73);
}

@media (min-width: 767px) {
	.front-info {
	padding: 3em;		
	}
}

.front-info h3 {
	color: #2c2c2c;
	font-size: 33px;
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}

.front-info h4 {
	color: #ED1C24;
	font-size: 33px;
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}

.front-info .fa {
	color:#ED1C24;
	font-size: 22px;
	display: inline-block;
	margin-bottom: 1em;
}

.front-info hr {
    border-top: 2px solid #ED1C24;
    display: block;
    width: 100%;
    margin: 3em 0em;
}

.front-form {
	float: right;
	background: #ED1C24;
	padding: 2em 2em 2em 2em;
	margin-top: 2em;
	width: 100%;
	-webkit-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
    -moz-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
    box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
}

@media (min-width: 768px) {
	.front-form {
	width: 90%;	
	padding: 2em 2em 2em 2em;
	margin-top: 0px;	
	}
}

.front-form h3 {
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	text-align: center;
	color: #FFFFFF !important;
	margin-bottom: 1em;
	display: block;
	width: 100%;
}

.front-form input {
	display: block;
	width: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 0px;
}

.front-form textarea {
	display: block;
	width: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	padding: 1em;
	height: 90px;
	border: 0px;
}

.front-form input[type="submit"] {
	background: #2c2c2c;
	color: #FFFFFF;
	border: 0px;
	font-size: 18px;
	transition: all 0.2s linear;
}

.front-form input[type="submit"]:hover {
	background: #FFCC4E;
	color: #2c2c2c;
}

div.wpcf7 img.ajax-loader {
	display: none;
}

.map {
	float: left;
	width: 100%;
}

.map .container-fluid {
	margin: 0px !important;
	padding: 0px !important;
}

footer {
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding: 3em 0px;
	font-weight: 600;
	font-size: 1.4em;
	font-family: 'Ubuntu', sans-serif;
	display: none;
}

@media (min-width: 767px) {
	footer {
	display: block;
	}	
}

footer img {
	width: 120px;
	height: auto;
}

footer .accreditations img {
	width: 100%;
	height: auto;
}

.contact-info-inner {
	float: left;
	width: 100%;
}

.contact-info h5 {
	display: block;
	width: 100%;
	font-size: 1.2em;
	font-weight: 900;
	color:#ED1C24;
}

.contact-info p {
		display: block;
	width: 100%;
}

.contact-info a {
	display: block;
	width: 100%;
}

.contact-info b {
	font-weight: 900;
}

.copyright {
	float: left;
	width: 100%;
	background: #2c2c2c;
	padding: 1em;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
}

@media (min-width: 650px) {
	.copyright {
		text-align: left;
	}
}

.copyright a {
	color: #FFFFFF;	
	width: 100%;
	display: block;
	margin: 5px 0px;
}

@media (min-width: 650px) {
	.copyright a {
	color: #FFFFFF;	
	display: inline-block;
	width: auto;
	margin: 0px 0px;
}
}

.copyright span {
	display: none;
	margin: 0px 1em;
}

@media (min-width: 650px) {
	.copyright span {
	display: inline-block;
}
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.inner-shop {
	float: left;
	width: 100%;
	padding: 0em 0em 4em 0em;
	background: #e8e8e8;
}

.inner-shop h1 {
    color: #2c2c2c;
    font-size: 33px;
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
    padding-left: 15px;
}

.woocommerce-result-count {
	display: none;
}

.woocommerce-ordering{
	float: none !important;
}

.product-inner {
	width: 100%;
	text-align: center;
	padding: 10px;
	-webkit-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
	-moz-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
	box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
	background: #FFFFFF;
	cursor: pointer !important;
}

.product-inner img {
	width: auto;
	height: 200px;
}

.inner-shop .col-lg-3, .inner-shop .col-md-6, .inner-shop .col-sm-12 {
	padding-bottom: 30px;
}

.related-products-loop .col-lg-3, .related-products-loop .col-md-6, .related-products-loop .col-sm-12 {
	padding-bottom: 30px;	
}

.inner-shop a, .related-products-loop a {
	width: 100%;
	background: #CD007A !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	border-radius: 0px !important;
	display: block;
	padding: 10px;
	font-weight: 600;
	padding: 20px !important;
	text-decoration: none;
}

.inner-shop mark {
	display: none;
}

.inner-shop h3, .related-products-loop h3 {
	height: 100px;
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}

.related-products-loop {
	float: left;
	width: 100%;
	background: #e8e8e8;
	padding: 4em 0px 6em 0px;
}

.related-products-loop h2 {
	float: left;
	width: 100%;
	color: #2c2c2c;
    font-size: 33px;
    display: block;
    margin-bottom: 0.75em;
   	font-family: 'Ubuntu', sans-serif;
   	padding-left: 15px;
}

.description_tab {
	display: none !important;
}




.inner-content {
	float: left;
	width: 100%;
	padding: 2em 0em;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #2c2c2c;
	font-family: 'Ubuntu', sans-serif;
	background: #e8e8e8;
}

@media (min-width: 767px) {
	.inner-content {
	padding: 3em;		
	}
}

.inner-content img {
	border: 2px solid #e8e8e8;
}

.inner-content h3 {
	color: #2c2c2c;
	font-size: 33px;
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}

.inner-content h4 {
	color: #ED1C24;
	font-size: 33px;
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}

.inner-content .fa {
	color:#ED1C24;
	font-size: 22px;
	display: inline-block;
	margin-bottom: 1em;
}

.inner-content hr {
    border-top: 2px solid #ED1C24;
    display: block;
    width: 100%;
    margin: 3em 0em;
}

.inner-form {
	float: right;
	background: #ED1C24;
	padding: 2em;
	width: 100%;
	margin-top: 30px;
	-webkit-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
    -moz-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
    box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
}

@media (min-width: 767px) {
	.inner-form {
	width: 90%;		
	margin-top: 0px;
	}
}

.inner-form h3 {
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 1em;
	display: block;
	width: 100%;
}

.inner-form input {
	display: block;
	width: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	padding: 1em;
	border: 0px;
}

.inner-form textarea {
	display: block;
	width: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	padding: 1em;
	height: 90px;
	border: 0px;
}

.inner-form input[type="submit"] {
	background: #2c2c2c;
	color: #FFFFFF;
	border: 0px;
	font-size: 18px;
	transition: all 0.2s linear;
}

.inner-form input[type="submit"]:hover {
	background: #FFCC4E;
	color: #2c2c2c;
}

#breadcrumbs {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#breadcrumbs li {
	display: inline-block;
	font-weight: 600;
	padding: 0px 7px 0px 0px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
}

.inner-shop-bread {
	float: left;
	width: 100%;
	padding: 2em 0em;
	background: #e8e8e8;
}

.white {
	background: #FFFFFF !important;
}

.mobile-header {
	float: left;
	width: 100%;
	padding: 2em 0em;
	display: block;
}

@media (min-width: 500px) {
	.mobile-header {
		display: none;
	}
}

.mobile-header span {
	font-size: 25px;
    font-weight: 900;
    color: #ED1C24;
    text-align: right;
    width: 100%;
    float: right;
    margin-top: 15px;
}

.mobile-header .fa {
    margin: 0px 0.25em 0px 0.75em;
}

.mobile-header-nav {
	float: left;
	width: 100%;
	background: red;
	padding: 12px 0px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
	text-align: right;
	display: block;
}

@media (min-width: 768px) {
	.mobile-header-nav {
		display: none;
	}
}

.mobile-header-nav .fa {
	margin-left: 3px;
}

.mobile-header-nav .col-4 {
	padding-top: 5px;
}

.footer-bottom {
	float: left;
	width: 100%;
}

.footer-bottom {
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding: 3em 0px;
	font-weight: 600;
	font-size: 1.4em;
	font-family: 'Ubuntu', sans-serif;
	display: block;
	text-align: center;
}

.footer-bottom a {
	display: block;
	margin: 10px auto;
}

.footer-bottom img {
	display: block;
	margin: 10px auto;
}

@media (min-width: 767px) {
	.footer-bottom {
	display: none;
	}	
}

.mobile-front-services {
	float: left;
	width: 100%;
	padding: 0em 0em 4em 0em;
	display: block;
}

@media (min-width: 768px) {
	.mobile-front-services {
	padding: 4em 0em 4em 0em;		
	}
}

@media (min-width: 1070px) {
	.mobile-front-services	{
		display: none;
	}
}

#mobile-front-services h3 {
	font-size: 22px;
    color: #FFFFFF;
   	font-family: 'Ubuntu', sans-serif;
   	padding: 10px;
   	color: #FFFFFF;
   	text-transform: uppercase;
   	height: 100px;
}

#mobile-front-services .col-sm-12 {
		margin-bottom: 30px;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-one.hvr-float > div > h3 {
	background: #CD007A;	
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-two.hvr-float > div > h3 {
	background: #E66A1F;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-three.hvr-float > div > h3 {
	background: #7C8D97;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-four.hvr-float > div > h3 {
	background: #BA141A;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-five.hvr-float > div > h3 {
	background: #FFCC4E;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-six.hvr-float > div > h3 {
	background: #1C92CC;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-seven.hvr-float > div > h3 {
	background: #002B64;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-eight.hvr-float > div > h3 {
	background: #C97FA2;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-ten.hvr-float > div > h3 {
	background: #008641;
}

#mobile-front-services > div > div > div > div > div.col-lg-4.col-md-6.col-sm-12.service-nine.hvr-float > div > h3 {
	background: #BBB8DC;	
}

.mobile-menu {
	float: left;
	width: 100%;
	background: #2c2c2c;
	display: none;
}

.mobile-menu ul {
	margin: 0px;
	padding: 30px 0px;
	float: left;
	width: 100%;
}

.mobile-menu ul li {
	float: left;
	width: 100%;
	margin: 3px 0px;
}

.mobile-menu ul li a {
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	width: 100%;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
}

.mobile-menu ul li .sub-menu {
	display: none;
}

.category-link {
	display: block;
	width: 100%;
	margin-top: 10px;
}

.mobile-tag {
	float: left;
	width: 100%;
	padding: 30px;
	text-align: center;
	font-size: 17px;
    font-weight: 900;
    color: #ED1C24;
    display: block;
}

@media (min-width: 768px) {
	.mobile-tag {
		display: none;
	}
}

.front-para {
	float: left;
	width: 100%;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    display: none;
}

@media (min-width: 1255px) {
	.front-para {
		display: block;
	}
}

.front-para h3 {
	color: #FFFFFF;
    font-size: 33px;
    display: block;
    width: 100%;
    margin-bottom: 0.5em;
}

.parallax-window {
    min-height: 470px;
    background: transparent;
}

.para-text {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}

.para-text-inner {
	display: block;
	width: 1140px;
	margin: 0px auto;
}

.para-text-inner-left {
	float: left;
	width: 50%;
	padding: 4em 0em 4em 0em;
}

.para-text-inner-right {
	float: left;
	width: 50%;
	padding: 4em 0em 4em 0em;
}

.woocommerce-ordering {
	display: none !important;
}

.product-cta {
	float: left;
	width: 100%;
	padding: 20px;
	background: #002B64;
	color:#FFFFFF;
	-webkit-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
    -moz-box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
    box-shadow: 10px 10px 0px -1px rgba(197,197,197,1);
}

.product-cta h2 {
	font-size: 26px;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px !important;
	padding: 0px;
	line-height: 30px !important;
	width: 100%;
	float: left;
}

.product-cta p {
	font-size: 22px;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px 0px;
	padding: 0px;
	font-weight: 400;
	width: 100%;
	float: left;
	line-height: 26px !important;
}

.product-cta .fa {
	margin-bottom: 0px;
	color:#FFCC4E;
}

.product-cta p a {
	color: #FFCC4E;
}

.geo-lis h1 {
    margin-top: 25px !important;
    margin-bottom: 20px !important;
    font-size: 21px;
}

.wpcf7-quiz-label {
color: #ffffff !important;
font-size: 12px;
}

#container {
	float: left !important;
	width: 100% !important;
}