@import url(/css/reset.css);
@import url(/css/text.css);
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
html {
	height:100%
}
body {
	font: 16px/24px 'apercu-regular', Arial, sans-serif;
	color: #3C2E23;
	background: #fff url(/img/ui/bg.gif) repeat-x top center;
	height:100%;
}

.headerHolder{
	display: flex; justify-content: space-between;padding-bottom: 25px; flex-wrap: wrap;
}
.rightHeader{
	display: flex; align-items: flex-end; flex-direction: row;
}

.headerButton{
	background-color: #baac9f; border: 0; padding-top: 10px; padding-bottom: 10px;
}

.buttonWriting{
	font: 16px/24px 'apercu-regular', Arial, sans-serif; margin: 0; padding-left: 20px; padding-right: 20px; color: white;
}
.resizeimg {max-width: 100%;height: auto;}

.glamore {font-family: 'Glamore';}

.intro {width:100%;height:97.5vh;background:url(/img/content/bg.jpg) no-repeat 50% 50% fixed;background-size:cover;padding:4vw;box-sizing: border-box;position: relative;display:flex;flex-direction:column}

.logo {width:100%;flex:0 0 12vh;background:url(/img/content/logo.svg) left center no-repeat;background-size:contain;margin-bottom:30px;max-height:110px;min-height:60px}

.intro .cycle-slideshow {flex:1 1}
.intro .cycle-slideshow .slide {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover;position: relative;}
.intro .cycle-slideshow .slide.overlay:before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);opacity:0.38;mix-blend-mode: multiply;}
.intro .cycle-slideshow .slidetext {position:absolute;bottom:-0.3vh;left:0;background:bottom left no-repeat;background-size:contain;height:30vh;width:75%}

.cycle-pager {position:absolute;z-index:1000;bottom:20px;right: 20px;}
.cycle-pager span {display:inline-block;width:20px;height:20px;box-sizing: border-box;border-radius:50%;border:2px solid #fff;margin-left:10px;cursor: pointer;overflow: hidden;text-indent:-9999px;transition:background 0.2s}
.cycle-pager span.cycle-pager-active {background:#fff}

.infosection {background:url(/img/content/pattern.svg) 50% 50% no-repeat #D3D2C1;background-size:cover;padding:5vw 10vw}
.infosection .text {background:#D3D2C1;padding:5vw 15vw;text-align: center;}
.premium {font-size:26px;line-height: 1.3em;}
.areas {font-size:4.5vw;line-height:1.3em}
.date {font-size:3vw;line-height:1.3em}
.infosection p {margin-bottom:30px;max-width:425px;margin-left:auto;margin-right:auto}
.infosection p.glamore, .infosection p.premium {max-width:none}
.infosection p:last-child {margin:0}
.infosection img{margin-bottom: 30px; max-width: 425px;margin-left: auto;margin-right: auto; margin-top: 2px; width: 100%;}

.footer {background:#3C2E23;color:#D3D2C1;padding:4vw 4vw 8vw 4vw}
.footer a {color:#fff;text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.contacts {display:flex}
.agency {flex:0 0 50%}
.agentlogo {display:block;width:180px;height:60px;background:bottom left no-repeat;background-size:contain;margin-bottom:30px}
.agents {display:flex;flex-wrap: wrap;}
.agent {flex:0 0 45%;padding-right:30px;box-sizing: border-box;margin-bottom:30px}


td{padding-top: 5px; padding-bottom: 5px;}
/* #Page Styles
================================================== */



/****************************************************
* Misc
****************************/
/*hide social stuff and headings on prettyphoto*/
.ppt {display:none !important}
.pp_social {display:none !important}
.pp_description {display:none !important}

.smallText { font-size: 11px; }
.smallprint {
	font-size: 11px;
	color: #BBBDC0;
}
.smallprint a { color: #BBBDC0; }
.padTop { margin-top: 30px; }
.largeText { font-size: 13px; }

.superscript {vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;}
.subscript {vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: 0.4em;}
	
.vmiddle {position: relative;top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}

.caps {text-transform:uppercase;letter-spacing:0.1em}
.num {text-align:right}


.revealOnScroll.fadeInUp {
  opacity: 0;
}


/* #Media Queries
================================================== */
	
	/* biggest desktop */
	@media only screen and (max-width: 1230px) {}
	
	/* bigger desktop */
	@media only screen and (min-width: 1100px) and (max-width: 1229px) {.table{width: 70%;}}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 959px) and (max-width:1099px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.cycle-pager {bottom:auto;top:20px}
		.infosection {padding:10vw}
		.infosection .text {padding:10vw 5vw}
		.areas {font-size:30px;line-height:1.3em}
		.date {font-size:24px;line-height:1.3em}
		.table {min-width: none;}
		.contacts {flex-direction:column}
		
		.footer {padding:10vw}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
	    font-family: 'Glamore';
	    src: url('/webfonts/Glamore.woff') format('woff'),
			 url('/webfonts/Glamore.woff2') format('woff2'),
	         url('/webfonts/Glamore.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal; }

@font-face {
        font-family: 'apercu-regular';
        src: url('/webfonts/apercu-regular.woff2') format('woff2'),
            url('/webfonts/apercu-regular.woff') format('woff'),
            url('/webfonts/apercu-regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }