/**
Theme Name: TrueRV

Author: Shipilin.com
Author URI: https://shipilin.com/
Description: Custom Theme for TureRV.net
Version: 1.0
Text Domain: truerv

**/


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
h2{
	text-align:center;
	color:#A98C72;
	font-size:96px;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

.container {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.smallContainer {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}



.mainContainer,.largeContainer {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;

}
@media(max-width:1200px){
	.mainContainer,.largeContainer {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
}


body {
	font-family: "Outfit", sans-serif;
	position: relative;
	overflow-x: hidden;

	background-color: #fff;
}


h1,
h2,
h3,
h4,
h5 {
	font-family: 'Literature Decor', serif; 
	font-weight: normal; 
	font-style: normal;
}

h1 {
	font-size: 48px;
	color: #001E80;
}

h1 em {
	font-style: italic;
}

h2 {
	font-size: 96px;

	line-height: 1.2em;
	margin: 0;
	color:#A98C72;
}

em {
	font-style: italic;
}

h3 {
	font-size: 32px;
	font-weight: 800;
	color: #A9121D;
	margin: 30px 0 20px;
}

h3 em {
	font-style: italic;
}

h4 {
	font-size: 32px;
	color: #001D40;
	line-height: 1.3em;
	font-weight: 600;
	margin-top: 40px;
}

h4 em {
	font-style: italic;
}

h5 {
	display: inline-block;
	line-height: 20px;
	font-size: 24px;
	color: #3D3D3D;
	font-weight: 800;
	margin: 0;
	position: relative;
}

h5 em {
	font-style: italic;
}



p {
	
	font-size: 20px;
	font-weight: 400;
	color: #3D3D3D;
}




/*
table{
	border:none;
}
table tr:nth-child(even) td{
	background:#EFEFEF;
	overflow:hidden;
}
table tr td{
	padding: 29px 18px;
	font-size: 18px;
	font-weight: 500;
	border:none;
}
table tr:first-child td{
	padding: 13px 18px;
	background: #702EB9;
	color:#fff;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	border: 4px solid #fff;
}
table tr:not(:first-child) td:first-child{
	border-radius: 10px 0 0 10px;
}
table tr:not(:first-child) td:last-child{
	border-radius: 0 10px 10px 0;
}
table.grey tr td,
table.gray tr td{
	padding: 29px 18px;
	background:#EFEFEF;
	color:#000;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	border: 4px solid #fff;
}
@media(max-width: 1024px){
	table tr:first-child td,
	table tr td{
		font-size: 16px;
		padding: 10px;
	}
}
@media(max-width: 960px){
	table tr:first-child td,
	table tr td{
		border:2px solid #fff;
		font-size: 14px;
		padding: 10px 6px;
	}
}
@media(max-width: 768px){
	table tr:first-child td,
	table tr td{
		font-size: 13px;
		padding: 6px;
	}
}
@media(max-width: 480px){
	table tr:first-child td,
	table tr td{
		border:1px solid #fff;
		font-size: 12px;
		padding: 5px;
	}
}
@media(max-width: 413px){
	table tr:first-child td,
	table tr td{
		font-size: 10px;
	}
}
*/
.bx-wrapper .bx-controls-direction a {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: none;
	border: 2px solid #404040;
	opacity: 0.3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: rotate(45deg);
}

.bx-wrapper .bx-controls-direction a:hover {
	opacity: 0.7;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
	left: -100px;
	border-right: none;
	border-top: none;
}

.bx-wrapper .bx-controls-direction a.bx-next {
	right: -100px;
	border-left: none;
	border-bottom: none;
}

.history_carousel .bx-wrapper .bx-controls-direction a {
	margin-top: 170px;
}


.btn,
input[type="submit"] {
	-webkit-apperance: none;
	-moz-apperance: none;
	display: inline-block;
	border: none;
	border-radius: 30px;
	background: #404040;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	padding: 15px 60px;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
}

.btn:hover,
input[type="submit"]:hover {
	background: #2C82C1;
}

.btn.btnCta,
.btn.ctaBtn {
	padding-right: 40px;
}

.btn.btnCta:after,
.btn.ctaBtn:after {
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	position: absolute;
	right: 20px;
	margin-top: -4px;
	top: 50%;
	transform: rotate(45deg);
	border-left: none;
	border-bottom: none;
}


.btn.btnClearTeal {
	color: #43ACC0;
	border: 2px solid #43ACC0;
	background: none;
	font-size: 16px;
	font-weight: 800;
	line-height: 18px;
}

.btn.btnClearTeal:hover {
	color: #fff;
	border-color: #FC8E03;
	background: #FC8E03;
}

.btn.btnClearTeal.btnCta:after,
.btn.btnClearTeal.ctaBtn:after {
	border-color: #43ACC0;
}

.btn.btnClearTeal.btnCta:hover:after,
.btn.btnClearTeal.ctaBtn:hover:after {
	border-color: #fff;
}

.btn.btnClearBlack {
	color: #000;
	border: 2px solid #000;
	background: none;
	font-size: 16px;
	font-weight: 800;
	line-height: 18px;
}

.btn.btnClearBlack.btnCta:after,
.btn.btnClearBlack.ctaBtn:after {
	border-color: #000;
}

.btn.btnOrange {
	color: #fff;
	border: 2px solid #fff;
	background: #FA8D25;
	font-size: 16px;
	font-weight: 800;
	line-height: 18px;
}

.btn.btnClearWhite {
	color: #fff;
	border: 2px solid #fff;
	background: none;
	font-size: 16px;
	font-weight: 800;
	line-height: 18px;
}

.btn.btnClearWhite:hover {
	background: #000;
}


.btnGrey,
input[type="submit"].btnGrey {
	display: inline-block;
	color: #fff;
	letter-spacing: 1px;
	background: #555555;
	padding: 10px 30px;
	border-radius: 8px;
	font-weight: 600;
	text-transform: uppercase;
}

.btnTeal,
input[type="submit"].btnTeal {
	background: #2EACC3;
}

.btn.btnBlack,
input[type="submit"].btn.btnBlack {
	color: #fff;
	background: #404040;
}

.btn.btnBlue,
input[type="submit"].btnBlue,
.btn.btnBlack:hover,
input[type="submit"].btn.btnBlack:hover {
	background: #0053A0;
}

.btn.btnKoffe,
input[type="submit"].btnKoffe {
	background: #A98C72;
	border:1px solid #A98C72;
}

.btn.btnKoffe:hover,
input[type="submit"].btnKoffe:hover {
	background: transparent;
	color:white;
	border:1px solid white;
}
.btn.btnKoffe2,
input[type="submit"].btnKoffe2 {
	background: white;
	border:1px solid #A98C72;
	color:#A98C72;
}

.btn.btnKoffe3,
input[type="submit"].btnKoffe3 {
	background: #A98C72;
	border:1px solid #A98C72;
	color:white;
}






.loadMoreBtn {
	display: block;
	width: 200px;
	margin: 100px auto;
}

.loadMoreBtn:hover {
	background: #C33226;
	border-color: #C33226;
	color: #fff;
}

/*TOOLTIP*/
*[data-tooltip].tiptop:before,
*[data-tooltip].tiptop:after {
	transform: translateY(10px);
}

*[data-tooltip].tiptop:hover:after,
*[data-tooltip].tiptop:hover:before {
	transform: translateY(0px);
}

*[data-tooltip].tipright:before,
*[data-tooltip].tipright:after {
	transform: translateX(0px);
}

*[data-tooltip].tipright:hover:after,
*[data-tooltip].tipright:hover:before {
	transform: translateX(10px);
}

*[data-tooltip].tipbottom:before,
*[data-tooltip].tipbottom:after {
	transform: translateY(-10px);
}

*[data-tooltip].tipbottom:after {
	bottom: -10px;
}

*[data-tooltip].tipbottom:before {
	bottom: -35px;
}

*[data-tooltip].tipbottom:hover:after,
*[data-tooltip].tipbottom:hover:before {
	transform: translateY(0px);
}

*[data-tooltip].tipleft:before,
*[data-tooltip].tipleft:after {
	transform: translateX(0px);
}

*[data-tooltip].tipleft:hover:after,
*[data-tooltip].tipleft:hover:before {
	transform: translateX(-10px);
}

*[data-tooltip] {
	position: relative;
}

*[data-tooltip]:after,
*[data-tooltip]:before {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: transform 200ms ease, opacity 200ms;
	z-index: 99;
	pointer-events: none;
}

*[data-tooltip]:before {
	content: attr(data-tooltip);
	background: #6D00CB;
	color: #fff;
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	padding: 10px 15px;
	border-radius: 20px;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

*[data-tooltip]:after {
	width: 0;
	height: 0;
	border: 6px solid transparent;
	content: '';
}

*[data-tooltip]:hover:after,
*[data-tooltip]:hover:before {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

*[data-tooltip][data-position="top"]:before {
	bottom: 100%;
	left: -130%;
	margin-bottom: 10px;
}

*[data-tooltip][data-position="top"]:after {
	border-top-color: #6D00CB;
	border-bottom: none;
	bottom: 101%;
	left: calc(50% - 6px);
	margin-bottom: 4px;
}

*[data-tooltip][data-position="left"]:before {
	top: -12%;
	right: 100%;
	margin-right: 10px;
}

*[data-tooltip][data-position="left"]:after {
	border-left-color: #6D00CB;
	border-right: none;
	top: calc(50% - 3px);
	right: 100%;
	margin-top: -6px;
	margin-right: 4px;
}

*[data-tooltip][data-position="right"]:before {
	top: -5%;
	left: 100%;
	margin-left: 10px;
}

a[data-tooltip][data-position="right"]:after {
	border-right-color: #6D00CB;
	border-left: none;
	top: calc(50% - 6px);
	left: calc(100% + 4px);
}

a[data-tooltip][data-position="bottom"]:before {
	top: 100%;
	left: -130%;
	margin-top: 8px;
}

a[data-tooltip][data-position="bottom"]:after {
	border-bottom-color: #6D00CB;
	border-top: none;
	top: 100%;
	left: 5px;
	margin-top: 4px;
}

/*END TOOLTIP*/

.twentyPercent {
	width: 20%;
}

.two-columns {
	-webkit-column-count: 2;
	/* Chrome, Safari, Opera */
	-moz-column-count: 2;
	/* Firefox */
	column-count: 2;
	-webkit-column-gap: 30px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 30px;
	/* Firefox */
	column-gap: 30px;
}

.three-columns {
	-webkit-column-count: 3;
	/* Chrome, Safari, Opera */
	-moz-column-count: 3;
	/* Firefox */
	column-count: 3;
	-webkit-column-gap: 30px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 30px;
	/* Firefox */
	column-gap: 30px;
}

.four-columns {
	-webkit-column-count: 4;
	/* Chrome, Safari, Opera */
	-moz-column-count: 4;
	/* Firefox */
	column-count: 4;
	-webkit-column-gap: 30px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 30px;
	/* Firefox */
	column-gap: 30px;
}

.wysiwyg>h2:first-child,
.wysiwyg>h3:first-child {
	margin-top: 0;
	font-family: 'Work Sans', sans-serif;
}

.wysiwyg h3 {
	font-size: 46px;
	line-height: 1.2em;
	font-weight: 300;
	margin-top: 0;
}

.wysiwyg h5 {
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 700;
	color: #be3c41;
}

.wysiwyg img {
	max-width: 100%;
}

.blockquote blockquote {
	padding: 100px 0;
	position: relative;
}

.blockquote h3 {
	font-weight: 900;
	font-size: 40px;
	letter-spacing: 1px;
	color: #000;
	margin: 10px 0;
}

.blockquote p {
	color: #3DACC1;
	font-family: 'Lora', sans-serif;
	font-weight: 300;
	font-size: 28px;
}

.blockquote blockquote:before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -50px;
	background: #36ACC2 url(images/quotes_icon.svg)no-repeat center;
	border-radius: 50%;
}


/******************PRE-HEADER*******************/
/*#preHeader {
	display: block;
	height: 35px;
	width: 100%;
	background: #342E2B;
	overflow: hidden;
}

#preHeader .largeContainer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 100%;
	background: #342E2B;
	color: #fff;
}

#preHeader #headPhone {
	display: inline-block;
	height: 100%;
	position: relative;
	z-index: 100;
	background: #A9121D;
	padding-right: 30px;
}

#preHeader #headPhone a {
	display: inline-block;
	color: #fff;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 35px;
}

#preHeader #headPhone i {
	display: inline;
	position: relative;
	top: 5px;
}

#preHeader #headPhone:before {
	content: '';
	display: block;
	width: 20000px;
	background: #A9121D;
	position: absolute;
	right: 100%;
	top: 0;
	height: 100%;
}

#preHeader #headPhone:after {
	content: '';
	display: block;
	width: 20px;
	background: #A9121D;
	position: absolute;
	left: calc(100% - 10px);
	top: 0;
	height: 100%;
	transform: skew(-15deg, 0deg);
}

#preHeader #headAddress {
	display: inline-block;
	height: 100%;
	position: relative;
}

#preHeader #headAddress>a.address {
	display: inline-block;
	position: relative;
	color: #fff;
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 35px;
}

#preHeader #headAddress i {
	display: inline;
	position: relative;
	top: 2px;
	font-size: 14px;
	color: #EE3A43;

}

#preHeader #headAddress .follow {
	padding: 0 15px;
}

#preHeader #headAddress .follow i {
	top: 1px;
	margin-right: 6px;
}

#preHeader #headAddress a:before {
	content: '';
	display: block;
	width: 20px;
	border-left: 2px solid #707070;
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 99;
	height: 100%;
	transform: skew(-15deg, 0deg);
}

#preHeader #headAddress a:not(:last-child) {
	margin-right: 35px;
}

@media(max-width: 1605px) {
	#preHeader #headPhone a {
		padding-left: 10px;
	}

	#preHeader #headAddress a:last-child {
		padding-right: 10px;
	}
}

*/


ul.extNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: right;
}

ul.extNav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

ul.extNav li a {
	display: block;
	padding: 13px 10px 14px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.single ul.extNav li a {
	padding: 10px 10px 9px;
}

ul.extNav li:hover a {
	color: #fff;
}

ul.extNav li.currentSite a {
	color: #F88D35;
	cursor: default;
	pointer-events: none;
}


#mainNavMenu {
	display: inline-block;
	vertical-align: top;
	float: left;
}

@media(max-width: 1024px) {
    #mainNavMenu {
        float: none;
    }
}

#mobileMenu {
	display: none;
}

.hamburger {
	display: none;
	vertical-align: top;
	width: 75px;
	height: 75px;
	margin: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	background: transparent;
	font-size: 12px;
	text-align: center;
	line-height: 100px;
}

.hamburger:after {
	content:" ";
	display: block;
	position: absolute;
	width:43px;
	height:49px;
	top:10px;
	background: url(images/hamburger_icon.svg) no-repeat center left / contain;
	
}

.call {
	display: none;
	width: 75px;
	height: 75px;
	background: #2E2E2E;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}

@media(max-width: 1024px) {
    .call {
        right: 76px;
    }
}

.call i {
	display: block;
	margin-top: 16px;
	width: 100%;
}

#topNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}

#topNav>li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	float: left;
	position: relative;
}

#topNav li a {
	display: block;
	font-size: 16px;
	font-weight: 900;
	color: #333C4B;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

#topNav>li>a {
	padding: 0 20px;
	height: 80px;
	line-height: 80px;
	font-family: "Golos Text";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color:#A98C72;

}

/*CHRISTMAS
#topNav>li>a{
    color: #fff;
}*/

#topNav>li:last-child>a {
	padding-right: 0;
}

@media(max-width: 1605px) {
	#topNav>li:last-child>a {
		padding-right: 10px;
	}
}

#topNav li.menu-item-has-children,
#topNav li.menu-item-has-children a {
	position: relative;
	display: block;
}

#topNav li.menu-item-has-children>a:after {
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: 20px;
	transform: rotate(45deg);
	border-left: none;
	border-top: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.scrolled #topNav li.current_page_parent>a:after,
.scrolled #topNav li.menu-item-has-children>a:after {
	bottom: 15px;
}

#topNav li.menu-item-has-children:hover:after {
	border: 2px solid #fff;
	border-bottom: none;
	border-right: none;
	bottom: 20px;
}

#topNav li.menu-item-has-children ul.sub-menu {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1000;
}

#topNav>li.open>a,
#topNav>li:hover>a,
#topNav li.current-menu-ancestor>a,
#topNav li.current_page_ancestor>a,
#topNav li.current_page_item>a,
#topNav li.current_page_parent>a {
	color: #A98C72;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
}

#topNav li.open>ul.sub-menu,
#topNav li:hover>ul.sub-menu {
	display: block;
	min-width: 270px;
}

#topNav>li>ul.sub-menu li {
	margin: 0;
	padding: 0;
	width: 100%;
}

#topNav>li>ul.sub-menu li a {
	color: #fff;
	background: #C33226;
	display: block;
	padding: 13px 20px;
}

#topNav>li>ul.sub-menu li:hover>a {
	background: #87221A;
}

#topNav li.menu-item-has-children ul.sub-menu li.menu-item-has-children>a:after {
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid rgba(0, 0, 0, 0.5);
	position: absolute;
	left: auto;
	right: 20px;
	margin-left: 0;
	bottom: 50%;
	margin-bottom: -4px;
	transform: rotate(45deg);
	border-left: none;
	border-bottom: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topNav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul {

	overflow: hidden;
}

#topNav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
	display: none;
}

#topNav li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
}

#masthead {
	width: 100%;
	display: block;
	/*background: url(images/red_background_christmas.jpg)no-repeat center / cover;*/
	/*background: url(images/flag_faded_bg.jpg)no-repeat center / cover;*/
	/*-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 80px;
}

#masthead:after {
	content: '';
	display: table;
	clear: both;
}

.scrolled #masthead {
	height: 77px;
}

#masthead .largeContainer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

#masthead p.site-title {
	display: flex;
	width: 425px;
	height: 85px;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	align-items: center;
	z-index:4;
}

@media(max-width: 1024px) {
    #masthead p.site-title {
        display: none;
    }
}

#masthead p.site-title a {
	display: block;
	width: 425px;
	height: 60px;
	text-indent: -5000px;
	background: url(images/krem-logo-koffe.svg)no-repeat center left / contain;
	/*background: url(images/TrueRV-Logo@3x_christmas.png)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_easter.jpg)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_memorial-day.png)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_fathers_day.jpg)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_independenceDay.png)no-repeat center left / contain;*/

	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#masthead p.mobile-site-title {
	display: none;
	width: 360px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 15px;
}

@media(max-width: 1024px) {
	#masthead p.mobile-site-title {
        position: relative;	    
	}
}

@media(max-width: 530px) {
	#masthead p.mobile-site-title {
		height: 75px;
		width: calc(100% - 180px);
	}
	
	.hamburger:after{
		width:32px;
		height:32px;
	}
	.hamburger:after{top:21px;right: 20px;}
}

#masthead p.mobile-site-title a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	background: url(images/krem-logo-koffe.svg) no-repeat center left / contain;
	/*background: url(images/TrueRV-Logo@3x_christmas.png)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_easter.jpg)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_memorial-day.png)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_fathers_day.jpg)no-repeat center left / contain;*/
	/*background: url(images/TrueRV-Logo@3x_independenceDay.png)no-repeat center left / contain;*/
}

.error404 h2 {
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	font-weight: 900;
	font-size: 120px;
	margin-top: 10vh;
}

.error404 #primary {
	background: url(/wp-content/uploads/2019/01/iStock-881484382-Resized.jpg)no-repeat center / cover;
	position: relative;
}

.error404 #primary:before {
	content: '';
	display: block;
	width: 200%;
	height: 200%;
	position: absolute;
	left: 0;
	bottom: 60%;
	z-index: 100;
	transform: skewY(-12deg);
	pointer-events: none;
	background: rgba(0, 0, 0, 0.7);
}

@media(max-width: 2300px) {
	.error404 #primary:before {
		bottom: 50%;
	}
}

@media(max-width: 1024px) {
	.error404 #primary:before {
		bottom: 40%;
	}
}

@media(max-width: 768px) {
	.error404 #primary:before {
		bottom: 30%;
	}
	#masthead p.mobile-site-title a{
		max-width: 110px;
	}
}

.error404 #primary p {
	font-family: 'Raleway', sans-serif !important;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	margin: 20px 0 60px;
}

.error404 #primary .btn+.btn {
	margin-left: 20px;
}

.error404 #primary .mainContent {
	position: relative;
	z-index: 150;
}

#rvCategories {
	margin-top: -20px;
	position: relative;
	z-index: 100 !important;
}

#rvCategories .container {
	padding: 14px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

#rvCategories .container h3 {
	text-align: center;
	color: #A9121D;
	font-size: 22px;
	font-weight: 900;
	margin: 0;
}

.rvCatsSelector {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.rvCatsSelector li {
	margin: 0;
	width: 14%;
	text-align: center;
}

.rvCatsSelector a {
	text-align: center;
}

.rvCatsSelector a span {
	display: block;
	clear: both;
	font-size: 16px;
	font-weight: 500;
	color: #A9121D;
}

@media(max-width: 1300px) {
	#rvCategories {
		width: calc(100% - 30px);
		margin: -20px 15px 0;
	}
}

@media(max-width: 860px) {
	.rvCatsSelector li {
		padding: 0 1%;
	}
}

@media(max-width: 767px) {
	.rvCatsSelector {
		flex-flow: row wrap;
	}

	.rvCatsSelector li {
		padding: 0;
		width: 25%;
	}
}

@media(max-width: 580px) {
	.rvCatsSelector li {
		width: 33%;
	}
}

@media(max-width: 460px) {
	.rvCatsSelector li {
		width: 50%;
	}
}

.sectionBanner h3 {
	font-size: 45px;
	font-weight: 900;
}

.sectionBanner .contentCol h3 {
	font-size: 55px;
}

.sectionBanner p {
	font-size: 18px;
	font-weight: 400;
}

.sectionBanner .contentCol p {
	font-size: 24px;
}

.sectionBanner .btn {
	margin-top: 30px;
}

.sectionBannerWidget {
	display: block;
	padding: 100px 0;
}

.sectionBannerWidget .bannerWidget {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	padding: 0 32px 32px;
	width: 380px;
	max-width: 100%;
}

.sectionBannerWidget .bannerWidget .widgetTag {
	display: inline-block;
	border-radius: 0 0 12px 12px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 10px 12px;
}

.sectionBannerWidget .bannerWidget h4 {
	font-size: 40px;
	font-weight: 900;
	line-height: 38px;
	margin: 24px 0 15px;
}

.sectionBannerWidget .bannerWidget p {
	font-size: 18px;
	margin-bottom: 24px;
}

.sectionBannerWidget .bannerWidget .btn.btnClearBlack {
	padding-right: 40px;
	position: relative;
}

.sectionBannerWidget .bannerWidget .btn.btnClearBlack:after {
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid #000;
	position: absolute;
	right: 20px;
	margin-top: -4px;
	top: 50%;
	transform: rotate(45deg);
	border-left: none;
	border-bottom: none;
}

.sectionBannerWidget .bannerWidget .btn.btnClearBlack:hover {
	color: #fff;
	border-color: #FC8E03;
	background: #FC8E03;
}

.sectionBannerWidget .bannerWidget .btn.btnClearBlack:hover:after {
	border-color: #fff;
}

.sectionCTABar .bar {
	border-radius: 6px;
	overflow: hidden;
}

.sectionCTABar h3 {
	font-size: 30px;
	font-weight: 600;
	margin: 0;
}

.sectionCTABar .btn {
	float: right;
}

@media(max-width: 1024px) {
	.sectionCTABar h3 {
		text-align: center;
		font-size: 24px;
	}

	.sectionCTABar .btn {
		display: block;
		text-align: center;
		margin: 10px auto 0;
		width: 180px;
		float: none;
	}
}

.sectionHeader article {
	padding: 10px 0;
	overflow: hidden;
}

.sectionHeader article h1,
.sectionHeader article h2,
.sectionHeader article h3,
.sectionHeader article h4,
.sectionHeader article h5 {
	margin: 0;
	font-family: 'Work Sans', sans-serif;
}

.sectionHeader article h3 {
	font-family: 'Work Sans', sans-serif;
	font-size: 55px;
	line-height: 1.2;
	color: #404040;
	font-weight: 700;
}

@media(max-width: 640px) {
	.sectionHeader article h3 {
		text-align: center;
	}
}

.sectionHeader article p {
	color: #fff;
	font-family: 'Work Sans', sans-serif;
	font-size: 30px;
}

.sectionHeader article hr {
	margin: 50px 0 100px;
	border: none;
	width: 100%;
	height: 1px;
	background: #ccc;
}

.sectionSeparator article {
	display: block;
	overflow: hidden;
	padding: 30px 0;
}

.sectionSeparator article h3 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 46px;
	letter-spacing: 0;
	color: #fff;
	margin: 30px 0 26px;
}

.sectionSeparator article h4 {
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	margin-top: 22px;
}

.sectionSeparator article .ctaColumn {
	display: block;
	width: 100%;
	padding: 32px 0;
}

.sectionSeparator article .ctaColumn .btn {
	padding: 16px 40px;
	background: #fff;
}

/***********Results Tree************/
.resultsTree {
	display: block;
	clear: both;
	position: relative;
	padding-bottom: 200px;
}

.resultsTree h3 {
	text-align: left;
	font-size: 55px;
	line-height: 1.2em;
	font-weight: 600;
	font-family: 'Work Sans', sans-serif;
	color: #404040;
	padding-bottom: 30px;
	border-bottom: 2px solid #BFBFBF;
	margin-bottom: 180px;
}

.resultsTree h5 {
	font-family: 'Work Sans', sans-serif;
	line-height: 1.4em;
}

.resultsTree .theTree {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

.resultsTree .theTree:before {
	content: '';
	display: block;
	width: 1px;
	height: calc(100% + 200px);
	border-left: 5px dotted #666;
	position: absolute;
	left: 50%;
	top: -100px;
	margin-left: -2px;
}

.resultsTree .theTree .result {
	background: #ccc;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
	left: 50%;
	margin-left: -15px;
	margin-top: 100px;
	overflow: visible;
}

.resultsTree .theTree .result .resultContent {
	display: block;
	width: 500px;
	height: auto;
	background: #F5F5F5;
	padding: 40px 40px 30px;
	position: absolute;
	margin-top: -60px;
}

.resultsTree .theTree .result:nth-child(odd) .resultContent {
	right: 50%;
	margin-right: 60px;
}

.resultsTree .theTree .result:nth-child(odd):before {
	content: '';
	position: absolute;
	right: calc(100% + 15px);
	top: 50%;
	margin-top: -28px;
	width: 0;
	height: 0;
	border-top: 28px solid transparent;
	border-bottom: 28px solid transparent;
	border-left: 30px solid #F5F5F5;
}

.resultsTree .theTree .result:nth-child(even) .resultContent {
	left: 50%;
	margin-left: 60px;
}

.resultsTree .theTree .result:nth-child(even):before {
	content: '';
	position: absolute;
	left: calc(100% + 15px);
	top: 50%;
	margin-top: -28px;
	width: 0;
	height: 0;
	border-top: 28px solid transparent;
	border-bottom: 28px solid transparent;
	border-right: 30px solid #F5F5F5;
}

.resultsTree .theTree .result .resultContent h5 {
	color: #ccc;
	font-size: 35px;
}

.resultsTree .theTree .result .resultContent p {
	color: #404040;
	font-family: 'Work Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
}

/****************LET's HELP*****************/
.letsHelp {
	display: block;
	position: relative;
	width: 100%;
}

.letsHelp .letsHelpContent {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 1200px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

.letsHelp .letsHelpContent .caseStudy {
	width: 48%;
	position: relative;
}

.letsHelp .letsHelpContent .caseStudy .caseStudyPage {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200%;
	height: 0;
	padding-top: 147%;
}

@media(max-width: 1400px) {
	.letsHelp .letsHelpContent .caseStudy {
		width: 48.5%;
	}

	.letsHelp .letsHelpContent .caseStudy .caseStudyPage {
		width: 160%;
		padding-top: 130%;
	}
}

@media(max-width: 1300px) {
	.letsHelp .letsHelpContent .caseStudy {
		width: 49%;
	}

	.letsHelp .letsHelpContent .caseStudy .caseStudyPage {
		width: 150%;
		padding-top: 133%;
	}
}

@media(max-width: 1200px) {
	.letsHelp .letsHelpContent .caseStudy {
		width: 50%;
	}

	.letsHelp .letsHelpContent .caseStudy .caseStudyPage {
		width: 140%;
		padding-top: 136%;
	}
}

.letsHelp .letsHelpContent .caseStudy .caseStudyPage .btn {
	position: absolute;
	right: 12%;
	bottom: 50px;
	height: 64px;
	line-height: 64px;
	line-height: 2.2;
}

.letsHelp .letsHelpContent .helpContent {
	display: flex;
	flex-flow: column nowrap;
	align-items: left;
	justify-content: center;
	padding: 86px 57px 150px;
	color: #fff;
	width: 50%;
	position: relative;
}

.letsHelp .letsHelpContent .helpContent .btnCaseStudy {
	display: none;
}

@media(max-width: 800px) {
	.letsHelp .letsHelpContent .caseStudy {
		display: none;
	}

	.letsHelp .letsHelpContent .helpContent {
		width: 100%;
	}

	.letsHelp .letsHelpContent .helpContent .btnCaseStudy {
		display: inline-block;
	}
}

.letsHelp .letsHelpContent .helpContent p.ctas {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0 57px 50px 57px;
}

.letsHelp .letsHelpContent .helpContent p.ctas a {
	margin-right: 14px;
}

.letsHelp .letsHelpContent .helpContent h3 {
	color: #fff;
	font-size: 55px;
	font-weight: 600;
	margin-top: 0;
	font-family: 'Work Sans', sans-serif;
}

.letsHelp .letsHelpContent .helpContent p {
	color: #fff;
	font-size: 24px;
	line-height: 1.4em;
	font-weight: 300;
	font-family: 'Work Sans', sans-serif;
}

@media(max-width: 1024px) {
	.letsHelp .letsHelpContent .helpContent {
		padding: 40px 57px 150px;
	}

	.letsHelp .letsHelpContent .helpContent h3 {
		font-size: 48px;
	}

	.letsHelp .letsHelpContent .helpContent p {
		font-size: 20px;
	}
}

@media(max-width: 960px) {
	.letsHelp .letsHelpContent .caseStudy .caseStudyPage .btn {
		bottom: 30px;
	}

	.letsHelp .letsHelpContent .helpContent {
		padding: 30px 40px 150px;
	}

	.letsHelp .letsHelpContent .helpContent p.ctas {
		padding: 0 0 30px 40px;
	}

	.letsHelp .letsHelpContent .helpContent h3 {
		font-size: 48px;
	}

	.letsHelp .letsHelpContent .helpContent p {
		font-size: 20px;
	}
}

@media(max-width: 639px) {
	.letsHelp .letsHelpContent .helpContent {
		padding-bottom: 200px;
	}

	.letsHelp .letsHelpContent .helpContent p.ctas a {
		margin-bottom: 20px;
	}
}

@media(max-width: 414px) {
	.letsHelp .letsHelpContent .helpContent {
		padding: 30px 30px 200px;
	}

	.letsHelp .letsHelpContent .helpContent p.ctas {
		padding: 0 0 10px 30px;
	}
}

@media(max-width: 380px) {
	.letsHelp .letsHelpContent .helpContent {
		padding: 30px 30px 260px;
	}
}

.calloutBlock {
	padding: 5% 70px;
}

.calloutBlock h3 {
	font-weight: 900;
	color: #fff;
	font-size: 40px;
	margin: 0 0 15px;
	line-height: 46px;
	letter-spacing: 1px;
}

.calloutBlock h4 {
	text-transform: uppercase;
	margin: 20px 0;
	font-family: 'Work Sans', sans-serif;
}

.calloutBlock p {
	font-size: 18px;
	font-family: 'Work Sans', sans-serif;
}

.calloutBlock .btn {
	margin-top: 40px;
}

.custom-columns-layout {
	display: block;
	clear: both;
}

p {
	margin: 10px 0;
}

strong {
	font-weight: 700;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="number"],
input[type="password"],
select {
	-webkit-appearance: none;
	border: 1px solid #AEAEAE;
	height: 50px;
	background: #fff;
	width: 100%;
	font-family: 'Work Sans', sans-serif;
	padding: 0 10px;
	font-size: 18px;
	margin: 10px 0;
}

textarea {
	-webkit-appearance: none;
	border: 1px solid #AEAEAE;
	height: 300px;
	background: #fff;
	width: 100%;
	font-family: 'Work Sans', sans-serif;
	padding: 10px;
	font-size: 18px;
	margin: 10px 0;
}

a {
	color: #361514;
	text-decoration: none;
}

.eqWrap {
	display: flex;
}

.equalH {
	flex: 1 0 1;
}

.columns-layout .column-inner .column-image h4 {
	margin: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	font-size: 32px;
	font-family: 'Work Sans', sans-serif;
	line-height: 55px;
	margin-top: -55px;
	position: relative;
	z-index: 300;
}

.columns-layout .column-inner {
	min-height: 100%;
}

.columns-layout .column-inner .column-content {
	padding: 15px 25px;
	font-size: 15px;
	color: #5b5b5b;
}

.columns-layout .horizontal {
	margin-bottom: 40px;
}

.columns-layout .horizontal .column-image img {
	margin-bottom: 20px;
	border: 7px solid #fff;
}

.box_shadow {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.round_corners {
	border-radius: 6px;
	overflow: hidden;
}

/*
table{
	margin-bottom: 40px;
	max-width:100%;
}
tr th{
	background: #13619c;
	color:#fff;
}
tr th{
	background: #13619c;
	color:#fff;
}
tr th,
tr td{
	padding: 4px 10px;
	border-collapse:collapse;
	border: 1px solid #ccc;
}*/
ul {
	list-style-type: disc;
}

ul li,
ol li {
	margin: 0 0 0 30px;
}

p {
	font-size: 16px;
	color: #000;
	display: block;
	clear: both;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.videoContainer {
	width: 100%;
	height: 0;
	padding-top: 57%;
	position: absolute;
	left: 0;
	top: 0;
	margin: 10px 0;
}

.videoContainer.jwpepper {
	padding-top: 80%;
}

.subTitle,
.category-article #masthead p.subTitle,
.post-type-archive-portfolio #masthead p.subTitle,
.tax-project-category #masthead p.subTitle,
#masthead p.subTitle {
	font-size: 24px;
	font-weight: 200;
	color: #fff;
}

p.slogan,
p.cta {
	position: relative;
	text-align: right;
	font-size: 20px;
	color: #001E80;
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	margin-top: 46px;
}

p.slogan:after {
	content: '';
	display: block;
	width: 2px;
	height: 60px;
	background: #fff;
	position: absolute;
	right: -50px;
	top: -15px;
}

p.cta {
	margin-top: 36px;
}

#mainNavMenu {
	position: relative;
}

#headNav {
	background: #001E80;
	display: block;
}

#headNav ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin: 0 -30px;
	text-align: center;
}

#headNav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

#headNav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
	padding: 13px 30px;
}



#contactSection {
	display: block;
	padding: 50px 0;
}

#contactSection .largeContainer {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

#contactSection .largeContainer .left,
#contactSection .largeContainer .right {
	width: 49%;
	background: #F5F5F5;
}

#contactSection .largeContainer .right #contactForm {
	padding-bottom: 15px;
}


@media(max-width: 1024px) {
	#contactSection .largeContainer {
		flex-flow: column nowrap;
	}

	#contactSection .largeContainer .left,
	#contactSection .largeContainer .right {
		width: calc(100% - 30px);
		margin: 0 15px;
	}

	#contactSection .largeContainer .right {
		margin-top: 15px;
	}
}

#mapContainer {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 83%;
	position: relative;
	margin: 0;
}

#mapContainer iframe,
.videoContainer iframe,
.youTubeVideo iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

#mapSection {
	overflow: hidden;
	margin: 40px 0 0;
	padding-bottom: 70px;
}

#contactContent {
	display: block;
	color: #fff;
	text-align: center;
}

#contactContent p {
	font-size: 18px;
	color: #A9121D;
}

#contactContent p strong {

	font-weight: 900;
}

#contactForm {
	display: block;
	padding: 10% 0 60px 0;
	position: relative;
}

#contactForm textarea {
	height: 400px;
}

/************************CONTACT PAGE**************************/
#contactArea {
	min-height: 100%;
}

#contactArea h5 {
	font-size: 20px;
	font-weight: 700;
	color: #A9121D;
	padding: 30px 24px 0 24px;
}

#contactArea h5 i {
	font-size: 36px;
}

#contactArea p {
	color: #333C4B;
	font-size: 16px;
	padding: 0 30px;
}

#contactArea p a+a {
	float: right;
}

.navigation {
	display: block;
	padding: 30px 0 70px;
}

.navigation a,
.navigation .page-numbers,
.navigation .page-numbers.current {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #b7b7b7;
	background: #fff;
	color: #898989;
	font-size: 27px;
	font-weight: 700;
	border-radius: 6px;
	height: 52px;
	min-width: 52px;
	padding: 6px 18px;
	line-height: 36px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navigation a:hover,
.navigation .page-numbers:hover {
	background: #6D00CB;
	color: #fff;
}

.navigation a.current,
.navigation .page-numbers.current {
	background: #e1e1e1;
	color: #898989;
}


.icon {
	background: url(images/icons_sprite.svg)no-repeat 0 0;
}

.icon.paw {
	background-position: 0 0;
	display: inline-block;
	width: 20px;
	height: 23px;
	margin: 0 10px;
	position: relative;
	top: 3px;
}

.entry-content {
	display: block;
	overflow: visible;
}

.bx-wrapper .bx-pager .bx-pager-link {
	color: rgba(0, 0, 0, 0);
	width: 15px !important;
	height: 15px !important;
	border-radius: 50% !important;
	background: #C0C0C0 !important;
}

.bx-wrapper .bx-pager .bx-pager-link.active {
	background: #FA8D25 !important;
}

/************************HOME BANNER SLIDER*************************/
#homeBanner {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	position: relative;
	z-index: 99 !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow: hidden;
}

#homeBanner .bannerSlide {
	display: block;
	padding: 31.25% 0 0 0;
	height: auto;
	overflow: hidden;
}

/*#homeBanner .bannerSlide:after {
	content: '';
	display: block;
	width: 60%;
	height: 100%;
	position: absolute;
	right: -10%;
	bottom: 0;
	z-index: 100;
	transform: skewX(15deg);
	pointer-events: none;
	background: rgba(0, 0, 0, 0.7);
}*/

#homeBanner .bannerSlide .slideContent {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	height: 100%;
	width: 100%;
	background: url(images/slides/slider_background.png) no-repeat center left / cover;
}

#homeBanner .bannerSlide .slideContent .container {
	padding-left: 0px;
}
#homeBanner .bx-wrapper{margin-bottom:0px;}
#homeBanner .bx-pager{bottom:20px;}
#homeBanner .bx-wrapper .bx-pager .bx-pager-link.active{
	background: #A98C72 !important;
	width: 35px !important;
    border-radius: 15px !important;
}

#homeBanner .bannerSlide .slideContent h2 {
	color: #fff;
	text-align: left;
	position: relative;
	font-size: 83px;
	font-weight: 400;
	line-height: 1.1em;
	max-width: 870px;
	padding-bottom: 15px;
	margin: 0;


}

#homeBanner .bannerSlide .slideContent h2 span {
	position: absolute;
	bottom: 10px;
	left: 88%;
	font-size: 30px;
	line-height: 1.1em;
	text-align: left;
	font-weight: 700;
	width: 220px;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
}

#homeBanner .bannerSlide .slideContent .contentText {
	padding-bottom:40px;
	width: 100%;
	max-width: 723px;
	font-size:32px;
	font-weight:400;
	color:white;
}

#homeBanner .bannerSlide .slideContent .contentText ul {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin: 30px 0;
}

#homeBanner .bannerSlide .slideContent .contentText p {
	color: #fff !important;
	font-size: 18px;
	font-weight: 700;
}

#homeBanner .bannerSlide p.homeCTA {
	padding: 0 10px;
}

#aboutKofeePics .mainContainer{
	position:relative;
	z-index:3;
} 
#aboutKofeePics .mainContainer .bannerSlide{border-radius:20px;}
.curl_background{
	position: absolute;
    background: url(images/background_pattern.svg) no-repeat center left / cover;
    z-index: 1;
    /* height: 2200px; */
    width: 100%;
    display: none;
    padding-top: 140%;
}
#aboutKofeePics .underSliderText{
	font-family: Golos Text;
	font-weight: 500;
	font-style: Medium;
	font-size: 39.6px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	max-width:1001px;
	margin:0px auto;
	padding-top:90px;
	margin-bottom:100px;
}

@media(max-width: 1920px) {
	#homeBanner .bannerSlide {
		padding: 36% 0 0 0;
	}
}

@media(max-width: 1600px) {
	#homeBanner .bannerSlide {
		padding: 40% 0 0 0;
	}
}

@media(max-width: 1300px) {
	#homeBanner .bannerSlide .slideContent .container {
		padding-left: 55%;
	}
}

@media(max-width: 1200px) {
	#homeBanner .bannerSlide {
		padding: 50% 0 0 0;
	}
}

@media(max-width: 1024px) {
	#homeBanner .bannerSlide {
		padding: 75% 0 0 0;
	}

	#homeBanner .bannerSlide .slideContent .container {
		padding-left: 50%;
	}

	#homeBanner .bannerSlide:after {
		width: 70%;
	}
}

@media(max-width: 767px) {
	#homeBanner .bannerSlide {
		padding: 120% 0 0 0;
	}

	#homeBanner .bannerSlide .slideContent {
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		text-align: center;
	}

	#homeBanner .bannerSlide .slideContent h2 {
		text-align: center;
		font-size: 35px;
		text-transform:uppercase;
	}

	#homeBanner .bannerSlide:after {
		display: none;
	}

	#homeBanner .bannerSlide .slideContent .container {
		padding-left: 0%;
	}
	#homeBanner .bannerSlide .slideContent .contentText{
		font-size:13.28px;
	}
	
	#aboutKofeePics .underSliderText{
		font-size:14px;
		padding-top: 30px;
	}
	
}

@media(max-width: 380px) {
	#homeBanner .bannerSlide .slideContent h2 {
		font-size: 30px;
	}
}

@media(max-width: 360px) {
	#homeBanner .bannerSlide .slideContent h2 {
		font-size: 26px;
	}
}

/************************END HOME BANNER SLIDER*************************/
#banner {
	display: block;
	width: 100%;
	height: 0;
	padding: 10%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#banner .largeContainer {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-start;
	height: calc(100% + 2px);
}

@media(min-width: 2000px) {
	#banner {
		padding: 225px 0;
	}
}

#banner:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

body:not(.home) #banner .headerContent {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

body:not(.home) #banner .headerContent .headTitle {
	display: flex;
	align-items: left;
	justify-content: flex-start;
}

.home #banner {
	padding: 10% 0;
	height: auto;
	margin-top: -105px;
}

@media(max-width: 2000px) {
	.home #banner {
		padding: 15% 0 10%;
	}
}

.home #banner:after {
	content: '';
	display: block;
	width: 200%;
	height: 200%;
	position: absolute;
	left: 0;
	bottom: 40%;
	z-index: 100;
	transform: skewY(-12deg);
	pointer-events: none;
	background: rgba(0, 0, 0, 0.7);
}

@media(max-width: 1920px) {
	.home #banner:after {
		bottom: 30%;
	}
}

@media(max-width: 1300px) {
	.home #banner h2 {
		font-size: 130px;
		width: 100%;
		margin: 0;
	}
}

.home #banner .headTitle {
	display: block;
	height: 100%;
	width: 1200px;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: auto;
	right: auto;
}

.home #banner .headTitle {
	display: flex;
	justify-content: center;
}

.home #banner .headTitle h2 {
	display: block;
	padding: 25% 0 0 0;
}

.home #banner h2 {
	color: #fff;
	text-align: left;
	position: relative;
	font-size: 160px;
	font-weight: 500;
	line-height: 1.1em;
	width: 988px;
	max-width: 100%;
	padding: 0 10px;
	margin: 0;
	font-family: 'Work Sans', sans-serif;
	text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5);
}

.home #banner h2 span {
	position: absolute;
	bottom: 10px;
	left: 88%;
	font-size: 30px;
	line-height: 1.1em;
	text-align: left;
	font-weight: 700;
	width: 220px;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
}

.home #banner p.homeCTA {
	padding: 0 10px;
}

@media(max-width: 1440px) {
	.home #banner {
		padding: 20% 0 10%;
	}

	.home #banner h2 {
		font-size: 130px;
		margin-bottom: 50px;
	}
}

@media(max-width: 1200px) {
	.home #banner {
		padding: 20% 40px 10%;
	}

	.home #banner h2 {
		font-size: 100px;
		margin-bottom: 40px;
	}
}

@media(max-width: 1024px) {
	.home #banner {
		padding: 25% 40px 10%;
	}

	.home #banner h2 {
		font-size: 90px;
	}
}

@media(max-width: 860px) {
	.home #banner {
		padding: 30% 40px 20%;
	}

	.home #banner h2 {
		font-size: 70px;
		text-align: center;
	}

	.home #banner p.homeCTA {
		text-align: center;
	}
}

@media(max-width: 768px) {
	.home #banner {
		padding: 32% 40px 20%;
	}

}

@media(max-width: 640px) {
	.home #banner {
		padding: 36% 40px 25%;
	}
}

@media(max-width: 600px) {
	.home #banner {
		padding: 45% 40px 30%;
	}

	.home #banner::after {
		bottom: 20%;
	}
}

@media(max-width: 460px) {
	.home #banner {
		padding: 50% 30px 30%;
	}

	.home #banner h2 {
		font-size: 60px;
		text-align: center;
	}

	.home #banner:after {
		bottom: 10%;
	}
}

@media(max-width: 420px) {
	.home #banner {
		padding: 55% 30px 35%;
	}
}

@media(max-width: 380px) {
	.home #banner {
		padding: 60% 30px 40%;
	}
}

@media(max-width: 360px) {
	.home #banner {
		padding: 65% 30px 40%;
	}
}


/*GRID OF CARDS*/
.sectionGridOfCards .card {
	display: block;
	min-height: 100%;
	border-radius: 6px;
	overflow: hidden;
	margin: 15px 0;
	color: #fff;
	min-height: 360px;
	position: relative;
}

.sectionGridOfCards .card .cardContent {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 25px;
}

.sectionGridOfCards .card .cardContent>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 25px;
	text-decoration: none;
}

.sectionGridOfCards .card .cardContent>a:after {
	content: '';
	display: block;
	width: 88%;
	height: 70px;
	position: absolute;
	left: 6%;
	bottom: 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.2;
	background: url(images/slider_arrow_right.svg)no-repeat left bottom / contain;
}

@keyframes slideArrow {
	from {
		opacity: 0.2;
		background-position: left bottom;
		background-repeat: repeat-x;
	}

	to {
		opacity: 1;
		background-position: right bottom;
		background-repeat: no-repeat;
	}
}

.sectionGridOfCards .card .cardContent:hover>a:after {
	animation-duration: 0.3s;
	animation-name: slideArrow;
	opacity: 1;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.sectionGridOfCards .card h3,
.sectionGridOfCards .card h4 {
	font-weight: 900;
	line-height: 1.2em;
	margin-top: 0;
}

.sectionGridOfCards .card h3,
.sectionGridOfCards .card h4,
.sectionGridOfCards .card p {
	color: #fff;
}

.sectionGridOfCards .card p {
	font-size: 24px;
}

@media(max-width: 460px) {
	.sectionGridOfCards .small-6 {
		width: 100%;
	}
}

/*GRID OF SQUARES*/
.sectionGridOfSquares .square {
	display: block;
	height: 0;
	padding-top: 100%;
	border-radius: 6px;
	overflow: hidden;
	margin: 15px 0;
	color: #fff;
	position: relative;
}

.sectionGridOfSquares .square .squareContent {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 25px;
}

.sectionGridOfSquares .square .squareContent>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 25px;
	text-decoration: none;
}

.sectionGridOfSquares .square .squareContent>a:after {
	content: '';
	display: block;
	width: 88%;
	height: 70px;
	position: absolute;
	left: 6%;
	bottom: 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.2;
	background: url(images/slider_arrow_right.svg)no-repeat left bottom / contain;
}

@keyframes slideArrow {
	from {
		opacity: 0.2;
		background-position: left bottom;
		background-repeat: repeat-x;
	}

	to {
		opacity: 1;
		background-position: right bottom;
		background-repeat: no-repeat;
	}
}

.sectionGridOfSquares .square .squareContent:hover>a:after {
	animation-duration: 0.3s;
	animation-name: slideArrow;
	opacity: 1;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.sectionGridOfSquares .square h3,
.sectionGridOfSquares .square h4 {
	font-weight: 900;
	line-height: 1.2em;
	margin-top: 0;
}

.sectionGridOfSquares .square h3,
.sectionGridOfSquares .square h4,
.sectionGridOfSquares .square p {
	color: #fff;
}

.sectionGridOfSquares .square p {
	font-size: 24px;
}

/* CAROUSEL*/
.carouselContainer {
	display: block;
	width: 100%;
	position: relative;
}

.carouselContainer:after {
	content: '';
	display: block;
	clear: both;
}

.carouselContainer .fw_carousel,
.carouselContainer .cirlces_carousel {
	display: flex;
}

.carouselContainer .carouselPhoto {
	display: block;
	width: 900px;
	max-width: 100%;
	position: relative;
}

.carouselContainer .cirlces_carousel .carouselPhoto {
	display: block;
	width: 170px;
	height: 170px;
}

.carouselContainer .cirlces_carousel .photoThumbnail {
	display: block;
	width: 170px;
	height: 170px;
}

.carouselContainer .carouselPhoto .photoThumbnail {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.carouselContainer .carouselPhoto .photoThumbnail img {
	opacity: 0;
	pointer-events: none;
}

.carouselContainer .carouselPhoto .photoThumbnail h6 {
	font-weight: 900;
	color: #fff;
	font-size: 30px;
	text-align: center;
	background: rgba(59, 182, 69, 0.9);
	display: block;
	width: 100%;
	min-height: 111px;
	padding: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.full_width_carousel .carouselContainer .bx-wrapper .bx-pager {
	display: block !important;
	width: 100% !important;
	float: none !important;
	padding-top: 0 !important;
	bottom: -32px !important;
	position: relative;
	text-align: center !important;
}

@media(max-width: 580px) {
	.carouselContainer .cirlces_carousel .carouselPhoto {
		margin-right: 0 !important;
	}

	.carouselContainer .bx-wrapper .bx-controls-direction a {
		margin-top: 100px;
		background-color: #404040 !important;
	}

	.carouselContainer .bx-wrapper .bx-controls-direction a.bx-prev {
		left: 0;
	}

	.carouselContainer .bx-wrapper .bx-controls-direction a.bx-next {
		right: 0;
	}
}

/**AFFILIATES**/
.affiliate {
	display: block;
	padding: 85px 0 65px;
	border-bottom: 1px solid #CBCBCB;
}

.affiliate:first-child {
	padding-top: 0;
}

.affiliate:last-child {
	border: none;
	padding-bottom: 0;
}

.affiliate h3 {
	font-size: 30px;
	font-weight: 700;
}

.affiliate p {
	font-size: 18px;
	font-weight: 500;
}

.affiliateLogo {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
}

.affiliateLogo a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.affiliateImage {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 47.3%;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

/*EVENTS ARCHIVE*/
.post-type-archive-event h1 {
	color: #2A7F67;
	font-size: 70px;
	font-weight: 900;
	line-height: 1em;
}

.post-type-archive-event h2 {
	color: #000;
	font-size: 45px;
	font-weight: 900;
}

/*DOWNLOADs SECTION*/
.downloadsSection .fileDownload {
	background: #efefef;
	display: block;
	border-radius: 6px;
	overflow: visible;
	margin: 8px 0;
	padding: 10px 20px;
}

.downloadsSection .fileDownload .downloadIcon {
	display: block;
	width: 41px;
	height: 41px;
	max-width: 100%;
	border-radius: 50%;
	background: #fff url(images/download_arrow.svg)no-repeat center;
	border: 1px solid #efefef;
	float: right;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 13px 0;
}

.downloadsSection .fileDownload .downloadIcon:hover {
	background: #FC8E03 url(images/download_arrow_white.svg)no-repeat center;
	border-color: #fff;
}

/*EVENTS*/
.mainContent.gridOfEventCards {
	padding: 0;
}

.gridOfEventCards {
	display: block;
	width: 100%;
	position: relative;
}

.gridOfEventCards:after {
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

.gridOfEventCards .eventCategory {
	display: block;
	padding: 80px 0;
	overflow: hidden;
}

.gridOfEventCards .eventCategory:first-child {
	padding-top: 0;
}

.gridOfEventCards .eventCategory:nth-child(even) {
	background: #efefef;
}

.gridOfEventCards h3 {
	margin-top: 0;
}

.gridOfEventCards .card {
	width: 100%;
	background: #ccc;
	display: block;
	min-height: 100%;
	border-radius: 6px;
	overflow: hidden;
	margin: 15px 0;
	color: #fff;
	min-height: 360px;
	position: relative;
}

.gridOfEventCards .card .cardContent {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 25px;
}

.gridOfEventCards .card .cardContent h3 {
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2em;
	margin: 0;
	color: #fff;
}

.gridOfEventCards .card .cardContent p {
	color: #fff;
	font-size: 24px;
}

.gridOfEventCards .card .cardContent>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 25px;
	text-decoration: none;
}

.gridOfEventCards .card .cardContent>a:after {
	content: '';
	display: block;
	width: 88%;
	height: 70px;
	position: absolute;
	left: 6%;
	bottom: 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.2;
	background: url(images/slider_arrow_right.svg)no-repeat left bottom / contain;
}

.gridOfEventCards .card .cardContent:hover>a:after {
	animation-duration: 0.3s;
	animation-name: slideArrow;
	opacity: 1;
	background-position: right bottom;
	background-repeat: no-repeat;
}

@media(max-width: 1024px) {
	.gridOfEventCards .card .cardContent p {
		font-size: 18px;
	}
}

@media(max-width: 860px) {
	.gridOfEventCards .card .cardContent p {
		font-size: 16px;
	}
}

@media(max-width: 991px) {
	.gridOfEventCards .card .cardContent h3 {
		font-size: 26px;
	}
}

@media(max-width: 460px) {
	.gridOfEventCards .small-6 {
		width: 100%;
	}
}

/*SINGLE EVENT*/
.single-event h1 {
	font-size: 70px;
	font-weight: 900;
}

article#headTitle {
	position: relative;
	z-index: 300;
}

article#headTitle h1 {
	color: #707070;
	font-size: 42px;
	line-height: 1.3em;
	font-weight: 900;
	text-align: center;
	font-family: 'Work Sans', sans-serif;
	padding: 40px 60px 0;
	background: url(images/mtn-white.svg)no-repeat left bottom / 100% 100%;
	margin-bottom: -4px;
}

.tax-brand #banner,
.tax-product_cat #banner {
	padding: 12% 0;
}

@media(max-width: 1024px) {

	.tax-brand #banner,
	.tax-product_cat #banner {
		padding: 100px 0;
		margin-top: 0;
	}
}

article#catTitle h1 {
	color: #fff;
	padding: 0 15px;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 6px 6px 0 0;
	font-size: 42px;
	line-height: 1.3em;
	font-weight: 900;
}

#categoryDesc {
	display: block;
	margin: 36px 0;
}

#categoryDesc .container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

#categoryDesc .container #categoryInfo {
	width: 65%;
}

#categoryDesc .container #categoryForm {
	width: 35%;
}

#categoryForm #callRequest {
	display: block;
	width: 100%;
	background: #EDEDED;
	padding: 10px 30px 30px;
	position: relative;
	z-index: 100;
	margin: -37px 0 0 30px;
}

#categoryForm #callRequest #formTitle {
	color: #fff;
	display: block;
	width: 100%;
	height: 100px;
	font-size: 20px;
	font-weight: 700;
	line-height: 44px;
	padding: 47px 20px 0;
	position: absolute;
	left: 0;
	bottom: calc(100% - 2px);
	background: url(images/form-header.svg)no-repeat bottom center / contain;
}

#categoryForm #callRequest p a {
	font-weight: 700;
}

#categoryForm #callRequest button {
	width: 100%;

}

.tax-product_cat #categoryDesc #prosCons {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.tax-product_cat #categoryDesc #prosCons {
	background: #EDEDED;
	border-radius: 4px;
	padding-bottom: 15px;
}

.tax-product_cat #categoryDesc #prosCons .pros h4,
.tax-product_cat #categoryDesc #prosCons .cons h4 {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	padding: 10px 17px 8px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

.tax-product_cat #categoryDesc #prosCons .pros h4 {
	background: #0053A0;
	border-radius: 4px 0 0 0;
}

.tax-product_cat #categoryDesc #prosCons .cons h4 {
	background: #A9121D;
	border-radius: 0 4px 0 0;
}

.tax-product_cat #categoryDesc #prosCons p,
.tax-product_cat #categoryDesc #prosCons ul {
	margin-left: 5px;
	margin-right: 5px;
}

/************BRAND***************/
.tax-brand h2 {
	font-size: 22px;
	font-weight: 700;
}

#brandLogo {
	margin-bottom: 40px;
}

header#masthead,
footer#primaryFooter,
section {
	display: block;
	width: 100%;
	max-width: 100%;
}
header#masthead .largeContainer{
	position:relative;

}

section#headNav,
section#headTitle {
	border: none;
	overflow: hidden;
	clear: both;
	float: none;
}

#contactForm {
	display: block;
	background: #EBEBEB;
	padding: 0 40px 40px 40px;
	overflow: hidden;
	width: 450px;
	max-width: 100%;
}

#contactForm input[type="text"],
#contactForm input[type="tel"],
#contactForm input[type="email"],
#contactForm input[type="date"],
#contactForm input[type="number"],
#contactForm input[type="password"],
#contactForm textarea,
#contactForm select,
#callRequest input[type="text"],
#callRequest input[type="tel"],
#callRequest input[type="email"],
#callRequest input[type="date"],
#callRequest input[type="number"],
#callRequest input[type="password"],
#callRequest select,
#callRequestLarge input[type="text"],
#callRequestLarge input[type="tel"],
#callRequestLarge input[type="email"],
#callRequestLarge input[type="date"],
#callRequestLarge input[type="number"],
#callRequestLarge input[type="password"],
#callRequestLarge select {
	background: #fff;
	display: block;
	width: 100%;
	font-family: 'Work Sans', sans-serif;
	border: 1px solid #BFBFBF;
}

#contactForm {
	background: #F4F4F4;
	width: 100%;
	padding: 0;
}

#contactForm .wpcf7 {
	padding: 0 24px 24px;
}

#contactForm h5 {
	background: #A9121D;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	padding: 16px 24px;
	width: 100%;
	margin: 0;
}

#contactForm div[role="form"] {
	padding: 0 24px;
}

#contactForm #contactContent {
	padding: 30px 24px;
}

#contactForm textarea {
	height: 300px;
	border: 1px solid #BFBFBF;
	font-family: 'Work Sans', sans-serif;
}

#contactForm #formHeader {
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	line-height: 24px;
	color: #fff;
	background: #D6220A;
	padding: 20px 40px 20px 100px;
	margin: 0 -40px 40px;
	position: relative;
}

#contactForm #formHeader:before {
	content: '';
	display: block;
	width: 50px;
	height: 45px;
	position: absolute;
	left: 40px;
	top: 21px;
	background: url(images/envelope_icon.svg)no-repeat center / contain;
}

#callRequest #formHeader:before,
#callRequestLarge #formHeader:before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 40px;
	top: 24px;
	background: url(images/phone_white.svg)no-repeat center / contain;
}

#contactForm label,
#callRequest label,
#callRequestLarge label {
	color: #575757;
	font-size: 16px;
	margin-bottom: 6px;
}

#contactForm input[type="submit"],
#callRequestLarge input[type="submit"] {
	font-family: 'Work Sans', sans-serif;
	background: none;
	padding: 10px 60px;
	text-transform: uppercase;
}

.home #section1 .wysiwyg h3 {
	font-family: 'Work Sans', sans-serif;
}

#callouts {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 10% 0 11%;
	width: 1200px;
	margin: 0 auto;
}

#callouts .row {
	max-width: 1920px;
}

#callouts .callout {
	width: 48.5%;
	margin: 0;
	padding: 50px 38px calc(26% + 40px) 38px;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

#callouts .callout h3 {
	color: #404040;
	font-size: 55px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	line-height: 0.95em;
	margin: 0 0 10px;
	width: 100%;
	max-width: 100%;
}

#callouts .callout h6 {
	color: #C1332C;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 0.95em;
	margin: 0 0 30px;
	width: 100%;
	max-width: 100%;
}

#callouts .callout.blue {
	background: url(images/g34_background.svg)no-repeat -30px bottom / contain;
}

#callouts .callout.red {
	background: url(images/p34_background.svg)no-repeat -30px bottom / contain;
}

#callouts .callout.blue h6 {
	color: #2c82c1;
}

#callouts .callout.red h6 {
	color: #C1332C;
}

#callouts .callout p {
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #000;
}

#callouts .callout .calloutLink {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 50;
}

