@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:200);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:200,300,400,400i,500,600');

body{ overflow-x:hidden; }
*{
    padding:0;
    margin:0;
	outline: none;
}
p{
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	line-height: 160%;
	margin-bottom:20px;
}
a{
	text-decoration: none;
	color:#141414;
	transition: color 0.5s;
}
a:hover{
	text-decoration: none;
	color: #caae5b;
}
/* FONTS */

html{ font-family: 'Playfair Display', serif; 
    /* color:#6D6E70;  */
    font-size:18px; }

h3 {
    /* color: #383838; */
}

.red {
    background: red;
}

.no-padding {
    padding:0;
}

.no-margin {
    margin:0;
}

.full-width {
    width:100vw;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.margin-auto {
    margin:auto;
}
.flex-container {
    display: flex;
}

.centered-h {
    margin:auto;
}

button{
    cursor: pointer;
}

.center-outer{ display:table; height:100%; width:100%; }
.center-inner{ display:table-cell; vertical-align:middle; }

.tiny-font{
	text-transform: uppercase !important;
	font-family: 'work sans', sans-serif !important;
	letter-spacing: 2px !important;
}
.tiny-font.size{
	font-size: 12px !important;
}
.left-indent{
	padding-left:40px;
}

.overlay-dark{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}





/* .w1080 {
    max-width:1080px;
}

.content-area {
    max-width: 1200px;
} */

.content-wrapper {
    /*max-width: 60%;*/
	width:100%;
	max-width: 1200px;
    margin: auto;
}

.stacked {
    flex-direction: column;
}

.flex-centered {
    align-items: center;
}

.square {
    width:250px;
    height:250px;
    background-color: darkgray;
}

.body-text-italic-intro{
	/*padding-bottom: 15px;*/
	font-style: italic;
	font-size: 1rem;
	font-family: 'Playfair Display', serif;
}

.hero-heading{
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size:6rem;
}

.section-heading{
	font-family: 'Playfair Display', serif;
	margin-bottom: 10px;
	font-size: 3rem;
	color: #141414;
}

.sub-heading{
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight:400;
	line-height: 150%;
	margin: 20px 0;
}

.teaser-heading{
	font-family: 'Playfair Display', serif;
	font-size: 1.3rem;
	line-height: 150%;
	margin: 20px 0;
}

.teaser-body-text{
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	line-height: 160%;
}

.teaser-date{
	font-size: 0.7rem;
	font-family: 'work sans', sans-serif;
	margin: 20px 0;
	font-weight: 800;
	text-transform: uppercase;
}

@media screen and (max-width:1449px){
	/*.content-wrapper{
		box-sizing: border-box;
		padding-left:110px;
	}*/
}

@media screen and (max-width:480px){
	.sub-heading{
		font-size: 1.2rem;
	}
}













/************************* HERO *************************/

.topBlackBar {
    top:0;
    left:0;
    height: 400px;
    background-color: #141414;
    z-index:-100;
    color: white;
}

.floating-a-bg {
	top: -40px;
	right: -400px;
	width: 40%;
	z-index: -5;
}

.floating-black-bg {
    height:100%;
    width: 50%;
    top:0;
    right:0;
    background-color: #141414;
    position: fixed;
    z-index: -500;
}

.page-template-template-about .topBlackBar,
.products-template-default .topBlackBar,
.page-template-template-vacancies .topBlackBar{
	/*height:80%;*/
	height:750px;
	width: 82%;
}

.page-template-template-about .floating-a-bg,
.products-template-default .floating-a-bg,
.page-template-template-vacancies .floating-a-bg{
	/*top:auto;
	bottom:16%;*/
	right: 234px;
	top: 0;
	bottom: 0;
	height: 750px;
	width: 44%;
	z-index: -5;
}

.page-template-template-about .floating-a-bg img,
.products-template-default .floating-a-bg img,
.page-template-template-vacancies .floating-a-bg img{
	height: calc(100% - 50px);
	bottom: -30px;
	position: absolute;
}

.hero-section-with-black-tile-bg{
	min-height:300px;
}

.hero-section-with-black-tile-bg div {
	max-width: 45%;
	color: white;
	font-size: 1.4vw;
}

.titleWrapper.content-wrapper {
	margin: 0 auto 100px;
	color: white;
	font-size: 4.167vw;
	height: 200px;
}

.titleWrapper.content-wrapper .hero-heading{
	font-weight:400;
}

.page-template-template-about .titleWrapper.content-wrapper,
.products-template-default .titleWrapper.content-wrapper,
.page-template-template-vacancies .titleWrapper.content-wrapper,
.blog .titleWrapper.content-wrapper,
.archive .titleWrapper.content-wrapper,
.category .titleWrapper.content-wrapper{
	height: 300px;
	/*min-height: 200px;*/
	margin-bottom: 50px;
}


/* INDIVIDUAL PAGE OVERRIDES */
/*
.page-template-template-about .titleWrapper.content-wrapper,
.products-template-default .titleWrapper.content-wrapper{
	min-height: 350px;
	display: flex;
	align-items: center;
}

.page-template-template-about .titleWrapper.content-wrapper{
	height: 350px;
}
.products-template-default .titleWrapper.content-wrapper{
	min-height: 350px;
}*/



@media screen and (max-width:1449px){
	.hero-section-with-black-tile-bg,
	.titleWrapper.content-wrapper{
		margin-left:110px;
	}
}

@media screen and (max-width:1199px){
	.page-template-template-about .titleWrapper.content-wrapper,
	.products-template-default .titleWrapper.content-wrapper,
	.page-template-template-vacancies .titleWrapper.content-wrapper{
		height: 250px;
	}
	
	.page-template-template-about .topBlackBar, 
	.products-template-default .topBlackBar,
	.page-template-template-vacancies .topBlackBar,
	.page-template-template-about .floating-a-bg, 
	.products-template-default .floating-a-bg,
	.page-template-template-vacancies .floating-a-bg{
		height: 675px;
	}
}

@media screen and (max-width:1024px) {
	.hero-section-with-black-tile-bg,
	.titleWrapper.content-wrapper{
		margin-left:30px;
	}
	
	.hero-section-with-black-tile-bg div {
		max-width:100%;
	}
	
	.titleWrapper.content-wrapper {
		margin-left:30px;
	}
	
	.titleWrapper.content-wrapper .hero-heading{
		margin: 20px 0 20px;
	}
	
	
	
	/* ABOUT PAGE */
	/*.page-template-template-about .titleWrapper.content-wrapper {
        height: 450px;
		height: 242px;
		margin-left:30px;
        display: flex;
        align-items: center;
        font-size: 7vw;
    }*/
	
	/*.page-template-template-about .titleWrapper.w1080 {
		font-size: 6.167vw !important;
		margin-top: 9% !important;
		font-family: 'Playfair Display', serif;
	}*/
	
	
	
	/* PRODUCT PAGES */
	/*.products-template-default .titleWrapper.content-wrapper {
        min-height: 242px !important;
    }*/
	
	
	
	/* VACANCIES PAGE */
	/*.page-template-template-vacancies .titleWrapper.content-wrapper {
		padding-top: 10%;
	}*/
	
}

@media screen and (max-height:799px){
	
	.page-template-template-about .floating-a-bg, 
	.products-template-default .floating-a-bg,
	.page-template-template-vacancies .floating-a-bg{
		bottom: 15%;
	}
	
	/*.titleWrapper.content-wrapper{
		min-height:300px;
	}
	
	.page-template-template-about .titleWrapper.content-wrapper{
		height:300px;
	}
	.products-template-default .titleWrapper.content-wrapper{
		min-height:300px;
	}*/
	
}



@media screen and (max-height:768px),
screen and (max-width:768px){
	.page-template-template-about .titleWrapper.content-wrapper, 
	.products-template-default .titleWrapper.content-wrapper,
	.page-template-template-vacancies .titleWrapper.content-wrapper{
		margin-bottom:20px;
	}
	
	.titleWrapper.content-wrapper{
		height:250px;
	}
	
	.page-id-1525 .titleWrapper.content-wrapper,
	.page-id-1761 .titleWrapper.content-wrapper,
	.page-id-1704 .titleWrapper.content-wrapper{
		height: 100px;
		margin-bottom:150px;
		line-height: 100%;
	}
	
	.titleWrapper.content-wrapper .hero-heading{
		font-size: 4rem;
	}
	
	.hero-section-with-black-tile-bg {
		min-height: 230px;
	}
	
	.hero-section-with-black-tile-bg .sub-heading{
		margin: 0;
		font-size: 1.3rem;
	}
}



@media screen and (max-height:700px){
	.page-template-template-about .topBlackBar,
	.products-template-default .topBlackBar,
	.page-template-template-vacancies .topBlackBar{
		height: 650px;
	}
	
	.page-template-template-about .floating-a-bg, 
	.products-template-default .floating-a-bg,
	.page-template-template-vacancies .floating-a-bg{
		bottom: 6%;
		right:0;
	}
}



@media screen and (max-width:599px){
	.hero-section-with-black-tile-bg .sub-heading{
		font-size:1.1rem;
	}
}



@media screen and (max-width:480px){
	.titleWrapper.content-wrapper,
	.page-template-template-about .titleWrapper.content-wrapper, 
	.products-template-default .titleWrapper.content-wrapper,
	.page-template-template-vacancies .titleWrapper.content-wrapper{
    	height: 200px;
	}
	
	.titleWrapper.content-wrapper .hero-heading{
		font-size:3rem;
	}
}


















/* Mega Menu - Closed */





div.slide-in-mega-menu {
    top: 0;
    left: 0;
    height:100vh;
    width:100px;
    position: fixed;
    background-color: #141414;
    color: white;
   
}

div.slide-in-mega-menu ul {
    flex-direction: column;
    justify-content: flex-end

}

div.slide-in-mega-menu ul li#facebook { 
    margin-top: auto;
}


/* Top Nav Bar */
#top-nav-bar-container{
	height:80px;
}

.page-id-1486 #top-nav-bar-container{
	height:0;
}

.top-nav-bar {
    margin: auto;
    /*padding: 0 0 60px;*/
	height: 80px;
	position:fixed;
	top:0;
	left:0;
	z-index: 1001;
	transition:background-color .3s;
}

.top-nav-bar ul#main-menu {
    display: flex;
    justify-content: flex-start;

}

.top-nav-bar ul#main-menu li{
    list-style: none;
    margin:0;
    padding: 0 20px;
    text-transform: uppercase;
    font-family: 'work sans', sans-serif;
    font-size:  12px;
	letter-spacing: 2px;
	font-weight: 400;
}

.top-nav-bar ul#main-menu li:first-child{
	padding-left: 0;
}

.top-nav-bar ul#main-menu li a{
   color: white;
   text-decoration: none;
	transition:color .3s;
}
.top-nav-bar ul#main-menu li a:hover{
   color: #caae5b;
   text-decoration: none;
}
.top-nav-bar>nav{
	width:100%;
}
.top-nav-bar ul#main-menu li.menu_item_wpglobus_menu_switch ul.sub-menu{ margin-top: 1rem; }
.top-nav-bar ul#main-menu li.menu_item_wpglobus_menu_switch ul.sub-menu li{ margin: 1rem 0; }


/* CONTACT PAGE LIGHT VERSION */
.page-id-1488 .top-nav-bar{
	padding:0;
	background-color: white;
}

.page-id-1488 .top-nav-bar ul#main-menu li a{
	color: #000;
}

.page-id-1488 .top-nav-bar ul#main-menu li a:hover{
	color:#caae5b;
}



/* SCROLLED DOWN VERSION */
.scrolled-down .top-nav-bar,
.scrolled-down.home .top-nav-bar#contact-main-nav{
	/*background-color: #ebebe9;*/
	background-color: #fff;
}

.scrolled-down  .top-nav-bar ul#main-menu li a{
	color: #000;
}



@media screen and (max-width:1449px){
	
	.top-nav-bar > nav{
		margin-left: 110px;
	}
	
}

@media screen and (max-width:1199px){
	.top-nav-bar {
    	/*padding: 0 0 30px;*/
	}
}











body {
	background-color: #ebebe9;
}

body div.wrapper {
    top:0;
    left:0;
    /* z-index: -10000; */

}


body .section1 {
   
    height:100vh;
    
    background-color: crimson;
}

body .section2 {
    height:100vh;
    background-color: red;
}

body .section3 {
    height:100vh;
    background-color: green;
}

body .section4 {
    height:100vh;
    background-color: yellow;
}

body .section5 {
    height:100vh;
    background-color: orange;
}


.menu-wrapper {
    height: 100px;
    position: sticky;
}

.main-menu {
    justify-content: flex-start;
    top:25px;
    
    background-color: blueviolet;
}

.main-menu li {
    list-style: none;
    padding:20px 25px;
    
}




#footer-details {
    background-color:#141414;
}

.partner-logos {
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
}


.anami-footer-logo {
	padding: 15px;
	height: 250px;
	width: 250px;
	margin-bottom: -22px;
}

.footer-logo-anami-luxus {
	position: relative;
	top: 19px;
}

.footer-logo-broker-network {
    padding-top: 60px;
    
   
}

.footer-logo-broker-network  img, .footer-logo-anami-luxus img{
    padding: 0 25px;
    width: 160px;
	display:block;
	height:100%;
}

.footer-address {
	color: #919191;
	text-align: center;
	font-size: 18.6px;
	font-family: 'work-sans', sans-serif;
	line-height: 33.3px;
	margin-bottom: 35px;
}

.social-footer-links ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
}

/* .social-footer-links img {
    width:40px;
} */


.social-footer-links i {
	color: white;
	font-size: 1.1em;
	margin: 15px;
}

.social-footer-links a:hover .fa-facebook-f{
	color:#4267b2;
}
.social-footer-links a:hover .fa-twitter{
	color:#1da1f2;
}
.social-footer-links a:hover .fa-linkedin-in{
	color:#0274b3;
}



@media screen and (max-width:1499px){
	#footer-bottom-wrapper{
		box-sizing: border-box;
		padding: 0 110px;
	}
}

@media screen and (max-width:1024px){
	#footer-bottom-wrapper{
		padding: 0;
	}
}





/******************************* 
---------CONTACT FORM-----------
*******************************/

body .footer-contact-form-section {
    position: relative;
    justify-content: center;
    background-color: #141414;
}

section#footer-contact-form {
	width:100vw;
    min-height: 100vh;
    background-image: url('../../../uploads/2018/08/Footer_Background-copy.jpg');
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover; 
    position: relative;
}


section#footer-contact-form::after {
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
}

.contactForm {
	background-color: rgba(59,59,59,0.8);
	width: 100%;
	padding: 50px 5%;
	flex-direction: column;
	text-align: center;
	margin-top: 280px;
	margin-bottom: 6%;
	z-index: 500;
	box-sizing: border-box;
}

#site-footer {
	/*display:flex;*/
	margin-top: -170px;
}

@media screen and (max-width:1449px){
	#footer-contact-form .contactForm{
		margin-left: 110px;
		margin-right: 30px;
	}
}

@media screen and (max-width:1024px){
	#footer-contact-form .contactForm{
		margin-left: 30px;
		max-width:calc(100% - 60px);
	}
	
	#footer-contact-form .contactForm .wpcf7-form{
		margin-right:0;
	}
}

.contactForm h2, .contactForm p {
	color: white;
	font-family: 'Work Sans', sans-serif;
	font-weight: lighter;
}

.contactForm h2 {
	font-size: 1.7em;
	font-family: 'Playfair Display', serif;
	font-weight: lighter;
}

/* .contactForm.content-wrapper div {
	margin: 5% 2%;
} */

#contact-title-wrapper {
	width: 60vw;
}

#contact-title-wrapper {
	height: 160px;
	/* background: red; */
}

#contact-title-wrapper > div {
	/*right: 0;
	bottom: -38px;*/
	bottom:0;
	left: 28%;
}

 div#contact-title-wrapper p#title {
    font-size: 8em;
    color: white;
    /*top: -187px;*/
	line-height: 90%;
	margin-bottom: 0;
    z-index: -1;
    right: 400px;
    font-family: 'Playfair Display', serif;
}





/* CF7 STYLING */
/* Contact Form 7 Input Fields CSS
---------------------------------*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
textarea
{
    font-size: 13px;
	font-family: 'work sans', sans-serif;
    background-color: #f5f5f5;
    border: none;
    color: #141414;
    width: 95%;
    padding: 2%;
    margin:1%;
}

textarea{
	min-width:100%; 
	max-width:100%;
	height:200px;
	min-height:100px;
	max-height:300px;
	overflow-y:auto;
}

span.wpcf7-not-valid-tip{
	font-family: 'work sans', sans-serif;
	font-size:0.8rem;
	font-weight: 100;
	margin-top: 2px;
	text-align: left;
}

.wpcf7-recaptcha{
	margin: auto;
	width: 304px;
}

.recaptcha-wrapper-center .wpcf7-recaptcha{
	margin: 0 0 10px;
}




/* Contact Form 7 Submit Button 
-------------------------------*/

.wpcf7 input[type="submit"] {
	cursor: pointer;
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	background: #141414;
	padding: 10px 30px;
	border: none;
	width: auto;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: left;
	margin-left: 27px;
	/* width: 15%; */
	transition: all 0.4s ease 0s;
}

.wpcf7 input:hover[type="submit"] {
    background: #494949;
    
}

.wpcf7 input:active[type="submit"] {
    background: #141414;
}

/* Contact Form 7 Margins 
-------------------------*/ 

.wpcf7 form { 
    margin-left: 0;
    margin-right: 25px;
    margin-top: 25px; 
}

@media screen and (max-width:768px){
	.wpcf7 form { 
    	margin-right: 0;
	}
}



/******************************* 
-----FOOTER CALL TO ACTION------
*******************************/


.calltoaction {
	align-items: center;
	justify-content: center;
	position: relative;
	top: 220px;
    z-index: 500;
    color: white;
    flex-wrap: nowrap;
}

.cta-left,
.cta-right{
	
}

.cta-left {
    background:#141414;
    width: 100%;
    text-align: center;
}

@media screen and (max-width:1449px){
	#site-footer .calltoaction{
		margin: 0 30px 0 110px;
	}
}

@media screen and (max-width:1339px){
	#site-footer .calltoaction{
		max-width: calc(100% - 140px);
	}
}

@media screen and (max-width:1024px) {
    #site-footer .calltoaction{
		margin: 0 30px;
		max-width:calc(100% - 60px);
	}
	
	.cta-left {
        margin-bottom: 10% !important;
    }
}

.cta-right {
    background:#383838;
    width: 100%;
    text-align: center;
}

.calltoaction > div {
	padding: 30px 7%;
	/* max-width: 475px; */
}

.calltoaction i {
	font-size: 2em;
	margin: 0px 0 10px 0;
	color: transparent;
	stroke: white;
	stroke-width: 1px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;
}

.calltoaction p {
	/*font-family: 'Work Sans', sans-serif;
	font-weight: lighter;
	padding: 5px 20px 20px 20px;
	line-height: 30px;
	font-size: 11pt;*/
}

.calltoaction h3 {
	/*font-size: 25px;
	line-height: 43px;
	font-weight: lighter;*/
	font-weight: 300;
	margin: 10px 0;
}

.calltoaction button {
	padding: 17px 25px;
	width: 170px;
	text-transform: uppercase;
	font-family: 'work sans', sans-serif;
}

.cta-left .button-white,
.cta-right .button-white{
	padding: 14px 42px;
	border:none;
	color:#fff;
	font-size: 0.6rem;
}

.cta-left .button-white{
	background: #383838;
	border-color: #383838;
}

.cta-right .button-white{
	background: #141414;
	border-color: #141414;
}

.cta-left .button-white:hover,
.cta-right .button-white:hover{
	background-color:#888;
	color:#fff;
}


/* Footer navigation */

#site-footer p,
#site-footer li {
    font-family: 'work sans', sans-serif;
}



#menu-footer-menu {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 14.6px;
	max-width: 95%;
	margin: auto;
    padding: 2% 0;
   
}

#menu-footer-menu li{
    text-align: center;
    list-style: none;
	color: #2B2B2B;
}


#menu-footer-menu a{
    text-decoration: none;
    color: #ebebe9;
    margin: 0 50px;
	font-family: 'work sans', sans-serif;
}


#menu-footer-menu a:hover{
    text-decoration: none;
	color: #caae5b;
}




#footer-legal {
	text-align: center;
	font-size: 11pt;
    padding-bottom: 3%;
	font-family: 'work sans', sans-serif;
	font-size: 12px;
	color: #919191;
	width:100%;
}

#footer-legal a{
	color:#fff;
}
#footer-legal a:hover{
	color:#caae5b;
}

@media screen and (max-width:1024px){
	#footer-legal{
		padding-bottom: 70px;
	}
}



/* OUR TEAM */

.our-team-wrapper.full-width.flex-container {
	margin-top: 100px;
	padding-bottom: 250px;
}

.our-team-wrapper {
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width:1449px){
	.our-team-wrapper {
		margin-left:110px;
	}
}

@media screen and (max-width:1024px){
	.our-team-wrapper {
		margin-left:auto;
	}
}

.bio-wrapper {
    padding: 80px 20px 0;
    flex-direction: row
}

.bio-wrapper:nth-child(odd){
    flex-direction: row-reverse;
    color:#cececd;
}

.bio-wrapper:nth-child(odd) *{
	
}

.bio-wrapper:nth-child(odd) a{  
    color:#cececd;
}


.bio-image{
	
}

.bio-image img{
    width:100%;
	max-width: 600px;
}

.bio-content {
    padding: 25px 70px 25px 25px;
    max-width: 340px;
    flex-wrap:wrap;
}

.bio-wrapper:nth-child(odd) .bio-content{
	padding: 25px 25px 25px 70px;
}

.bio-content *{
	font-size: 0.8rem;
}

/*.bio-content ul {
    margin:0;
    list-style: none;
}*/

.bio-content .sub-heading{
	font-size: 2em;
	margin:0;
	line-height: 130%;
}

.bio-content .team-member-name{
	
}

.bio-content .team-member-nickname{
    margin-bottom:15px;
	font-style: italic;
}

.bio-content .team-member-job-title{
	/*margin-bottom: 17px;*/
	font-weight: 600;
	padding-bottom: 30px;
	/*border-bottom: 3px solid #383838;*/
}

.bio-wrapper:nth-child(odd) .bio-content .team-member-job-title{
	/*border-color:#fff;*/
}

.bio-content .team-member-divide-line{
	height:3px;
	width:150px;
	margin-bottom:17px;
	background-color:#383838;
}

.bio-wrapper:nth-child(odd) .bio-content .team-member-divide-line{
	background-color:#fff;
}

.bio-content .team-member-job-description {
    /*font-family: 'work sans', sans-serif;
    font-size:  16px; */
}

.bio-content .team-member-email {
    /*padding:  15px 0;*/
	font-family: 'work sans', sans-serif;
}

.bio-content .team-member-email a:hover{
	color: #caae5b;
}

.bottomWhiteBar {
    bottom: -200px;
	left: 0;
	height: 200px;
	background-color: #ebebe9;
	z-index: 100;
}


@media screen and (max-width:1024px) {

    .bio-wrapper {
        flex-direction: column-reverse !important;
        color: black !important;
		padding: 25px 40px;
    }

    .bio-wrapper a {
       color: black !important;
    }

    .floating-black-bg {
        display: none !important;
    } 

    .top-nav-bar {
        display: none !important;
    }

    .bio-image img {
        max-width: 100% !important;
    }

    .bio-content {
        max-width: 100% !important;
        padding-bottom: 0 !important;
    }
	
	.bio-content,
	.bio-wrapper:nth-child(2n+1) .bio-content{
		padding: 30px;
	}
	
	.bio-wrapper:nth-child(odd) .bio-content .team-member-divide-line{
		background-color:#383838;
	}
	
}



@media screen and (max-width:480px) {

    .bio-wrapper {
        padding: 25px 20px;
    }
	
	.bio-content .sub-heading{
		font-size: 1.6rem;
	}
	
	.bio-content .team-member-job-description{
		font-size:0.75rem;
	}
	
}
















.featured-post-content {
	color: #141414;
}

.featured-post-content .category-date {
    /*font-size: 0.8vw;
    font-family: 'work sans', sans-serif;
    margin: 20px 0;
    font-weight: bold;*/
}

.featured-post-content .title {
    /*font-size: 1.3vw;
    margin: 20px 0;
	line-height: 150%;*/
}

.blog-content {
	margin-top: 100px;
}

/*.blog-content #isotope-list .item:nth-of-type(3n+1){
	clear:left;
}*/

.black-bg-side-right {
    position: absolute;
    top: 0;
    right:0;
    width:50%;
    height: 700px;
    z-index: -10;
    background: #141414;
}

.black-bg-side-right #Homepage-A-OffWhite-Stroke {
	bottom: 30px;
	left: -229px;
}



@media screen and (max-width:1399px){
	
	.blog #main > .content-wrapper{
		margin-left: 110px;
		margin-right: 30px;
	}

}

@media screen and (max-width:1024px){
	
	.blog .topBlackBar {
	    display: block;
	}
	
	.blog #main > .content-wrapper{
		max-width:none;
		width:calc(100% - 60px);
		margin-left: 30px;
	}
	
	.blog-content #isotope-list .item{
		width: 50%;
	}
	
	/*.blog-content #isotope-list .item:nth-of-type(3n+1){
		clear:none;
	}
	.blog-content #isotope-list .item:nth-of-type(2n+1){
		clear:left;
	}*/
	
}

@media screen and (max-width:767px){
	
	.blog-content #isotope-list .item{
		width: 100%;
	}
	
	.blog-content #isotope-list .item .teaser-heading{
		
	}
	
}






/***********************************/
/************** BLOG POST***********/
/***********************************/

.post-featured-image-wrapper {
    justify-content: center;
}

.post-content-wrapper {
    justify-content: center;
}


/***********************************/
/************* MEGA MENU ***********/
/***********************************/


#menu-page-mask{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; background:rgba(0,0,0,0.7); display:none; }
.left-menu-active #menu-page-mask{  }

#leftmenu-hamburger{ cursor:pointer; }

.mega-menu-post-slider .slick-slide img {
	display: block;
	height: 190px;
	object-fit: cover;
}


#mega-menu-post-slide-right {
	width: 50%;
}

#mega-menu-post-slide-left {
	width: 50%;
}

.mega-menu-post-slide-wrapper #pagination {
	position: absolute;
	bottom: 0;
	width: 60%;
	justify-content: space-evenly;
	background: #383838;
    padding: 10px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}


.mega-menu-wrapper {
	width: 100%;
	max-width:1100px;
	box-sizing:border-box;
	background-color: #141414;
	position: fixed;
	z-index: 2000;
	top: 80px;
	/*left: 0;*/
	padding: 0 100px;
	font-family: 'Playfair Display', serif;
	color: #ebebe9;
	transition: all 0.8s ease;
	left: -1200px;
	/*height: 100%;*/
	height:calc(100% - 80px);
	/*overflow-y:auto;*/
	opacity: 80%;
}

.mega-menu-wrapper.animate {
    left:0px;
}

.mega-menu-social-links a i{
	color: white;
	transition:color .5s;
}
/*.mega-menu-social-links a:hover{
	color:#caae5b;
}*/
.mega-menu-social-links a .fa-facebook-f:hover{
	color: #4267b2;
}
.mega-menu-social-links a .fa-twitter:hover{
	color: #1da1f2;
}
.mega-menu-social-links a .fa-linkedin-in:hover{
	color: #0274b3;
}

.mega-menu-wrapper #menu-wrapper {
    /*margin: 0;
	display: flex;
	flex-direction: column;*/
	height: 100%;
}

.mega-menu-column ul{  }
.mega-menu-column li{ list-style: none; }
.mega-menu-column > .mega-menu-items > div > ul{  }
.mega-menu-column > .mega-menu-items > div > ul > li{ margin-bottom: 10px; }
.mega-menu-column > .mega-menu-items > div > ul > li > a{  }
.mega-menu-column > .mega-menu-items > div > ul > li > ul{  }
.mega-menu-column > .mega-menu-items > div > ul > li > ul > li{  }
.mega-menu-column > .mega-menu-items > div > ul > li > ul > li > a{  }

.menu-head {
	width: 100%;
	height: 180px;
}

.menu-head img {
	width: 250px;
	top: -40px;
	position: relative;
	left: -24px;
}

.column-left {
    width: 28%
}

#menu-wrapper > .menu-head-wrapper{
	flex: 0 0 20%;
	overflow:hidden;
}
#menu-wrapper > .column-wrapper{
	flex: 0 1 65%;
	/* overflow-y: auto; */
	/*padding-right: 20px;*/
}
#menu-wrapper > hr{
	flex: 1 0 0%;
	position: static;
	bottom: auto;
}
#menu-wrapper > .menu-foot-wrapper{
	flex: 0 0 15%;
}
.menu-foot {
	width:100%;
	font-family: 'work sans', sans-serif;
	font-size: 1rem;
	/*
	position: absolute;
	bottom: 100px;
	*/
}

.column-left .mega-menu-items a {
	color: #c0c0be;
	text-decoration: none;
	font-size: 25px;
	line-height: 30px;
}
.column-left .mega-menu-items a:hover{
	color: #caae5b;
}

.column-left .mega-menu-items .sub-menu {
	color: #787878;
	margin: 10px 0;
}
.column-left .mega-menu-items .sub-menu a {
    color: #787878; 
}

.column-left .mega-menu-items .sub-menu li:before {
    /* content: "- "; */
  text-indent: -5px; 
}

.column-left .mega-menu-items .sub-menu a {
	font-size: 16px;
	font-family: 'work sans', sans-serif;
	line-height: /*35px*/ 20px !important;
}
.column-left .mega-menu-items .sub-menu a:hover{
	color:#caae5b;
}
.column-right {
    /* background-color: blue; */
    width: 44%
}

.column-right .carousel-title h3{
	margin-bottom:10px;
}








.menu-foot-wrapper {
   margin-bottom:50px;
}

/* .mega-menu-post-slider #left {
   position: absolute;
   bottom: 0;
}

.mega-menu-post-slider #right {
    position: absolute;
   bottom: 0;
}
 */


/* 
.megamenu-post-slider-image {
    height: 400px;
}

.megamenu-post-slider-image img {
    height: 400px;
} */

.megamenu-post-slider-content{
	
}
.megamenu-post-slider-content .title{
	margin-top: 10px;
}
.megamenu-post-slider-content .title h3{
	font-weight: 300;
	font-size: 25px;
	color: #c0c0be;
}
.megamenu-post-slider-content .content{
	font-size: 11pt;
	margin-top: 15px;
	font-family: 'Work Sans', sans-serif;
	color: #666;
	font-size: 16px;
}
.megamenu-post-slider-content .content p:first-of-type{
	margin-bottom:20px;
}
.megamenu-post-slider-content .content p:last-of-type{
	margin-bottom:0;
}

.mega-menu-post-slide-wrapper #pagination{
	bottom: auto;
	top: 146px;
	right: -1px;
	width: auto;
	left: 0;
	opacity: 0.9;
	background-color: transparent;
	padding: 0;
}
.mega-menu-post-slide-wrapper #pagination #mega-menu-post-slide-left,
.mega-menu-post-slide-wrapper #pagination #mega-menu-post-slide-right{
	background-color: rgba(50,50,50,.95);
	transition: background 0.5s;
	padding: 10px;
}
.mega-menu-post-slide-wrapper #pagination #mega-menu-post-slide-left:hover,
.mega-menu-post-slide-wrapper #pagination #mega-menu-post-slide-right:hover{
	background-color: rgba(50,50,50,.8);
}

.mega-menu-social-links li {
	width: 43px;
	list-style: none;
}

.mega-menu-social-links {
	position: relative;
    padding-top: 10px;
}

.mega-menu-wrapper hr {
	/*margin: 40px 0;
	color: #787878;
	position: absolute;
	bottom: 150px;
	width: 82%;*/
	width:100%;
	margin: 28px 0 23px;
	color: #333;
}



/********************* MEGA MENU RESPONSIVE ADDITIONS *****************/

@media screen and (max-width:1100px),
screen and (max-height:900px){
	
	.mega-menu-wrapper{
		top:0;
		height:100vh;
	}
	
}

@media screen and (max-width:1100px),
screen and (max-height:820px){
	
	.menu-head{ 
		height:140px; 
	}
	.menu-head img{ 
		width:200px; 
	}
	
	.column-left .mega-menu-items a{
		font-size: 20px;
		line-height: 25px;
	}
	.column-left .mega-menu-items .sub-menu {
    	margin: 5px 0;
	}
	.column-right .carousel-title h3 {
    	font-size: 20px;
    	line-height: 25px;
	}
	.megamenu-post-slider-content .title h3{
		font-size: 20px;
		line-height: 25px;
	}
	.megamenu-post-slider-content .content{
		margin-top: 10px;
	}
	.megamenu-post-slider-content .content p:first-of-type{
		margin-bottom:10px;
		height:0;
		overflow:hidden;
	}
	
	
}














.side-menu-contact-detail{ float:left; clear:left; }

.side-menu-contact-detail{
	margin-bottom:0;
}

.side-menu-contact-detail p,
.side-menu-contact-detail a{
	margin-bottom: 2px;
	float: left;
	font-size: 0.8rem;
	line-height: 160%;
}

.menu-foot #company-address {
	color:#787878;
}

.menu-foot #company-address p{
	
}
 
.menu-foot #company-email,
.menu-foot #company-telephone {
	/*margin-bottom: 5px;*/
	color:#ebebe9;
}

.menu-foot #company-email a,
.menu-foot #company-telephone a{
	color:#ebebe9;
}

.menu-foot #company-email a:hover,
.menu-foot #company-telephone a:hover{
	color:#caae5b;
}

.window {
    display: none !important;
}


@media screen and (max-width: 1024px) {
    .floating-left-navigation {
    display: none;
    }
    
    #contact-main-nav {
        display: none !important;
    }

    .window {
        display: block !important;
    }
    
    

}


.floating-left-navigation.absolute.flex-container.stacked > ul {
	list-style: none;
}

.floating-left-navigation {
    /*width:60px;*/
	width:80px;
	height: 100vh;
    position: fixed;
    top:0;
    left:0;
    background-color: #141414;
    z-index: 1500;
}

.floating-left-navigation ul {
    flex: 0 0 50%;
	display: flex;
	flex-direction: column;
}


/* HAMBURGER */

#leftmenu-hamburger {
	/*height:60px;*/
	height:80px;
    background: #ebebe9;
    transition: all ease-in-out 0.4s;
	opacity: 1;
	
}

#leftmenu-hamburger.open {
    background: #141414;
    transition: all ease-in-out 0.4s;
	opacity: 0;
}

#burger-container {
	position: relative;
	margin: 0px auto 30px auto;
	width: 25px;
	padding-top: 27px;
}


#burger{
    cursor:pointer;
    display:block;
}


#burger span{
    background: #141414;
    display:block;
    width:100%;
    height:2px;
    margin-bottom: 5px;
    position: relative;
    top:0;
    transition: all ease-in-out 0.4s;  
}

#burger span#top{
    background: #141414;
    display:block;
    width:50%;
    height:2px;
    margin-bottom: 5px;
    position: relative;
    top:0px;
    left:0px;
    transition: all ease-in-out 0.4s;  
}

#burger span#bottom{
    background: #141414;
    display:block;
    width:50%;
    height:2px;
    margin-bottom: 10px;
    position: relative;
    top:0;
    left:50%;
    transition: all ease-in-out 0.4s;  
}

#leftmenu-hamburger:hover #burger #bottom{
    left:0px;  
}

#leftmenu-hamburger:hover #burger #top{
    left:50%;  
}
#leftmenu-hamburger.open #burger-container span{
	background-color: #141414;
}
#leftmenu-hamburger.open #burger-container span:nth-child(2),
#leftmenu-hamburger.open #burger-container span:nth-child(3){
    width: 0;
    opacity:0;
    
}

#leftmenu-hamburger.open #burger-container span:nth-child(1){

    background: white !important;
    width:100% !important;
    left:0px !important;
    top:9px !important;
    transform: rotate(45deg);
}

#leftmenu-hamburger.open #burger-container span:nth-child(4){
    background: white !important;
    width:100% !important;
    left:0px !important;
    top:-12px !important;
    transform: rotate(-45deg);
}
#menu-close-button{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	cursor: pointer;
}
#menu-close-button .line{
	width: 60%;
	background-color: #fff;
	height: 2px;
	transition: background-color 0.5s;
}
#menu-close-button:hover .line{
	background-color: #caae5b;
}
#menu-close-button .line:nth-child(1){
	transform: rotate(45deg);
	position: relative;
	bottom: -1px;
}
#menu-close-button .line:nth-child(2){
	transform: rotate(-45deg);
	position: relative;
	top: -1px;
}
#menu-a {
	/*padding: 28%;*/
	padding: 0;
	/*width:60px;
	height:60px;*/
	width:80px;
	height:80px;
}
#menu-a a{
	float:left;
	width: 100%;
	height: 100%;
	background-image: url(https://anamiagencies.co.uk.networkportfolio.co.uk/wp-content/uploads/2018/08/Homepage-A-White-1.svg);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: 50%;
	transition:background-color .5s;
}
#menu-a a:hover{
	background-color:#2b2b2b;
}

#menu-text {
	font-size: 0.7em;
	padding-top: 30%;
	color: white;
	font-family: 'work sans', sans-serif;
	text-align: center;
	margin-bottom: 20%;
	padding-bottom: 30%;
}


#leftmenu-enquiry {
	display: flex;
    /*padding: 10%;*/
    background: #2b2b2b;
    flex: 1 0 auto;
	animation-name:enquiry-button-bg-pulse;
	animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;   
	transition: background-color 0.5s;
}

@keyframes enquiry-button-bg-pulse{
	0%	{ background-color: #968244; }
	50%	{ background-color: #caae5b; }
	100%{ background-color: #968244; }
}

#leftmenu-enquiry:hover{
	background: #6b5c30 !important;
}

#leftmenu-enquiry a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	/*width: 100%;*/
	text-decoration: none;
	
	
}

#leftmenu-enquiry p {
	transform: rotate(-90deg);
	
	/*
	width: 210px;
	
	position: absolute;
	bottom: 19.5%;
    left: -80px;
	*/
    font-family: 'work sans', sans-serif;
    text-transform: uppercase;
    color: white;
    font-size: 0.75rem;
	letter-spacing: 1px;
	white-space: nowrap;
	
	height:80px;
	margin-bottom: 0;
}

.left-menu-social{
	padding:5px;
}

#leftmenu-facebook {
	/*padding: 5%;*/
}

#leftmenu-twitter {
	/*padding: 7%;*/
}

#leftmenu-linkedin {
	/*padding: 5%;*/
}

.floating-left-navigation .fab {
	color: #EBEBEB;
	font-size: 1.1em;
	text-align: center;
	width: 100%;
	padding: 19px 0;
}

/* SLIDE OUT CONTACT FORM */
.slide-out-contact-form {
        width: 35%;
        height: 300px;
        background-color: #141414;
        position: fixed;
        left:-1000px;
        bottom: 0;
        z-index: 145;
        padding: 50px 50px 50px 100px;
        transition: all 0.8s ease;
        color: white;
}

.slide-out-contact-form.active {
    left: 0;
}





#default-page-main-content{
	margin-top:80px;
}
#default-page-main-content > .content-wrapper{
	width:100%;
}





/********************** ABOUT US -- START ******************/

#about-banner-text{
	/*min-height:150px;*/
}

#about-team-title-wrapper #title {
	font-size: 8em;
	color: white;
	font-weight: lighter;
}

#about-team-title-wrapper {
	height: 50px;
	/* background: red; */
	width: 100vw;
}

#about-team-title-wrapper div {
	right: 1%;
	bottom: -36px;
}



@media screen and (max-width:1449px){
	#about-us > .content-wrapper{
		margin-left:110px;
	}
}

@media screen and (max-width:1024px){
	#about-us > .content-wrapper{
		margin-left:auto;
	}
}

@media screen and (min-width: 621px) and (max-width: 1024px) {

    #about-team-title-wrapper #title {
        font-size: 6em;
    }
   
    #about-team-title-wrapper div {
        right: 10%;
        bottom: -27px;
    }

}

@media screen and (max-width: 620px) {

    #about-team-title-wrapper #title {
        font-size: 15vw;
    }
   
    #about-team-title-wrapper div {
        right: 10%;
        bottom: -13px;
    }

}

@media screen and (max-width: 1024px) {

   
    .topBlackBar {
        /*display: none;*/
        height: 270px;
    }

    .about-us-featured-image {
        width: 100% !important;
    }

    .about-us-content div div#left {
        font-size: unset !important;
        min-width: 300px !important;
        margin-bottom: 3% !important;
    }


    .about-us-content div.content-wrapper.flex-container {
        flex-wrap:wrap !important;
    }

    #about-bio-intro #title {
        /*font-size: unset !important;*/
    }

    #about-bio-intro #desc {
        width: 100% !important;
    }

    /*#about-banner-text div {
        max-width: 100% !important;
        font-size: unset !important;
    }*/

    /*.page-template-template-about .titleWrapper.content-wrapper {
        height: 450px;
        display: flex;
        align-items: center;
        font-size: 7vw;
    }*/

    .about-us-featured-image img {
            height: 25% !important;
    }

    .calltoaction {
        flex-wrap: wrap;
    }

    .content-wrapper {
        max-width: 85%;
    }


    /*div.titleWrapper.content-wrapper {
        font-size: 3.167em !important;
        text-align: center !important;
    }*/

    .post-content #post-content-left {
        margin: 0 !important;
      
    }


}



#about-bios {
    justify-content: flex-end;
    flex-wrap: wrap;
	margin-bottom: 50px;
}

#about-bio-slick-wrapper {
    /*width: 80%;*/
    /* right: -10%; */
	width:calc( 1200px + ( ( 100% - 1200px ) / 2 ) );
	max-width:100%;
    
}

#about-bios .bio-title {
    font-size: 5vw;
    top: -100px;
}

.single-bio img {
    width:100%;
}

.single-bio-text-wrapper {
   /*color: white;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);*/
	
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	top: 0;
	font-size: 1.5rem;
	color: #fff;
	opacity:0;
	transition:opacity 2s;
}

.single-bio-text{
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	transform: scale(0.9);
	transition:transform 2s;
}

.single-bio:hover .single-bio-text-wrapper {
	/*top: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	list-style: none;
	color: white;
    font-size: 2vw;
    transition-duration: 0.3s;*/
	
	opacity:1;
}

.single-bio:hover .single-bio-text{
	transform: scale(1);
}

@media screen and (max-width:1799px){
	.single-bio-text{ font-size:1.3rem; }
}

@media screen and (max-width:1599px){
	.single-bio-text{ font-size:1.2rem; }
}

@media screen and (max-width:1449px){
	#about-bio-slick-wrapper{
		width: calc(100% - 110px);
	}
}

@media screen and (max-width:1199px){
	.single-bio-text{ font-size:1rem; }
}

@media screen and (max-width:1024px){
	#about-bio-slick-wrapper{
		width: calc(100% - 60px);
	}
	.single-bio-text{ font-size:1.2rem; }
}

@media screen and (max-width:899px){
	.single-bio-text{ font-size:1rem; }
}

@media screen and (max-width:799px){
	.single-bio-text{ font-size:1.2rem; }
}

@media screen and (max-width:768px){
	#about-bios{
		margin-top: 80px;
	}
	.single-bio-text{ font-size:; }
}

@media screen and (max-width:599px){
	.single-bio-text{ font-size:1.5rem; }
}

@media screen and (max-width:480px){
	.single-bio-text{ font-size:1.5rem; }
}

@media screen and (max-width:400px){
	.single-bio-text{ font-size:1.1rem; }
}



/* #team-title {
	font-size: 8vw;
	top: -57%;
	right: 32px;
	z-index: -1;
	color: white;
	font-weight: lighter;
} */


#about-bio-intro .body-text-italic-intro {
	max-width:550px;
}

#about-bio-intro #title {
    font-size: 0.6vw;
    font-family: 'work sans', sans-serif;
    text-transform: uppercase;
    margin: 10px 0;
}

#about-bio-intro #desc {
	width: 40%;
	font-style: italic;
	line-height: 30px;
}

#about-bio-intro #button {
	padding: 14px 30px;
	border: solid;
	border-width: 1px;
	border-color: black;
	display: inline-block;
	margin: 20px 0;
	font-family: 'work sans', sans-serif;
	text-transform: uppercase;
	font-size: 0.8em;
}

#about-bio-intro #button::after {
    content: ">";
    margin-left: 30px;
}





/* ABOUT US -- END */



.page-template-template-about .post-thumbnail-overlay {
    position: absolute;
    top: 0;
    right:0;
    width: 60%;
    height: 63%;
    background: rgba(0, 0, 0, 0.500);
    z-index: -9;
}

/*.page-template-template-about .titleWrapper.w1080 {
	font-size: 6.167vw !important;
    margin-top: 9% !important;
    font-family: 'Playfair Display', serif;
}*/

/*.page-template-template-about .topBlackBar,
.page-template-template-vacancies .topBlackBar {
	height: 80%;
	width: 80%;
}*/

/*.page-template-template-vacancies div.titleWrapper.content-wrapper {
	padding-top: 10%;
}*/

.page-template-template-vacancies #header-content p {
	width: 34%;
	margin-top: 8%;
	font-size: 1.2em;
	color: white;
}

@media screen and (max-width:1024px){
    .page-template-template-vacancies #header-content p {
        width: 100%;
    }
}

.page-template-template-about .content-area {
	margin-top: 18%;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
  }
  
  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }
  
  /**** Isotope CSS3 transitions ****/
  
  .isotope,
  .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
  }
  
  .isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-transition-property: height, width;
         -o-transition-property: height, width;
            transition-property: height, width;
  }
  
  .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:      -o-transform, opacity;
            transition-property:         transform, opacity;
  }
  
  /**** disabling Isotope CSS3 transitions ****/
  
  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
  }
  
  /* End: Recommended Isotope styles */




  .post-wrapper {
      background-color:white;
  }

  ul#filters.flex-container {
	list-style: none;
	justify-content: flex-start;
	border: 1px;
    padding: 0 10px 50px 0;
    flex-wrap:wrap;
}

ul#filters.flex-container li {
	/*margin: 2px;*/
}

/* ul#filters.flex-container li:hover {
	background: black;
} */

ul#filters.flex-container li a {
	text-decoration: none;
	color: #141414;
	font-family: 'work sans', sans-serif;
	background: white;
	min-width: 100px;
	text-align: center;
	padding: 15px 20px;
	margin-right: 7px;
	margin-bottom:7px;
	text-transform: uppercase;
	font-size: 0.7em;
	transition: all 1s;
	font-weight: 600;
	float: left;
}

ul#filters.flex-container li a:hover,
ul#filters.flex-container li a.selected{
	background-color:#141414;
	color: #fff;
}

#category-filter-title {
    /*margin-bottom: 10px;
	font-size: 2.8vw;
    color: #141414;*/
}

#category-filter-text{
	/*padding-bottom:15px;*/
}

#blog-thumbnail {
	max-width: 100%;
}

#isotope-list .item{
	width: 33.333%;
	float: left;
	padding: 0px 30px 0px 0px;
	margin-bottom:30px;
	box-sizing: border-box;
}

#isotope-list .item:nth-of-type(3n){
	
}

#isotope-list .item:nth-of-type(3n+1){
	clear:left;
}

.post-wrapper {
    /*max-width:350px;*/
    background:white;
    /*margin: 10px;*/
}

.post-wrapper:hover {
    /*background:#141414;
    transition-duration: 0.2s;*/
}

.post-wrapper:hover .post-card-content-wrapper {
    /*color: white;*/
}


.post-card-content-wrapper {
    padding: 30px 45px;
    color: #141414;
}


.post-card-content-wrapper h3 {
    /*font-size: 1.2rem;
	line-height: 150%;
    margin: 20px 0;*/
}

.post-card-content-wrapper p {
    /*font-size: 0.9em;
    font-family: 'work sans', sans-serif;
	margin:0;*/
}

.post-card-content-wrapper hr {
	/*max-width: 50%;
	height: 2px;
	color: #141414;
	background-color: #141414;
	margin: 20px 0;*/
}

.post-card-content-wrapper .button{
	
}

div.post-card-content-wrapper button {
    border: solid;
    border-width: 1px;
    border-color: #141414;
    padding: 15px 45px 15px 30px;
    margin: 20px 0;
    background-color: white;
    text-transform: uppercase;
    font-size: 0.8em;
	background-image:url(../img/assets/arrow-right-black.png);
	background-repeat:no-repeat;
	background-position:89% 50%;
	background-size:auto 13px;
    /*font-weight: bolder;*/
    
}

div.post-card-content-wrapper button p::after {
	/*content: ">";
	position: relative;
	margin-left: 30px;
	right: 0px;*/
}

.blog .slick-list.draggable {
	padding-bottom: 50px;
}


.slick-initialized .slick-slide.single-featured-post{
	display:flex;
}

.single-featured-post span {
	background-color: white;
	width: 33%;
	padding: 50px;
} 



#featured-posts-text-wrapper{
	width:50%;
	margin-bottom:20px;
}

.featured-post-image{
	width: 66%;
	background-size: cover;
	background-position: 50%;
}

.single-featured-post img {
	object-fit: cover;
	width: 100%;
	max-height: 450px;
}

.featured-post-horizontal-line{
	height: 4px;
	width: 150px;
	background: #141414;
	margin-bottom: 20px;
}

.featured-post-content .excerpt{
	/*font-family: 'work sans', sans-serif;
	font-size: 0.9rem;*/
}

.single-featured-post button {
	position: absolute;
	bottom: 50px;
	width: 170px;
	background: white;
	border: solid;
	border-width: 1px;
	padding: 13px 0;
}
    

/*.blog  .slick-slide div:nth-child(2) {
    float: left;
}


.blog  .slick-slide div:nth-child(2),
.blog  .slick-slide div:nth-child(3) {
    width: 50%;
}



.blog  .slick-slide div:nth-child(2)::before,
.blog  .slick-slide div:nth-child(3)::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.blog  .slick-slide div:nth-child(2) img,
.blog  .slick-slide div:nth-child(3) img{
    height: 300px;
    object-fit: cover;
    width: 600px;
    }


.blog  .slick-slide div:nth-child(3) {
    float: right;
}

.blog  .slick-slide div:nth-child(2) span,
.blog  .slick-slide div:nth-child(3) span {
    width: 89%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 20px 40px;
    color: white;

}*/


.blog #pagination {
	justify-content: flex-end;
    color: white;
    cursor: pointer;
}

.blog #pagination > div {
	cursor:pointer;
	background: #383838;
	padding: 11px 40px;
}

#featured-post-slide-right {
	text-align: right;
}

.post-wrapper,
.post-wrapper{
	display:block;
}

.blog-thumbnail,
.blog-thumbnail{
	height:100%;
	width:100%;
}



@media screen and (max-width: 1024px) {

    /* .post-wrapper {
        max-width: unset !important;
    } */

    #featured-posts {
        /*display: none;*/
	}
	
	.slick-initialized .slick-slide.single-featured-post{ 
		flex-direction: column; 
	}
	
	.featured-post-image{
		width: 100%;
		height: 250px;
	}
	
	.single-featured-post span{
		width: 100%;
		box-sizing: border-box;
	}

    .black-bg-side-right {
        display:none !important;
    }
	
	#post-content-right .widget-title{
		margin-bottom:20px;
	}

    #post-content-right ul li {
        border: solid;
        border-width: 1px;
        text-transform: uppercase;
		margin: 0 10px 10px 0;
		text-transform: uppercase;
		float: left;
    }
	
	#post-content-right ul li a{
		float: left;
		padding: 10px 20px;
		font-size: 0.75rem;
		line-height: 100%;
		-webkit-transition:background-color .3s;
		-moz-transition:background-color .3s;
		transition:background-color .3s;
	}
	
	#post-content-right ul li a:hover{
		text-decoration:none;
		background-color:#fff;
	}

}





@media screen and (max-width:480px){
	#featured-posts-text-wrapper{ width:100%; }
}







article ul, article ol {
	margin-left: 10%;
}








/********************** BLOG POST - SINGLE.PHP *********************/

.post-template-default .topBlackBar{
	display:block;
}

/* ShareThis */
#share-this .fab {
	margin: 10px;
}

#share-this .fab:nth-child(1) {
	margin-left: 0;
}

#share-this .fab.fa-twitter {
    color: #3698d3;
}

#share-this .fab.fa-google-plus-g {
    color: #db381e;
}

#share-this .fa-linkedin-in {
    color: #0875b5;
}


#share-icons {
	font-size: 1.4em;
}

#share-icons a{
	margin-right:10px;
}

#share-this h4 {
    font-size: 1.7em;
    font-weight: lighter;
    font-family: 'Playfair Display', serif;
}

#share-this p {
    margin-top: 9px;
    margin-bottom: 6px;
    font-size: 0.7em;
    font-family: 'work sans', sans-serif;
}


#share-this hr {
    margin: 20px 0;
}


.related-posts .post-wrapper{
    width: 32%;
	margin-right: 2%;
}
.related-posts .post-wrapper:last-of-type{
	margin-right: 0;
}

#related-posts-wrapper h3:nth-child(1) {
	font-size: 2.3em;
	margin: 50px 0;
	color: #383838;
}



.related-post-wrapper{
	
}

.related-post-meta{
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
}

.related-post-title{
	font-size: 1.2rem;
	line-height: 150%;
	margin: 20px 0;
}

.related-post-divide{
	margin-bottom: 18px;
	width: 100%;
	max-width: 150px;
	height: 3px;
	border: none;
	background-color: #141414;
}

.related-post-content{
	
}

.related-post-link{
	
}

.related-post-wrapper .related-post-link button{
	margin: 0;
}

.related-post-link p{
	margin-bottom:0;
}

@media screen and (max-width:1024px){
	.related-post-wrapper{
		margin-bottom:30px;
	}
}





.overlay:before{
    position: absolute;
    content:" ";
    top:0;
    left:0;
    width:100%;
    height:inherit;
    display: block;
    z-index:0;
    background-color: rgba(0,0,0,0.6);
    pointer-events: none;
  }
  
  article#post-content-left img {
	max-width: 100%;
}

.blog-content #featured-image img {
	max-height: 700px !important;
	object-fit: cover;
}

.blog-content a {
    /* text-decoration: none; */
    color: black;
}

.blog-content #featured-image img {
	width: 100%;
	height: 100%;
	display:block;
}


.blog-content #featured-image #post-title {
    position: absolute;
    bottom: 70px;
    left: 70px;
	max-width: calc(100% - 140px);
    color: white !important;
    font-family: 'work sans', sans-serif;
}

.blog-content #featured-image #post-title h3 {
	font-size: 4rem;
	font-family: 'Playfair Display', serif;
    font-weight: lighter;
    color: white !important;
}

#prev-next-buttons {
	justify-content: flex-end;
}

#prev-next-buttons > div {
	padding: 10px 0;
	background-color: #383838;
	border: none;
	padding: 15px 40px;
}

#prev-next-buttons #next-link {
    text-align: right;
}



#prev-next-buttons > div a {
    color: white;
    text-decoration: none;
}

#prev-next-buttons #previous-link a {
    /* position: absolute; */
    left:20px;
}

#prev-next-buttons #next-link a {
    /* position: absolute; */
    right:20px;
}

.post-content #post-content-left {
    margin: 50px 50px 50px 0;
    width: 70%;
}

.post-content #post-content-left ul,
.post-content #post-content-left ol {
    margin: 20px 40px;
    list-style: none;
}

.post-content #post-content-left ul li,
.post-content #post-content-left ol li{
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	line-height: 160%;
}

.post-content #post-content-left ul li:before,
.post-content #post-content-left ol li:before {
    content:"-";
    margin-right: 5px;
}

#post-content-right  {
	margin: 40px 50px 50px 50px;
    width: 20%
}

#post-content-right ul {
	list-style: none;
}

#post-content-right a {
	text-decoration: none;
    font-family: 'work sans', sans-serif;
    padding: 10px 0;
    color: black;
}

#post-content-right a:hover {
	text-decoration: underline;
}

#post-content-right #categories-2 ul {
	line-height: 33px;
}



@media screen and (max-width:1399px){
	.post-template-default #main .blog-content,
	#share-this,
	#related-posts-wrapper{
		margin-left: 110px;
		margin-right: 30px;
	}
}

@media screen and (max-width:1199px){
	.blog-content #featured-image #post-title h3{
		font-size:3rem;
	}
}

@media screen and (max-width:1024px) {
	
	.post-template-default #main{
		max-width:none;
	}
	
	.post-template-default #main .blog-content,
	#share-this,
	#related-posts-wrapper{
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.post-template-default .blog-content #featured-image #post-title h3{
		font-size:2.5rem;
	}
	
	.post-template-default #featured-image{
		margin-bottom:30px;
	}

    #post-content-right {
		order: 1;
		width: 100% !important;
		margin: 0;
    }
	
	.post-template-default #post-content-right {
		margin-bottom:50px;
	}

    .post-content #post-content-left {
        order: 2;
        width: 100% !important;
    }

    .post-content.flex-container {
        flex-wrap: wrap !important;
    }

    .related-posts.flex-container {
        flex-direction: column !important;
    }

    .related-posts .post-wrapper {
        width: 100% !important;
    }

}

@media screen and (max-width:768px) {
	.blog-content #featured-image #post-title h3,
	.post-template-default .blog-content #featured-image #post-title h3{
		font-size:2rem;
	}
}

@media screen and (max-width:599px) {
	.blog-content #featured-image #post-title h3,
	.post-template-default .blog-content #featured-image #post-title h3{
		font-size:1.2rem;
	}
}

@media screen and (max-width:480px) {
	.post-template-default .blog-content #featured-image #post-title{
		bottom: 40px;
		left: 40px;
		max-width: calc(100% - 80px);
	}
	.post-template-default .blog-content #featured-image #post-title span{
		font-size: 0.8rem;
	}
}

@media screen and (max-width:399px) {
	.post-template-default .blog-content #featured-image #post-title{
		bottom: 20px;
		left: 20px;
		max-width: calc(100% - 40px);
	}
	.post-template-default .blog-content #featured-image #post-title span{
		font-size: 0.7rem;
	}
	.post-template-default .blog-content #featured-image #post-title h3{
		font-size:1rem;
	}
}






/******************************* CATEGORY PAGE *******************************/
#category-main-content{
	width: 100%;
}

@media screen and (max-width:1399px){
	.archive #main .blog-content,
	.category #main .blog-content{
		width:calc(100% - 140px);
		margin-left:110px;
		margin-right:30px;
	}
}

@media screen and (max-width:1024px){
	.archive #main .blog-content,
	.category #main .blog-content{
		margin-left:30px;
	}
}








/* ARTICLE */

article h1 {
    margin: 20px 0;
}

article h2 {
    margin: 20px 0;
}

article h3 {
    margin: 20px 0;
}

article h4 {
    margin: 20px 0;
}

article h5 {
    margin: 20px 0;
}

.single-job_vacancies article .entry-content ul, .single-job_vacancies article .entry-content ol/*,
.archive #category-main-content .entry-content ul, .single-job_vacancies article .entry-content ol*/{
    margin: 20px 40px;
    list-style: none;
}

.single-job_vacancies article .entry-content ul li, .single-job_vacancies article .entry-content ol li{
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	line-height: 160%;
}

.single-job_vacancies article .entry-content ul li:before, .single-job_vacancies article .entry-content ol li:before{
    content:"-";
    margin-right: 5px;
}

/*#main .blog-content ul,
#main .blog-content ol {
    margin: 20px 40px;
    list-style: none;
}

#main .blog-content ul li,
#main .blog-content ol li{
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	line-height: 160%;
}

#main .blog-content ul li:before,
#main .blog-content ol li:before {
    content:"-";
    margin-right: 5px;
}*/


/* article p {
	font-family: 'work sans', sans-serif;
    font-weight: lighter;
    padding: 10px 0;
} */

article img {
    margin: 20px 0;
}

article a {
    text-decoration: none;
    color: black;
    font-style: italic;
    font-weight: bold;
}



/* JOB VACANCIES */

/*.page-template-template-vacancies .floating-a-bg {
	top: -8px;
	right: 281px;
	width: 43%;
	z-index: -5;
}*/





.job-listing ul {
	list-style: none;
	justify-content: space-between;
	border-bottom: solid;
    border-width: 1px;
    padding: 20px 0;
    align-items: center;
}

.job-listing-content-wrapper {
	margin-top: 10%;
}

.job-listing ul li.quick-info  {
    /* background-color: white; */
    padding: 10px 25px;
    width: 50px;
    border: solid;
    border-width: 1px;
    text-align: center;
    /* width: 5%; */
}

#job-listing-employee-testimonials ul li.quick-info{
	border:none;
}

.job-listing ul li.quick-info p{
	margin-bottom:0;
}

.job-listing ul li.job-title {
	width: 30%;
	font-size: 1.2vw;
    font-weight: bold;
    padding: 0 1%;
}

.job-listing ul li.job-description {
	width: 30%;
}

.job-listing ul li.hours {
	width: 10%;
	font-size: 1.2em;
    font-weight: bold;
    padding: 0 1%;
}
.job-listing ul li.view-post-button {
	width: 10%;
}

.job-listing ul li.view-post-button a:after {
    content: ">";
    padding-left: 30px;
}

.job-listing ul li.job-description {
	max-width: 30%;
	font-size: 0.8em;
}


.job-listing ul li.view-post-button  {
    background-color: black;
    padding: 10px 25px;
    width: 80px;
}

.job-listing ul li.view-post-button a  {
    color: white;
    text-decoration: none;
}



@media screen and (max-width:1399px){
	.job-listing-content-wrapper { margin-left:110px; margin-right:30px; }
}



@media screen and (max-width: 1024px) {
	
	.job-listing-content-wrapper { margin-left:30px; max-width:none; }

    .job-listing .flex-container {
        flex-direction: column !important;
    }

    .job-listing ul li.job-description {
        width: 90% !important;
        max-width: unset !important;
        
    }

    .job-listing ul li.job-title {
        width: 90% !important;
        font-size: 1.4em !important;
        
    }

    .job-listing {
        text-align: center !important;
    }

    .job-listing ul li {
        margin: 2% 0 !important;
    }



    .job-listing-content-wrapper {
        margin-top: 100px !important;
    }

    .job-listing ul li.hours {
        width: 90% !important;
    }






}







.single-vacancy-wrapper img {
	max-width: 100%;
}

.vacancies-content-left {
    width: 75%
}

.vacancies-content-right {
	width: 18%;
}

.single-vacancy-wrapper {
	margin-top: 200px;
	justify-content: space-between;
	/*width: 60%;
	background: #efefef;
	padding: 1% 4% 4% 19%;*/
	flex-direction: column;
}

@media screen and (max-width:1399px){
	.single-vacancy-wrapper{
		margin-left:110px;
		margin-right:30px;
	}
}
@media screen and (max-width:1024px){
	.single-job_vacancies .titleWrapper{
		height:150px;
	}
	
	.single-job_vacancies .titleWrapper .hero-heading{
		margin:0;
		line-height: 110%;
	}
	
	.single-vacancy-wrapper{
		margin-top:100px;
		margin-left:30px;
	}
}

#previous-vacancy {
    background: transparent
}

#next-vacancy {
    background: transparent
}


.top-pagination {
    width: 100%;
    justify-content: flex-end

}

.job_vacancies-template-default .topBlackBar  {
    /*height: 80% !important;*/
}



.vacancies-content-right ul {
	list-style: none;
	font-family: 'work sans', sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.vacancies-content-right ul li {
    padding: 0 10px;
}

.vacancies-content-right #next-post-button {
	background-color: #2b2b2b;
	color: white;
	text-decoration: none;
	padding: 14px 30px;
    display: inline-block;
    font-family: 'work sans', sans-serif;
    font-size: 0.6em;
    font-weight: bold;
    margin: 20px 0 10px 0;
    
}

.vacancies-content-right #next-post-button:after {
    content: ">";
    margin-left: 30px;
}


.vacancies-content-right ul li:nth-child(1) {
    padding-left: 0;
    border-right: solid;
    border-width: 1px;
}

.vacancy-info ul {
	list-style-type: none;
	margin: 0 0 20px;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	font-family: 'work sans', sans-serif;
    font-size: 0.65em,
}

#vacancy-post-title {
	/*width: 100%;
	float: left;
	display: block;
	flex: content;*/
	margin-bottom:30px;
	font-size: 2rem;
}

#vacancy-single-content-wrapper{
	display: flex;
	justify-content: space-between;
}

.vacancy-info ul li{
    margin: 10px;
	font-size:0.75rem;
}

.vacancy-info ul li:nth-child(1){
    padding-left:0;
    margin-left:0;
}

.vacancy-info ul li:nth-child(2){
    border-left: solid;
    border-right: solid;
    border-width: 1px;
    padding: 0px 20px;
    text-align: center;
}

#next-vacancy-post-title {
    font-size: 1.6rem;
    margin-bottom: 15px;
}

#next-post-excerpt {
    font-family: 'work sans', sans-serif;
    font-size: 0.75rem;
}


.next-vacancy-image {
    width: 100%;
    height: 140px;
    background-color: white;
    /* background-image: url('http://anamiagencies.co.uk.networkportfolio.co.uk/wp-content/uploads/2018/08/Homepage-A-White.svg');
    background-repeat: no-repeat;
    filter: invert(100%);    */
}

.next-vacancy-image img {
    filter: invert(100%); 
    padding: 30px;
}

.single-job_vacancies article .entry-content-vacancy-single h4,
.single-job_vacancies article .entry-content-vacancy-single h5{
	margin-bottom:10px;
	font-family: 'work sans', sans-serif;
}

.single-job_vacancies article .entry-content-vacancy-single a{
	font-style: normal;
	text-decoration: underline;
	font-weight: 400;
}
.single-job_vacancies article .entry-content-vacancy-single a:hover{
	color: #caae5b;
}

.single-job_vacancies article .entry-content-vacancy-single ul{
	margin: 0px 40px 20px;
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	line-height: 160%;
}
.single-job_vacancies article .entry-content-vacancy-single ul li{
	
}

.vacancies-content-left form h2{
	margin-bottom:10px;
}

.form-column{
	width:100%;
}
.form-columns-1{
	
}
.form-columns-2{
	
}

.form-column .wpcf7-form-control-wrap{
	padding-right: 20px;
}

.form-columns-1 .wpcf7-form-control-wrap{
	width:100%;
}

.form-columns-2 .wpcf7-form-control-wrap {
	width:50%;
}

.form-column input[type=text],
.form-column input[type=email],
.form-column textarea{
	margin: 0 0 20px 0;
	width: 100%;
	float: left;
	padding: 10px 15px;
	box-sizing: border-box;
}



@media screen and (max-width:1024px){
	.job_vacancies-template-default .topBlackBar{
		display:block;
	}
	
	#vacancy-post-title {
		font-size: 1.5rem;
	}
	
	#vacancy-single-content-wrapper {
		flex-direction: column;
	}
	
	.vacancies-content-left,
	.vacancies-content-right{
		width:100%;
	}
	
	.vacancies-content-left{
		margin-bottom:100px;
	}
	
	.vacancies-content-left .wpcf7 input[type="submit"]{
		width: 100px !important;
	}
	
	.next-vacancy-image{
		max-width:200px;
	}
	
	#next-vacancy-post-title {
		font-size: 1.4rem;
	}
}









.about-us-content .content-wrapper {
	margin: 40px auto;
}

.about-us-content div div#left {
    font-size: 1.5vw;
}

div#left div {
	width: 80%;
}

.about-us-content hr {
	width: 30%;
	height: 2px;
	background-color: black;
	top: -20px;
	position: relative;
}

.about-us-featured-image {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -12;
}

/*.page-template-template-about .titleWrapper.content-wrapper,
.products-template-default .titleWrapper.content-wrapper{
	min-height: 350px;
	display: flex;
	align-items: center;
	/*font-size: 4.167vw;
}

.page-template-template-about .titleWrapper.content-wrapper{
	height: 350px;
}
.products-template-default .titleWrapper.content-wrapper{
	min-height: 350px;
}*/

@media screen and (max-width:1449px){
	/*#about-banner-text,*/
	/*.page-template-template-about .titleWrapper.content-wrapper,*/
	.about-us-content .content-wrapper,
	#about-bio-intro{
		margin-left:110px;
	}
}

@media screen and (max-height:799px){
	/*.page-template-template-about .titleWrapper.content-wrapper{
		height:300px;
	}
	.products-template-default .titleWrapper.content-wrapper{
		min-height:300px;
	}*/
}

@media screen and (max-width:1024px) {
    /*.page-template-template-about .titleWrapper.content-wrapper{
        height: 242px !important;
    }
	.products-template-default .titleWrapper.content-wrapper {
        min-height: 242px !important;
    }*/
	
	/*#about-banner-text,*/
	/*.page-template-template-about .titleWrapper.content-wrapper,*/
	.about-us-content .content-wrapper,
	#about-bio-intro{
		margin-left:30px;
	}
}

.about-us-featured-image img {
	display:block;
	width: 100%;
	height:auto;
	object-fit: cover;
}

.about-us-featured-image  {
	width: 60%;
}

/*#about-banner-text div {
	max-width: 45%;
	color: white;
	font-size: 1.4vw;
}*/

.about-us-content {
	margin-top:100px;
}

.about-us-content .flex-container #left,
.about-us-content .flex-container #right{
	flex-grow: 1;
	flex-basis: 0;
}

.dark-image-overlay {
	width: 100%;
	height: 100%;
	z-index: 500;
	position: absolute;
	/*background-color: #00000080;*/
	background-color: rgba(0,0,0,0.5);
}

#about-bio-slick-wrapper .slick-arrow{
	/*z-index: 123456;*/
    bottom: -59px;
    top: auto;
    width: 100px;
    background: rgba(0,0,0,0.5);
    height: 40px;
	background-position:50%;
	background-repeat:no-repeat;
	background-image: url(../img/assets/arrow-right-white.png);
	transition:background-color .3s;
}
#about-bio-slick-wrapper .slick-prev{
	bottom: -40px;
	left:0;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
#about-bio-slick-wrapper .slick-prev::before{
	content:"";
}
#about-bio-slick-wrapper .slick-next{
	right: 0;
	bottom: -60px;
}
#about-bio-slick-wrapper .slick-next::before{
	content:"";
}

#about-bio-slick-wrapper .slick-arrow:hover{
	background-color: rgba(0,0,0,0.3);
}


@media screen and (max-width: 1024px) {
    .floating-a-bg.absolute {
        display: none !important;
    }

    .about-us-featured-image img {
        min-height: 500px !important;
    }

    #about-bio-slick-wrapper {
       /* max-width: 80% !important;*/
        margin: auto !important;
    }

    /*.about-us-content {
        margin-top: 30% !important;
    }*/

    .page-template-template-about .topBlackBar {
        display: none !important;
    }
}


/* CONTACT FORMS */
#name_and_email p {
    width: 49%;
}

/* File Upload Button CSS Styles */

/* .wpcf7-submit{
    height: 45px;
	border-radius: 0;
	box-shadow: none;
	border: 2px solid #8fc33a;
	background-color: #8fc33a !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; font-size:17px !important; padding:0px 20px !important}

.wpcf7-submit:hover {
	background-color: #8fc33a;
}
.wpcf7-file{position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 5vw; height:45px; width:130px}
.btn-block {
	display: block;
	width: 100%;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	text-align: center;
	border: 0;
	border-radius: 0;
	margin: 0 auto;
	height: 45px;
	background-color: #f3725f; color:#fff
} */
/* input[type="file" i] {
	-webkit-appearance: initial;
	background-color: initial;
	padding: initial;
	border: initial;
	margin-top: -32px;
	width: 152px;
} */


/* CONTACT US */

#form_and_address .left{
	width: 60vw;
	background:#141414;
}

#form_and_address .right{
	flex-grow: 1;
}

#contact-large {
	font-size: 11vw;
	position: absolute;
	top: -230px;
	color: white;
	left: 352px;
	z-index: -1;
}

#form_and_address {
	/* margin-top: 180px; */
	margin-bottom: 170px;
}

#form_and_address .contact-form{
	
}

.contact-anami-logo img {
	width: 200px;
	filter: invert(1);
	margin-left: 7%;
}

.contact-address {
	margin-left: 9%;
	line-height: 35px;
}

.contact-address *{
	font-family: 'Playfair Display', serif;
	font-size:0.9rem;
}

.contact-address #email {
	margin-top: 40px;
}

.contact-form {
	margin-left: 17vw;
	color: white;
}

.contact-form header {
	margin-left: 0;
	margin-top: 60px;
}

.contact-form header p {
   margin: 20px 0;
   /*font-family: 'work sans', sans-serif;*/
   font-weight: lighter;
}

/* .page-id-1488 .contact-form .wpcf7 input[type="text"],
 .wpcf7 input[type="email"], .wpcf7 input[type="tel"],

 textarea {
	background-color: #424242 !important;
	color: white !important;
	font-family: 'work sans', sans-serif;
   font-weight: lighter;
} */

.page-id-1488 .contact-form{
	padding-right: 10%;
	box-sizing: border-box;
}

.page-id-1488 .contact-form input[type=text],
.page-id-1488 .contact-form input[type=email],
.page-id-1488 .contact-form textarea{
	background-color:#424242;
	color:#fff;
}

.page-id-1488 .contact-form .wpcf7 input[type="submit"] {
	color: black;
	background: #ebebe9;
	margin: 0 !important;
	transform: none;
	font-family: 'work sans', sans-serif;
}

.page-id-1488 .contact-form .wpcf7 input[type="submit"]:hover {
	background-color:#777;
}

.page-id-1488 .wpcf7-recaptcha{
	margin:0;
}

.page-id-1488 iframe {
	margin-left: 80px;
}

@media screen and (max-width: 1024px) {

	.page-id-1488 iframe {
		margin-left:  0 !important;
	}

	.page-id-1488 #form_and_address .left {
		width: 100vw;
	}

	.page-id-1488 #form_and_address {
		
		flex-direction: column;
		align-items: center;
	}
	
	.page-id-1488 #form_and_address .left,
	.page-id-1488 #form_and_address .right{
		padding: 0 30px;
		box-sizing: border-box;
	}

	.page-id-1488 .contact-form {
		margin-left: 0;
	}

	.page-id-1488 #contact-title-wrapper {
		width: 100vw;
	}

	.page-id-1488 .right {
		margin-bottom: 7%;
		text-align: center;
	}

	.page-id-1488 .contact-address {
		margin-left: 0;
	}

}



@media screen and (max-width:768px){
	.page-id-1488 .contact-form{
		padding-right:0;
	}
	
	.page-id-1488 .contact-form form{
		margin-right:0;
	}
	
	#contact-title-wrapper{
		height:auto;
	}
	
	#contact-title-wrapper > div{
		position: relative;
		padding-top: 30px;
		left: 25px;
	}
	div#contact-title-wrapper p#title{
		font-size:7rem;
	}
}

@media screen and (max-width: 600px) {

	div#contact-title-wrapper p#title {
		/*font-size: 20vw !important;
		padding-right: 25px !important;*/
		font-size:5rem;
	}

	#contact-title-wrapper div {
		/*bottom: -19px !important;*/
	}
}

@media screen and (max-width:479px){
	div#contact-title-wrapper p#title {
		font-size:4rem;
	}
}







/**************************** HOMEPAGE *************************/

#home-main section#welcome {
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	overflow:hidden;
}

#home-main section#welcome.image-version{
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)), url('../../../uploads/2018/08/Homepage-Hero-01-copy.jpg');
}

#home-video-wrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#home-video{
	min-width: 100%;
	min-height: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#home-video-mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.home #contact-main-nav {
	height: 80px;
	background-color: transparent;
	/*position: absolute;*/
	top: 0;
	left: 0;
	/* z-index: 100000; */
	z-index: 1000;
}

#contact-main-nav > nav{
	margin-top:33px;
}

.home #contact-main-nav ul li a {
	color: white;
	text-decoration: none;
}
.home #contact-main-nav ul li a:hover {
	color: #caae5b;
	text-decoration: none;
}

main#home-main section#welcome div.content-wrapper {
	color: white;
	align-items: center;
	height: inherit;
}

main#home-main section#welcome div.content-wrapper #content {
   width: 32%;
}

#about-us{
	margin-bottom:50px;
}

@media screen and (max-width: 1449px) {
	main#home-main section#welcome div.content-wrapper{
		margin-left: 110px;
	}
}

@media screen and (max-width: 1024px) {
	main#home-main section#welcome div.content-wrapper{
		margin-left: auto;
	}
	
	main#home-main section#welcome div.content-wrapper #content {
		width: 100% !important;
	 }

	 #home-main section#about-us #left {
		width: 100% !important;
	}

	#Homepage-A-OffWhite-Stroke {
		display: none !important;
	}


	main#home-main section#products p#content {
		width: 100% !important;
	}

	main#home-main #homepage-testimonials {
		padding: 10px 0 !important;
	}

	#home-main section#about-us {
	   height: auto !important;
	}

   main#home-main section#about-us #right {
		display: none !important;
	}

	.wpcf7 input[type="submit"] {
		margin-left: 0px !important;
		width: 100% !important;
	}

	#products-wrapper {
		width: auto !important;
	}

	main#home-main section#about-us #content #left h2 {
		font-size: 2em !important; 
	}
}


#products-title-wrapper div {
	bottom: -82%;
	right: 1%;
	font-size: 9em;
	/* font-family: ; */
}

main#home-main section#welcome div.content-wrapper #content h2 {
	font-size: 2.5em;
	font-weight: lighter;
	margin: 30px 0;
 }

 main#home-main section#welcome div.content-wrapper #content .body-text-italic-intro {
	color: #919191;
	font-size: 1.1em;
 }

 main#home-main section#welcome div.content-wrapper #content span  {
	display: inline;
 }

 main#home-main section#welcome div.content-wrapper #content span p {
	font-family: 'work sans', sans-serif; 
	display: inline;
	font-size: 0.8em;
 }

 main#home-main section#welcome div.content-wrapper #content span p:nth-child(2) {
	margin-left: 20px;
	text-transform: uppercase;
 }

 main#home-main section#welcome div.content-wrapper #bottom {
	margin: 60px 0;
 }

 main#home-main section#welcome div.content-wrapper #bottom div {
	border-top: solid;
	border-color: white;
	margin-right: 14%;
	border-width: 1px;
}

main#home-main section#welcome div.content-wrapper #bottom div#left{
	flex-basis: 50%;
}

#home-main #Homepage-A-OffWhite-Stroke {
	right: 12%;
	height: 90%;
	bottom: -30px;
	pointer-events: none;
}

@media screen and (max-width:480px){
	main#home-main section#welcome div.content-wrapper #content h2 {
		font-size:2rem;
	}
}



.button {
	cursor: pointer;
	text-decoration: none;
	border: solid;
	border-width: 1px;
	border-color: black;
	padding: 15px 60px 15px 30px;
	display: inline-block;
	margin: 15px 0;
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	text-transform: uppercase;
	color: #141414;
	max-width: 140px;
	transition: background-color 0.5s, color 0.5s;
	background-image:url(../img/assets/arrow-right-black.png);
	background-repeat:no-repeat;
	background-position:87% 50%;
	background-size: auto 13px;
}


.button-white {
	cursor: pointer;
	text-decoration: none;
	border: solid;
	border-width: 1px;
	padding: 15px 45px 15px 30px;
	display: inline-block;
	margin: 15px 0;
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	text-transform: uppercase;
	max-width: 140px;
	border-color: white;
	transition: background-color 0.5s, color 0.5s;
	background-image:url(../img/assets/arrow-right-white.png);
	background-repeat:no-repeat;
	background-position:89% 50%;
	background-size: auto 13px;
}

a.button-white {
	color: white;
}

.button-white:hover{
	background-color: #fff;
	color: #333;
}

