/* PRIMARY SITE LAYOUT */
/* ======================= */
body {
	overflow: hidden;
	color: #737373;
}

.fs {
	height: 100%;
    width: 100%;
}
.ultrawide {
	background-color: #f1cdcd;
	display: none;
}
.mainRow {
	overflow: auto;
}
.pgSection {
    display: inline-block;
    float: left;
}
/* ======================= */
/* PRIMARY SITE LAYOUT */


/* COLORS */
/* ======================= */
.lime {background-color: #76bd1d; color: #76bd1d;}
.rust {background-color: #c53b31; color: #c53b31;}
.blue {background-color: #008aad; color: #008aad;}
.slate {background-color: #8c9192; color: #8c9192;}
.tangelo {background-color: #fd4f00; color: #fd4f00;}
.navy {background-color: #012855; color: #012855;}
.magenta {background-color: #e31184; color: #e31184;}
.carrot {background-color: #fd8204; color: #fd8204;}
.mauve {background-color: #7d6991; color: #7d6991;}
.pineapple {background-color: #f9d108; color: #f9d108;}
.beige {background-color: #e1caa2; color: #e1caa2;}

.circle-left {
    border-left: 2px solid #737373;
    border-top: 2px solid #737373;
    border-bottom: 2px solid #737373;
}
.circle-mid {
	border-top: 2px solid #737373;
	border-bottom: 2px solid #737373;
}
.circle-right {
    border-right: 2px solid #737373;
    border-top: 2px solid #737373;
    border-bottom: 2px solid #737373;
}
/* ======================= */
/* COLORS */


/* STATIC ELEMENTS */
/* ======================= */
.zoomLogo {
	position: fixed;
	width: 70px; height: 65px;
	top: 3.10%; left: 6.250em;
	z-index: 9999;
}
	.zoomLogo div {
		position: absolute;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		height: 100%; width: 100%;
	}
	.zoomLogo .whiteLogo {
		background-image: url('../img/zoomlogo.png');
		z-index: 2;
		opacity: 1;
	}
	.zoomLogo .blackLogo {
		background-image: url('../img/zoomlogo-color.png');
		z-index: 1;
		opacity: 0;
	}

.zoomLogo2 {
	background-image: url('../img/zoomlogo-color.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px; height: 65px;
	
}

.navBox {
	position: fixed;
	height: 100%;
	width: 30%;
	background-color: rgba(255,255,255,1);
	box-shadow: -1px 0px 10px rgba(0,0,0,0.15);
	z-index: 999;
}

	.navBox .navburger {
		position: relative;
	    font-size: 30px;
	    width: 30px; height: 40px;
	    right: 50px; top: 0px;
	    transform: translateX(0px);
	    z-index: 9999;
	    cursor: pointer;
	}
		.navburger div {position: absolute;}
		.navburger .white {color: #fff; z-index: 2; overflow: hidden; width: 100%;}
		.navburger .black {color: #737373; z-index: 1;}
		
	.navBox .menuTitle {
		font-family: 'HelveticaNeue-Reg';
		font-size: 20px;
		margin: 10px 0px 10px 62px;
	}
	
	.navBox .menuSet {
		position: relative;
		overflow: hidden;
		display: block;
		list-style: none;
		margin: 0;
	}
		.navBox .menuSet li {
		    font-family: 'HelveticaNeue-Reg';
		    height: 45px;
		    width: 100%;
		    overflow: hidden;
		    cursor: pointer;
		}
		.navBox .menuSet li .navLink {
			color: #737373;
		}
		.navBox .menuSet li .dot {
			position: absolute;
			left: 20px;
		}
		.navBox .menuSet li .dot div {height: 28px; display: inline-block; float: left;}
		.navBox .menuSet li .dot .leftSemi  {width: 14px; border-top-left-radius: 14px; border-bottom-left-radius: 14px;}
		.navBox .menuSet li .dot .midSquare {width: 0px;}
		.navBox .menuSet li .dot .rightSemi {width: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px;}
		
		.navBox .menuSet li .dotLabel {
			position: absolute; left: 62px;
		}
		
		.navBox .socialLinks {margin: 5px 0px 0px 52px; list-style: none;}
		.navBox .socialLinks li {display: inline-block; padding: 10px; font-size: 20px;}
		.navBox .socialLinks li a {color: #737373;}
		.navBox .socialLinks li a {color: #737373;}
		
		.navBox .copyrightBlock {padding: 0 20px; position: absolute; bottom: 5px; width: 100%;}
		.navBox .copyrightBlock .cpyright {font-family: 'HelveticaNeue-Reg'; font-size: 11px; float: left;}
		.navBox .copyrightBlock .legal {font-family: 'HelveticaNeue-Reg'; font-size: 11px; display: inline; float: right;}
		
		.navBox .copyrightBlock .legal a {
			text-transform: uppercase;
		    color: #e31184;
		    font-weight: bold;
		}
	

.footerElements {
	position: fixed;
	height: 32px;
	bottom: 0px;
	right: 5rem;
	z-index: 9998;
	padding: 4px;
}
.footerElements ul {margin: 0;}
.footerElements ul li {list-style-type: none; display: inline-block; padding-left: 10px;}
.footerElements ul li a {color: #737373; font-weight: bold;}

.whiteBlock {
	position: fixed;
	height: 100%;
	width: 40%;
	background-color: #fff;
}
/* ======================= */
/* STATIC ELEMENTS */

/* ANIMATION */
/* ======================================= */



/* ======================================= */
/* ANIMATION */



/* CONTENT SECTIONS */
/* ======================= */
.home {
	position: relative;
	background-image: url('../img/home_4.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
	.home .pageTitle {
		position: relative;
		left: 6.250em;
		padding-top: 20%;
	}
	.home .pageTitle h1 {
		font-family:'HelveticaNeue-Bold';
		font-size: 4rem;
		line-height: 4rem;
		color: #fff;
	}
	
	.home .copyBlock {
		position: relative;
		left: 6.250em;
		padding-top: 30px;
	}
	.home .copyBlock p {
		color: #fff;
		font-family:'HelveticaNeue-Bold';
		width: 530px;
		margin: 0;
		line-height: 1.5rem;
		text-shadow: 1px 1px 1px #888;
	}
	
	.home .buttonBlock {
		position: relative;
		left: 6.250em;
		padding-top: 30px;
	}
	.home .buttonBlock .buttons, .contactBlock .contactForm .buttons, .download.buttons {
		position: relative;
		display: inline-block;
		border: 2px solid #fff;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 16px;
		padding: 8px 12px;
		margin-right: 80px;
		cursor: pointer;
		font-family: "Gotham A", "Gotham B";
		font-style: normal;
		font-weight: 700;
	}
	.download.buttons {
		border: 2px solid #737373;
		margin-top: 36px;
	}
	.download.buttons a {
		color: #737373;
	}

	.home .footerBlock {
		position: absolute;
		width: 100%; height: 32px;
		bottom: 0px;
		background-color: rgba(255,255,255,0.75);
	}


.pages {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); overflow: hidden;}
	
	.pages .pageTitle, .pages .pageCopy {width: 100%; padding: 0px 10%; position: relative; left: 150%;}
	.pages .pageTitle, .contactBlock h1 {
		font-size: 28px; 
		line-height: 28px;
		letter-spacing: -1px;
		text-transform: uppercase; 
		font-family:'HelveticaNeue-Bold';
		margin-bottom: 32px;
		width: 100%;
		padding: 0px 10%;
	}
	.pages .pageCopy, .contactBlock p {
		font-family:'HelveticaNeue-Reg';
		font-size: 15px;
		line-height: 20px;
	}
	.contactBlock h1 {padding: 0; color: #00b00b}

.contentPlate {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

.infobox .contact-info {
	font-size: 13px;
}

.aboutlink {
	color: #e31184;
}

/* ======================= */
/* CONTENT SECTIONS */


/* CONTACT BLOCK */
/* ======================= */
.contactBlock {
	position: absolute;
    top: 50%; left: 100%;
    transform: translateY(-50%);
    padding: 0px 60px;
    width: 100%;
    background-color: #fff;
}

	.contactBlock .contactForm {}
	
	.contactBlock .contactForm .submitbox, .contactBlock .contactForm .infobox { 
		display: inline-block;
		float: left;
	}
	.contactBlock .contactForm .submitbox {width: 100%;}
	.contactBlock .contactForm .infobox {width: 100%; margin-top: 20px;}
	.contactBlock .contactForm .infobox .addr {width: 48%; display: inline-block; vertical-align: top}
	.contactBlock .contactForm .infobox .phn {width: 48%; display: inline-block; vertical-align: top}
	.contactBlock .contactForm .infobox .eml {width: 100%;}
	
	.contactBlock .contactForm .infobox p, .contactBlock .contactForm input, .contactBlock .contactForm textarea {
		font-family: "Gotham A", "Gotham B";
		font-style: normal;
		font-weight: 300;
	}
	.contactBlock .contactForm .infobox p a {color: #737373;}
	.contactBlock .contactForm .buttons {
		border-color: #00b00b;
		color: #00b00b;
	}
	
.ze_submit {background: #fff;}

.thanks {
	font-family: HelveticaNeue-Reg;
    font-size: 18px;
    padding-bottom: 30px;
}


/* ======================= */
/* CONTACT BLOCK */


/* MEDIA QUERIES */
/* ==================== */
@media screen and (max-width: 64em) {
	/* Static Elements */
	.zoomLogo {top: 4.50%; left: 4.50%}
	.footerElements {right: 1rem}
	.navBox .navburger {font-size: 30px;}
	
	/* Pages (& Page Elements) */
	.home {}
		.home .pageTitle {left: 4.50%}
		.home .pageTitle h1 {font-size: 3.5rem; line-height: 3.5rem}
		.home .copyBlock {left: 4.50%; padding-top: 15px}
		.home .copyBlock p {line-height: 1.25rem}
		.home .buttonBlock {left: 4.50%}
		
	.whiteBlock .nav ul li {
		padding: 0px 5px;
	}
	.whiteBlock .nav ul li div {
		height: 20px; width: 20px;
	}
	
	.pages {top: 30%;}
	.pageContent .pageTitle {font-size: 24px;}
	
	.zoomLogo2 {width: 40px; height: 55px;}
	.contactBlock h2 {margin-bottom: 22px;}
	.contactBlock p {font-size: 13px;}
	.contactForm textarea[rows] {height: 110px;}
	
}
@media screen and (max-height: 750px) {
	.zoomLogo {
		width: 50px;
	    height: 45px;
	    top: 2.5%;
	}
	
	.home .pageTitle {
		padding-top: 14%;
	}
	.home .pageTitle h1 {
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	
	.home .copyBlock {
		padding-top: 20px;
	}
	.home .copyBlock p {
		font-size: 15px;
		line-height: 1.25rem;
	}
	
	.navBox .menuSet li {
		height: 35px;
	}
	
	.contactBlock h2 {margin-bottom: 4px;}
	.contactForm textarea[rows] {height: 80px;}
}