#callouts .callout .calloutLink span {
	display: inline-block;
	position: absolute;
	right: 35px;
	top: 35px;
	width: 50px;
	height: 50px;
	background: #F5F5F5 url(images/arrow_black.svg)no-repeat center / 16px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#callouts .callout:hover .calloutLink span {
	background-color: #2C82C1;
}

/**********************LATEST BLOG POSTS*************************/
#latestBlogPost {
	position: relative;
	display: block;
	background: #fff;
	padding: 8% 0;
}

#latestBlogPost #latestPostView {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

#latestBlogPost .postThumbnail {
	display: block;
	width: 48%;
	height: 0;
	padding-top: 65%;
	position: relative;
}

#latestBlogPost .postThumbnail a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#latestBlogPost .postExcerpt {
	width: 48%;
}

#latestBlogPost .postExcerpt h4 {
	font-size: 55px;
	font-family: 'Work Sans', sans-serif;
	line-height: 1.2em;
	color: #404040;
	margin: 10px 0 40px;
}

#latestBlogPost .postExcerpt h4 a {
	color: #404040;
}

#latestBlogPost .postExcerpt h4:hover a {
	color: #2C82C1;
}

#latestBlogPost .postExcerpt h6 {
	color: #C1332C;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#latestBlogPost .postExcerpt p {
	font-size: 24px;
	line-height: 1.4em;
	font-family: 'Work Sans', sans-serif;
	margin: 0;
	color: #000;
}

#latestBlogPost .postExcerpt .more {
	margin-top: 40px;
}

/*LATEST BLOG POST - JUST ONE (BIG) POST*/
#latestBlogPost .latestOne .postThumbnail {
	position: relative;
	display: block;
	overflow: hidden;
}

#latestBlogPost .latestOne .postExcerptContainer>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#latestBlogPost .latestOne .postThumbnail .postExcerptContainer {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#latestBlogPost .latestOne .postThumbnail .postExcerpt {
	background: rgba(255, 255, 255, 0.85);
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 20px 30px;
	pointer-events: none;
}

#latestBlogPost .latestOne .postThumbnail .postExcerpt h4 {
	display: block;
	width: 100%;
	position: relative;
	line-height: 40px;
	font-size: 32px;
}

#latestBlogPost .latestOne .postThumbnail .postExcerpt .more {
	display: block;
	width: 100%;
	position: relative;
	line-height: 30px;
}

#latestBlogPost .latestOne .postThumbnail .postExcerpt h4 a,
#latestBlogPost .latestOne .postThumbnail .postExcerpt .more a {
	display: block;
	width: 100%;
}

#latestBlogPost .olderTwo .featBlogPost {
	display: block;
	background: #F4F4F4;
	margin-bottom: 30px;
	overflow: hidden;
}

#latestBlogPost .olderTwo .postThumbnail {
	padding-top: 83%;
	display: block;
	position: relative;
}

#latestBlogPost .olderTwo .postThumbnail>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#featuredTestimonials {
	margin: 85px 0 180px 0;
	background: #F5F5F5;
	padding: 50px 0 75px;
}

#featuredTestimonials h2 {
	text-align: center;
	color: #A9121D;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 40px;
}

#featuredTestimonials .testimonialsGrid {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#featuredTestimonials .testimonial {
	position: relative;
	display: block;
	overflow: hidden;
	width: 30%;
	padding: 100px 0 100px;
	margin: 0 16px;
	background: url(images/quotes-icon.svg)no-repeat left top / 47px 34px;
}

#featuredTestimonials .testimonial .quoteIcon {
	text-align: center;
	margin: 0 auto;
	width: 171px;
	height: 215px;
}

#featuredTestimonials .testimonial .calloutLink {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 50;
}

#featuredTestimonials .testimonial .calloutLink span {
	display: inline-block;
	position: absolute;
	right: 150px;
	bottom: 35px;
	width: 50px;
	height: 50px;
	background: #fff url(images/arrow_black.svg)no-repeat center / 16px;
	border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#featuredTestimonials .testimonial:hover .calloutLink span {
	background-color: #2C82C1;
}

#featuredTestimonials .testimonial p {
	color: #333C4B;
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
}

#featuredTestimonials .testimonial p.testimonialAuthor {
	color: #404040;
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding-top: 20px;
}

#featuredTestimonials .testimonial p.testimonialAuthor .authorPhoto {
	padding-right: 13px;
	width: 40%;
}

#featuredTestimonials .testimonial p.testimonialAuthor .authorInfo {
	width: 60%;
}

#featuredTestimonials .testimonial p.testimonialAuthor .authorInfo .authorName {
	color: #A9121D;
	font-size: 16px;
	font-weight: 700;
}

#featuredTestimonials .testimonial p.testimonialAuthor .authorInfo .location,
#featuredTestimonials .testimonial p.testimonialAuthor .authorInfo .rvPurchased {
	display: block;
	color: #333C4B;
	font-size: 16px;
	font-weight: 400;
}

#featuredTestimonials .testimonial p.testimonialAuthor .authorInfo .rvPurchased {
	margin-top: 6px;
}


@media(max-width:1700px) {
	#featuredTestimonials .testimonial p {
		font-size: 20px;
	}
}

@media(max-width:1300px) {
	#featuredTestimonials {
		width: 100%;
		margin: 60px auto 0;
		padding: 50px 15px;
	}
}

@media(max-width: 1024px) {
	#featuredTestimonials .testimonial {
		width: 45%;
	}
}

@media(max-width: 860px) {
	#featuredTestimonials .testimonialsGrid {
		display: block;
	}

	#featuredTestimonials .testimonial {
		width: 100%;
	}

	.testimonialsGrid {
		display: block;
	}

	#featuredTestimonials .testimonial p.testimonialAuthor {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
	}

	#featuredTestimonials .testimonial p.testimonialAuthor .authorPhoto {
		width: 110px;
	}

	#featuredTestimonials .testimonial p.testimonialAuthor .authorInfo {
		text-align: left;
	}
}

#categoryDescription {
	border-bottom: 1px solid #575757;
	padding: 20px 0;
	display: block;
	background: #575757;
}

#categoryDescription p {
	font-family: 'Work Sans', sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #EBEBEB;
}

#productTitle h1 {
	color: #A9121D;
	font-weight: 700;
	font-size: 34px;
	line-height: 1.2;
}

.postCards {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-bottom: 50px;
}

@media(max-width: 1200px) {
	.postCards {
		justify-content: space-around;
	}
}

.postCards .pCard {
	width: 31%;
	position: relative;
	padding-bottom: 65px;
	margin-bottom: 40px;
}

@media(max-width: 1100px) {
	.postCards .pCard {
		width: 47%;
	}
}

@media(max-width: 767px) {
	.postCards .pCard {
		width: 96%;
	}
}

.postCards .pCard article {
	display: block;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	margin: 0;
}

.postCards .pCard .share {
	position: absolute;
	left: 50%;
	display: block;
	bottom: 0;
	margin: 0 0 0 -138px;
	width: 275px;
}


#singleTitle {
	display: block;
	width: 100%;
	background: #fff;

	overflow: hidden;
}

#singleTitle h1 {
	font-family: 'Work Sans', sans-serif;
	font-size: 55px;
	font-weight: 800;
	line-height: 1.2em;
	color: #404040;
	margin-left: 53px;
	padding: 0 0 30px;
	border-bottom: 2px solid #dadada;
}

.single .postDate {
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
	padding: 60px 20px 0 53px;
	color: #BD3535;
}

.single .authorPhoto {
	display: block;
	border-radius: 50%;
	margin-top: 66px;
}

.single .authorName {
	color: #404040;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 500;
	margin-bottom: 50px;
}

.single #primary .postThumbnail {
	margin-top: 106px;
	position: relative;
}

.single #primary .postThumbnail .terms {
	position: absolute;
	left: 0;
	bottom: 48px;
}

.single #primary .postThumbnail .terms a {
	display: inline-block;
	background: #C1332C;
	color: #fff;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	padding: 11px 33px;
	border-radius: 30px;
	margin-left: 50px;
}

.single #primary {
	background: #FBFBFB;
	margin: 0 auto;
}


#relatedPosts {
	display: block;
	background: #FBFBFB;
	padding: 100px 0 50px;
}

#relatedPosts h3 {
	font-family: 'Work Sans', sans-serif;
	font-size: 24px;
	color: #404040;
}

#relatedPosts h3#relatedArticles {
	font-size: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 80px;
}

#relatedPosts .relatedPost {
	display: block;
	border-radius: 6px;
	overflow: hidden;
}

.single-portfolio #primary {
	background: #2b2b2b;
	margin: 100px auto 0;
}

.galleryContainer {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 500;
}

.galleryContainer .galleryImg {
	width: 100%;
}

.galleryPagination a {
	display: inline-block;
	float: left;
	width: 49%;
	margin: 0 2% 2% 0;
}

.galleryPagination a:nth-child(even) {
	margin-right: 0;
}



h4#catNav {
	position: relative;
	margin: 40px 0 0 0;
}

h4#catNav #termsMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 4000;
}

h4#catNav #termsMenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h4#catNav #termsMenu li a {
	display: block;
	padding: 6px 20px;
	color: #fff;
	background: #404040;
}

h4#catNav #termsMenu li:hover a {
	background: #555;
}

h4#catNav:hover #termsMenu {
	display: block;
}

#blogRoll {
	display: block;
	padding: 100px 0;
	background: #EFEFEF;
}

article.postExcerptBlock {
	display: block;
	background: #fff;
	overflow: hidden;
	margin-bottom: 22px;
	border: 1px solid #C9C9C9;
}

article.relatedPost,
article.postBlock {
	background: #fff;
	color: #5b5b5b;
	font-size: 14px;
	overflow: visible;
	margin: 30px 0 0;
	padding: 0 0 40px 0;
}

article.postExcerptBlock h3 {
	margin: 15px 0;
	font-weight: 700;
	font-size: 24px;
	margin: 0 0 20px;
	font-family: 'Work Sans', sans-serif;
	line-height: 1.2em;
	color: #001E80;
}

article.postExcerptBlock h3 a {
	color: #434343;
	display: block;
}

article.postExcerptBlock h3:hover a {
	color: #2C82C1;
}

article.postExcerptBlock p {
	font-size: 16px;
	font-weight: 400;
	color: #434343;
}

.single h3 {
	font-size: 70px;
	color: #000;
	font-weight: 700;
	line-height: 80px;
}

.terms a {
	color: #6D00CB;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.single .terms a,
.blog .terms a {
	color: #D6220A;
}

p.share {
	display: block;
	width: 275px;
	max-width: 100%;
	height: 43px;
	border: 1px solid #BFBFBF;
	border-radius: 24px;
	background: #fff;
	font-size: 14px;
	text-align: center;
	padding: 13px 26px;
	margin: 0 auto 50px auto;

}

.single #primary p.share {
	width: 166px;
	margin-left: 0;
}

#threeRelatedPosts {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0 15px;
}

#threeRelatedPosts .relatedPost {
	width: 32%;
}

@media(max-width: 991px) {
	#threeRelatedPosts {
		flex-flow: column wrap;
		justify-content: center;
	}

	#threeRelatedPosts .relatedPost {
		width: 100%;
	}
}

#threeRelatedPosts .relatedPost article.postExcerptBlock {
	min-height: 88.7%;
}

p.share>span {
	display: inline-block;
	vertical-align: middle;
	float: left;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-right: 16px;
}

p.share>span>span>span {
	background: none !important;
}

p.share>span.st_facebook {
	background: url(images/share_icons.svg)no-repeat 3px 0;
}

p.share>span.st_twitter {
	background: url(images/share_icons.svg)no-repeat -25px 0;
	margin-top: 2px;
}

p.share>span.st_linkedin {
	background: url(images/share_icons.svg)no-repeat -55px 0;
}

p.share>span.st_email {
	background: url(images/share_icons.svg)no-repeat -84px 0;
	margin-top: 2px;
}

p.share>span.st_sharethis {
	background: url(images/share_icons.svg)no-repeat -114px 0;
}

p.share>span.st_facebook:hover {
	background-position: 3px -27px;
}

p.share>span.st_twitter:hover {
	background-position: -25px -27px;
}

p.share>span.st_linkedin:hover {
	background-position: -55px -27px;
}

p.share>span.st_email:hover {
	background-position: -84px -27px;
}

p.share>span.st_sharethis:hover {
	background-position: -114px -27px;
}

p.share>span:first-child {
	border-right: 2px solid #bfbfbf;
	padding-right: 15px;
	width: 60px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
}

.single #primary p.share>span:first-child {
	display: none;
}

p.share>span:last-child {
	margin-right: 0;
}

#rightSidebar aside {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
	background: #f4f0eb;
	padding: 20px 26px;
	margin: 0 0 30px 0;
	position: relative;
	text-align: center;
	border-top: 2px solid #ede7e0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

#rightSidebar aside:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	display: block;
	width: 100%;
	height: 70px;
	background: #e2d9cd;
	border: 1px solid #C9C9C9;
	background: -moz-linear-gradient(top, #e2d9cd 0%, #f4f0eb 100%);
	background: -webkit-linear-gradient(top, #e2d9cd 0%, #f4f0eb 100%);
	background: linear-gradient(to bottom, #e2d9cd 0%, #f4f0eb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2d9cd', endColorstr='#f4f0eb', GradientType=0);
}

#rightSidebar aside h2.widget-title {
	position: relative;
	z-index: 300;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}


#comments {
	padding: 12px 40px 30px;
}


.termSelector {
	display: block;
	width: 100%;
	overflow: visible;
}

.termSelector>li.categories {
	display: block;
	list-style-type: none;
	margin: 0 0 60px;
	padding: 10px 0;
	font-size: 55px;
	font-weight: 600;
	color: #BFBFBF;
	font-family: 'Work Sans', sans-serif;
	position: relative;
	overflow: visible;
	cursor: pointer;
}

.termSelector>li.categories:hover {
	color: #2C82C1;
}

.termSelector>li.categories:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #BFBFBF;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 100;
}

.termSelector>li.categories:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50px;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background: #fff url(images/arrow_down.svg)no-repeat center;
	border-radius: 10px;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.termSelector>li.categories.open:after,
.termSelector>li.categories:hover:after {
	opacity: 1;
	background-color: #2C82C1;
}

.termSelector li.categories ul {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 9px;
	width: 100%;
	z-index: 2000;
	max-height: 500px;
	overflow-y: auto;
}

.termSelector li.categories.open ul {
	display: block;
	background: #F5F5F5;
}

.termSelector li.categories ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}

.termSelector li.categories ul li a {
	display: block;
	line-height: 1.1em;
	padding: 38px 50px;
	color: #BFBFBF;
	font-size: 40px;
	font-weight: 600;
	width: 100%;
}

.termSelector li.categories ul li ul.children a {
	padding-left: 100px;
}

.termSelector li.categories ul li:hover a {
	color: #2C82C1;
}

.termSelector li.categories ul li.current-cat>a {
	color: #fff;
	background: #2C82C1;
}


article.relatedPost .postThumbnail,
article.postBlock .postThumbnail,
article.postExcerptBlock .postThumbnail {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 63%;
	position: relative;
}

.single article.postBlock.postDetails {
	margin-top: 0;
}

.single article.postBlock.postDetails h2 {
	color: #000;
	margin: 40px 0 30px;
	font-size: 45px;
	font-weight: 900;
}

.single article.postBlock.postDetails h3 {
	color: #000;
	margin: 40px 0 30px;
	font-size: 30px;
	font-weight: 600;
}

.single article.postBlock.postDetails h4 {
	color: #000;
	font-size: 24px;
	font-weight: 600;
	margin: 40px 0 30px;
}

.single article.postBlock.postDetails h5 {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin: 30px 0 20px;
	text-transform: uppercase;
}

article.relatedPost .postThumbnail>a,
article.postBlock .postThumbnail>a,
article.postExcerptBlock .postThumbnail>a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

article.postExcerptBlock .postThumbnail>p.terms {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 100;
}

article.postExcerptBlock .postThumbnail>p.terms a {
	display: inline-block;
	background: #C1332C;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding: 11px 33px;
	border-radius: 0 20px 20px 0;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

article.postBlock .entry-content {
	display: block;
	padding: 40px 53px;
	min-height: 300px;
	position: relative;
}

article.postExcerptBlock .entry-content,
article.relatedPost .entry-content {
	display: block;
	padding: 35px 33px;
	min-height: 340px;
	position: relative;
}

.excerpt {
	color: #898989;
}



.singleBlogPost {
	display: block;
	overflow: hidden;
	background: #fff;
}

#practicingPosts {
	display: block;
	overflow: hidden;
	clear: both;
	margin: 10px 0;
}


/*********ACCORDION*********/
ul.accordion {
	list-style-type: none;
	margin: 40px 0 60px;
	padding: 0;
}

ul.accordion>li {
	list-style-type: none;
	margin: 0 0 15px 0;
	display: block;
	width: 100%;
	padding: 0;
	border-radius: 6px;
	background: #F0F0F0;
	border: 1px solid #CECECE;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow: hidden;
}

ul.accordion>li.open {
	padding: 0 0 15px 0;
}

ul.accordion>li>h5 {
	display: block;
}

ul.accordion>li.open>h5 {
	border-bottom: 1px solid #CECECE;
}

ul.accordion>li>h5>a {
	display: block;
	width: 100%;
	padding: 36px 60px 36px 32px;
	font-size: 30px;
	font-weight: 700;
	position: relative;
}

ul.accordion>li>h5>a:after {
	content: '';
	display: block;
	height: 20px;
	width: 20px;
	transform: rotate(45deg);
	border: 6px solid #A3A3A3;
	border-left: none;
	border-top: none;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -15px;
}

ul.accordion>li.open>h5>a:after {
	border: 6px solid #A3A3A3;
	border-right: none;
	border-bottom: none;
}

ul.accordion>li>h5 small {
	font-size: 24px;
	font-weight: 400;
}

ul.accordion>li article {
	display: block;
	padding: 36px 32px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.accordion>li.open article {
	display: block !important;
}

@media(max-width: 1200px) {
	ul.accordion>li>h5>a {
		font-size: 24px;
	}
}

@media(max-width: 1100px) {
	ul.accordion>li>h5>a {
		font-size: 20px;
	}
}

@media(max-width: 1024px) {
	ul.accordion>li>h5>a {
		font-size: 18px;
	}
}

@media(max-width: 960px) {
	ul.accordion>li>h5>a {
		font-size: 16px;
	}
}

.mainContent p {
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #434343;
}

.mainContent hr {
	display: block;
	width: 100%;
	height: 1px;
	background: #A3A3A3;
	border: none;
}

.mainContent p strong {
	font-weight: 600;
}

.customColumns {
	background: #fff;
}

.customColumns h4 {
	margin: 0;
}

.contentGallery .galImgCaption {
	display: inline-block;
	vertical-align: top;
	width: 70%;
}

.contentGallery .galImgCaption {
	display: inline-block;
	vertical-align: top;
	width: 70%;
}


/*****************TEAM SECTIONs*******************/
#team {
	display: block;
	width: 100%;
	background: #fff;
}

#team h3 {
	font-weight: 600;
	font-size: 30px;
	color: #000;
	text-align: left;
	font-family: 'Work Sans', sans-serif;
}

#team .teamMember {
	text-align: center;
	margin-bottom: 30px;
	background: #EFEFEF;
	border-radius: 6px;
	padding: 30px 23px;
	min-height: 390px;
}

#team .memberThumbnail {
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 50%;
}

#team .memberThumbnail a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#team .teamMember h4 {
	font-size: 18px;
	font-weight: 700;
	color: #434343;
	text-align: center;
	font-family: 'Work Sans', sans-serif;
}

#team .teamMember .memberTitle {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Work Sans', sans-serif;
	margin-top: 0;
	color: #434343;
}

#team .teamMember .memberActions {
	display: block;
	text-align: center;
	margin: 15px 0 0;
}

#team .teamMember .memberEmail {
	background: #fff url(images/email_icon.svg)no-repeat center 13px;
	display: inline-block;
	vertical-align: top;
	width: 41px;
	height: 41px;
	border: 1px solid #AFAFAF;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 4px;
}

#team .teamMember .memberEmail:hover {
	background: #FC8E03 url(images/email_icon.svg)no-repeat center -18px;
	border: 1px solid #fff;
}

#team .teamMember .memberPhone {
	background: #fff url(images/phone_icon.svg)no-repeat center 10px;
	display: inline-block;
	vertical-align: top;
	width: 41px;
	height: 41px;
	border: 1px solid #AFAFAF;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 4px;
}

#team .teamMember .memberPhone:hover {
	background: #FC8E03 url(images/phone_icon.svg)no-repeat center -31px;
	border: 1px solid #fff;
}

#team .teamMember .memberPhone[data-tooltip][data-position="top"]:before {
	left: -138%;
}

#team .teamMember .readMore {
	background: #fff;
	display: inline-block;
	vertical-align: top;
	width: 41px;
	height: 41px;
	border: 1px solid #AFAFAF;
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
	font-size: 60px;
	font-weight: 200;
	line-height: 40px;
	color: #afafaf;
	margin: 0 4px;
}

#team .teamMember .readMore:hover {
	background: #FC8E03;
	border: 1px solid #fff;
	color: #fff;
}

#team .teamMember .readMore[data-tooltip][data-position="top"]:before {
	left: -32%;
}

#team .teamMember .memberBio {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 500;
	margin: -50px 15px 0;
	background: #EFEFEF;
	border-radius: 6px;
	padding: 30px 23px;
	width: 90%;
	border-radius: 0 0 6px 6px;
	border-bottom: 2px solid #fff;
}

#team .teamMember.open .memberBio {
	display: block;
}

#team .teamMember.open .readMore {
	line-height: 30px;
	background: #FC8E03;
	border: 1px solid #fff;
	color: #fff;
}

.readMore {
	color: #D6220A;
}

#primary.blog {
	background: #fff;
	padding: 100px 0;
}

.search #primary.blog {
	margin-top: 100px;
	padding-top: 100px;
}

select#blogCategories {
	display: block;
	width: 100%;
	position: relative;
	margin: 110px 0 18px;
	background: rgba(255, 255, 255, 0.7);
	color: #898989;
	height: 50px;
	border: none;
	border-radius: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	cursor: pointer;
}

.single-portfolio select#blogCategories {
	margin: 0 0 50px;
}

select#blogCategories option {
	cursor: pointer;
	background: #cccccc;
	color: #898989;
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
}

select#blogCategories option:hover {
	font-weight: 700;
}

select#blogCategories+img {
	float: right;
	margin: -52px 15px 0 0;
	position: relative;
	z-index: 500;
	pointer-events: none;
}

.mainContent {
	display: block;
	width: 100%;
	min-height: calc(100vh - 730px);
	padding: 60px 0;
	overflow: visible;
	position: relative;
}

.mainContent:after {
	content: '';
	display: block;
	clear: both;
}


.calloutWidget {
	display: block;
	width: 270px;
	max-width: 100%;
	background: #efefef;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 20px;
	position: relative;
}

.calloutWidget .widgetImage {
	position: relative;
	left: 0;
	top: 0;
	padding: 40px 25px;
	width: 100%;
	display: block;
	z-index: 150;
}

.calloutWidget .widgetImage .imageOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	height: 100%;
	z-index: 150;
}

.calloutWidget .widgetImage h4 {
	position: relative;
	z-index: 200;
	color: #fff;
	text-align: center;
	margin: 0;
	font-family: 'Work Sans', sans-serif;
	font-size: 45px;
	line-height: 1.4;
}

.calloutWidget .widgetContent {
	padding: 40px 25px 25px 25px;
}

.calloutWidget .widgetContent p {
	font-size: 16px;
}

.calloutWidget .widgetContent .btn {
	width: 100%;
	opacity: 0.45;
}

.calloutWidget .widgetContent .btn:hover {
	opacity: 1;
}

#childrenPages {
	list-style-type: none;
	margin: 40px -8px;
	padding: 0;
	display: block;
}

#childrenPages li {
	margin: 0;
	padding: 0 8px;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	float: left;
}

#childrenPages li a {
	display: block;
	color: #fff;
	border-radius: 6px;
	background: #7125BC;
	padding: 23px 25px;
	font-size: 25px;
	font-weight: 600;
	margin: 8px 0;
	position: relative;
}

#childrenPages li a:after {
	content: '';
	display: block;
	width: 19px;
	height: 28px;
	opacity: 0.5;
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -14px;
	background: url(images/button_arrow.svg)no-repeat right top;
}

#childrenPages li a:hover:after {
	background-position: left top;
	opacity: 1;
}

.page-template-t-contact .mainContent {
	padding: 0;
}

.page-template-t-expertiset .mainContent,
.page-template-t-request .mainContent {
	padding: 35px 0;
}

.page-template-t-claim .mainContent {
	padding: 0 0 40px 0;
}

.page-template-t-expertiset #section2.sectionHeader article {
	padding: 30px 0;
}

/*****************GALLERY SECTIONs*******************/
.gallery {
	display: block;
	overflow: hidden;
	width: 100%;
}

.galleryPhoto {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.galleryPhoto .photoThumbnail {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66%;
	overflow: hidden;
	position: relative;
}

.galleryPhoto .photoThumbnail a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

ul.products {
	display: flex;
	flex-flow: row wrap;
}


/************************SLIDER SECTIONS**************************/
.slider .slide {
	position: relative;
}

.slider .slide article.slideContent {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 50%;
	height: auto;
	padding: 60px 50px;
	background: rgba(255, 255, 255, 0.9);
}

.slider .slide article.slideContent h3 {
	font-size: 40px;
	font-weight: 700;
	margin-top: 0;
}

.slider .bx-wrapper .bx-pager {
	bottom: -50px;
}

/************************CUSTOM COLUMNS SECTIONS**************************/
.customColumnsSection h3 {
	font-size: 40px;
	font-weight: 700;
	margin: 0 0 40px 0;
}

.page-id-57 #section7 h3 {
	margin-bottom: 0;
}

.customColumnsSection h5 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}



/************************Employment PAGE**************************/
#employment .job {
	display: block;
	overflow: hidden;
	padding: 100px 0;
	background: #fff;
}

#employment .job:first-child {
	margin-top: 100px;
}

#employment .job:nth-child(even) {
	background: #ebebeb;
}

#employment .job h3 {
	font-size: 36px;
	font-weight: 300;
	color: #2b2b2b;
	margin-top: 0;
}

#employment .job .closingDate {
	text-transform: uppercase;
	color: #6D00CB;
	font-size: 16px;
	font-weight: 900;
	font-family: 'Work Sans', sans-serif;
}

#employment .job p {
	font-size: 16px;
	color: #898989;
	line-height: 30px;
}

#employment .job .btn {
	border: none;
	font-weight: 600;
}

#employment .job .btn:hover {
	background: #6D00CB;
}


/************************TESTIMONIALS PAGE**************************/
#testimonials {
	margin-top: 40px;
	column-count: 2;
	column-gap: 30px;
}


#testimonials .theTestimonial {
	display: inline-block;
	background: #F5F5F5;
	border: 1px solid #BFBFBF;
	break-inside: avoid;
	padding: 0;
	margin-bottom: 30px;
	position: relative;
}

@media(max-width: 980px) {
	#testimonials {
		column-count: 1;
		column-gap: 0;
	}
}

#testimonials .theTestimonial .testimonialImage {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	padding-top: 50%;
}

#testimonials .theTestimonial .testimonialLogoContainer {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	padding-top: 50%;
	background: #fff;
}

#testimonials .theTestimonial .testimonialLogoContainer .testimonialLogo {
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#testimonials .theTestimonial .testimonialContent {
	padding: 50px 50px 50px 23%;
	background: url(/wp-content/themes/truerv/images/red_shield_quote.svg)no-repeat 50px 60px / 50px;
}

@media(max-width: 480px) {
	#testimonials .theTestimonial .testimonialContent {
		padding: 30px 30px 30px 100px;
		background-position: 30px 40px;
	}
}

@media(max-width: 400px) {
	#testimonials .theTestimonial .testimonialContent {
		padding: 30px;
		background: none;
	}
}

#testimonials .theTestimonial .testimonialContent p {
	text-align: left;
	color: #404040;
	line-height: 30px;
}

#testimonials .theTestimonial .testimonialContent h4 {
	color: #404040;
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
	text-align: left;
	margin-top: 20px;
}

#testimonials .theTestimonial .testimonialContent h4 em {
	font-weight: 400;
}


/************************MODULE**************************/
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 4900;
}

.module {
	display: block;
	background: #EFEFEF;
	width: 1000px;
	max-width: 100%;
	height: 568px;
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -500px;
	z-index: 5000;
	display: none;
}

#categorySelectorPop.module {
	display: block;
	width: 1000px;
	max-width: 100%;
	height: auto;
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -500px;
	z-index: 5000;
	display: none;
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	text-align: center;
}

#categorySelectorPop.module h3 {
	margin-top: 0;
}

@media(max-width: 1024px) {
	#categorySelectorPop.module {
		width: calc(100% - 30px);
		left: auto;
		margin: 0 15px;
	}

	#categorySelectorPop.module h3 {
		font-size: 24px;
	}
}

@media(max-width: 768px) {
	#categorySelectorPop.module {
		top: 15px;
		height: calc(100% - 30px);
		overflow-y: auto;
	}
}

.teamMemberModule {
	display: block;
	background: #fff;
	width: 1000px;
	max-width: 100%;
	height: auto;
	border: 6px solid #efefef;
	-webkit-box-shadow: 30px 30px 16px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 30px 30px 16px 0px rgba(0, 0, 0, 0.17);
	box-shadow: 30px 30px 16px 0px rgba(0, 0, 0, 0.17);
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -500px;
	z-index: 5000;
	display: none;
}

.module iframe.videoFrame {
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.module .x {
	position: absolute;
	right: 0;
	top: -80px;
	width: 50px;
	height: 50px;
	z-index: 1601;
	cursor: pointer;
}

.module .x:before {
	content: "";
	position: absolute;
	top: 43px;
	left: 32px;
	width: 30px;
	height: 30px;
	display: block;
	font-size: 45px;
	border-radius: 50%;
	background: #F9A132;
	margin: -33px 0 0 -23px;
}

.module .x:after {
	content: "\f335";
	font-family: 'dashicons';
	position: absolute;
	left: 45%;
	top: 66%;
	width: 100%;
	height: 100%;
	margin: -33px 0 0 -23px;
	font-size: 28px;
	line-height: 50px;
	text-align: center;
	display: block;
	color: #fff;
}

#teamMemberBios {
	display: none;
}


.sectionAddContent .container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.sectionAddContent .container .contentTitle {
	width: 37%;
}

.sectionAddContent .container .wysiwyg {
	width: 60%;
}

.sectionAddContent .container .contentTitle h3 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 0;
	color: #333C4B;
	padding-bottom: 10px;
	border-bottom: 1px solid #EDEDED;
}

.sectionAddContent .container .wysiwyg h4 {
	font-size: 22px;
	color: #333C4B;
	font-weight: 700;
	margin-top: 0;
}

.sectionAddContent .container .wysiwyg p {
	color: #414242;
	font-size: 16px;
}

.sectionAddContent .container .wysiwyg p img.alignleft {
	margin-left: -220px;
}

.sectionAddContent .container .wysiwyg blockquote p {
	font-size: 34px;
	color: #A9121D;
	font-weight: 300;
	border-left: 4px solid #A9121D;
	padding-left: 30px;
	margin: 40px 0 40px -220px;
}

.articles .container {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

.articles .container article {
	width: 25%;
	padding: 14px;
}

#serviceRequest {
	display: block;
	width: 40%;
	margin-left: 30px;
}

#serviceRequest #formTitle {
	color: #fff;
	display: block;
	width: 100%;
	height: 90px;
	font-size: 20px;
	font-weight: 700;
	padding: 47px 20px 0;
	background: url(images/form-header.svg)no-repeat center / contain;
}

#serviceContent .container {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

#serviceContent .container #serviceInfo {
	width: 65%;
}

#serviceContent .container #serviceRequest {
	width: 410px;
}

#serviceContent .container #serviceRequest form {
	background: #F5F5F5;
	padding: 25px;
}

#serviceContent .container #serviceRequest form label {
	color: #333C4B;
	font-size: 16px;
}

#serviceContent .container #serviceRequest form label input,
#serviceContent .container #serviceRequest form label select {
	margin-top: 0;
}

form p.dateTime {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

form p.dateTime label {
	width: 48%;
}

#serviceContent .container #serviceRequest form button {
	width: 100%;
}

#featuredRV {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
	margin-top: 90px;
}

#featuredRV .featuredInfo,
#featuredRV .featuredRVImage {
	width: 39%;
}

#featuredRV .additionalImages {
	width: 19%;
}

#featuredRV .featuredInfo h4 {
	display: block;
	font-size: 34px;
	line-height: 38px;
	font-weight: 700;
	margin: 0 0 20px;
}

#featuredRV .featuredInfo h4 a {
	color: #A9121D;
	text-decoration: none;
	display: block;
}

#featuredRV .featuredRVImage {
	border: 2px solid #D1D1D1;
	position: relative;
}

#featuredRV .featuredRVImage a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#featuredRV .additionalImages {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}

#featuredRV .additionalImages .addImage {
	display: block;
	width: 100%;
	height: 47%;
	position: relative;
	border: 2px solid #D1D1D1;
}

#featuredRV .additionalImages .addImage a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media(max-width: 1300px) {
	#featuredRV {
		width: calc(100% - 30px);
		margin: 60px 15px 0;
	}
}

@media(max-width: 1300px) {
	#featuredRV {
		flex-flow: row wrap;
	}

	#featuredRV .featuredInfo {
		width: 100%;
	}

	#featuredRV .featuredRVImage {
		width: 58%;
		padding-top: 440px;
	}

	#featuredRV .additionalImages {
		width: 40%;
	}
}

@media(max-width: 768px) {
	#featuredRV .featuredRVImage {
		padding-top: 360px;
	}
}

@media(max-width: 640px) {
	#featuredRV .featuredRVImage {
		padding-top: 300px;
	}
}

@media(max-width: 600px) {
	#featuredRV .featuredRVImage {
		width: 100%;
		display: block;
		padding-top: 100%;
	}

	#featuredRV .additionalImages {
		display: none;
	}
}

.priceTag {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin: 20px 0;
}

.priceTag ins {
	order: 1;
	width: 50%;
	font-size: 28px;
	font-weight: 700;
	text-decoration: none;
	color: #000;
}

.priceTag del {
	order: 2;
	width: 24%;
	font-size: 16px;
	font-weight: 700;
	line-height: 42px;
	color: #000;
}

.priceTag .msrp {
	order: 3;
	width: 24%;
	font-size: 16px;
	font-weight: 700;
	line-height: 42px;
	text-decoration: line-through;
	color: #000;
}

.priceTag .priceIs {
	order: 4;
	width: 50%;
}

.priceTag .priceWas {
	order: 5;
	width: 24%;
}

.priceTag .msrpPrice {
	order: 6;
	width: 24%;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	width: 66%
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: 10%;
	border-radius: 6px;
	overflow: hidden;
	margin: 10px 10px 0 0;
}

.woocommerce div.product.rvSold .woocommerce-product-gallery:before {
	content: 'SOLD';
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 60px;
	color: #fff;
	position: absolute;
	left: -10px;
	top: 20px;
	z-index: 10;
	font-size: 48px;
	font-weight: 700;
	background: #A9121D;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: none;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	width: 31%;
}

.product_attributes {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.product_attributes .col {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

.product_attributes .col:nth-child(odd) {
	background: #EAEAEA;
}

.product_attributes .col div {
	padding: 4px 12px;
	width: 50%;
}

.product_attributes .col div.att_value p {
	margin: 0;
	display: block;
	font-size: 16px;
	text-align: left;
}

.product_attributes .col div.att_label {
	font-weight: 700;
}

.productDescription {
	display: block;
	clear: both;
	width: 66%;
}

/************theBadge*************/
.theBadge {
	display: inline-block;
	position: relative;
	height: 33px;
	line-height: 33px;
	padding: 0 26px 0 23px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 13px;
}

.theBadge:before {
	content: '';
	filter: brightness(50%);
	position: absolute;
	left: 0;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 8px 0;
	border-color: transparent #A9121D transparent transparent;
}

.theBadge:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 34px 8px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	right: 0;
	top: 0;
}

/***************breadcrumbs******************/
.woocommerce .woocommerce-breadcrumb {
	margin: 1em 0;
}

/***************rvCTA******************/
.rvCTA {
	background: #3D3D3D;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	padding: 30px 21px;
	margin-top: 38px;
}

.rvCTA h5 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
}

.rvCTA p {
	color: #fff;
}

.rvCTA p a {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.rvCTA p a.btn {
	width: 100%;
	height: 42px;
	font-size: 16px;
	line-height: 16px;
}

.rvCTA .cta+.cta {
	margin-top: 18px;
}

.rvCTA p.eBay {
	margin-top: 30px;
}




#aboutCallout .smallContainer {
	text-align: center;
}

#aboutCallout .smallContainer h3 {
	width: 860px;
	max-width: 100%;
	margin: 10px auto 30px;
}

#aboutCallout #didYouKnow {
	background: #F5F5F5;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	padding: 43px 55px;
}

#aboutCallout #didYouKnow .threePoints {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 40px auto;
}

#aboutCallout #didYouKnow .threePoints div {
	background: #fff;
	width: 31.5%;
	border-radius: 4px;
	padding: 30px 15px 20px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}

#aboutCallout #didYouKnow .threePoints div>span {
	display: block;
	width: 42px;
	height: 42px;
	background: #0053A0;
	border-radius: 50%;
	color: #fff;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
	line-height: 42px;
	margin: -51px auto 20px;
}

#aboutCallout #didYouKnow+p {
	margin: -30px 0 85px;
}

@media(max-width: 1300px) {
	#aboutCallout {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media(max-width: 768px) {
	#aboutCallout .smallContainer h3 {
		font-size: 24px;
	}

	#aboutCallout #didYouKnow {
		padding: 20px 15px;
	}
}

@media(max-width: 640px) {
	#aboutCallout #didYouKnow .threePoints {
		flex-flow: column nowrap;
	}

	#aboutCallout #didYouKnow .threePoints div {
		width: 100%;
		margin-bottom: 50px;
	}
}

#preFooter {
	position: relative;
	padding: 0;
	background: url(images/preFooterBg.jpg)no-repeat center / cover;
}

#preFooterContent {
	position: relative;
	display: block;
	padding: 4% 0;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
}

#preFooterContent p {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
}

#preFooterContent .btn {
	margin-top: 40px;
}

#preFooterContent:after {
	content: '';
	display: block;
	height: 100%;
	width: 5000px;
	position: absolute;
	left: 100%;
	top: 0;
	background: rgba(52, 52, 52, 0.95);
}

@media(max-width: 1220px) {
	#latestBlogPost .latestPostView {
		padding: 0 15px;
	}
}

@media(max-width: 1200px) {
	.wysiwyg h3 {
		font-size: 86px !important;
	}

	#preFooterContent {
		padding: 6%;
	}

	#preFooterContent h4 {
		margin-top: 0;
	}
}



.single-post h2,
.single-post h3,
.single-post h4 {
	font-size: 36px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	line-height: 1.2em;
	color: #001E80;
	text-shadow: none;
	margin: 0;
}

.single-post h3 {
	color: #2b2b2b;
	font-family: 'Work Sans', sans-serif;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0;
}

.single-post h4 {
	color: #2b2b2b;
	font-family: 'Work Sans', sans-serif;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0;
}

.single-post h5 {
	color: #6D00CB;
	font-family: 'Work Sans', sans-serif;
	font-size: 20px;
	font-weight: 200;
	letter-spacing: 0;
}

.single-post h6 {
	color: #000;
	font-family: 'Work Sans', sans-serif;
	font-size: 24px;
	font-weight: 300;
}

.single-post #postFiles p a {
	display: block;
	background: #e1e1e1;
	font-family: 'Work Sans', sans-serif;
	border-radius: 10px;
	padding: 24px 60px;
	font-size: 24px;
	font-weight: 400;
	color: #898989;
	position: relative;
}

.single-post #postFiles p a:before {
	content: '';
	display: block;
	width: 29px;
	height: 33px;
	background: url(images/file_icon.png)no-repeat 0 0 / contain;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -16px;
}

.single-post #postFiles p a:after {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	background: url(images/download_icon.png)no-repeat 0 0 / contain;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -14px;
}

.single-post p,
.single-post ul,
.single-post ol {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #000;
	font-family: 'Work Sans', sans-serif;
}

.single-post ol {
	list-style-type: decimal !important;
}

.single-post ul {
	list-style-type: disc !important;
}

.single-post p.sans,
.single-post p .sans {
	font-family: 'Work Sans', sans-serif;
}

.single-post ol {
	list-style-type: number;
}

.single .postThumbnail {
	position: relative;
}

.single article.postBlock.postDetails blockquote {
	display: block;
	margin: 50px 0 50px 35px;
	overflow: visible;
	color: #36ACC2;
	font-size: 28px;
	font-family: 'Work Sans', sans-serif;
	position: relative;
}

.single article.postBlock.postDetails blockquote:before {
	content: '';
	display: block;
	width: 14px;
	height: calc(100% + 40px);
	position: absolute;
	left: -35px;
	top: -20px;
	background: #BD3535;
}

.single article.postBlock.postDetails blockquote p {
	font-size: 28px;
	line-height: 1.4em;
	font-weight: 400;
	font-family: 'Work Sans', sans-serif;
	color: #404040;
}

.postDateName {
	text-align: left;
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	color: #317D67;
	display: block;
	width: 100%;
	padding: 0 30px;
	position: absolute;
	left: 0;
	bottom: 40px;
}

.postDateName a .authIcon {
	display: inline-block;
	vertical-align: top;
	width: 19px;
	height: 18px;
	background: url(images/author_icon.svg)no-repeat top / cover;
}

.postDateName a:hover .authIcon {
	background-position: bottom;
}

.postDateName .theDate {
	display: inline-block;
	float: right;
}

.postDateName .dateIcon {
	display: inline-block;
	vertical-align: top;
	width: 19px;
	height: 19px;
	background: url(images/date_icon.svg)no-repeat top / cover;
}

.postDateName a {
	color: #317D67;
}

.postDateName a:hover {
	color: #F88D35;
}

.wp-caption-text {
	font-style: italic;
}

select#projectCat {
	display: block;
	position: relative;
	margin: 20px 0 50px;
	background: #2b2b2b;
	color: #fff;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	cursor: pointer;
}

.single-portfolio select#projectCat {
	margin: 40px 0 50px;
}

select#projectCat option {
	cursor: pointer;
	background: #cccccc;
	color: #363636;
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
}

select#projectCat option:hover {
	font-weight: 700;
}

select#projectCat+img {
	float: right;
	margin: -84px 15px 0 0;
	position: relative;
	z-index: 500;
	pointer-events: none;
}

#postNavigation {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 70px 0;
	position: relative;
	float: right;
}

#postNavigation a {
	display: inline-block;
	width: 54px;
	height: 52px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 1px solid #b7b7b7;
	border-radius: 6px;
	color: #404040;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

a.allPosts {
	margin: 0 15px;
	display: inline-block;
	width: 52px;
	height: 52px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 1px solid #b7b7b7;
	border-radius: 6px;
	color: #404040;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

.single-portfolio a.allPosts {
	border-radius: 50%;
	border: 2px solid #b7b7b7;
	color: #fff;
	margin: 40px 0 0 0;
}

#postNavigation a[rel="prev"] {
	float: left;
}

#postNavigation a[rel="more"] {
	float: none;
	position: relative;
	left: 50%;
	margin-left: -235px;
}

#postNavigation a[rel="next"] {
	float: right;
}

a.allPosts:hover,
#postNavigation a:hover {
	background: #6D00CB;
	color: #fff;
}

a.allPosts span,
#postNavigation a span {
	line-height: 52px;
	font-size: 26px;
	text-align: center;
	position: relative;
	top: 0px;
	left: -7px;
}

#blogPostNavigation a span.dashicons {
	line-height: 42px;
	font-size: 26px;
}

.single a.allPosts span,
.single #postNavigation a span {
	left: -2px;
}

a.allPosts span.dashicons.dashicons-screenoptions {
	top: -2px;
	left: -3px;
}

#postNavigation.portfolioNav {
	background: #2b2b2b;
	display: block;
	width: 100%;
	padding: 0;
}

#postNavigation.portfolioNav .navigation {
	padding-bottom: 30px;
}

#postNavigation.portfolioNav .navigation span.page-numbers,
#postNavigation.portfolioNav .navigation a {
	background: none;
	border: 2px solid #898989;
}

#postNavigation.portfolioNav .page-numbers {
	color: #898989;
	font-size: 27px;
	font-weight: 700;
	line-height: 37px;
}

#postNavigation.portfolioNav .page-numbers:not(.current):hover {
	color: #fff;
}

#postNavigation.portfolioNav .dashicons {
	font-size: 30px;
	line-height: 40px;
}

#postNavigation.portfolioNav .dashicons:before {
	left: 10px;
}

.page-template-t-about #aboutContent {
	padding-top: 13%;
}

.page-template-t-about #aboutContent .row,
.page-template-t-about #aboutContent .row .column,
.page-template-t-about #aboutContent .row .column .mainContent {
	height: 100%;
}


.page-template-t-about #aboutContent .mainContent {
	margin-top: -24%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-template-t-about #aboutContent .mainContent p {
	color: #000;
	font-size: 24px;
	font-weight: 300;
	font-family: 'Work Sans', sans-serif;
}

.page-template-t-about #aboutContent .mainContent #section1 h4 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
}

#teamSlider {
	margin-bottom: 100px;
}

#teamSlider .memberBio {
	display: block;
	width: 100%;
	padding-left: 40px;
	max-height: 760px;
	overflow: auto;
}

#teamSlider h3 {
	font-family: 'Work Sans', sans-serif;
	font-size: 55px;
	font-weight: 700;
	margin: -10px 0 -100px 40px;
	padding-bottom: 20px;
	border-bottom: 2px solid #dadada;
}

#teamSlider .memberBio {
	margin-top: 100px;
}

@media(max-width: 640px) {
	#teamSlider h3 {
		margin: -10px 0 0 40px;
	}

	#teamSlider .memberBio {
		margin-top: 0;
		padding: 0 15px;
	}
}

#teamSlider .memberBio h4 {
	margin-top: 60px;
	font-family: 'Work Sans', sans-serif;
	font-size: 40px;
	font-weight: 500;
}

#teamSlider .memberBio .memberTitle {
	color: #C1332C;
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
	font-style: italic;
	margin: 0 0 40px;
}

#teamSlider .memberBio p {
	font-size: 24px;
}

#teamSlider hr {
	margin: 0 0 60px 0;
	border-color: #707070;
}

#teamSlider #membersCarousel {
	display: block;
	clear: both;
}

#teamSlider #membersCarousel a.bx-pager-link {
	display: block;
	width: 170px;
	height: 170px;
	opacity: 0.5;
	text-indent: -5000px;
}

#teamSlider #membersCarousel a.bx-pager-link:hover,
#teamSlider #membersCarousel a.bx-pager-link.active {
	opacity: 1;
}

#similarProducts .productTitle {
	margin-top: -30px;
}

#similarProducts .productTitle .theBadge {
	margin-left: -5px;
}

#similarProducts .productTitle .theBadge:after {
	border-color: transparent transparent #F5F5F5 transparent;
}

#similarProducts .productTitle h3 {
	color: #333C4B;
	font-size: 16px;
	font-weight: 900;
	line-height: 22px;
	text-transform: uppercase;
	padding: 0 20px;
}

#similarProducts ul.products li.product {
	background: #F5F5F5;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}

#similarProducts ul.products li.product .price {
	font-size: 22px;
	color: #3D3D3D;
	display: block;
	padding: 0 20px;
}

#similarProducts ul.products li.product .btn {
	margin: 20px;
	padding: 8px 60px;
}


.sectionGridOfShields .shield {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 120%;
	position: relative;
	background: url(images/shield-light-grey.svg)no-repeat center top / contain;
	margin-bottom: 60px;
}

.sectionGridOfShields .shield .shieldContent {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 7% 10%;
	text-align: center;
}

.sectionGridOfShields .shieldColumn:nth-child(odd) .shield {
	background-image: url(images/shield-dark-grey.svg);
}

.sectionGridOfShields .shield .shieldContent h4 {
	color: #C33226;
	font-family: 'Work Sans', sans-serif;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;
}

.sectionGridOfShields .shield .shieldContent p {
	color: #40484B;
	font-size: 20px;
	text-align: center;
}

@media(max-width: 767px) {
	.sectionGridOfShields .shield .shieldContent h4 {
		margin-top: 30px;
	}

	.sectionGridOfShields .shield .shieldContent p {
		font-size: 16px;
	}
}

@media(max-width: 640px) {
	.sectionGridOfShields .shield .shieldContent h4 {
		font-size: 30px;
		margin-top: 20%;
	}

	.sectionGridOfShields .shield .shieldContent p {
		font-size: 26px;
	}
}

@media(max-width: 460px) {
	.sectionGridOfShields .shield .shieldContent h4 {
		margin-top: 15%;
	}

	.sectionGridOfShields .shield .shieldContent p {
		font-size: 20px;
	}
}

@media(max-width: 414px) {
	.sectionGridOfShields .shield .shieldContent h4 {
		margin-top: 15%;
	}

	.sectionGridOfShields .shield .shieldContent p {
		font-size: 16px;
	}
}

@media(max-width: 360px) {
	.sectionGridOfShields .shield .shieldContent h4 {
		margin-top: 10%;
	}
}

/************************FOOTER**************************/

footer.site-footer {
	background: #000;
	padding: 10px 0;
	color: #fff;
	font-size: 16px;
	width: 100%;
	max-width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	border-top: 2px solid #fff;
}

footer.site-footer.footerTop {
	background: #A98C72;
	border-top: 0;
	padding: 40px 15px;
}

footer.site-footer p {
	color: #fff;
	font-size: 14px;
}

footer.site-footer #footerLogo {
	font-family: 'Work Sans', sans-serif;
	color: #fff;
	font-size: 11px;
	white-space: nowrap;
	text-align: center;
}

footer.site-footer #footerLogo img {
	margin: 0 auto;
	display: block;
}

footer.site-footer #footerLogo span {
	display: block;
	clear: both;
	margin-top: 10px;
}


footer.site-footer #newsletterOptIn {
	display: block;
	width: 100%;
	margin: -40px 0;
	background: #C33226;
	color: #fff;
	min-height: 100%;
}


footer.site-footer .extLink {
	opacity: 0.5;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

footer.site-footer .extLink:hover {
	opacity: 1;
}

footer.site-footer .footerTop {
	margin-top: 40px;
}

footer.site-footer .footerBottom {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	margin-top: 40px;
}

footer.site-footer #copyright {
	color: #fff;
	display: block;
	text-align: left;
	line-height: 2em;
	font-weight: 400;
}

footer.site-footer #copyright span {
	white-space: nowrap;
}

footer.site-footer #copyright span a {
	color: #666;
}

.footerNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footerNav li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footerNav li a {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: 'Work Sans', sans-serif;
	font-size: 20px;
	line-height: 28px;
}



.site-footer .largeContainer {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
	content-align: center;
}

.site-footer .largeContainer nav {
	width: 50%;
}

.site-footer .largeContainer nav#footerNavCols {
	/*padding-right: 75px;*/
}

.site-footer .largeContainer nav#footerContact {
	background: #A98C72;
	position: relative;
	margin: -40px 0;
}

/*.site-footer .largeContainer nav#footerContact:after {
	content: '';
	display: block;
	height: 100%;
	width: 10000px;
	position: absolute;
	left: 100%;
	top: 0;
	background: #272727;
}*/

#bottommainMenu{
	display:flex;
	flex-flow:row;
	gap:38px;
}
@media(max-width:767px){
	#bottommainMenu{padding-top:10px;padding-left: 15px;}
}


#footerNavCols {
	display: flex;
	justify-content:end;
	flex-flow: row nowrap;
	content-align: center;
}

#footerContact {
	padding: 40px 0 40px 40px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
	padding-left:0px;
}

#footerContact>h3 {
	display: block;
	width: 100%;
	clear: both;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 24px;
}

#footerContact>h3 .scrollUp {
	display: inline-block;
	float: right;
	width: 30px;
	height: 30px;
	margin: -10px 0 0;
	background: #3D3D3D url(images/arrow_up_white.svg)no-repeat center / 20px;
	border-radius: 50%;
	overflow: hidden;
}

#footerContact a {
	display: block;
	color: #fff;
}

#footerContact i {
	color: #EE3A43;
	width: 18px;
	height: 18px;
	font-size: 16px;
}

/******************PHONE*******************/
#footerContact p {
	font-size: 14px;
}

#footerContact #phoneContact {
	font-size: 14px;
	position: relative;
	margin: 0;
}

#footerContact #phoneContact a {
	font-weight: 400;
	color: #fff;
	padding: 10px 0;
}


/*--------------------ch--------------------------*/
#footerContact .footerLogoAndContactPart{
	display:flex;
	flex-flow:column;
	gap:44px;
	
}
	#footerContact .footerLogoAndContactPart .footerLogo a{
		background: url(images/krem-logo-white.svg) no-repeat center left / contain;	
		display: block;
		width: 425px;
		height: 60px;
	}
/*--------------------ch--------------------------*/


@media(max-width: 1650px) {
	body:not(.home) #banner .headerContent {
		padding: 0 15px;
	}

	#callRequest {
		margin-top: 2.5%;
		padding: 0 20px 20px 20px
	}

	#latestBlogPost .postThumbnail {
		padding-top: 75%;
	}
}

@media(max-width: 1150px) {
	.site-footer .largeContainer {
		flex-flow: row;
	}

	.site-footer .largeContainer nav {
		width: 100%;

	}

	.site-footer .largeContainer nav#footerNavCols {
		padding: 0px 0;
		margin: 0;
	}

	.site-footer .largeContainer nav#footerContact {
		width: calc(100% + 30px);
		padding: 30px 15px;

	}
	#footerNavCols{
		display:block;
	}

	#bottommainMenu{flex-flow:wrap;gap: 30px;}

}


@media(max-width: 850px) {
	#footerNavCols{
		flex-flow:wrap;
	}
	#footerNavCols ul li a{font-size:16px;	}
	.footerNav li{height:30px;}
	#bottommainMenu{gap: 20px;padding-top: 0px;}
	.site-footer .largeContainer nav#footerContact {
        width: calc(58% + 30px);
        padding: 30px 15px;
    }
}


@media(max-width: 420px) {
	#footerNavCols ul li a{font-size:10px;	}
	
	#footerContact .footerLogoAndContactPart .footerLogo a{
		width:90px;
	}
	#footerContact .footerLogoAndContactPart{
		gap:22px;
	}
	.footerAddr, .footerAddr a{
		font-size:10px;
	}
	#bottommainMenu {
        gap: 12px;
	}
	.footerNav li {
        height: 20px;
    }
}




/**************************WOOCOMMERCE*******************************/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: #BF3431;
	font-family: 'Work Sans', sans-serif;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: #2C82C1;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #BF3431;
}

.woocommerce span.onsale {
	background: #BF3431;
}

.woocommerce-message {
	border-top-color: #BF3431;
}

@media(max-width: 1550px) {
	#latestBlogPost .postThumbnail {
		padding-top: 89%;
	}
}

@media(max-width: 1500px) {
	.hasBanner #banner {
		padding: 0 0 15% 0;
	}
}

@media(max-width: 1400px) {
	.hasBanner #banner {
		padding: 0 0 16% 0;
	}

	#masthead .cta {
		margin-top: 42px;
	}

	#masthead .cta .btn {
		font-size: 14px;
		padding: 8px 15px;
	}

	#callRequest #formHeader {
		padding: 10px 40px 10px 100px;
		margin-bottom: 15px;
	}

	#callRequest #formHeader:before {
		top: 14px;
	}

	#callouts .callout {
		min-height: 280px;
	}

	#callouts .callout h4 {
		font-size: 24px;
	}

	#contactSection #contactArea .large-5 {
		width: 50%;
		margin: 0 !important;
	}

	#categoryDesc .container #categoryInfo {
		padding-right: 15px;
	}

	#categoryDesc .container #categoryForm {
		padding-left: 15px;
	}

	#categoryDesc .container #categoryForm #callRequest {
		margin-left: 0;
	}
}

@media(max-width: 1330px) {
	.container {
		width: calc(100% - 30px);
		margin: 0 15px;
	}
}

@media(max-width: 1300px) {
	.hasBanner #banner {
		padding: 0 0 17% 0;
	}

}

/*****************LARGE+******************/
@media(max-width: 1200px) {

	.wysiwyg h3 {
		font-size: 86px !important;
	}

	#connectWithTeam p.message {
		font-size: 64px;
	}

	#externalLinks {
		width: 50%;
	}

	#headerSocialIcons {
		width: 22.5%;
	}

	p.site-title {
		width: 200px;
	}

	.hasBanner #banner {
		padding: 0 0 18% 0;
	}

	.woocommerce ul.products:before,
	.woocommerce ul.products:after {
		display: none;
	}

	.woocommerce ul.products {
		justify-content: space-between;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 30%;
		margin-right: 0;
	}

	/**********FOOTER*********/
	footer.site-footer #newsletterOptIn {
		position: relative;
	}

	footer.site-footer #newsletterOptIn:after {
		content: '';
		display: block;
		width: 100px;
		height: 100%;
		background: #C33226;
		position: absolute;
		left: 100%;
		top: 0;
	}

	#categoryDesc .container #categoryInfo {
		width: 55%;
	}

	#categoryDesc .container #categoryForm {
		width: 45%;
	}

	.social-icons-column {
		width: 19%;
	}

	#primayFooter ul.socNav {
		white-space: nowrap;
		float: left;
	}

	#primayFooter ul.socNav li a {
		width: 36px;
	}
}

@media(max-width: 1230px) {
	#callouts {
		justify-content: space-around;
	}
}

@media(max-width: 1150px) {
	.scrolled #masthead #topNav>li>a {
		padding: 28px 10px;
	}

	#callouts .callout h3 {
		font-size: 36px;
	}

	#callRequest #formHeader {
		font-size: 18px;
	}

	.footerBottom .row .column {
		width: 100%;
		clear: both;
	}
}

@media(max-width: 1120px) {
	#headNav ul>li>a {
		padding: 13px 20px;
	}

	#callouts .callout {
		min-height: 250px;
	}

}

@media(max-width: 1100px) {
	article#catTitle {
		width: 60%;
	}

	.hasBanner #banner {
		padding: 0 0 19% 0;
	}

	.wysiwyg h3 {
		font-size: 72px !important;
	}

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		width: 55%;
	}

	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 40%;
	}

	#callRequest #formHeader {
		font-size: 16px;
	}

	#callRequest input[type="text"],
	#callRequest input[type="tel"],
	#callRequest input[type="email"],
	#callRequest input[type="date"],
	#callRequest input[type="number"],
	#callRequest input[type="password"],
	#callRequest select {
		height: 30px;
	}

	#connectWithTeam p.message {
		font-size: 56px;
	}

}

@media(max-width: 1050px) {
	.hasBanner #banner {
		padding: 0 0 23% 0;
	}
}