.button-black {
	text-decoration: none;
	border: solid;
	border-width: 1px;
	padding: 15px 45px 15px 30px;
	display: inline-block;
	margin: 15px 0;
	font-family: 'work sans', sans-serif;
	font-size: 0.75rem;
	text-transform: uppercase;
	max-width: 140px;
	border-color: black;
	background: black;
	transition: background-color 0.5s, color 0.5s;
	background-image:url(../img/assets/arrow-right-black.png);
	background-repeat:no-repeat;
	background-position:89% 50%;
	background-size: auto 13px;
}

a.button-black {
	color: white;
}

.button-black:hover {
	color: black;
	/*background: transparent;*/
	border-color: black;
}

/*.button-black:after {
	content: ">";
	margin-left: 20px;
	color: white
}*/


.button-black:hover:after {
	color: black
}




/*.button:after {
	content: ">";
	margin-left: 20px;
}*/

.button:hover {
	color: white;
	background-color: black;
}

#home-main #background-wrapper {
	background-image: url('../../../uploads/2018/08/Homepage-A-White-1.svg');
	background-position: top;
	background-repeat: no-repeat;
	margin: 100px 0 0 0;
	background-size: 60%;
}

#home-main section#about-us #left{
	width: 60%;
}

main#home-main section#about-us #content #right img {
	height: 100%;
	left: -50px;
}

main#home-main section#about-us #content #left h2 {
	font-size: 4em;
	line-height:110%;
	font-weight: lighter;
}



@media screen and (max-width:1199px) {
	main#home-main section#about-us #content #left h2 {
        font-size: 3rem !important;
    }
}

@media screen and (max-width:1024px) {
    #products-title-wrapper div p {
        font-size: 0.5em !important;
    }

    #products-title-wrapper div {
        bottom: -42% !important;
        right: 7% !important;
       
    }
}

@media screen and (max-width:768px) {
	main#home-main section#about-us #content #left h2 {
        font-size: 2.5rem !important;
    }
}

@media screen and (max-width:480px) {
	main#home-main section#about-us #content #left h2 {
        font-size: 2rem !important;
    }
}





main#home-main section#about-us div.content-wrapper #content .body-text-italic-intro {
	color: #919191;
	font-size: 1.1em;
	width: 70%;
	margin:20px 0 30px;
 }

main#home-main section#about-us #content #left #title {
	font-family: 'work sans', sans-serif; 
	/*display: inline;*/
	font-size: 0.8em;
	text-transform: uppercase;
}

main#home-main #homepage-testimonials {
	justify-content: center;
	align-items: center;

}

.single-testimonal.slick-initialized.slick-slider {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

main#home-main #homepage-testimonials #title {
	text-transform: uppercase;
	margin: 20px 0;
	font-family: 'work sans', sans-serif;
	font-size: 0.8em;
	font-weight: lighter;
}

.testimonial {
	margin-bottom:40px;
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-size: 1.5em;
	font-weight: lighter;
}

.testimonial:before{
	content:'"';
}

.testimonial:after{
	content:'"';
}

@media screen and (max-width:1349px){
	main#home-main #homepage-testimonials{
		padding: 0 0 0 80px;
		box-sizing: border-box;
	}
	#homepage-testimonials .slick-slide{
		box-sizing: border-box;
		padding: 0 20px;
	}
}

@media screen and (max-width:1249px){
	#homepage-testimonials > .button{
		margin-right:30px;
	}
}

@media screen and (max-width:1024px) {
	.testimonial {
		font-size: 1.2em;
	}
	#homepage-testimonials .slick-slide{
		padding: 0 50px;
	}
	main#home-main #homepage-testimonials{
		width: 100%;
		margin: 0;
		max-width: none;
	}
}

@media screen and (max-width:768px) {
	.testimonial {
		font-size: 1.1rem;
	}
}

@media screen and (max-width:480px) {
	#homepage-testimonials .slick-slide{
		padding:0 20px;
	}
	
	.testimonial {
		font-size: 1rem;
	}
}

#homepage-testimonials a {
	align-self: flex-end;
}

main#home-main #homepage-testimonials .testimonial-by {
	margin: 25px 0 20px;
	font-family: 'work sans', sans-serif;
	font-size: 0.8em;
} 

.testimonial-divider{
	display: block;
	margin: auto;
	height:1px;
	width:100px;
	background-color:#919191;
}

/*.testimonial-by {
	margin-top: 25px;
}*/



main#home-main section#products p#title{
	text-transform: uppercase;
	margin: 20px 0;
	font-family: 'work sans', sans-serif;
	font-size: 0.8em;
}


main#home-main section#products p#content{
	width: 70%;
	font-style: italic;
	/* font-family: 'work sans', sans-serif;
	font-weight: lighter; */
}

#products-slider-wrapper{
	clear:both;
}

@media screen and (max-width:1449px){
	#products-slider-wrapper{
		margin-left: 110px;
	}
}

@media screen and (max-width:1024px){
	#products-slider-wrapper{
		margin-left: auto;
	}
}

main#home-main #products-title-wrapper {
	/*height: 50px;*/
	/* background: red; */
}

#products-title-wrapper div p {
	color: white;
	/*color: #111;*/
}



.single-product-slider .slick-track > .single-product{
	position:relative;
	overflow:hidden;
}

main#home-main #products-wrapper {
	height: 500px;
	margin-bottom: 8%;
	/* margin-top: 6%; */
}

main#home-main #products-wrapper .product-image{
	
}

main#home-main #products-wrapper .product-image-colour{
	position:absolute;
	top:0;
	opacity:0;
	transition:opacity .2s;
}

main#home-main #products-wrapper .product-image-colour img {
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: 0.2s -webkit-filter linear;*/
}

main#home-main #products-wrapper .product-image-bw{
	
}

main#home-main #products-wrapper .product-image-bw img{
	
}

main#home-main #products-wrapper .single-product-slider .slick-track > .single-product:hover .product-image-colour{
	opacity:1;
}

/*main#home-main #products-wrapper .product-image img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}*/

main#home-main div#products-wrapper p#title {
	font-size: 8vw;
	color: white;
	top: -187px;
	z-index: -1;
	right: 400px;
	font-family: 'Playfair Display', serif;
}

@media screen and (max-width:1024px){
	main#home-main #products-wrapper,
	#products-wrapper .slick-slider .slick-track{
		height:400px;
	}
}

















#home-main {
	overflow: hidden;
}

.home #welcome #bottom #left,
.home #welcome #bottom #right {
	padding-top: 5%;
}


.absolute.product-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 1.5em;
}

.single-products main hr {
	width: 22%;
	height: 2px;
	background: black;
	margin-bottom: 10%;
}

.single-products main #call-to-action {
	justify-content: center;
	/*align-items: center;*/
	background: white;
	margin: 40px 0;
	padding: 30px 60px 20px 60px;
	text-align: center;
}

.single-products main #call-to-action p {
	font-family: 'work sans', sans-serif;
	margin: 2% 0 0% 0;
}

.single-products main #call-to-action .button{
	/*margin: 25px 0 10px;*/
	margin: 25px auto 10px;
	display:block;
	width:100%;
}


.single-products main #pull-quote {
	justify-content: center;
	align-items: center;
	background: black;
	color: white;
	margin: 40px 0;
	padding: 5% 20%;
	text-align: center;
	font-size: 1.25em;
	display: block;
	line-height: 160%;
}


.single-products main #pull-quote:before {
   content: '"...'
}

.single-products main #pull-quote:after {
	content: '..."'
 }

@media screen and (max-width:480px){
	.single-products main #pull-quote{
		font-size:1rem;
	}
}







.products-template-default #left,
.products-template-default #right {
	flex: 1;

}

/* .products-template-default #right img {
	width: 100%;
} */

.single-products .topBlackBar {
	/*height: 80%;*/
	height:750px;
	width: 82%;
}


/*.single-products .titleWrapper.content-wrapper {
	margin-top: 9%;
	font-size: 6vw;
}*/

/* .spinner-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #141414;
	z-index: 999999;
}

.spinner {
	position: absolute;
	top: 48%;
	left: 48%;
	width: 150px;
	height: 150px;
	background-color: #141414;


	-webkit-animation: sk-rotateplane 2.4s infinite ease-in-out;
	animation: sk-rotateplane 2.4s infinite ease-in-out;
  }

  @-webkit-keyframes sk-rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(360deg) }
	100% { -webkit-transform: perspective(120px) rotateY(360deg)   }
  } 

   @keyframes sk-rotateplane {
	0% { 
	  transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	  -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
	} 50% { 
	  transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	  -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
	} 100% { 
	  transform: perspective(120px) rotateX(-360deg) rotateY(-179.9deg);
	  -webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-179.9deg);
	}
  } */

.single-products #banner-content p {
	color: white;   
	width: 40%;
	font-size: 1.4em;
	margin-top: 6%;
}

.single-products main.content-wrapper {
	margin-top: 50px;
	display:block;
}

.single-products main #left {
	font-family: 'work sans', sans-serif;
	font-weight: lighter;
	padding-right: 5%;
}



.single-products main #left h3 {
	padding-bottom: 5%;
	display: block;
	font-weight: normal;
	font-size: 1.2em;
}

.single-products main #left em {
	color: grey;
	padding: 5% 0;
	display: block;
	margin-bottom: 10%;
}

.single-products #main-content img {
    max-width: 100%;
}

.single-products main #bottom #wrapper div:nth-child(1) {
	flex-basis: 47%;
	padding-right: 5%;
}
.single-products main #wrapper div:nth-child(2) {
	flex-basis: 47%;
	padding-right: 5%;
}


.single-products main #bottom #label {
	font-size: 1.2em;
	font-style: italic;
	color: gray;
	margin-bottom: 3%;
	font-weight: initial;
}

.single-products main #bottom  {
	font-family: 'work sans', sans-serif;
	font-weight: normal;
}

.single-products main {
	line-height: 160%;
}

.single-products .content-wrapper > #bottom a{
	text-decoration: underline;
}
.single-products .content-wrapper > #bottom a:hover{
	
}




@media screen and (max-width:1449px){
	.single-products .content-wrapper > #main-content,
	.single-products .content-wrapper > #pull-quote,
	.single-products .content-wrapper > #parall-content,
	.single-products .content-wrapper > #image-box,
	.single-products .content-wrapper > #bottom{
		margin-left:110px;
		margin-right:30px;
	}
	
	.single-products .topBlackBar{
		height: 675px;
	}
}


@media screen and (max-width:1024px) {
	.single-products main.content-wrapper{
		/*margin-left:30px;*/
		max-width:none;
	}
	
	.single-products .content-wrapper > #main-content,
	.single-products .content-wrapper > #pull-quote,
	.single-products .content-wrapper > #parall-content,
	.single-products .content-wrapper > #image-box,
	.single-products .content-wrapper > #bottom{
		margin-left:30px;
	}
	
	.single-products .topBlackBar{
		display:none;
	}
	
    .single-products #main-content {
        flex-direction: column !important;
    }

    .single-products #main-content img {
        margin-top: 25px !important;
    }
	
	.single-products #parall-content, .single-products #image-box{
        margin-top: 25px !important;
		flex-direction: column !important;
    }

    .single-products #banner-content p {
        width: 100% !important;
    }

}

@media screen and (max-width:768px){
	.single-products main #bottom #wrapper {
		flex-direction: column;
	}
	.single-products main #bottom #wrapper div {
		padding-right: 0;
	}
	
	.single-products main #wrapper div:nth-child(2) {
		padding-right: 20px !important;
	}
}







/* body {
  margin: 0;
  line-height: 1.4;
  background: #E1E1E1;
} */


.window .header .menu-mega-menu-container {
    pointer-events: none;
}


.window .header.menu-opened .menu-mega-menu-container {
    pointer-events: auto;
}

.window {
  position: relative;
  display: block;
  width: 100vw;
  height: auto;
  min-height: 50px;
  /* margin: 100px auto 0; */
  box-shadow: 0 0 65px 15px rgba(0, 0, 0, 0.2);
  /*overflow: hidden;*/
  border-radius: 3px;
  background: #F1F1F1;
  z-index: 1000000;
}
.window .header {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: all 0.5s ease-out, background 1s ease-out;
  transition-delay: 0.2s;
  z-index: 10000;
}
.window .header .burger-container {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.window .header .burger-container #burger {
  width: 18px;
  height: 8px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  top: 50%;
}
.window .header .burger-container #burger .bar {
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  background: #FFF;
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0s;
}
.window .header .burger-container #burger .bar.topBar {
  -webkit-transform: translateY(0px) rotate(0deg);
          transform: translateY(0px) rotate(0deg);
}
.window .header .burger-container #burger .bar.btmBar {
  -webkit-transform: translateY(6px) rotate(0deg);
          transform: translateY(6px) rotate(0deg);
}
.window .header .icon {
  display: inline-block;
  position: absolute;
  height: 100%;
  line-height: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #FFF;
  font-size: 22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.window .header .icon.icon-bag {
  right: 0;
  top: 0;
  left: auto;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0.65s;
}
.window .header ul.menu {
  position: relative;
  display: block;
  padding: 0px 30px 0;
  list-style: none;
}
.window .header ul.menu li.menu-item {
  border-bottom: 1px solid #333;
  margin-top: 5px;
  -webkit-transform: scale(1.15) translateY(-30px);
          transform: scale(1.15) translateY(-30px);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.window .header ul.menu li.menu-item:nth-child(1) {
  transition-delay: 0.49s;
}
.window .header ul.menu li.menu-item:nth-child(2) {
  transition-delay: 0.42s;
}
.window .header ul.menu li.menu-item:nth-child(3) {
  transition-delay: 0.35s;
}
.window .header ul.menu li.menu-item:nth-child(4) {
  transition-delay: 0.28s;
}
.window .header ul.menu li.menu-item:nth-child(5) {
  transition-delay: 0.21s;
}
.window .header ul.menu li.menu-item:nth-child(6) {
  transition-delay: 0.14s;
}
.window .header ul.menu li.menu-item:nth-child(7) {
  transition-delay: 0.07s;
}
.window .header ul.menu li.menu-item a {
  display: block;
  position: relative;
  color: #FFF;
  font-family: 'Playfair Display', serif;
  font-weight: 100;
  text-decoration: none;
  font-size: 22px;
  line-height: 2.35;
  font-weight: 200;
  width: 100%;
}
.window .header.menu-opened {
  height: 100%;
  background-color: #000;
  transition: all 0.3s ease-in, background 0.5s ease-in;
  transition-delay: 0.25s;
}
.window .header.menu-opened .burger-container {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.window .header.menu-opened .burger-container #burger .bar {
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0.2s;
}
.window .header.menu-opened .burger-container #burger .bar.topBar {
  -webkit-transform: translateY(4px) rotate(45deg);
          transform: translateY(4px) rotate(45deg);
}
.window .header.menu-opened .burger-container #burger .bar.btmBar {
  -webkit-transform: translateY(3px) rotate(-45deg);
          transform: translateY(3px) rotate(-45deg);
}
.window .header.menu-opened ul.menu li.menu-item {
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  opacity: 1;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(1) {
  transition-delay: 0.27s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(2) {
  transition-delay: 0.34s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(3) {
  transition-delay: 0.41s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(4) {
  transition-delay: 0.48s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(5) {
  transition-delay: 0.55s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(6) {
  transition-delay: 0.62s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(7) {
  transition-delay: 0.69s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(8) {
  transition-delay: 0.76s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(9) {
  transition-delay: 0.83s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(10) {
  transition-delay: 0.90s;
}
.window .header.menu-opened .icon.icon-bag {
  -webkit-transform: translateX(75px);
          transform: translateX(75px);
  transition-delay: 0.3s;
}
.window .content {
  font-family: 'Playfair Display', serif !important;
  padding: 67px 4% 0;
  text-align: justify;
  overflow: scroll;
  max-height: 100%;
}
.window .content::-webkit-scrollbar {
  display: none;
}
.window .content h2 {
  margin-bottom: 0px;
  letter-spacing: 1px;
}
.window .content img {
  width: 95%;
  position: relative;
  display: block;
  margin: 75px auto 75px;
}
.window .content img:nth-of-type(2) {
  margin: 75px auto;
}


.window .menu .sub-menu li a {
	font-size: 1.1em !important;
	color: #787878 !important;
    margin-left: 20px !important;
    font-family: 'work sans', sans-serif !important;
}

.window .menu .sub-menu li a:before {
	content: "- ";
}



@media (max-width: 1024px) {
  .window {
    width: 100%;
    /* height: 100vh; */
    margin: 0;
    border-radius: 0px;
  }
  .window .header {
    position: fixed;
  }
}






/* SINGLE TESTIMONIALS */
.testimonials-template-default .post-content.flex-container {
	z-index: 1;
	background: #EBEBE9;
}

.testimonials-template-default blockquote {
	float: left;
	width: 44%;
	font-size: 1.7em;
	font-weight: bold;
	font-family: 'Playfair Display', serif !important;
    padding: 30px 50px 30px 0 !important;
    border-top: solid;
    border-width: 3px;
}



#testimonial-main > p {
	font-family: 'work sans', sans-serif;
	font-weight: lighter;
}



/* __TESTIMONIALS PAGE - START__ */

.page-template-template-testimonials .testimonial-video {
	/* height: 150px; */
	width: 100%;
}

.testimonials-bg-image{
	position:absolute;
	bottom:-104px;
	left:0;
	width:100vw;
	height:100vh;
	background-repeat: no-repeat;
	background-position:0;
	background-size:cover;
}

#isotope-list {
	/*width: 110% !important;*/
	width: 100%;
}

#isotope-list.testimonial-list{
	padding-bottom:150px;
}

.testimonal-item{
	/*min-width: 350px;*/
	width: calc(33.3333% - 20px);
	margin: 0 20px 20px 0;
	overflow: hidden;
	padding:0 !important;
	display:block;
}

.testimonal-item > .post-wrapper{
	display:block;
}

/*.testimonal-item:first-of-type{
	margin-top:250px;
}

.testimonal-item:nth-of-type(3){
	margin-top:50px;
}*/

.testimonal-item iframe {
	width: 100%;
	height: 100%;
	margin-left: 0;
	/* margin: 0 10px; */
}

.testimonial-screenshot-wrapper img {
    width: 100% !important;
    
}

.testimonal-item img {
	display:block;
	/*max-height: 200px !important;*/
}

.playbutton {
	z-index: 100;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    filter: invert(1);
	transition: filter .5s;
	background:url(../img/assets/playbutton.svg) no-repeat 50%;
	background-size:100px;
	background-color: rgba(255,255,255,0.5);
}

.testimonial-screenshot-wrapper:hover .playbutton {
	filter: none !important;
}

/*.testimonal-item .post-card-content-wrapper span {
	font-size: 0.7em;
	font-family: 'work sans', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}*/

/*.testimonal-item .post-card-content-wrapper h3 p::before {
	content: '"...';
	display: inline;
}*/

.testimonal-item .post-card-content-wrapper h3 p{
	font-family: 'Playfair Display', serif !important;
}

.testimonal-item .post-card-content-wrapper {
	padding: 50px;
}

.testimonial-text-wrapper{
	
}

.testimonial-text-wrapper p{
	
}

.testimonial-author{
	
}

.testimonial-author::before{
	content:"- ";
}



@media screen and (max-width:1449px){
	#isotope-list.testimonial-list{
		margin-left: 100px;
		width: calc(100% - 100px);
	}
}

@media screen and (max-width:1024px){
	#isotope-list.testimonial-list{
		margin-left: 0;
		width: 100%;
	}
	
	.testimonal-item{
		width: calc(50% - 20px);
	}
	
	.testimonal-item:first-of-type,
	.testimonal-item:nth-of-type(3n){
		margin-top:0;
	}
	
}

@media screen and (max-width:767px){
	.testimonal-item{
		width: calc(100%);
		margin-right:0;
	}
}








/* YOUTUBE LIGHTBOX - START */
/*  responsive youtube lightbox v0.1.8  */

/*==============================================
    do not style
===============================================*/

.rytl * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
  }
  
  
  .rytl {
      bottom:0;
      display: table;
      height: 100%;
      left: 0;
      opacity:0;
      position: fixed;
      right:0;
      top: 0;
      -webkit-transition:opacity .14s ease-in;
      -moz-transition:opacity .14s ease-in;
      -o-transition:opacity .14s ease-in;
      transition:opacity .14s ease-in;
      width: 100%;
      z-index: 1000;
  }
  
        .rytl--wrapper {
            display: table-cell;
            vertical-align: middle;
        }
  
        .rytl--container {
            height:auto;
            margin: auto;
            max-height: 394px;
            max-width: 700px;
            position: relative;
            text-align: center;
            width:100%;
        }
  
              @media screen and (min-width:1024px) and (min-height:536px) {
                .rytl--container {
                  background-color: rgb(0, 0, 0);
                  height: 506px;
                  max-height: none;
                  max-width: none;
                  width: 900px;
                }
              }
  
              @media screen and (min-width:1310px) and (min-height:768px) {
                .rytl--container {
                  height: 720px;
                  width: 1280px;
                }
              }
  
        .rytl--close { position: absolute; }
  
        /* 
        * Hide only visually, but have it available for screenreaders: h5bp.com/v 
        */
        .rytl--visuallyhidden {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }
  
  
  .rytl--fluid-width-video-wrapper {
    padding:0;
    position:relative;
    width:100%;
  }
  
  .rytl--fluid-width-video-wrapper iframe {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
  }
  
  .rytl-transition-in {
    opacity:1;
  }
  
  /*==============================================
      responsive youtube lightbox overlay
      style to your heart's desire
  ===============================================*/
  
  /* :: overlay :: */
  .rytl-theme {
    background-color: rgb(0, 0, 0); /* RGBA Fallback */
    background-color: rgba(0, 0, 0, 0.85);
    font-size:11px;
  }
  
  /* :: closing button styles :: */
    .rytl-theme .rytl-theme--close {
      background-color: transparent;
      background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHI0lEQVR4nOWcW4hVVRjHf3PScXRGZxCpxBRLLSnMsftN66EgEK9JFyIQKoRSKCoyCHrpIRUFM7MHKVK8QVGkAyqKmlnWSxRGhLfwkl3NyziajvPvYe2te9ZZZ5999m3OjH/4Hs5a63zft/57rbXX+vZaq0YSOaIfcB8wFrjRk2FAE9AA1HrlTgNngOPAPk/2At8CPwIX83K4JgeCbgKeAh4G7gJ6J9R3CvgGaAE+BX5LqC8UWRHUBMwEngbuyMKABwE7gFXAaqAtbQNpEzQYeB14DqhPU3EE/At8ACwC/k5LaVoE9QfeAF4G6iL+5yLwK2Zs+QNo9aQOQ249MBQYBVxTgS9ngHkYos5U8D8n0iBoOvAepvWE4RSwDdjuyU/AhYg2+mO66nhggiflxrJDwGxgfUQbbkiKK02S1igc7ZI+l/S4pL4JbNkyUNKzkraUsS9JKyQ1xrUV18Fxkg6EOHVW0lJJw1MkpZTcIukjSedD/NkvaWxeBM2Q1BbizIeSBudAjC3DJK0N8atN0vSsCZod4sAPku7tAmJseVDSnhI+dnh1yISguSHkzJdUWwXk+NJH0qIQf+emTVCplnNa0pQqIKSUTPV8dCFSS4piZLpM07RxRFJzFZBQTpo9X210yIyniQhqlntAPiRpZBVUPqqM9Hy20SbzRo5FUKPM69HGkW5GTpAkV0s6IDOnq5iglQ5lp9U9ulUpaZZ7TFpVKUGTHUokM+h1dSWTypQSdZsWlaB6ufvrwiqoXFqywFG/I5IaohD0luPPe2TmFl1dsbSkj8zE1sbbdll7NT8IE4KwYzkTgJ2JVsXVh/uBr6y0c8ANwDE/oWAVeJVictYSn5wakodYw9DbsxEHu4CVVlod8FowIdiCGoAjQGMg/wJwPXA0hgM1wPvAEGAGcD6GjjDUAp9gfHsBE36tFIOBA3QO8rVifD4FdBqDZjn65PKYfbxG0rKAni+U7lqt1tPpY5lnM46uoJ8+5vj5wYI7rUIdkkanQE7aJNnkJCVphExgL4jdNkFDVbze2hSzAr1LVCANkkqR4+vuHVPvBoe+EUGCXnEUmJlhReKQlIVOX5506HwzSNBmK/M/JYjjZlChLMlBUj9JrZbe7T5BvRyZGxMaTLNiWZPjy3pL9zlJdQXgNornPmlNCs9jXvGuTy+TMK/pWkeeD/9VPsmRt550pw87rN99gHsKmO/l5QonQVyS8iQHzLc6G+OQtNjRdPul1GzjdpW8upXt30XL1lIktViJhzMwXknFu4IcXw5a9rYi6RcrcUeGDpQjaYPcc5I8yEFm7hfEvgJmq0oQh1Ps1y6EjUkTPbGRxZjjwu/W76YCxW+wxDsiIiCMJBt5kQNmoRpEfVcRBJdJagkp00J+5EBx3evseBBAex6eVCl62QkFTBQtiLx2hvnzHNeY42Mi5SeTaaKoNxUoblYNOTgSNgm0EWXGnRacBJ2wEq/N2Ikwclpwj0l5kXSd9fsEkrZa7/6DXTQHqoaJ4mHLXgsyO8GCuJiRE9W+1OjrsLW4gNnFHkQBuDXlplvpwjNpFCAObnek7S0A3zsyHkrRcNxVed4kTXCkfYekOpngkN2M8+5WWeqIIhst3a2SevmZ2x2ZSUMe3Snk2igTZg5is6RLX1a3WE2rHpicoLmmHezKurtNdfx/E3ApaD/C8WQ2xHwa3fGzjx3m6JD5FHapBe3HnMUK4lFgRIyn0Y77U3Uaq/KwlnSUeOvI0cAjVtou/LBPgMU5jqeyLOYT6U6fnpc76j3Lzw9uXhjgPYXgWqxoO0gF6A6bF4YAB+m8A+UkZslhYkMWm67N1ysSPOkaxR8Xoo53cVsOklY76vtOsIy9gcq1HQTMZqOvYzyhasZ44Esr7QwwnMCBPDtgdgxY6FC2DPMhraegD6ZONhZgn1Z0NLsGufcTz8+wq+QtCx31OySzgbVT2VIKpjkUSNV9LiOqTC1Rt8mu8mGKVjmU9NSN5CtL/SdMWZPcpwp72lGE/QrZ6lNO6Tj1/MMsoT0iivIZ6rnHocoe0YxqpLseqJum4s1hPlI7UOdL2JHMebrCj2T64lrQ+rjiD/X6EuVY+NVdQMxwSetC/MrlWLgv41S82SiIs5LelTnLnjUxYyR9rPCLBfYpx4sFfIlyNcUFSZ/JPLk0j1MNlInZbCtjXzLkxd7SnMblJo8BSyh/uclJTOx7O2aT6M9EjwA2AndiVuC+FO3EsHAIeBHYENGGE2ldjzMAcz3OS0S/HqcdE1rZB/yFuZarDbPS7o+5zmsY5hqvQRX40srl63ESX7iU1QVLz2MqmCeOY67pWUIVXrBkYyDmiq5ngOYsDHjowHTZVcAa4GzaBvK45O1m4AnMJW93A1cl1HcCE93cCKwD/kyoLxR5EBREA/AAMAZzO94ozDjT6OX5wfOTmPHjHzpfE7gb2INpObngf+0vGcmbRQqCAAAAAElFTkSuQmCC');
      background-repeat: no-repeat;
      background-size: 36px 36px;
      border:0;
      height: 36px;
      line-height: 1;
      margin:0;
      opacity: 0; /* :: Hide button by default :: */
      padding:0;
      right: 15px;
      top: 15px;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      -ms-transition: all .2s;
      transition: all .2s;
      width: 36px;
    }
  
          /* :: for browsers that do not support background-size :: */
          .no-backgroundsize .rytl-theme .rytl-theme--close {
            background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB/UlEQVRYhdVY0ZWCMBAc6SAtpAUsgRZsgRa4ErgSvBK0BC0BSpASsIS5DzeyYiAB5eTmvXn44m4yYZNlkw1JzECmaAEYab8CqIVn4SRsJgiyAHIRkUbYXwE0AI7C5l2CLIBCxGjUMkgjgxuhVdTijgC+5PcwSI5xR7JlhwvJgmQa8IPYlOLj0Eqfg35jHZa9jnKSJkJIn0YmoSdWThW0V84HknaGkD4tyZPqdx8rqAw5vUg92ac35VszS4rxiXpYU/1YuzifFhTj6MLXUq1Nn+oHgwWpX8A9GnrBOeSBTmK2vGMamFyuxrVaUCGNlxFnK/+3kaJSsb1wfJe6PFWSRCL5cSfP40gONYonjH8+UrHRPkP4kWcGwIBkpmIZmnmqbIfeVIxN394hA7u8Mxau2AGninkKm95+h0hn38BWOEcMZGySrEDP1pspaq4YHaU2UQsuql5RqAFsxc8t3Eba6ol9uZLEJKNmH0ACpW6ibwqgwq0QuwqttMVUlBr3EjhBFyo7YDwkxuWZK25h2qKrHEN5qg83dr3KbZ+xwycTY0tJjIZkJY3Fi2Lm2LoIVWT3cY0J29If10ILWl35Aa6sQOsbrKKEBVdW5Duu6hjkczrwPWtq9kHR96Y+fpTWa8p32RA6Wrv0MPmy4a+vY74RqLv+5YWVD6ErvbN6TsIvWaSYXB9lgOMAAAAASUVORK5CYII=');
          }
  
          /* :: overwrite kohlsolize button styles :: */
          .rytl-theme .rytl-theme--close:focus, .rytl-theme .rytl-theme--container:focus { outline: none; }
  
          /* :: overwrite kohlsolize button styles :: */
          .rytl-theme .rytl-theme--close:active { border-style: none;  }
  
          /* :: show half opacity when hovering over video :: */
          /* :: if removing .iehover make sure to remove the javascript :: */
          .rytl-theme .iehover, .rytl-theme .rytl-theme--container:hover .rytl-theme--close { opacity: .5; }
          
          /* :: show no opacity when hovering over button :: */
          .rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover { opacity: 1; }
  
          .rytl-theme .iehover, .rytl-theme .rytl-theme--container:hover .rytl-theme--close,
          .rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover,
          .rytl-theme .rytl-theme--close:focus { background-color:rgba(0,0,0,.2); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
          
          /* :: show no opacity when using focus  :: */
          .rytl-theme .rytl-theme--close:focus { opacity: 1; }
  
          /* :: in combination with modernizr, restyle close button for touch :: */
          /* :: note that the button will not appear when layered on video for touch :: */
          .touch .rytl-theme .rytl-theme--close {
            background-image:none;
            height: auto;
            opacity: 1;
            right:1.1em;
            top:-3.7em;
            width: auto;
          }
  
          .touch .rytl-theme .rytl-theme--close:before {
            content:"\00D7";
            color:rgb(255, 255, 255); /* rgba fallback */
            color:rgba(255, 255, 255, .9);
            font-size: 3em;
          }
  
          .touch .rytl-theme .rytl-theme--container:hover .rytl-theme--close,
          .touch .rytl-theme .rytl-theme--container:hover .rytl-theme--close:hover,
          .touch .rytl-theme .rytl-theme--close:focus  {background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
  
  
  /*==============================================
      responsive youtube lightbox play button
      do not style
  ===============================================*/
  
  .rytl-button--play, 
  .rytl-button--play:before,
  .rytl-button--play:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
  }
  
  /*==============================================
      responsive youtube lightbox play button
      style to your heart's desire
  ===============================================*/
  
  .rytl-button .rytl-button--play {
    background-color:rgb(60, 57, 57); /* rgba fallback */
    background-color:rgba(60, 57, 57, .8);
    border:.2em solid rgb(255, 255, 255);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display:block;
    height:4.1em;
    margin:auto;
    position:relative;
    width:4.1em;
    -webkit-transition: background .1s ease-in;
    -moz-transition: background .1s ease-in;
    -ms-transition: background .1s ease-in;
    -o-transition: background .1s ease-in;
    transition: background .1s ease-in;
  }
  
        .rytl-button .rytl-button--play:after {
          content:'';
          border-style: solid;
          border-width: .62em 0 .62em 1.26em;
          border-color: transparent transparent transparent #fff;
          bottom:0;
          height: 0;
          left:.2em;
          margin:auto;
          position:absolute;
          right:0;
          top:0;
          width: 0;
          -webkit-transform:rotate(360deg);
        }
  
        .rytl-button:hover .rytl-button--play,
        .rytl-button:focus .rytl-button--play {
          background-color:rgb(60, 57, 57);
        }
  
    /* YOUTUBE LIGHTBOX - END */ 


/* NEW VERSION OF VIDEO POPUP */
#testimonial-video-popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:150vh;
	display:table;
	background-color:rgba(0,0,0,0.8);
	z-index: 9999999;
	display:none;
}
#testimonial-video-wrapper{
	display:table-cell;
	vertical-align:middle;
	width: 100vw;
	height: 100vh;
}
#testimonial-video{
	max-width: calc(100vw - 160px);
	max-height: calc(100vh - 160px);
	margin: 0 auto;
	display:block;
	opacity:0;
	transition:opacity 1s;
	pointer-events: none;
}
#testimonial-video.active{
	opacity:1;
	pointer-events: auto;
}
#testimonial-video-close{
	position: fixed;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	transition:all .3s;
	cursor:pointer;
}
#testimonial-video-close:hover{
	background: rgba(0,0,0,0.3);
	box-shadow: 0px 1px 4px #000;
}
#testimonial-video-lines-wrapper{
	position:relative;
}
.testimonial-close-line{
	position:absolute;
	height: 3px;
	background-color: #fff;
	width: 80%;
	top: 24px;
	left: 5px;
}
#testimonial-close-line-1{
	transform: rotate(45deg);
}
#testimonial-close-line-2{
	transform: rotate(-45deg);
}

