/********************************* OVERALL STYLING ************************************/
html{ font-family: 'Lato', sans-serif; color:#6D6E70; font-size:18px; }
*{ outline: none; }





/********************************* SITE COLOURS ************************************/
.color-blue-standard{color:#00ABC5;}
.background-blue-standard{background-color:#00ABC5;}

.color-blue-light{color:#E2F4F8;}
.background-blue-light{background-color:#E2F4F8;}

.desktop-device .background-blue-light-hover{ -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s; }




/*********************** GENERAL STYLES FOR THIS WEBSITE ***********************/
/***** FONTS *****/
p{ font-size:0.9rem; font-weight: 300; color: #314B58; line-height: 150%; }
a{ color:#6d6e70; }

ul, li{ font-size:0.9rem; color: #314B58; }

ul{ margin-bottom: 8px !important; }

/***** FORMS *****/
.form-field{ padding-right:20px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{
	border:1px solid #ddd;
	font-size:0.9rem;
	padding: 5px 15px;
	margin: 0 0 5px;
	color:#314b58;
}

select{
	color: #aaa;
	padding-left: 10px;
}

select option{
	color: #000;
}

select option:first-of-type{
	display: none;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	border-color:#42569F;
}
form .required-field, form .sensitive-data{ font-size:0.85rem; }

form button, input[type="button"], input[type="reset"], input[type="submit"]{
	float: right; padding: 8px 80px 8px 0px; font-weight: 600; background: url('../img/icons/blue-cta-arrow.png'); background-size: 50px; background-repeat: no-repeat; background-position: 100% 50%; font-size: 1.8rem;
color: #314B58; line-height: 200%;
}

.popup-contact-form input[type="submit"]{
	margin: 0px;
	color: #fff;
	padding: 0 55px 0 0;
	background: url('../img/icons/white-cta-arrow.png');
	background-size: 40px;
	font-size: 1.5rem;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.scroll-progress-bar-container{
	left: 25%;
    width: 50%;
    height: 4px;
    margin-bottom: 0px;
    position: fixed;
    /*bottom: 50px;*/
	bottom: 21px;
    overflow: hidden;
    background-color: rgba(109, 110, 112,0.2);
    content: "";
    display: table;
    table-layout: fixed;
    border-radius: 25px;
    padding: 1px;
	z-index: 500;
}

.scroll-progress-bar{
	width: 0%;
	float: left;
	height: 4px;
	z-index: 99;
	max-width: 100%;
	background-color: #fff;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	border-radius: 25px;
	z-index: 501;
}



/***** NEW VERSION - NAV DOTS *****/
#home-slides-nav-wrapper{ position: fixed; left: 15%; bottom: 15%; z-index: 999; }
#home-slides-nav-wrapper > p{ margin-bottom: 10px; color:#fff; font-size: 1rem; }
#home-slides-nav{ float: left; clear: both; }
.home-slides-nav-item{ float: left; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #fff; margin-right: 10px; cursor:pointer; transition:all .3s; }
.home-slides-nav-item.active{ background-color:#fff; }




/*********************** FORMATTING STYLES FOR THIS WEBSITE ***********************/
.hero-heading, .section-heading, .sub-heading{
	float:left;
	width:100%;
}

.hero-heading{
	/*margin-bottom:30px;*/
	margin-bottom:20px;
	font-size:4rem;
	color:#fff;
	line-height:120%;
}
.section-heading{
	margin-bottom:40px;
	font-size:3rem;
	line-height:110%;
	font-weight:800;
	color: #fff;
	width: 75%;
	clear: both;
}
.sub-heading{
	margin-bottom:20px;
	/*font-size:1.3rem;*/
	font-size: 1rem;
	font-weight:800;
	line-height:120%;
	color: #314B58;
}
.highlighted-text-large{
	
}
.highlighted-text-small{
	
}
.body-text-large{
	font-size: 1.8rem;
	color: #314B58;
	line-height: 200%;
}
.body-text-small{
	font-size:0.8rem;
}



/* CURVED BUTTON LINKS */
.curved-link-button{ float: left; border: 2px solid #fff; border-radius: 37px; padding: 6px 40px; margin: 0 20px 20px 0; color:#fff; transition:background-color .3s; }
.curved-link-button p{ width: auto; margin:0; color:#fff; font-size: 1.1rem; font-weight: 600; /*margin-top: 21px; margin-left: 15px; font-size: 1.2rem;*/ }
.curved-link-button-white{ background-color:#fff; }
.curved-link-button-white p{  }

.desktop-device .curved-link-button:hover{ background-color:rgba(255,255,255,0.2); }
.desktop-device .curved-link-button-white:hover{ background-color:rgba(255,255,255,0.8); }




.teaser-content p,
.slider-content-text p{
	margin-bottom: 10px;
	color: #fff;
	/*font-size: 1.8rem;*/
	font-size: 1.4rem;
	font-weight: 300;
}

/*.slider-content-text .home-cta{ float: left; border: 1px solid #fff; border-radius: 37px; padding: 6px 40px; margin: 0 20px 20px 0; }
.slider-content-text .home-cta p{ width: auto; margin:0; font-size: 1.1rem; font-weight: 600; }
.slider-content-text .home-cta-white{ background-color:#fff; }
.slider-content-text .home-cta-white p{  }

.desktop-device .home-cta:hover{  }*/

/*#first-home-slide-cta p{ width: auto; margin-top: 21px; margin-left: 15px; font-size: 1.2rem; }*/

.teaser-content p{
	font-size: 1.3rem;
}
.button-standard{
	float:left;
	padding:8px 50px;
	font-size: 0.9rem;
	background-color:#67a8c5;
	border:none;
	color:#fff;
	-webkit-transition:background-color .5s;
	-moz-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}
.desktop-device .button-standard:hover {
	background-color:#0FB3F0;
}

@media screen and (max-height:767px){
	.hero-heading{ font-size:2.5rem; }
	.section-heading{ font-size:2.5rem; }
	.sub-heading{ font-size:1.2rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:1350px){
	.slider-content-text p{
		width: 75%;
	}
	.section-heading{ font-size:2rem; margin-bottom: 20px; width: 90%; }
}
@media screen and (max-width:1023px){
	.hero-heading{ font-size:2.2rem; }
	.sub-heading{  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }

}
@media screen and (max-width:767px){
	.hero-heading{ margin-bottom: 20px; font-size:2rem; }
	.section-heading{ font-size:2rem; }
	.sub-heading{font-size:1.1rem;  }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{  }
	.body-text-small{  }
}
@media screen and (max-width:479px){
	.hero-heading{ margin-bottom: 0; font-size:1.5rem; }
	.section-heading{ font-size:1.4rem; }
	.sub-heading{ font-size:1rem; }
	.highlighted-text-large{  }
	.highlighted-text-small{  }
	.body-text-large{ font-size: 1.2rem; }
	.body-text-small{  }
}





/****************************** HEADER SECTION ****************************/

.page-overlay{
	position:fixed;
	overflow: hidden;
	z-index: -1;
	background-color: rgba(24,46,51,0.75);
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: opacity 0s;
	-moz-transition: opacity 0s;
	-webkit-transition: opacity 0s;
}


.popup-contact-form-holder{
	position: relative;
	display: block;
	float: none;
	width: 850px;
	background-color: #F5A021;
	height: 55%;
	margin: 0 auto;
	transform: translateY(23vh);
	background-image: url('../img/popup-jamie.jpg');
	background-repeat:no-repeat;
	background-position: 118% 100%;
	min-height: 470px;
}

.opaque{
	opacity: 1;
	z-index: 7000;
	transition: opacity 0s;
	-moz-transition: opacity 0s;
	-webkit-transition: opacity 0s;
	transition: opacity 0.8s ease;
	-moz-transition: opacity 0.8s ease;
	-webkit-transition: opacity 0.8s ease;
}

.popup-contact-form{
	float: left;
	margin-top: 20px;
	width: 75%;
	padding: 30px 30px 0px;
}

.popup-contact-form .section-heading{
	margin-bottom: 10px;
}

.popup-contact-form p{
	color: #fff;
}

.close-popup-button{
	position: absolute;
	width: 45px;
	height: 45px;
	right: -17px;
	top: -17px;
	background: #fff;
	border-radius: 25px;
}

.close-popup-icon-wrapper{
	float: left;
	height: 20px;
	position: relative;
	width: 20px;
	margin-top: 17px;
	margin-left: 13px;
}

.close-popup-icon-line{
	background-color: #182D33;
	height: 1px;
	left: 0;
	position: absolute;
	transition: all 1s ease 0s;
}

#close-icon-line-left{
	transform: rotate(-45deg);
	top: 5px;
	width: 100%;
	height: 2px;
}

#close-icon-line-right{
	transform: rotate(45deg);
	top: 5px;
	width: 100%;
	height: 2px;
}


.close-popup-button:hover{
	cursor: pointer;
}

.popup-contact-form p a{
	color: #fff;
}

.popup-contact-legal{
	float: left;
	width: 100%;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	font-size: 0.85rem;
	margin-top: 10px;
}

.header-contact{
	position: fixed;
	top: 45px;
	left: 5%;
	/*background: url('../img/icons/email-icon.png') #f9f9f9;
	width: 73px;*/
	/*height: 50px;*/
	border-radius: 25px;
	z-index: 1000;
	/*background-repeat: no-repeat;
	background-position: 50%;
	background-size: 55%;*/
}

.header-contact p{
	font-size: 1.4rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0;
}

.home .header-contact-home{
	display: none;	
}


.header-contact:hover{
	cursor: pointer;
}

.menu-button{
	position: fixed;
	top: 45px;
	right: 5%;
	background-color: transparent;
	height: 51px;
	/*border-radius: 25px;*/
	z-index: 2000;
}

.menu-closed{
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	opacity: 0;
	transition: all 1s;
	padding-top: 15vh;
	height: 100vh;
}

.menu-expanded{
	width: 100vw;
	opacity: 1;
	left: 0;
	padding-top: 15vh;
	height: 100vh;
	background: #fff;
	top: 0;
}

.mobile-menu{
	display: none;
}

.menu-mobile-container{
	height: 100%;
}

#mobile-menu{
	top: auto;
	left: auto;
	width: 100%;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding-left: 0;
	z-index: 10001;
	list-style: none;
}

#mobile-menu li{
	padding: 3px 10px;
	width: 100%;
}

#mobile-menu li a{
	color: #314B58;
	letter-spacing: 1px;
	display: table;
	position: relative;
	float: none;
	margin: 0 auto;
	width: auto;
	padding: 0 20px;
	font-weight: 600;
	font-size: 1.1rem;
	text-align:center;
}

.menu-toggle-quote4{
	/*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
	border: medium none;
	/*border-radius: 0;
	color: #fff;*/
	float: right;
	padding: 0px;
	height: 37px;
	/* NEW VERSION */
	top: 0;
	right: 0;
	padding: 20px 30px 20px 90px;
	height: 80px;
	background: #373737 /*url(../img/assets/menu-toggle-icon.png) no-repeat 23% 50%*/;
    background-size: 20px;
}
*.menu-toggle-quote4 p{
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 120%;
	margin-bottom: 2px;
	/*color:#314B58;*/
}

/*.menu-toggle-quote4:hover p{
	text-decoration: underline;
}*/

.main-menu-toggle-line-wrapper{
	float: left;
    height: 20px;
    position: relative;
    width: 30px;
}

.menu-text-closed{ color: #fff; }

.page-template-template-product .menu-text-closed,
.page-template-template-contact .menu-text-closed,
.error404 .menu-text-closed,
.single .menu-text-closed,
.page-template-template-team_member .menu-text-closed { /*color: #314B58;*/ }

.menu-text-open{
	display: none;
}

.menu-text-open{ color:#fff; }

.main-menu-toggle-line{
	background-color: #182D33;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 1s ease 0s;
}

#main-menu-toggle-line-top{
	top: 0;
    width: 100%;
}
#main-menu-toggle-line-middle{
	top: 6px;
    width: 100%;
}
#main-menu-toggle-line-bottom{
	top: 12px;
    width: 100%;
}

@media screen and (min-width:1025px){
	#main-menu-toggle:hover #main-menu-toggle-line-top{width:60%;}
	#main-menu-toggle:hover #main-menu-toggle-line-middle{width:90%;}
	#main-menu-toggle:hover #main-menu-toggle-line-bottom{width:80%;}
}

/* NEW VERSION */
.main-menu-burger-wrapper{ width: 24px; height: 24px; position: absolute; left: 36px; top: 32px; }
.main-menu-burger-line{ position: absolute; left: 0; background: #fff; height: 3px; width: 100%; border-radius: 2px; transition:all .3s; }
#main-menu-burger-line-1{ top: 0; }
#main-menu-burger-line-2{ top: 7px; }
#main-menu-burger-line-3{ top: 14px; }

.menu-toggle-close .main-menu-burger-line{  }
.menu-toggle-close #main-menu-burger-line-1{ transform: rotate(45deg); top: 7px; }
.menu-toggle-close #main-menu-burger-line-2{ opacity:0; }
.menu-toggle-close #main-menu-burger-line-3{ transform: rotate(-45deg); top: 7px; }




/*.menu-toggle-close{
	padding: 20px 15px;
}*/

.menu-toggle-close #main-menu-toggle-line-top{
	transform: rotate(-45deg);
	top: 5px;
	width: 70%;
	height: 2px
}

.menu-toggle-close #main-menu-toggle-line-middle{
	opacity: 0;
}

.menu-toggle-close #main-menu-toggle-line-bottom{
	transform: rotate(45deg);
	top: 5px;
	width: 70%;
	height: 2px;
}

@media screen and (min-width:1025px){
	.menu-toggle-close:hover #main-menu-toggle-line-top{width:70% !important;}
	.menu-toggle-close:hover #main-menu-toggle-line-middle{width:70% !important;}
	.menu-toggle-close:hover #main-menu-toggle-line-bottom{width:70% !important;}
}

/*-----Social Media------*/

.social-media{
	position: absolute;
	bottom: 8%;
	left: calc(50% - 47px);
	transition: all 1s;
}

.social{
	/*width: 30px;
	height: 30px;*/
	margin-right:14px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-size: 100%;
}

.social:last-of-type{
	margin-right: 0;
}

/*.social-facebook{
	background-image: url("../img/icons/facebook_circle_30x30.png");
}
.social-twitter{
	background-image: url("../img/icons/twitter_circle_30x30.png");
}
.social-linkedin{
	background-image: url("../img/icons/linkedin_circle_30x30.png");	
}*/

.social-font-awesome-icon{
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	padding-top: 9px;
	font-size: 1.2rem;
}

.social-facebook .social-font-awesome-icon{
	background-color:#3A589B;
}

.social-linkedin .social-font-awesome-icon{
	background-color:#007AB9;
}



/*------Inner page menu button change colour------*/

/*.page-template-template-product .menu-text-closed,
.page-template-template-contact .menu-text-closed,
.page-template-template-team_member .menu-text-closed,
.page-template-default .menu-text-closed{
	color: #fff;
}*/

/*.page-template-template-product .main-menu-toggle-line,
.page-template-template-contact .main-menu-toggle-line,
.page-template-template-team_member .main-menu-toggle-line,
.page-template-default .main-menu-toggle-line{
	background-color: #fff;
}*/


/***** STRUCTURE *****/
#site-header{ height:140px; }
#sticky-header{ padding-top:20px; padding-bottom:20px; }
#siteLogo img{ max-height:100px; max-width:200px; }
#header-right{ height:100px; }


.scrolled-down #site-header{ height:120px; }
.scrolled-down #sticky-header{ padding-top:10px; padding-bottom:10px; }
.scrolled-down #siteLogo img{ max-height:75px; max-width:150px; }
.scrolled-down #header-right{ height:75px; }

@media screen and (max-width:1023px){
	#site-header{ height:115px; }
	#siteLogo img{ max-height:75px; max-width:150px; }
	#header-right{ height:75px; }
	
	.scrolled-down #site-header{ height:70px; }	
	.scrolled-down #siteLogo img{ max-height:50px; max-width:100px; }
	.scrolled-down #header-right{ height:50px; }
}

#siteLogo{  }
#siteLogo p{ margin:0; }

#header-right{ width:calc(100% - 200px); }

ul#primary-menu > li{
	width: 33.33%;
	float: left;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0px;
}

ul#primary-menu > li > a { color: #314B58; font-size: 2rem; font-weight: 600; letter-spacing: 1px; padding: 0px 3px 3px; display: table; position:relative; float: none; margin: 0 auto 15px; width: auto; }
/*ul#primary-menu > li > a:hover{
	text-decoration: underline;
}*/

ul#primary-menu > li > ul{
	margin: 0;
	list-style: none;
}

ul#primary-menu > li:nth-of-type(2){
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

ul#primary-menu li ul li a{
	float: none;
	margin: 0 auto;
	display: table;
	text-align: center;
	padding-bottom: 10px;
	font-size: 0.95rem;
	font-weight: 200;
} 

ul#primary-menu li ul li a:hover{
	font-weight: 500;
}

.menu-toggle-quote4:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .5s ease; }
.menu-toggle-quote4:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px;
width: 0; background: #fff; transition: width .5s ease; }
.menu-toggle-quote4:hover:before{ /*width: 100%; background: #fff; transition: width .5s ease;*/ }
.menu-toggle-quote4:hover:after{ /*width: 100%; background: transparent; transition: all 0s ease;*/ }

.menu-toggle-close:after,
.page-template-template-product .menu-toggle-quote4:after,
.page-template-template-team_member .menu-toggle-quote4:after,
.error404 .menu-toggle-quote4:after,
.single .menu-toggle-quote4:after,
.page-template-template-contact .menu-toggle-quote4:after{ background: #314B58; }

.menu-toggle-close:hover:before,
.page-template-template-product .menu-toggle-quote4:hover:before,
.page-template-template-team_member .menu-toggle-quote4:hover:before,
.error404 .menu-toggle-quote4:hover:before,
.single .menu-toggle-quote4:hover:before,
.page-template-template-contact .menu-toggle-quote4:hover:before{ background: #314B58; }


.header-contact p:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .5s ease; }
.header-contact p:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px;
width: 0; background: #fff; transition: width .5s ease; }
.header-contact p:hover:before{ width: 100%; background: #fff; transition: width .5s ease; }
.header-contact p:hover:after{ width: 100%; background: transparent; transition: all 0s ease; }


ul#primary-menu > li > a:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .5s ease; }
ul#primary-menu > li > a:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px;
width: 0; background: #314B58; transition: width .5s ease; }
ul#primary-menu > li > a:hover:before{ width: 100%; background: #314B58; transition: width .5s ease; }
ul#primary-menu > li > a:hover:after{ width: 100%; background: transparent; transition: all 0s ease; }
/*ul#primary-menu > li > a:hover{ border-bottom: 2px solid #fff; }*/

/*--Inner page menu list color change--
.page-template-template-product ul#primary-menu > li > a,
.page-template-template-contact ul#primary-menu > li > a,
.page-template-template-team_member ul#primary-menu > li > a,
.page-template-default ul#primary-menu > li > a{ color: #314B58; }

.page-template-template-product ul#primary-menu > li > a:after,
.page-template-template-product ul#primary-menu > li > a:hover:before { background: #314B58; }*/

.menu-toggle{ background-color:#fff; background-image:url(../img/assets/main-nav-controls-grey.png); }

.header-social li{ margin-left:20px; }
[class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.4rem; }

@media screen and (max-width:1139px){
	ul#primary-menu > li > a{ font-size:1rem; }
	.header-social{ margin-left:20px; }
	[class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.2rem; }
}

@media screen and (max-width:1023px){
	#header-right{ width:calc(100% - 150px); }
	ul#primary-menu > li > a{ padding:0 20px; font-size:0.9rem; }
	[class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1rem; }
}

@media screen and (max-width:939px){
	.header-social{ margin:0 100px 0 0; }
}





/****************************************** MOBILE MENU **************************************/
#mobile-menu-social{ width:150px; margin:0 auto; }





/****************************** HERO **********************************/
#hero-wrapper{ max-height:600px; overflow:hidden; }

@media screen and (max-height:767px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:1023px){ #hero-wrapper{ max-height:400px; } }
@media screen and (max-width:767px){ #hero-wrapper{ max-height:300px; } }
@media screen and (max-width:479px){ #hero-wrapper{ max-height:none; } }





/****************************************** FRONT PAGE **************************************/

body{
    overflow-x: hidden;
}

.scroll{
    position: fixed;
    bottom: 0;
    left: 0;
}

.squares-scroll{
	z-index: 200;
    top: 0px;
    width: 600vw;
}

.side-slide-section{
	position: relative;
	top: 0;
	width: 100vw;
	height: 100vh;
	float: left;
	overflow: hidden;
}

/*.side-slide-1{ background:#EE7007; left: 0;}
.side-slide-2{ /*background:#AD1E6D; left: 100vw;}
.side-slide-3{ /*background:#F6A120; left: 200vw;}
.side-slide-4{ /*background:#1C83C6; left: 300vw;}
.side-slide-5{ /*background:#E86D06; left: 400vw;}
.side-slide-6{ /*background:#89BE3A; left: 500vw;}

.side-slide-7{ /*background:#EE7007; left: 600vw;}
.side-slide-8{ /*background:#AD1E6D; left: 700vw;}
.side-slide-9{ /*background:#AD1E6D; left: 800vw;}
.side-slide-10{ /*background:#AD1E6D; left: 900vw;}*/

.logo-section{
	/*position: absolute;*/
	position: fixed;
	/*background-color: rgba(255,255,255, 0.9);*/
	background-color:#fff;
	height: 578px;
	width: 500px;
	transform: rotate(70deg);
	top:-240px;
	left: -300px;
	/*transform: rotate(60deg);*/
	/*top: -200px;*/
	/*z-index:10;*/
	z-index:999;
}

.logo{
	width: 185px;
	height: 137px;
	/*background: url('../img/quote4-logo.png');*/
	background: url('../img/quote-4-logo.webp');
	background-size: 100%;
	background-repeat: no-repeat;
	/*position: absolute;*/
	position: fixed;
	top: 60px;
	left: 30px;
	/*z-index:10;*/
	z-index:999;
}

@media screen and (max-height:767px),
screen and (max-width:1023px){
	.logo-section{ top: -310px; left: -390px; }
	.logo{ top: 30px; height: 90px; width: 120px; }
}

/*.overlay-4{
	width: 140%;
	height: 150%;
	float: left;
	background-image: url('../img/4-background.fw.png');
	/*background-size: 1920px 1500px;*/
	/*background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	opacity: 0.3;
}*/

.overlay-4 {
    width: 125%;
    height: 125%;
    float: left;
    background-image: url('../img/4-background.fw.png');
    background-size: 1920px 1500px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    opacity: 0.3;
    position: fixed;
    z-index: 5;
    transform: rotate(6deg);
    top: 0;
}

.side-slide-1 .overlay-4{ transform: rotate(6deg); }
.side-slide-2 .overlay-4{ transform: rotate(10deg); }
.side-slide-3 .overlay-4{ transform: rotate(23deg); }
.side-slide-4 .overlay-4{ transform: rotate(6deg); }
.side-slide-5 .overlay-4{ transform: rotate(20deg); }
.side-slide-6 .overlay-4{ transform: rotate(13deg); }
.side-slide-7 .overlay-4{ transform: rotate(6deg); } 
.side-slide-8 .overlay-4{  }

.overlay{
	background-image: url('../img/first-page-tester.jpg');
	width: 100%;
	height: 100%;
	/*float: left;*/
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: auto 90%;
	/*background-blend-mode: multiply;
	 Bigger screen?
	background-position: 100% -120%;
	background-size: 45%;
	*/
}

.slider-content{
	position: absolute;
	width: 50%;
	height: 100vh;
	left: 15%;
	top: 0;
	z-index: 6;
}

.slider-content-text{
	position: relative;
	width: 100%;
	height: 100%;
}

.slider-content-inner-wrapper{
	float:left;
	margin-bottom:10px;
}

.slider-content-link{
	width: 50px;
	height: 50px;
	float:left;
	background: url('../img/icons/cta-arrow.png');
	border-radius: 25px;
	margin-top: 15px;
	clear: both;
	transition: all 1s;
	transform: scale(0.9);
}

.slider-content-link:hover{
	transform: scale(1.05);
}


/*.slider-content-link:hover{
	transform: rotate(90deg);
}*/














/****************************************** FOOTER **************************************/
#footer-logo{ padding-right:5%; }
#footer-logo img{ max-width:120px; max-height:120px; margin-bottom:20px; }
.footer-menu-column ul{ margin-left:0; padding-right:20px; }
.footer-menu-column a{ margin-bottom:5px; font-size:0.9rem; }





/***************************** TEASERS ***************************/
.category-item,
.team-member{
	width: 33.33vw;
	height: 100vh;
	float: left;
	padding: 20px 80px 20px 30px;
	position: relative;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	/*background-blend-mode: multiply;*/
}

.category-item-background{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.category-item-content-position{
	position: absolute;
	bottom: 15%;
	width: 85%;
	
}

.category-item .teaser-content .teaser-content-text,
.team-member .teaser-content .teaser-content-text{
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;

}

.category-item:hover .teaser-content .teaser-content-text,
.team-member:hover .teaser-content .teaser-content-text{
	max-height: 250px;
	-webkit-transition: max-height 1s;
    transition: max-height 1s;
}






/********** COLUMNS WITH TEASER CONTENT THAT SHIFTS UP ON HOVER ****************/
.teaser-wrapper-shift-up .category-item-content-position{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 50px 0 0;
	left: 0;
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: max-height 1s;
    transition: max-height 1s;
}

.teaser-wrapper-shift-up:hover .category-item-content-position{
	max-height: 400px;
}

.teaser-wrapper-shift-up .category-item-content-position-mask{ background: rgba(255,255,255,0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.teaser-wrapper-shift-up .category-item-content-position-inner{
	position:relative; padding: 0 50px 40px;
}

.teaser-wrapper-shift-up .category-item-content-position .section-heading{
	font-size: 2.5rem; margin-bottom: 20px;
}

.teaser-wrapper-shift-up .category-item-content-position .testimonial-body{
	margin-bottom:20px;
	font-size: 1.2rem;
}
.teaser-wrapper-shift-up .category-item-content-position .testimonial-source{
	font-size: 0.9rem;
}

.teaser-wrapper-shift-up .teaser-content .teaser-content-text{
	max-height: none;
}

.teaser-wrapper-shift-up:hover .teaser-content .teaser-content-text{
	max-height: none;
}

.teaser-wrapper-shift-up .teaser-content .teaser-content-text a{
	margin-left: 10px;
	color:#fff;
	font-size: 1.7rem;
}

@media screen and (max-height:830px){
	.teaser-wrapper-shift-up{ background-position: 50% 0; background-size: cover !important; }
}

@media screen and (max-width:767px),
screen and (max-height:649px){
	.teaser-wrapper-shift-up .category-item-content-position .section-heading{ font-size: 2rem; }
	.teaser-wrapper-shift-up .category-item-content-position .testimonial-body{ font-size:1.1rem; }
}

@media screen and (max-width:479px),
screen and (max-height:549px){
	.teaser-wrapper-shift-up{ background-size: 70% !important; background-position: 50% 0; }
	.teaser-wrapper-shift-up .category-item-content-position,
	.teaser-wrapper-shift-up:hover .category-item-content-position{ max-height:100%; }
	.teaser-wrapper-shift-up .category-item-content-position-inner{ padding: 0 30px 30px; }
	.teaser-wrapper-shift-up .category-item-content-position .section-heading{ font-size: 1.5rem; }
	.teaser-wrapper-shift-up .category-item-content-position .testimonial-body{ font-size:1rem; }
	.teaser-wrapper-shift-up .teaser-content .teaser-content-text a{ display:block; }
}







.white-cta-arrow{
	width: 50px;
	height: 50px;
	float: left;
	background: url('../img/icons/white-cta-arrow.png');
	background-size: 50px;
	border-radius: 25px;
	margin-top: 30px;
	clear: both;
	transition: all 1s;
	transform: scale(0.9);
}

.white-cta-arrow:hover{
	transform: scale(1.05);
}

.flipped-image{
	transform: rotate(180deg);
}

.teaser-wrapper:nth-of-time(3n + 1){ clear:left; }
.teaser-wrapper > .left-content{ max-width:350px; }
.teaser-wrapper > .left-content .sub-heading{ margin-bottom:0; }
.desktop-device .teaser-wrapper > .left-content:hover .background-blue-light-hover{background-color:#C8EBF2;}
@media screen and (max-width:767px){
	.teaser-wrapper > .left-content{
		float:none;
		display:block;
		margin:0 auto;
	}
}







/***************************** PRODUCT PAGE ******************************/

.page-template-template-product{
	overflow: hidden;
	height: 100vh;
}

.product-content-right{
	float: right;
	/*width: 65vw;*/
	/*padding: 140px 45px 50px;*/
	padding: 80px 45px 50px;
	height: 100vh;
	width: 65vw;
	overflow-y:auto;
}

.q4-inner-logo{
	/*background-image: url('../img/quote4-logo.png');*/
	background-image: url('../img/quote-4-logo.webp');
	position: absolute;
	width: 120px;
	height: 92px;
	background-size: 100%;
	background-repeat: no-repeat;
	top: 35px;
}

#menu-logo{
	position: absolute;
	bottom: 15%;
	left: calc(50% - 60px);
	top: auto;
}

.get-a-quote-button{
	margin-top: 8px;
	background: url('../img/icons/blue-cta-arrow.png');
	background-size: 50px;
}

.get-a-quote-text,
.all-products-text{
	float: left;
	width: auto;
	clear: none;
	margin-top: 0px;
	margin-left: 30px;
}

.all-products-text{
	color: #fff;
	margin-top: 23px;
}

.product-banner-content{
	position: absolute;
	/*bottom: 8.65%;*/
	width: 85%;
	/* NEW VERSION */
	top:34%;
}

.product-banner-content .section-heading{ width:100%; margin-bottom: 20px; }
.product-banner-content .teaser-content{ float:left; width:80%; }
.product-banner-content .teaser-content p{ margin-bottom:30px; }
.product-banner-content .curved-link-button{ clear:both; margin-bottom:10px; width: 200px; text-align: center; }

.product-left-image-bg{ height: 60%; background-size:contain; background-repeat:no-repeat; background-position:100% 0; }

@media screen and (max-width:1000px){
	.product-banner-content{ width: 100%; left: 0; position: relative; top: 0; padding: 150px 100px 50px; float: left; }
}




/* NAV MENU */
#product-menu{ padding-right:20px; }
/* RIGHT SIDEBAR */
#product-sidebar-right{  }
#product-sidebar-right li{  }
#product-sidebar-right li img{ width:50px; margin-right:20px; }
#product-sidebar-right li p{ width:calc(100% - 70px); margin:10px 0 0; }




/***************************** TEAM PAGE ******************************/

.team-member{
	background-position: 50% 100%;
	/*background-blend-mode: multiply;*/
}




/***************************** CONTACT PAGE ******************************/

.fixed-left-side{
	position: fixed;
}

#contact-page-right{
	float: right;
	height: auto;
}

.fos-section{
	float: left;
	margin: 30px 0;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


/* GOOGLE MAP */
#hero-wrapper iframe{ height:400px; width:100%; }
@media screen and (max-height:767px){ #hero-wrapper iframe{ height:300px; } }
@media screen and (max-width:767px){ #hero-wrapper iframe{ height:300px; } }
@media screen and (max-width:479px){ #hero-wrapper iframe{ height:200px; } }
/* FONT AWESOME ICONS VIA VISUAL COMPOSER */
.icon-library-icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner{ width:16px; height:16px; margin-right:15px; }
.icon-library-icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon{ top:0; left:0; transform:translate(0, 0); }


/***************************** TESTIMONIALS ******************************/

.testimonial-quote, .testimonial_author{ float: left; }

.testimonial-quote p{ margin-bottom: 5px; }
.testimonial_author h4{ margin-bottom: 15px; }


/***************************** BLOG PAGES ******************************/
.archives{ margin:0; padding-right:20px; list-style:none; }
.archive-section ul{ margin: 0; list-style: none; } 
.archive-section li{ width: auto; margin-right: 30px; }
.archive-section li a{ float:left; margin-bottom:5px; }

.page-numbers, .nav-links a{ background-color:#e2f4f8; color:#00abc5; }
.page-numbers.current{ background-color:#00abc5; color:#e2f4f8; }
.pagination a:hover{ background-color:#c8ebf2; }



.click-animation{
	float: left;
	transition: width 2s;
	width: 33.3vw;
}

/*-Archive-*/

.archive-section{
	width: 100%;
	float: left;
}

.archive-section h1{
	color: #314B58;
	font-size: 1.2rem;
	margin-bottom: 15px;
}




/***************************** 404 ******************************/

.error404 .a404span span{ font-size: 7rem; color: #314B58; line-height: 200%; }

/***************************** RESPONSIVE WIDTH ******************************/
@media screen and (max-width:1350px){
	.slider-content{ width: 75%; }
	.slider-content-text p{ font-size: 1.3rem; }
}

@media screen and (max-width:1050px){
	.overlay-4{
		width: 170%;
		height: 130%;
		top: -75px;
		background-image: url('../img/4-background-resp.fw.png');
		opacity: 0.2;
	}
}

@media screen and (max-width:999px){
	.squares-scroll { width: intrinsic !important;           /* Safari/WebKit uses a non-standard name */
  					  width: -moz-max-content !important;    /* Firefox/Gecko */
  					  width: -webkit-max-content !important; /* Chrome */
	} 
	
	.click-animation, .category-item, .team-member{ width: 50vw; }
	
	.click-animation{
		transition: all 0;
	}
	
	/*.page-template-template-product .menu-button,
	.page-template-template-contact .menu-button,
	.page-template-template-team_member .menu-button{
		background-color: #fff;
		padding: 0 10px;
		border-radius: 5px;
	}*/
	
	.page-template-template-product .header-contact,
	.page-template-template-contact .header-contact,
	.page-template-template-team_member .header-contact{
		background-color: #fff;
		padding: 0 10px;
		border-radius: 5px;
	}
	
	.page-template-template-product .header-contact p,
	.page-template-template-contact .header-contact p,
	.page-template-template-team_member .header-contact p{
		color: #314B58;
	}
	
	.menu-toggle-quote4::before,
	.menu-toggle-quote4::after,
	.header-contact p::before,
	.header-contact p::after{
		display: none;
	}
	
	.page-template-template-product{
		overflow: auto;
	}
	
	.page-template-template-product .main-menu-toggle-line,
	.page-template-template-contact .main-menu-toggle-line,
	.page-template-template-team_member .main-menu-toggle-line{
		background-color: #182D33;
	}
	
	.page-template-template-contact .category-item,
	.page-template-template-product .category-item,
	.page-template-template-team_member .team-member{
		/*height: 70vh;*/
		background-position: 100% 50%;
		width: 100%;
		/* NEW VERSION */
		height: auto;
		padding: 20px 30px;
	}
	.product-content-right{
		width: 100%;
		padding: 30px 20px 50px;
		height: auto;
	}
	.q4-inner-logo{
		float: none;
		margin: 0 auto 40px;
		position: unset;
	}
	.fixed-left-side{
		position: relative;
	}
	
/* Previously 939px */

	.squares-scroll{
		transition: filter 1s;
	}
	.blur-30{
		filter: blur(30px);
		transition: all 3s;
	}
	.menu-expanded{
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
	}
	.menu-closed{
		padding-top: 15vh;
		top: 0px;
		left: 0;
		height: 100%;
	}
	.menu-expanded .menu-main-container{
		height: 100%;
	}
	
	
	#menu-logo{
		top: 3%;
		left: 20px;
		bottom: auto;
	}
	
	ul#primary-menu > li{
		padding: 5px 10px;
	}
	
	ul#primary-menu > li > ul > li{
		width: 50%;
	}
	
	ul#primary-menu li ul li a{
		padding-bottom: 5px;
		font-size: 0.8rem;
	}
	
	
	
	ul#primary-menu{
		display: block;
	}
	ul#primary-menu > li{
		padding: 10px 10px;
		width: 100%;
	}
	ul#primary-menu > li > a{
		font-size: 1.5rem;
		font-weight: 600;
	}
	ul#primary-menu > li > a:hover{
		text-decoration: underline;
	}
	ul#primary-menu > li > a:hover::before{
		width: 0%;
		background: transparent;
	}
	ul#primary-menu > li > a::after{
		display: none;
	}
	.popup-contact-form-holder{
		width: 90%;
	}
	/*.page-template-template-product ul#primary-menu > li > a,
	.page-template-template-contact ul#primary-menu > li > a,
	.page-template-template-team_member ul#primary-menu > li > a{
		color: #fff;
	}*/
}

@media screen and (max-width:768px){
	
	.logo-section{
		/*left: -420px;
		top: -250px;*/
		left: -425px;
	    top: -325px;
	}
	.logo{
		width: 105px;
		height: 85px;
	}	
	.slider-content{
		/*width: 75%;
		height: auto;
		left: 10%;
		bottom: 12%;
		top:auto;*/
	}
	.slider-content-text p{
		font-size: 1.3rem;
	}	
	
	.product-banner-content{ padding: 150px 50px 50px; }
	.product-banner-content .teaser-content p{ font-size:1.1rem; }
	
	.click-animation, .category-item, .team-member{ width: 100vw; }
	.category-item, .team-member{ background-position: 100% 100%; }
	
	.category-item .teaser-content .teaser-content-text, .team-member .teaser-content .teaser-content-text{ max-height: none; }
	
	.teaser-content .white-cta-arrow,
	.get-a-quote-button{
		width: 40px;
		height: 40px;
		background-size: 40px;
	}
	.teaser-content .all-products-text,
	.get-a-quote-text{
		font-size: 1.25rem;
		margin-top: 27px;
		margin-left: 20px;
	}
	
	.page-template-template-team_member .team-member{ background-position: 100% 18%; }
	
	.get-a-quote-text{
		margin-top: 4px;
	}

}

@media screen and (max-width:650px){
	.click-animation, .category-item, .team-member{
		width: 100vw;	
		background-position: 50% 25%;
	}
	.popup-contact-form input[type="text"],
	.popup-contact-form input[type="email"],
	.popup-contact-form select{
		opacity: 0.9;
	}
	.popup-contact-form{
		width: 100%;
	}
	.popup-contact-legal{
		font-size: 0.65rem;
	}
}

@media screen and (max-width:480px),
screen and (max-height:549px){
	.logo-section{
		left: -490px;
		top: -345px;
	}
	
	.logo{
		top: 25px;
		left: 12px;
		width: 80px;
	}
	
	.slider-content{
		width: 90%;
		left: 5%;
		bottom: 10%;
	}
	
	.slider-content-text p{
		width: 100%;
		font-size: 0.9rem;
	}
	
	#first-home-slide-cta p{
		width: 72%;
		font-size: 0.8rem;
		margin-bottom: 0;
	}
	
	.home-cta p{ width: 75%; margin-top: 27px; }
	
	.q4-inner-logo{
		width: 80px;
		height: 60px;
	}
	
	/*.menu-button{
		top: 25px;	
	}*/
	
	.menu-closed{
		padding-top: 15vh;
	}
	
	.menu-toggle-quote4{
		/*height: 26px;*/
		padding: 10px 20px 10px 80px;
		height: 60px;
	}
	.main-menu-burger-wrapper{
		top: 22px;
		left: 30px;
	}
	
	.menu-toggle-quote4 p{
		font-size: 1rem;
	}
	
	.header-contact{
		top: 25px;
	}
	
	.header-contact p{
		font-size: 1rem;
	}
	
	.normal-menu{
		display: none;
	}
	
	.menu-expanded .mobile-menu{
		display: block;
	}
	
	ul#primary-menu > li > a{
		font-size: 1.1rem;
	}
	
	.page-template-template-contact .category-item,
	.page-template-template-product .category-item,
	.page-template-template-team_member .team-member{
		background-position: 100% 100%;
		background-size: 70%;
	}
	
	.product-banner-content{ padding: 150px 0 50px; }
	
	.page-template-template-team_member .team-member{
		background-position: 60% 13%;
		background-size: 82%;
	}
	
	.category-item-content-position{
		bottom: 14%;
	}
	
	.category-item .teaser-content .teaser-content-text,
	.team-member .teaser-content .teaser-content-text{
		max-height: none;
	}
	
	.teaser-content p{
		font-size: 0.9rem;
	}
	
	.white-cta-arrow{
		width: 40px;
		height: 40px;
		background-size: 40px;
		margin-top: 10px;
	}
	
	.scroll-progress-bar-container{
		display: none;
	}
	
	.popup-contact-legal{
		display: none;
	}
	
	.teaser-content a,
	.teaser-content h3{
		display: none;
	}
	
}

@media screen and (max-width:400px){
	#mobile-menu li a{
		font-size: 0.9rem;
	}
	.page-template-template-team_member .team-member{
		background-position: 60% 100%;
		background-size: 82%;
	}
}

@media screen and (max-width:480px) and (max-height:300px){
	ul#primary-menu > li{
		padding: 5px 10px;
	}
	ul#primary-menu > li > a{
		font-size: 0.9rem;
	}
}

@media screen and (max-width:400px){
	.category-item, .team-member{
		width: 100vw;
	}
}


/***************************** RESPONSIVE HEIGHT ******************************/
@media screen and (max-height:830px) and (min-width:1000px){
	.page-template-template-product{
		overflow: auto;
	}
	.page-template-template-product .product-content-right{
		float: right;
		height: auto;		
	}
	.page-template-template-product .category-item{
		background-position: 50% 0%;
	}
	.page-template-template-product .fixed-left-side-product{
		position: fixed;
	}
}

@media screen and (max-height:830px){
	.category-item, .team-member{
		background-position: 100% 0%;
	}
}

@media screen and (max-height:830px){
	.popup-contact-form-holder{
		transform: translateY(15vh);
	}
	.menu-expanded{
		padding-top: 13vh;
	}
	ul#primary-menu > li > a{
		font-size: 1.5rem;
	}
	.section-heading{
		font-size: 2rem;
	}
}

@media screen and (max-height:767px){
	.slider-content{
		/*width: 70%;
		left: 5%;
		bottom: 10%;
		top: unset;
		height: auto;*/
	}
	.slider-content-text p { font-size: 1.2rem; }
	.slider-content-text .home-cta p{ font-size: 1rem; }
}

@media screen and (max-height:650px){
	ul#primary-menu li ul li a{
		padding-bottom: 5px;
		font-size: 0.9rem;
	}
	.slider-content{ width: 90%; left: 5%; }
	.slider-content-text p { font-size: 1.1rem; }
	
	#home-slides-nav-wrapper{ left:5%; bottom:5% !important; }
}

@media screen and (max-height:600px){
	.popup-contact-form-holder{
		transform: translateY(15vh);
		min-height: 400px;
	}
	
	.popup-contact-form .section-heading{
		margin-bottom: 15px;
		font-size: 1.5rem;
	}
	
	.popup-contact-form input[type="submit"]{
		background-size: 35px;
		font-size: 1.2rem;
		padding: 0 50px 0 0;
	}
}

@media screen and (max-height:480px){
	.popup-contact-form-holder{
		transform: translateY(10vh);
		min-height: 340px;
	}
	.popup-contact-form{
		margin-top: 0;
		padding: 20px 30px 0px;
	}
	.popup-contact-form .section-heading{
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	.popup-contact-form .section-heading .section-heading{
		margin-bottom: 20px;
	}
	.popup-contact-form p{
		margin-bottom: 10px;
	}
	.popup-contact-form input[type="text"],
	.popup-contact-form input[type="email"],
	.popup-contact-form select{
		font-size: 0.8rem;
	}
	.popup-contact-form input[type="submit"]{
		padding: 0 40px 0 0;
		background-size: 30px;
		font-size: 1rem;
	}
	.popup-contact-legal{
		font-size: 0.75rem;
	}
}

@media screen and (max-width:1023px){
	.slider-content-text p{ font-size:1.1rem; }
}
@media screen and (max-width:768px){
	.slider-content-text p{ width:100%; font-size:0.9rem; }
	.slider-content-text .home-cta{ margin:0 20px 0 0; padding: 6px 30px; }
	.slider-content-text .home-cta:first-of-type{ margin-bottom:20px; }
	.slider-content-text .home-cta p{ font-size: 0.9rem; }
	#home-slides-nav-wrapper{ bottom:10%; }
	#home-slides-nav-wrapper > p{ font-size:0.9rem; }
}


/*******************************************************************************
Privacy Page GDPR Update 180523
*******************************************************************************/
#privacy{  }
#gdpr{  }
#gdpr *{  }
#gdpr p{  }
#gdpr a{  }
#gdpr li{ line-height:160%; }
#gdpr table{ width:100%; }
#gdpr table{ margin-bottom:20px; border-collapse:collapse; }
#gdpr table tr{  }
#gdpr table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; }
#gdpr table th p{ color:#fff !important; }
#gdpr table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; }
#gdpr table p{ padding:0; margin:0; line-height: 160%; }



@media screen and (max-width:1299px){
	#cookie-notice .cookie-notice-container{ padding-bottom:35px; }
}
@media screen and (max-width:768px){
	#cookie-notice .cookie-notice-container{ padding-bottom:40px; }
}
@media screen and (max-width:480px){
	#cookie-notice .cookie-notice-container{ padding-bottom:50px; }
}







/******************** FOOTER ADDED FOR LEGAL TEXT 22-11-2018 **********************/
#footer-legal-text{ margin-top:10px; }
#footer-legal-text *{ font-size:0.8rem; }
#footer-legal-text a{
	float:none;
	color: #6D6E70;
	text-decoration:underline;
}

#footer-legal-text a:hover{ color:#ef7007; }







/************************** POPUP MAKER *************************/
.pum-content a{ color: #b12973; }
.desktop-device .pum-content a:hover{ text-decoration: underline; }

.pum-open .page-template-templatestemplate-product-php{ height: 100vh !important; }
.pum-open .page-template-templatestemplate-product-php .fixed-left-side-product{ z-index: 1; }
.pum-open .page-template-templatestemplate-product-php .product-content-right{ z-index: 2; overflow: visible; }