/*****************MEDIUM******************/
@media(max-width: 1024px) {
	.wysiwyg h3 {
		font-size: 60px !important;
	}

	#connectWithTeam p.message {
		font-size: 48px;
	}

	#masthead,
	.scrolled #masthead {
		background: #fff !important;
		height: 75px !important;
	}

	#masthead p.site-title,
	.scrolled #masthead p.site-title {
		height: 100%;
		width: 165px;
		margin: 0;
		height: 75px !important;
	}

	#masthead p.site-title a,
	.scrolled #masthead p.site-title a {
		background-size: contain;
		height: 100% !important;
		background: url(images/TrueRV-Logo@2x.png)no-repeat center left / contain !important;
	}

	.sectionAddContent .container {
		flex-flow: column nowrap;
	}

	.sectionAddContent .container .contentTitle,
	.sectionAddContent .container .wysiwyg {
		width: 100%;
	}

	.sectionAddContent .container .wysiwyg p img.alignleft,
	.sectionAddContent .container .wysiwyg blockquote p {
		margin-left: 0;
	}


	.resultsTree .theTree .result .resultContent {
		width: 320px;
	}

	.resultsTree .theTree .result .resultContent h5 {
		font-size: 28px;
	}

	.resultsTree .theTree .result .resultContent p {
		font-size: 16px;
	}

	#preHeader,
	#topNav {
		display: none;
	}

	#mobileMenu {
		display: block;
		width: 80%;
		max-width:665px;
		background: #A98C72;
		position: fixed;
		right: 100%;
		top: 0;
		z-index: 10000;
		display: block;
		height: 100%;
		overflow-y: auto;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#mobileMenu.open {
		right: 0;
	}
		#mobileMenu.open .hamburger{
			top:41px;
			left:36px;
			width:23px;
			height:23px;
			opacity:1.0;
			background: url(images/cross_icon.svg) no-repeat center left / contain;
		}
		#mobileMenu.open .hamburger:after{
			content:"";
			width:0px;
			height:0px;
			/*top:41px;
			left:36px;*/
		}
		
		

		

    #masthead p.site-title {
        display: none;
    }

	#masthead p.mobile-site-title,
	.hamburger {
		display: block;
	}

	.call {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}

	#mobileMenu .hamburger {
		float: none;
		opacity: 0.5;
	}

	#mobileMenu ul.socNav {
		float: none;
		margin: 40px 0 0 20px;
	}

	#mobileMenu ul.socNav a {
		opacity: 0.5;
		color: #fff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin: 0 10px;
	}

	#mobileMenu ul.socNav li a i {
		color: #fff !important;
	}

	#mobileMenu ul.socNav li:hover>a {
		opacity: 1;
	}

	#mobileMenu ul.socNav li.twitter:hover>a {
		background-position: 9px 10px;
	}

	#mobileMenu ul.socNav li.facebook:hover>a {
		background-position: -26px 10px;
	}

	#mobileMenu ul.socNav li.instagram:hover>a {
		background-position: -62px 10px;
	}

	#mobileMenu ul.socNav li.youtube:hover>a {
		background-position: -105px 10px;
	}


	#mobileMainNav {
		list-style-type: none;
		margin: 75px 0 0 0;
		padding: 0;
		display: block;
		width: 100%;
		text-align: right;
	}

	#mobileMainNav li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
		position: relative;
	}

	#mobileMainNav li a {
		display: block;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		padding: 16px 44px;
		color: #fff;
		font-family: 'Work Sans', sans-serif;
	}

	#mobileMainNav li:hover>a {
		background: rgba(0, 0, 0, 0.25);
	}

	#mobileMainNav li.menu-item-has-children,
	#mobileMainNav li.menu-item-has-children a {
		position: relative;
		display: block;
	}

	#mobileMainNav>li.menu-item-has-children>a:after {
		content: '';
		width: 8px;
		height: 8px;
		border: 2px solid rgba(255, 255, 255, 0.5);
		position: absolute;
		left: 85%;
		margin-left: -4px;
		bottom: 30px;
		transform: rotate(45deg);
		border-left: none;
		border-top: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#mobileMainNav li.menu-item-has-children ul.sub-menu {
		display: none;
	}

	#mobileMainNav li.menu-item-has-children ul.sub-menu a {
		background: rgba(0, 0, 0, 0.3);
		padding: 16px 20px 16px 30px;
	}

	#mobileMainNav li.menu-item-has-children ul.sub-menu li:hover a {
		background: rgba(255, 255, 255, 0.2);
		color: #000000;
	}

	#mobileMainNav li.menu-item-has-children.open>ul.sub-menu {
		display: block;
	}

	header#masthead,
	.scrolled header#masthead {
		background: #fff;
	}

	p.site-title,
	.scrolled #masthead p.site-title {
		height: 52px;
		background-size: contain;
	}

	p.site-title a,

	.hasBanner #banner {
		padding: 0 0 25% 0;
	}

	#banner {
		margin-top: 75px;
		padding: 176px 0 0 0;
	}

	article#headTitle h1 {
		font-size: 36px;
	}

	#featuredTestimonials .testimonial p {
		text-align: center;
	}

	#callouts .callout h3 {
		font-size: 30px;
	}

	#preFooter {
		padding: 0;
		margin: 0;
	}

	#preFooter .btn {
		margin-bottom: 40px;
	}

	#preFooter:before {
		display: none;
	}

	#preFooter:after {
		background-size: 200%;
		padding-top: 15%;
	}

	footer#primaryFooter #footerLogo {
		text-align: left;
		margin: 0;
	}

	footer#primaryFooter #footerLogo img {
		text-align: left;
		margin: 0;
	}

	.phone-column {
		display: none;
	}

	.social-icons-column {
		width: 100%;
	}

	.footerBottom {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.footerBottom .external-links-column {
		order: 1;
	}

	.footerBottom .copyright-column {
		order: 2;
	}

	.footerBottom .social-icons-column {
		order: 3;
	}

	.footerBottom ul.socNav {
		display: block;
		width: 168px;
		margin: 0 auto;
		float: none;
	}
}

@media(max-width: 1023px) {

	.module {
		left: 0;
		margin-left: 0;
		width: 100%;
		height: 0;
		padding-top: 55.6%;
	}

	.tax-brand #banner,
	.tax-product_cat #banner,
	#banner {
		margin-top: 0;
		padding: 300px 0 0 0;
	}
}

@media(max-width: 1000px) {
	.hasBanner #banner {
		padding: 0 0 28% 0;
	}
}

@media(max-width: 991px) {
	#featuredTestimonials .testimonialsGrid {
		flex-flow: column nowrap;
	}

	#featuredTestimonials .testimonial {
		width: 100%;
	}

	#featuredTestimonials .testimonial p {
		text-align: left;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 48%;
	}
}

@media(max-width: 960px) {
	#headNav ul>li>a {
		padding: 13px;
	}

	#callouts .callout .contentOverlay {
		padding: 14px 20px;
		top: 0;
	}

	#callouts .callout .contentOverlay p {
		font-size: 14px;
		opacity: 1;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	}

	#callouts .callout .calloutLink span {
		padding: 10px 20px;
	}

	.articles .container {
		flex-flow: row wrap;
	}

	.articles .container article {
		width: 50%;
	}

	.page-template-t-contact h2 {
		font-size: 64px;
	}

}

@media(max-width: 900px) {}

@media(max-width: 880px) {
	#contactForm #formHeader {
		font-size: 20px;
		padding: 20px 10px 20px 100px;
	}
}

@media(max-width: 860px) {
	.home #section1 .wysiwyg {
		padding: 10% 0 50%;
	}

	#headNav ul>li>a {
		padding: 13px 6px;
	}

	.hasBanner #banner h2 {
		font-size: 52px;
	}

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images,
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary,
	.productDescription {
		width: 100%;
	}

	#latestBlogPost {
		padding: 60px 0;
	}

	#latestBlogPost #latestPostView {
		flex-flow: column nowrap;
	}

	#latestBlogPost .postExcerpt,
	#latestBlogPost .postThumbnail {
		width: 100%;
	}

	#latestBlogPost .postThumbnail {
		margin-top: 60px;
	}
}

@media(max-width: 800px) {
	.page-template-t-contact #contactForm {
		padding-left: 20px;
		padding-right: 20px;
	}

	.page-template-t-contact #contactContent {
		padding: 20px;
	}
}

/*****************iPad******************/
@media(max-width: 768px) {
	.wysiwyg h3 {
		font-size: 56px !important;
	}

	.hasBanner #banner {
		padding: 0 0 33% 0;
	}

	.resultsTree .theTree .result .resultContent {
		width: 300px;
	}

	.resultsTree .theTree .result .resultContent h5 {
		font-size: 24px;
	}

	article#catTitle {
		width: 100%;
	}

	#latestBlogPost .postExcerpt {
		width: 100%;
	}

	#contactForm #formHeader {
		font-size: 18px;
	}

	#featuredTestimonials {
		margin-bottom: 10px;
		background: #F5F5F5;
	}

	#featuredTestimonials .testimonial {
		background: none;
	}

	#featuredTestimonials .testimonial .quoteIcon {
		height: 180px !important;
		background-position: center !important;
		background-size: contain !important;
	}

	#callouts .callout h3 {
		font-size: 26px;
	}

	.termSelector>li.categories {
		font-size: 40px;
	}

	.termSelector li.categories ul li a {
		font-size: 32px;
		padding: 15px 30px;
	}

	.termSelector li.categories ul li ul.children a {
		padding-left: 60px;
	}

	#categoryDesc .container {
		flex-flow: column nowrap;
	}

	#categoryDesc .container #categoryInfo {
		width: 100%;
		padding-right: 0;
	}

	#categoryDesc .container #categoryForm {
		width: 460px;
		margin: 180px auto 0;
		padding-left: 0;
	}


	#preFooter:after {
		background-size: 300%;
		padding-top: 20%;
	}
}

/*****************iPad******************/
@media(max-width: 767px) {
	#callouts .callout {
		min-height: 290px;
	}

	.resultsTree h3 {
		margin-bottom: 40px;
	}

	.resultsTree .theTree:before {
		display: none;
	}

	#section2.resultsTree .theTree .result {
		background: none !important;
		width: 100% !important;
		height: auto !important;
		border-radius: 0 !important;
		left: 0 !important;
		right: 0 !important;
		margin: 15px 0 !important;
		display: block !important;
		clear: both !important;
	}

	#serviceContent .container {
		flex-flow: column nowrap;
	}

	#serviceContent .container #serviceInfo {
		width: 100%;
	}

	#serviceContent .container #serviceRequest {
		margin: 40px auto;
		max-width: 100%;
	}

	.resultsTree .theTree .result:before {
		display: none !important;
	}

	.resultsTree .theTree .result .resultContent {
		width: 100% !important;

		left: auto !important;
		right: auto !important;
		display: block;
		padding: 30px;
		position: relative;
		margin: 15px 0 !important;
		top: auto !important;
	}

	.resultsTree .theTree .result .resultContent h5 {
		font-size: 28px;
	}

	.resultsTree .theTree .result .resultContent p {
		font-size: 16px;
	}

	footer#primaryFooter #copyright span {
		display: block;
		width: 100%;
		clear: both;
		text-align: center;
	}

	footer#primaryFooter #copyright span .siteBy {
		float: none;
		border-top: 1px solid rgba(255, 255, 255, 0.25);
		padding-top: 5px;
		margin-top: 15px;
		display: block;
	}
}

@media(max-width: 700px) {
	#masthead .logoColumn {
		width: 40%;
	}

	#masthead .phoneColumn {
		width: 20%;
	}

	#masthead .ctaColumn {
		width: 40%;
	}

	.hasBanner #banner h2 {
		font-size: 48px;
	}
}

@media(max-width: 670px) {
	#contactForm #formHeader {
		font-size: 15px;
	}
}

/*****************SMALL******************/


@media(max-width: 767px) {
	h2 {
		font-size: 35px;
	}
}

/*@media(max-width: 640px) {
	h2 {
		font-size: 50px;
	}

	.wysiwyg h3 {
		font-size: 40px !important;
	}

	.hasBanner #banner {
		padding: 0 0 45% 0;
	}

	.hasBanner #banner h2 {
		font-size: 38px;
	}

	article#catTitle h1 {
		font-size: 32px;
	}

	.articles .container {
		flex-flow: column nowrap;
		padding: 0;
		margin: 0;
	}

	.articles .container article {
		width: 100%;
		padding: 0;
	}

	.termSelector {
		margin: 0;
	}

	.termSelector>li.categories {
		font-size: 32px;
	}

	.termSelector>li.categories:after {
		top: 33px;
	}

	.termSelector li.categories ul li a {
		font-size: 26px;
		padding: 15px;
	}

	.termSelector li.categories ul li ul.children a {
		padding-left: 40px;
	}

	.single-post p {
		font-size: 16px;
		line-height: 24px;
	}

	.single-post blockquote p {
		font-size: 20px;
		line-height: 28px;
	}

	.page-template-t-about #ourWhy {
		margin: -40px 0 0 0;
	}

	.page-template-t-about #ourCulture {
		margin: 30px 0 40px 0;
	}

	.page-template-t-about #ourWhy h3,
	.page-template-t-about #ourCulture h3 {
		font-size: 35px;
	}

	.page-template-t-about #ourWhy p,
	.page-template-t-about #ourCulture p {
		font-size: 18px;
	}


	body {
		background: #fff !important;
	}

	.eqWrap {
		display: block;
	}

	.customColumns {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.column-horizontal .medium-6.horizontal {
		width: 40%;
	}

	.column-horizontal .medium-6.horizontal+.medium-6 {
		width: 60%;
	}

	.home #callouts {
		flex-flow: column nowrap;
		align-items: center;
	}

	.home #callouts .callout {
		width: 96%;
		padding: 50px 38px calc(48% + 40px) 38px;
		margin: 10px 0;
	}

	.home #callouts .callout .contentOverlay {
		padding: 26px;
	}

	.home #callouts .callout h3 {
		font-size: 35px;
	}

	.home #callouts .callout p {
		font-size: 16px;
	}

	.home #section1 .wysiwyg img {
		width: 180px;
		margin-bottom: 30px;
	}

	.home #section1 .wysiwyg p {
		font-size: 18px !important;
	}

	.home #latestBlogPost .postExcerpt h4 {
		font-size: 35px;
	}

	.page-template-t-service #banner #serviceBannerContent h2 {
		font-size: 35px;
		margin-top: 50px;
	}

	.resultsTree h3 {
		font-size: 35px;
	}

	.page-template-t-service #banner #serviceBannerContent p {
		font-size: 18px;
	}

	.page-template-t-service .videoColumn {
		padding: 0;
	}

	.page-template-t-service .youTubeVideo {
		margin: -70px 0 0 0;
		width: calc(100% + 30px);
	}

	#latestBlogPost .postExcerpt p {
		font-size: 18px;
	}

	#callouts .callout .calloutLink span {
		padding: 26px;
	}

	#callouts .bx-wrapper .bx-pager {
		display: block !important;
		width: 100% !important;
		float: none !important;
		bottom: -20px !important;
		position: relative;
		text-align: center !important;
	}

	.sectionBannerWidget {
		padding: 65% 0 15px 0;
	}

	.sectionBannerWidget .bannerWidget {
		width: 100%;
	}

	.single .postDate {
		padding-left: 15px;
	}

	.woocommerce ul.products[class*="columns-"] li.product,
	.woocommerce-page ul.products[class*="columns-"] li.product,
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 100%;
	}

	#singleTitle h1 {
		margin-left: 15px;
	}

	article.postBlock .entry-content {
		padding: 30px 15px;
	}

	.single #primary {
		background: #fff !important;
	}

	#relatedPosts h3#relatedArticles {
		margin: 0 15px 80px;
	}

	#blogSidebar {
		display: block;
		padding: 0 15px;
	}

	#preFooterContent:before {
		background: rgba(52, 52, 52, 0.95);
	}

	#preFooterContent h4 {
		font-size: 35px;
	}

	#preFooterContent p {
		font-size: 18px;
	}

	#footerNavCols {
		display: none;
	}

	#footerContact>h3 {
		text-align: center;
	}

	#footerContact {
		flex-flow: column nowrap;
	}
}*/

@media(max-width: 520px) {

	.two-columns,
	.three-columns,
	.four-columns {
		-webkit-column-count: 1;
		/* Chrome, Safari, Opera */
		-moz-column-count: 1;
		/* Firefox */
		column-count: 1;
		-webkit-column-gap: 0;
		/* Chrome, Safari, Opera */
		-moz-column-gap: 0;
		/* Firefox */
		column-gap: 0;
	}

	.hasBanner #banner h2 {
		font-size: 32px;
		line-height: 48px;
	}
}

@media(max-width: 500px) {}

@media(max-width: 460px) {

	.hasBanner #banner {
		padding: 0 0 50% 0;
	}

	#masthead p.mobile-site-title {
		width: 55%;
		margin: 0 10px;
	}

	.sectionBannerWidget .bannerWidget h4 {
		font-size: 32px;
	}

	.column-horizontal .medium-6.horizontal {
		width: 100%;
	}

	.column-horizontal .medium-6.horizontal+.medium-6 {
		width: 100%;
	}

	.page-template-t-contact h2 {
		font-size: 50px;
		margin: 0;
	}

	.page-template-t-about #ourWhy {
		margin: -30px 0 0 0;
	}

	#contactForm {
		padding: 40px 0;
	}

	.termSelector>li.categories {
		font-size: 26px;
	}

	.termSelector li.categories ul li a {
		font-size: 20px;
	}

	.termSelector>li.categories:after {
		width: 40px;
		height: 40px;
	}

	footer#primaryFooter #footerLogo span {
		margin: 30px 0 40px;
	}

	footer#primaryFooter #orgInfo {
		border-left: none;
	}

	footer#primaryFooter .footerBottom {
		border: none;
	}

	footer#primaryFooter .footerBottom .external-links-column ul.extNav {
		margin: 0 15px;
		display: block;
		width: 100%;
	}

	footer#primaryFooter .footerBottom .external-links-column ul.extNav li {
		display: block;
		width: 100%;
		clear: both;
		text-align: left;
		border-top: 1px solid #707070;
	}

	footer#primaryFooter .footerBottom .external-links-column ul.extNav li.currentSite {
		display: none;
	}

	footer#primaryFooter .footerBottom .external-links-column ul.extNav li:last-child {
		border-bottom: 1px solid #707070;
	}

	footer#primaryFooter .footerBottom .external-links-column ul.extNav li a {
		display: block;
		padding: 10px 0;
		font-size: 14px;
	}

}

@media(max-width: 450px) {}

/*****************iPhone 6+******************/
@media(max-width: 414px) {
	#contactForm #formHeader {
		font-size: 20px;
	}
	
	#mobileMenu {
		width:100%;
	}

}

@media(max-width: 400px) {}

@media(max-width: 380px) {
	#masthead p.mobile-site-title {
		width: 50%;
		margin: 0 5px;
	}

	.hasBanner #banner {
		padding: 0 0 60% 0;
	}

	.sectionBannerWidget .bannerWidget h4 {
		font-size: 28px;
	}

	#contactForm #formHeader {
		font-size: 18px;
	}

	footer.site-footer #newsletterOptIn {
		padding: 30px 15px 0;
	}

	footer.site-footer #foot .scrollUp {
		right: -20px;
	}
}

/*****************Android******************/
@media(max-width: 360px) {
	.hasBanner #banner h2 {
		font-size: 36px;
	}
}

@media(max-width: 350px) {
	#contactForm #formHeader {
		font-size: 15px;
		padding: 20px 20px 20px 90px;
	}
}

/*****************iPHONE 5******************/
@media(max-width: 320px) {}