@media screen and (max-width:480px){
	#testimonial-video{
		max-width: calc(100vw);
		max-height: calc(100vh - 100px);
	}
	#testimonial-video-close{
		top: 0;
		right: 0;
	}
}














/* __TESTIMONIALS PAGE - END__ */


/* __PRODUCTS PAGE - START__ */

#products-main {
    flex-wrap: wrap;
}

@media screen and (max-width:1449px){
	#products-main { margin-left:110px; }
}

@media screen and (max-width:1024px){
	#products-main { margin-left:auto; }
}

.pindex {
	width: 50%;
}

.pimage.relative img {
	width: 100%;
	height: 400px;
}

.pindex.flex-container {
	justify-content: center;
	align-items: center;
}

.pimage{ width:100%; height:400px; }

@media screen and (max-width:1023px){
	.pimage{ height:300px; }
}

@media screen and (max-width:767px){
	.pindex{ width:100%; }
	.pimage{ height:200px; }
}

@media screen and (max-width:480px){
	.ptitle{ font-size: 0.8rem; }
}

.pimage-link{ float:left; background-repeat: no-repeat; background-position: 50%; background-size:  cover; width: 100%; height: 100%; }

.ptitle {
    top: 0;
	left:0;
	width:100%;
	height:100%;
	color: white;
    pointer-events: none;
	text-align: center;
}

.ptitle > h2{
	width:100%;
	text-align: center;
}


#products-main #overlay-wrap {
	top: 0;
	left:0;
	background-color: rgba(0,0,0,0.5);
	z-index: 0;
	width: 100%;
    height: 100%;
    pointer-events: none;
	transition-duration: 2s;
}

#products-main .pindex:hover #overlay-wrap {
	/*background: #00000070 !important;*/
	background-color: rgba(0,0,0,0.3);
}

/* __PRODUCTS PAGE - END__ */




/* Social Icons */
.floating-left-navigation .fa-facebook-f,
.social-footer-links .fa-facebook-f
{
	transition: color 0.5s;
}
.floating-left-navigation .fa-twitter,
.social-footer-links .fa-twitter
{
	transition: color 0.5s;
}
.floating-left-navigation .fa-linkedin-in,
.social-footer-links .fa-linkedin-in
{
	transition: color 0.5s;
}
.floating-left-navigation .fa-facebook-f:hover,
.social-footer-links .fa-facebook-f:hover
{
	color: #4267b2;
}
.floating-left-navigation .fa-twitter:hover,
.social-footer-links .fa-twitter:hover
{
	color: #1da1f2;
}
.floating-left-navigation .fa-linkedin-in:hover,
.social-footer-links .fa-linkedin-in:hover
{
	color: #0274b3;
}


.footer-logo-broker-network img,
.footer-logo-anami-luxus img{
	opacity: 1;
	transition: opacity 0.5s;
}
.footer-logo-broker-network img:hover,
.footer-logo-anami-luxus img:hover{
	opacity: 0.3;
}

.contactForm .wpcf7-form br{
	/*display: none;*/
}

#products-wrapper .slick-prev,
#products-wrapper .slick-next{
	width: 40px;
	height: 40px;
	z-index: 20;
	top: 50%;
}
#products-wrapper .slick-prev::before,
#products-wrapper .slick-next::before{
	font-size: 40px;
}

#products-wrapper .slick-prev{
	left: 20px;
	
}

#products-wrapper .slick-next{
	right: 420px;
}

#about-bio-slick-wrapper .arrow-container{
	position: absolute;
	bottom: -40px;
	left: 0px;
}



@media screen and (max-width:1449px){
	#products-wrapper .slick-next{
		right:20%;
	}
}

@media screen and (max-width:1024px){
	#products-wrapper .slick-prev{
		left:10px;
	}
	#products-wrapper .slick-next{
		right:10px;
	}
}







#bottom strong{
	color: #caae5b;
}


#homepage-testimonials .button{
	/*margin: auto;*/
	float:right;
}
#site-footer .button-white{
	margin-top: 0;
}
#about-us .button{
	margin-top: 0;
}

#products-slider-bar{
	/*margin-top: 150px;*/
}

#products-wrapper .product-image{
	position: relative;
}
#products-wrapper .product-image::before{
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 2;
	pointer-events: none; 
}
#products-wrapper .product-title{
	z-index: 3;
}

.full-width-bar{
	
}
#recaptcha-wrapper{
	margin-top: 20px;
	max-width:100%;
	overflow:hidden;
}
#recaptcha-wrapper iframe{
	margin-left: 0;
}
.half-width{
	width: calc(50% - 5px);
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
}
.half-width:nth-child(2n){
	margin-left: 0;
	margin-right: 5px;
	clear:left;
}

form.wpcf7-form input{
	margin: 0 !important;
	width: 100% !important;
	padding: 20px !important;
}
form.wpcf7-form textarea{
	margin: 0;
	width: 100%;
	padding: 20px !important;
}
form.wpcf7-form *{
	box-sizing: border-box;
}

form.wpcf7-form .wpcf7-submit{
	margin-top: 20px !important;
	width: 200px !important;
	padding: 20px !important;
	margin-left: 50% !important;
	transform: translateX(-50%);
}
.div.wpcf7-response-output{ float:left; }
.span.wpcf7-not-valid-tip{ margin-top:5px; }

div.wpcf7-response-output{ float:left; clear:both; color: #fff; }

div.wpcf7-mail-sent-ok{ border-color:#caae5b; }

.form-text p{ line-height: 150%; }
#form-text-footer-contact{ margin-top:10px; }

.carousel-title h3{
	color: #c0c0be;
	font-weight: 300;
	font-size: 25px;
}
.mega-menu-post-slide-wrapper{
	/*height: 390px;*/
}


.megamenu-post-slider-content .content a{
	color: #caae5b;
}
.megamenu-post-slider-content .content a:hover{
	color: #fff;
}



@media screen and (max-width: 1400px){
	main#home-main section#welcome div.content-wrapper #content {
		width: 45%;
	}
}

@media screen and (max-width:600px){
	.half-width{
		width:100%;
		margin-left:0;
	}
}



section#products{
	margin-top: 200px;
}

#products-title-wrapper .section-heading{
	float: right;
	margin: 0;
	font-size: 8rem;
	font-weight: 100;
	line-height: 90%;
	color: #fff;
}

@media screen and (max-width:1799px){
	section#products{
		margin-top: 150px;
	}
}

@media screen and (max-width:1699px){
	section#products{
		margin-top: 100px;
	}
}

@media screen and (max-width:1449px){
	section#products{
		margin-left:110px;
	}
}

@media screen and (max-width:1024px){
	section#products{
		margin-left:auto;
		max-width: 90%;
	}
}

@media screen and (max-width:768px){
	#products-title-wrapper .section-heading{
		font-size:6rem;
	}
}

@media screen and (max-width:480px){
	#products-title-wrapper .section-heading{
		font-size:4rem;
	}
}



#fos-statement-wrapper{ float: left; width: 100%; margin: 50px 0; }
#fos-statement-wrapper p{ margin-bottom: 10px; }
#fos-statement-wrapper a{ color:#caae5b; }
#fos-statement-wrapper a:hover{ text-decoration:underline; }







/************************ 404 Page ***************************/

#main-content-wrapper-404{
	margin-top: 200px;
}

#main-content-wrapper-404 h1{
	margin-bottom:20px;
}

@media screen and (max-width:1399px){
	#main-content-wrapper-404 > .content-wrapper{
		margin-left: 110px;
	}
}

@media screen and (max-width:1024px){
	#main-content-wrapper-404 > .content-wrapper{
		margin-left: 30px;
	}
}







/*************************** DEFAULT PAGE TEMPLATE **************************/

.page-template-default #default-page-main-content .content-wrapper ul{
	margin-left:20px;
}

@media screen and (max-width:1399px){
	.page-template-default #default-page-main-content .content-wrapper{
		margin-left:110px;
		margin-right:30px;
	}
}

@media screen and (max-width:1024px){
	.page-template-default #default-page-main-content .content-wrapper{
		margin-left:30px;
	}
}

.grecaptcha-badge { display: none !important; }

/*************************** FAITH PAGE **************************/

.marg-t-15, .marg-v-15, .marg-all-15{ margin-top:15px; }

.faith-call-to-action {
    background: white;
    margin: 15px 0px 15px 0px;
    padding: 30px 60px 30px 30px;
    text-align: left;
}

.faith-action {
    background: white;
    padding: 10px 20px 10px 20px;
    text-align: left;
	width: 255px !important;
	color: black;
	margin: 0% 0% 5% 10%;
}

.faith-action-bottom h3 {
	font-family: 'Playfair Display', serif; 
}

.faith-action-bottom{
    background: white;
    padding: 10px 20px 10px 20px;
    text-align: left;
	width: 270px !important;
	color: black;
}

.faith-action-case-study{
    background: white;
    padding: 5px 20px 10px 20px;
    text-align: left;
	width: 320px !important;
	color: black;
}


.faith-action-temple {
    background: white;
    padding: 10px 75px 5px 75px;
    text-align: left;
	color: black;
	justify-content: center ;
}

.action-temple {
	justify-content: center ;
	position: relative;
    /*top: -180px;*/
	top: -100px;
}

.faith-hr {
	/*background: rgb(200, 172, 90) !important;*/
	margin-bottom: 4% !important;
	width: 30% !important;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	.faith-text {
		padding: 3% 4% 19% 25% !important;
	}
}

/*.parallelogram-img {
  clip-path: polygon(6% 0, 75% 0, 100% 100%, 33% 100%);
  -webkit-clip-path: polygon(6% 0, 75% 0, 100% 100%, 33% 100%);
  display: flex;
  flex: 0 0 150px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}*/

.parallelogram-box {
  /*clip-path: polygon(6% 0, 75% 0, 100% 100%, 33% 100%);
  -webkit-clip-path: polygon(6% 0, 75% 0, 100% 100%, 33% 100%);*/
  display: flex;
  flex: 0 0 150px;
  justify-content: center;
  overflow: hidden;
  /*position: relative;*/
 /* background-color: rgb(202, 174, 91);
  opacity: 0.5;*/
  height: 14%;
  width: 35%;
  position: absolute;
  z-index: -99;
  background-image: url("../img/assets/angled-gold-box.svg");	
  background-repeat: no-repeat;
	
}

.parallelogram-bg {
	margin-bottom: 20px;
}

.faith-left, .faith-right {
    padding: 6% 10%;
}

.faith-large-divide {
	width: 700px;
}

.faith-large-bg {
	justify-content: center;
    align-items: center;
    color: white;
    /*padding: 2% 4% 0% 4%;*/
	padding: 1%;
    font-size: 1.25em;
    display: block;
    line-height: 160%;
}

.black-faith-bg {
/*	background-color: black;
    height: 500px;
    width: 1000px;
    float: right;
    display: block;*/
	
	
	background-color: black;
    height: 500px;
    width: 900px;
    /* float: right; */
    /* display: block; */
    position: absolute;
    z-index: -99;
    margin-left: 350px;
}

.faith-text {
	/*width: 400px;*/
	/*width: 100%;*/
    padding: 2% 4% 26% 4%;
	color: white;
	line-height: 160%;
	font-size: 1.25em;
	/*margin-top: 7%;*/
	margin-top: 2%;
}

.large-faith {
	padding-right: 0% !important; 
}

.faith-button {
	color: white;
    background-color: black;
	cursor: pointer;
    text-decoration: none !important;
    padding: 16px 85px 16px 45px;
    display: inline-block;
    margin: 15px 0;
    font-family: 'work sans', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    max-width: 150px;
    transition: background-color 0.5s, color 0.5s;
    background-image: url(../img/assets/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: 87% 50%;
    background-size: auto 13px;
}

.faith-button:hover {
	color: black;
	background-color: white; 
	border: solid;
    border-width: 1px;
	padding: 15px 84px 15px 44px;
    border-color: black;
	background-image: url(../img/assets/arrow-right-black.png);
}


.faith-button-case-study {
	color: white !important;
    background-color: black;
	cursor: pointer;
    text-decoration: none !important;
    padding: 16px 85px 16px 45px;
    display: inline-block;
    margin: 15px 0;
    font-family: 'work sans', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    max-width: 150px;
    transition: background-color 0.5s, color 0.5s;
    background-image: url(../img/assets/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: 87% 50%;
    background-size: auto 13px;
	font-weight: normal;
}

.faith-button-case-study:hover {
	color: black !important;
	background-color: white; 
	border: solid;
    border-width: 1px;
	padding: 15px 84px 15px 44px;
    border-color: black;
	background-image: url(../img/assets/arrow-right-black.png);
}



@media screen and (max-width:1166px) {
	.black-faith-bg {
		display: none;
	}
	
	.faith-large-bg {
		padding: 0% 0% 0% 0% !important;
	}
	
	.faith-large-divide {
		width: 100% !important;
	}
	
	.faith-text {
		background-color: black;
		margin-top: 0% !important;
		padding: 2% 4% 10% 4% !important;
	}
	
	.action-temple {
		top: -50px !important;
	}
		
	.single-products #image-box{
        margin-top: 25px !important;
		flex-direction: column !important;
    }
	
}

@media screen and (max-width:1024px) {
	.parallelogram-box {
		height: 10%;
   		width: 70%;
	}
	
}

@media screen and (max-width:1023px) {
	.parallelogram-box {
		height: 10%;
   		width: 75%;
	}
	
}

@media screen and (max-width:600px) {
	.parallelogram-box {
		height: 10%;
   		width: 86%;
	}
	
	.action-temple {
	   top: 0px !important;
	}
	
}


@media screen and (max-width:500px) {
	
	.action-temple {
	   top: 0px !important;
	}
	
}



/************************ FIX FOR DEFAULT PAGE TEMPLATE LAYOUT BULLET POINTS AND TABLE ********************/
#default-page-main-content table{
	float:left;
	width:100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
#default-page-main-content table tr{
	width:100%;
}
#default-page-main-content table tr:first-of-type{
	background:#ccc;
}
#default-page-main-content table tr td{
	width:50%;
	border: 1px solid #333;
    padding: 5px 10px;
	font-family: 'work sans', sans-serif;
    font-size: 0.75rem;
    line-height: 160%;
}

#default-page-main-content ul{
	margin-bottom:20px;
}
#default-page-main-content ul li{
	font-family: 'work sans', sans-serif;
    font-size: 0.75rem;
    line-height: 160%;
}





/******************** COOKIE POPUP *******************/
#cookie-notice .cn-button{
	max-width:none;
}







/********************* POPUP MAKER POPUPS **********************/
.pum-container a{
	text-decoration: underline;
}