/*----------------------ch---------------------------------*/
#whatWeLove{
	padding-bottom:101px;
	position:relativel;
}
#whatWeLove h2{padding-bottom:53px;}
	#whatWeLove .threeItemsWeLove{
		display:flex;
		flex-flow:row;
		gap:54px;
		justify-content: center;
	}

		#whatWeLove .threeItemsWeLove .item{
			border-radius:15px;
			background:#ECECE9;
			width:364px;
			padding-top:20px;
			padding-bottom:20px;
			padding-left:13px;
			padding-right:13px;
			display:flex;
			flex-flow:column;
			justify-content:center;
			align-items:center;
			box-sizing:border-box;
			border: 0.46px solid #A98C72;
		}
			#whatWeLove .threeItemsWeLove .item .text{
				color:#2B251F;
				font-size:25px;
				font-weight:600;
				text-align:center;
			}
			#whatWeLove .threeItemsWeLove .item .ico{
				width:50px;
				height:50px;
				margin-bottom: 19px;
				
			}
				#whatWeLove .threeItemsWeLove .item .ico.kofeeseed{
					background: url(images/koffeseed_icon.svg) no-repeat center left / contain;
				}
				#whatWeLove .threeItemsWeLove .item .ico.heart{
					background: url(images/heart_icon.svg) no-repeat center left / contain;
				}
				#whatWeLove .threeItemsWeLove .item .ico.person{
					background: url(images/person_icon.svg) no-repeat center left / contain;
				}
				
		@media(max-width:767px){
			#whatWeLove .threeItemsWeLove{
				flex-flow:wrap;
				gap:25px;
			}
				#whatWeLove .threeItemsWeLove .item{
					max-width:168px;
				}
					#whatWeLove .threeItemsWeLove .item .text{
						font-size:12px;
					}
				#whatWeLove .threeItemsWeLove .item .ico{
					width:20px;
					height:20px;
				}
		}				
				
				
				
		#menuFourItems{position:relative;}
		
			#menuFourItems h2{padding-bottom:57px;}
			.fourItemsMenu{
				display: flex;
				flex-flow: row;
				justify-content: space-between;
				gap: 72px;
				padding-bottom: 50px;
				max-width: 1208px;
				margin: 0px auto;
			}
			
			
			
				.fourItemsMenu .item{
					background-color:#A98C72;
					border-radius:22px;
					color:white;
					padding-top:46px;
					padding-left:47px;
					padding-right:88px;
					padding-bottom:47px;
					width:50%;
					max-width:553px;
					height: 461px;
					display: flex;
					flex-flow: column;
					justify-content: space-between;
					position:relative;
					
				}
				.fourItemsMenu .item .background_cup{
					content:" ";
					position:absolute;
					display:block;
					width:256px;
					height:256px;
					bottom:-48px;
					right:-30px;
				}
				
				#menuFourItems .fourItemsMenu .item.kapuchino:after{background: url(images/kapuchino_cup.png) no-repeat bottom right / contain;}
				#menuFourItems .fourItemsMenu .item.latte:after{background: url(images/latte_cup.png) no-repeat bottom right / contain;}
				#menuFourItems .fourItemsMenu .item.americano:after{background: url(images/americano_cup.png) no-repeat bottom right / contain;}
				#menuFourItems .fourItemsMenu .item.expresso:after{background: url(images/expresso_cup.png) no-repeat bottom right / contain;}
					#menuFourItems .fourItemsMenu .item .name_and_ml{}
						.fourItemsMenu .item .name_and_ml .nameitem{font-size:41px;font-weight:600;}
						.fourItemsMenu .item .name_and_ml .mlitem{}
						
						.fourItemsMenu .item .priceitem{font-size:43px;font-weight:700;}
						
						#menuFourItems .outerBnt{padding-top:95px;text-align:center;}
						
						.fourItemsMenu .item .drink_cup_icon{
							display:block;
							position:absolute;
							width:350px;
							height:350px;
							bottom: -18px;
							right: -31px;
						}
					@media(max-width:1170px){
						.fourItemsMenu .item .background_cup{
							width:230px;
							height:230px;
							right: -10px;
						}
						.fourItemsMenu .item .priceitem {
							font-size:35px;
						}
					}
					@media(max-width:1020px){
						.fourItemsMenu .item .background_cup{
							width:168px;
							height:168px;
							right: -12px;
						}
						.fourItemsMenu .item .priceitem{
							font-size:32px;
						}
					}
					@media(max-width:767px){
						.fourItemsMenu{
							flex-flow: wrap;
							justify-content:center;
						}
							.fourItemsMenu .item{
								width:100%;
								max-width:280px;
								height: 240px;
							}
								.fourItemsMenu .item .background_cup{
									width:134px;
									height:134px;
								}
								.fourItemsMenu .item .name_and_ml .nameitem{
									font-size:21px;
								}
								.fourItemsMenu .item .priceitem{font-size:22px;}
					
							
					}	
						
						
						
						
						
						
						
						
		#stocksSection{padding-top:147px;color:white;}
			#stocksSection .stockSelf{
				background-color:#A98C72;
				border-radius:22px;
				padding-top:59px;
				padding-left:80px;
				padding-bottom:102px;
				max-width:1200px;
				margin:0px auto;
				position:relative;
			}
				#stocksSection .stockSelf:after{
					content:" ";
					background: url(images/latte_big_pict.png) no-repeat center/ contain;
					width:445px;
					height:435px;
					position:absolute;
					display:block;
					right: 30px;
					top: 25%;
					
				}
			
				#stocksSection .stockSelf .itemsOuter{
					max-width:703px;
				}
				
					#stocksSection .stockSelf .itemsOuter .stockItem{
						padding-bottom:72px;
					}
						#stocksSection .stockSelf .itemsOuter .stockItem .pict{
							width:86px;
							height:86px;
							margin-bottom:25px;
						}
							#stocksSection .stockSelf .itemsOuter .stockItem .pict.fireman{background: url(images/fireman_ico.svg) no-repeat center/ contain;}
							#stocksSection .stockSelf .itemsOuter .stockItem .pict.medic{background: url(images/medic_ico.svg) no-repeat center/ contain;}
							#stocksSection .stockSelf .itemsOuter .stockItem .pict.student{background: url(images/student_ico.svg) no-repeat center/ contain;}
						#stocksSection .stockSelf .itemsOuter .stockItem .stockName{font-size:36.71px;font-weight:700;}
						#stocksSection .stockSelf .itemsOuter .stockItem .stockValume{font-size:32px;font-weight:400;}
				#stocksSection .stockSelf .currentSale{
					font-size:36px;
					font-weight:600;
					max-width:475px;
				}
				#stocksSection .stockSelf h2{
					color:white;
					padding-bottom:133px;
				}
				
			@media(max-width:1020px){
				#stocksSection .stockSelf:after{
					width:280px;
					height:280px;
				}
				#stocksSection .stockSelf .itemsOuter .stockItem .stockName{
					font-size:24px;
					
				}
				#stocksSection .stockSelf .itemsOuter .stockItem .stockValume{
					font-size:20px;
				}
				#stocksSection .stockSelf .currentSale{
					font-size:23px;
				}
				#stocksSection .stockSelf .itemsOuter .stockItem{
					padding-bottom:46px;
				}
			}
			@media(max-width:767px){
				#stocksSection .stockSelf:after{
					width:140px;
					height:140px;
				}
				#stocksSection .stockSelf{
					padding-left:50px;
					padding-top:30px;
					overflow:hidden;
					padding-bottom: 40px;
					margin-left: -15px;
					margin-right: -15px;
				}
				#stocksSection .stockSelf .itemsOuter .stockItem .stockName{
					font-weight: 700;
					font-style: Bold;
					font-size: 17.74px;

				}
				#stocksSection .stockSelf .itemsOuter .stockItem .stockValume{
					font-weight: 400;
					font-size: 15.47px;

				}
				#stocksSection .stockSelf .currentSale{
					font-size:17.4px;
				}
				#stocksSection .stockSelf h2{
					padding-bottom:67px;
				}
				#stocksSection .stockSelf .itemsOuter .stockItem .pict{
					width:41px;
					height:41px;
					margin-bottom:12px;
				}
				#stocksSection .stockSelf .itemsOuter .stockItem{
					padding-bottom:34px;
				}
				#stocksSection .stockSelf:after{
					    right: -54px;
				}
				
			}
			
			
			
			
			
			#topReviewsSection{padding-bottom:82px;padding-top:100px;}
				#topReviewsSection .mainContainer{background:#FAFAFA;padding-bottom: 82px;border-radius:12px;}
					#topReviewsSection .mainContainer h2{    padding-bottom: 60px;}
						#topReviewsSection .someReviewsConatiner,#allReviewsSection .allReviewsConatiner{
							max-width:1134px;
							margin:0px auto;
							display:flex;
							flex-flow:wrap;
							gap: 30px;
						}
						#allReviewsSection .allReviewsConatiner{
							padding-bottom:100px;
						}
						#allReviewsSection h2{padding-bottom: 20px;}
						
						
							#topReviewsSection .someReviewsConatiner .reviewItem,
							#allReviewsSection .allReviewsConatiner .reviewItem{
								background:white;
								display:flex;
								flex-flow:row;
								padding:23px;
								gap:15px;
								border:1px solid #e1e1e1;
								border-radius:13px;
								max-width:358px;
							}
								#topReviewsSection .someReviewsConatiner .reviewItem .avatarCol{
									
								}
									#topReviewsSection .someReviewsConatiner .reviewItem .avatarCol>div,
									#allReviewsSection .allReviewsConatiner .reviewItem .avatarCol>div{
										border-radius:100%;
										background:#ECECF0;
										color:black;
										width:40px;
										height:40px;
										display:flex;
										align-items:center;
										justify-content:center;
									}
								#topReviewsSection .someReviewsConatiner .reviewItem .textCol,
								#allReviewsSection .allReviewsConatiner .reviewItem .textCol{
									display:flex;
									flex-flow:row;
								}
									#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText{
										
									}
									
									#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText .reviewerNameAndRating,
									#allReviewsSection .allReviewsConatiner .reviewItem .textCol .otherText .reviewerNameAndRating{
										display:flex;
										flex-flow:row;
										    gap: 30px;
									}
										#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText .reviewerName,
										#allReviewsSection .allReviewsConatiner .reviewItem .textCol .otherText .reviewerName{
											font-weight: 400;
											font-size: 15.83px;
											line-height: 23.75px;
											letter-spacing: -0.31px;
										}
										#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText .reviewDate,
										#allReviewsSection .allReviewsConatiner .reviewItem .textCol .otherText .reviewDate{
											font-weight: 400;
											font-size: 13.85px;
											line-height: 19.79px;
											letter-spacing: -0.15px;

										}
										#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText .reviewText,
										#allReviewsSection .allReviewsConatiner .reviewItem .textCol .otherText .reviewText{
											font-weight: 400;
											font-size: 15.83px;
											line-height: 23.75px;
											letter-spacing: -0.31px;

										}
										
									
									#topReviewsSection .someReviewsConatiner .reviewItem .textCol .rating,
									#allReviewsSection .allReviewsConatiner .reviewItem .textCol .rating{
										display:flex;
										flex-flow:row;
										gap:5px;
										
									}
										#topReviewsSection .someReviewsConatiner .reviewItem .textCol .rating .star,
										#allReviewsSection .allReviewsConatiner .reviewItem .textCol .rating .star{
											background: url(images/star_rating.svg) no-repeat center/ contain;
											display:block;
											width:12px;
											height:12px;
										}
							@media(max-width:1180px){
								#topReviewsSection .someReviewsConatiner, 
								#allReviewsSection .allReviewsConatiner {
									justify-content: center;
									gap:14px;
									flex-flow:wrap;
								}
							}
							@media(max-width:767px){
								#topReviewsSection .mainContainer{
									background:transparent;
								}
								#topReviewsSection .someReviewsConatiner, 
								#allReviewsSection .allReviewsConatiner {
									justify-content: center;
									gap:14px;
								}
								
								#topReviewsSection .someReviewsConatiner .reviewItem,
								#allReviewsSection .allReviewsConatiner .reviewItem{
									max-width:280px;
									padding:10px;
									gap:8px;
									width:100%;
								}
								#topReviewsSection .someReviewsConatiner .reviewItem .avatarCol>div, #allReviewsSection .allReviewsConatiner .reviewItem .avatarCol>div{
									width:20px;
									height:20px;
								}
								#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText .reviewerName,
								#allReviewsSection .allReviewsConatiner .reviewItem .textCol .otherText .reviewerName{
									font-size:11px;
								}
								#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText .reviewDate,
								#allReviewsSection .allReviewsConatiner .reviewItem .textCol .otherText .reviewDate{
									font-size:11px;
								}
								#topReviewsSection .someReviewsConatiner .reviewItem .textCol .otherText .reviewText,
								#allReviewsSection .allReviewsConatiner .reviewItem .textCol .otherText .reviewText{
									line-height:13px;
									font-size:10px;
								}
								

								
								#topReviewsSection .someReviewsConatiner .reviewItem .textCol .rating .star,
								#allReviewsSection .allReviewsConatiner .reviewItem .textCol .rating .star{
									width:6px;
									height:6px;
								}
								#topReviewsSection .someReviewsConatiner .reviewItem .avatarCol span{
									font-size:12px;
								}
								
								#allReviewsSection .allReviewsConatiner .avatarCol span{
									font-size:12px;
								}
							
							}			
										
										
										
				
				
				
			#SubscribeSection{padding-bottom:100px;color:white;}
				#SubscribeSection h2{
					color:white;
					text-align: left;
				}
				#SubscribeSection a{
					color:white;
				}
				#SubscribeSection .mainContainer{
					background: linear-gradient(78.89deg, #A98C72 0.79%, #C9C0B8 99.47%);
					color:white;
					padding-left:255px;
					padding-top:73px;
					padding-bottom:155px;
					position:relative;
					border-radius:11px;
				}
					#SubscribeSection .mainContainer:after{
						content:" ";
						display:block;
						width:215px;
						height:320px;
						background: url(images/kofeecup_sliced.png) no-repeat center/ contain;
						position: absolute;
						top: 40%;
						left: 0px;
					}
					
						#SubscribeSection .mainContainer h2{}
							#SubscribeSection .mainContainer .underHeaderText{
								padding-bottom:35px;
							}
							#SubscribeSection .mainContainer .subscribeForm form{
								display:flex;
								flex-flow:row;
								gap:20px;
							}
							#SubscribeSection .mainContainer .subscribeForm form .subscribeField{
								border-radius:32px;
								
							}
								#SubscribeSection .mainContainer .subscribeForm form .subscribeField p{
									margin:0px;
								}
								
									#SubscribeSection .mainContainer .subscribeForm form .subscribeField p input[type='email']{
										border:0px;
										border-radius: 22px;
										padding-left: 57px;
										box-sizing: border-box;
										width: 313px;
										background: white url(images/email_ico.svg) no-repeat 20px / 20px 16px;
										
									}

									#SubscribeSection .mainContainer .subscribeForm form .btnOuter input{
										background: #A98C72;
										border: 1px solid #A98C72;
										color:white;
									}
							@media(max-width:767px){
								#SubscribeSection .mainContainer .subscribeForm form .subscribeField{
									height:50px;
								}
								#SubscribeSection .mainContainer{
									padding-top:39px;
									padding-bottom:39px;
								}								
								#SubscribeSection .mainContainer .subscribeForm form .btnOuter{
									height:50px;
								}
								#SubscribeSection h2{
									padding-bottom:7px;
								}
								#SubscribeSection .mainContainer .subscribeForm form .subscribeField p input[type='email']{
									width:150px;
									height:30px;
									padding-left:32px;
									background:white url(images/email_ico.svg) no-repeat 10px / 16px 12px;
								}
									#SubscribeSection h2{
										font-weight: 400;
										font-style: Regular;
										font-size: 23.08px;
									}
									#SubscribeSection a{
										font-size:10px;
									}
									#SubscribeSection .mainContainer .subscribeForm form .btnOuter>p{
										margin-top:6px;
									}
									#SubscribeSection .mainContainer .subscribeForm form .btnOuter input{
										width:auto;
										font-size:10px;
										padding-left: 8px;
										padding-right: 8px;
										padding-top: 9px;
										padding-bottom: 9px;
										box-sizing:border-box;
									}
									#SubscribeSection .mainContainer:after{
										width:95px;
										height:167px;
										left: -16px;
										top:28%;
									}
									#SubscribeSection .mainContainer{
										        padding-left: 88px;
									}
									#SubscribeSection .mainContainer .subscribeForm form{
										gap: 9px;
									}
									#SubscribeSection .mainContainer .underHeaderText{
										padding-bottom: 10px;
										font-size:12px;
									}
							}
							@media(max-width:430px){
								#SubscribeSection .mainContainer .subscribeForm form .btnOuter>p{
									margin-top:10px;
								}
								#SubscribeSection .mainContainer:after{
									width: 80px;
									height: 124px;
									left: -25px;
								}
								    #SubscribeSection .mainContainer {
										padding-left: 62px;
									}
								
							}
							@media(max-width:320px){
								#SubscribeSection .mainContainer .subscribeForm form{
									flex-flow:column;
								}
								#SubscribeSection .mainContainer .subscribeForm form .btnOuter{
									height:35px;
								}
								#SubscribeSection .mainContainer .subscribeForm form .btnOuter>p{margin-top:0px;}
							}
							
							
			#ContactMap{
				padding-bottom:192px;
				color:white;
			}
				#ContactMap h2{padding-bottom:102px;}
					#ContactMap .infAndMapCols{
						display:flex;
						flex-flow:row;
						gap:23px;
					}
						#ContactMap .infAndMapCols .mapOuter{width:60%;border-radius:14px;overflow:hidden;}

							#ContactMap .infAndMapCols .mapOuter iframe{
								border: 0px;
								height: 100%;
								width:100%;
							}
						#ContactMap .infAndMapCols .contInf{
							background:#A98C72;
							color:white;
							width:40%;
							border-radius:22px;

						}
							#ContactMap .infAndMapCols .contInf .cont_data{
								padding-top: 81px;
								padding-left: 38px;
								padding-right: 73px;
								padding-bottom: 38px;
							}
								#ContactMap .infAndMapCols .contInf .cont_data a{color:white;}
						#ContactMap .infAndMapCols .contInf h3{
							color:white;
							font-family: Golos Text;
							font-weight: 600;
							font-size: 32px;
							line-height: 100%;
							letter-spacing: 0%;

						}
						#ContactMap .infAndMapCols .contInf div{
							font-family: Golos Text;
							font-weight: 500;
							font-size: 25px;
							line-height: 100%;
							letter-spacing: 0%;

						}
						#ContactMap .infAndMapCols .contInf .btnOuter{
							text-align:center;
							padding-bottom:38px;
						}
						
						
							#ContactMap .infAndMapCols .btnOuter .btn{
								margin:0px auto;
							}
							
							@media(max-width:767px){
								#ContactMap .infAndMapCols{
									flex-flow:column;
								}
								#ContactMap .infAndMapCols .mapOuter{
									order:2;
									width:100%;
									height:307px;
								}
								#ContactMap .infAndMapCols .contInf{
									order:1;
									width:100%;
									margin:0px auto;
								}
								
								#ContactMap .infAndMapCols .contInf .cont_data{
									padding-top: 37px;
									padding-left:16px;
									padding-right:31px;
									padding-bottom:16px;
								}
								#ContactMap .infAndMapCols .contInf h3{
									font-size:16px;
									margin-top:10px;
									margin-bottom:10px;
									
								}
								#ContactMap .infAndMapCols .contInf div{
									font-size:14px;
								}
								
								#ContactMap h2{
									padding-bottom: 35px;
								}
								
							}
							
							
							
							
					#slideMenuSection{
						/*background: url(images/unsplash_L-sm1B4L1Ns.jpg) no-repeat center / 100%;*/
						height: 808px;
						color: white;
						position: relative;
						margin-bottom:100px;
					}
						#slideMenuSection .mainContainer{
							display: flex;
							flex-flow: column nowrap;
							justify-content: center;
							align-items: center;
						}
							#slideMenuSection .mainContainer h1{
								color:white;
								z-index:12;
								font-weight: 400;
								font-size: 82.61px;
								line-height: 100%;
								padding-top:161px;
								padding-bottom:16px;
							}
							#slideMenuSection .mainContainer div{
								color:white;
								z-index:12;
								font-weight: 400;
								font-size: 32px;
								line-height: 100%;
								text-align: center;
							}
						
							#slideMenuSection:after {
								display:block;
								content:" ";
								position: absolute;
								left: 0;
								top: 0;
								z-index: 101;
								height: 100%;
								width: 100%;
								background: url(images/slides/slider_background.png) no-repeat center left / cover;
								z-index:10
							}
					@media(max-width:767px){
						#slideMenuSection .mainContainer h1{
							font-size: 36.06px;
							padding-top:50px;
						}
						#slideMenuSection .mainContainer div{
							font-size:14px;
						}
						
						.fourItemsMenu .item .drink_cup_icon{
							width:180px !important;
							height:180px !important; 
						}
						
						
					}	



				
							
							
				#menuItemsFood{}
				#menuItemsFood h2{padding-bottom:90px;}
				
				.fourItemsMenuFood{
					display: flex;
					flex-flow: row;
					justify-content: space-between;
					gap: 72px;
					padding-bottom: 50px;
					margin: 0px auto;
				}
					.fourItemsMenuFood .item{
						width: 50%;
						position: relative;
					}
						.fourItemsMenuFood .item .backgroundPic{
							
							background-color: #ECEDEA;
							border-radius: 22px;
							padding-top: 46px;
							padding-left: 47px;
							padding-right: 88px;
							padding-bottom: 47px;
							max-width: 553px;
							height: 419px;
							
						}
						.fourItemsMenuFood .item .textUnder{
							font-weight: 400;
							font-size: 31px;
							line-height: 100%;
							padding-top:29px;
						}
						.fourItemsMenuFood .item .weightAndPrice{
							display:flex;
							flex-flow:row;
							justify-content:space-between;
							font-weight: 400;
							font-size: 30.52px;
							line-height: 100%;
							padding-top:14px;

						}
							.fourItemsMenuFood .item .weightAndPrice .weight{
								
							}
							.fourItemsMenuFood .item .weightAndPrice .price{}
							
					@media(max-width:767px){
						.fourItemsMenuFood{
							flex-flow: wrap;
							justify-content:center;
						}
							.fourItemsMenuFood .item{
								width:100%;
								max-width:280px;
							}
							.fourItemsMenuFood .item .backgroundPic{
								background-size:180px !important;
								height:206px;
							}
							
							.fourItemsMenuFood .item .textUnder{
								font-size:20px;
							}
							.fourItemsMenuFood .item .weightAndPrice{
								font-size:20px;
							}
							.fourItemsMenuFood .item .textUnder{
								padding-top:13px;
							}
						
					}		
							
							
							
					#footerContact .footerLogoAndContactPart{}
						#footerContact .footerLogoAndContactPart .socialOuter,
						#ContactMap .socialOuter{
							display:flex;
							flex-flow:row;
							gap:20px;
						}
						#ContactMap .wearein_social{
							display:flex;
							flex-flow:row;
							gap: 10px;
							padding-top: 10px;
						}
							#footerContact .footerLogoAndContactPart .socialOuter .facebook,
							#ContactMap .socialOuter .facebook{
								display:block;
								width:20px;
								height:32px;
								background: url(images/facebook_ico.svg) no-repeat center left / contain;
							}
							#footerContact .footerLogoAndContactPart .socialOuter .instagram,
							#ContactMap  .socialOuter .instagram{
								display:block;
								width:33px;
								height:32px;
								background: url(images/insta_ico.svg) no-repeat center left / contain;
							}
/*----------------------ch---------------------------------*/




@media(max-width: 420px) {
	#footerContact .footerLogoAndContactPart .socialOuter .instagram, #ContactMap .socialOuter .instagram{
		width:17px;
		height:17px;
	}
}