/* ==============================================
	Media Queries Elements
=============================================== */

@media screen and (min-width : 240px) and (max-width: 42.999em) {	

.cd-popup .iframewrap {
  	position: relative;
  	padding-bottom: 0;
  	padding-top: 0;
  	height: 290px;
  	margin: 2em 0em;
	}

li.trigger {
	display: none;
	}

.trigger {
	display: none;
	}
	
.page {
	display: block;
	}
		
li.page {
	display: block;
	}
}




/* -------------------------------- 

Functions

-------------------------------- */
.functions-popup {
  	position: fixed;
  	left: 0;
  	top: 0;
  	height: 100%;
  	width: 100%;
  	background-color:rgba(10, 3, 0, 0.75);
  	opacity: 0;
  	visibility: hidden;
  	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  	transition: opacity 0.3s 0s, visibility 0s 0.3s;
  	z-index: 1000;
	}

.functions-popup .section-title {
	height: auto;
    width: auto;
    display: inline-block;
	margin: 64px 0px 32px 0px;
    padding: 0px 64px;
	transition: all .4s ease;
	border: 4px solid #ffffff;
}

.functions-popup .section-title h2 {
	font-family: "ITCAvantGardeStd-Boldobl";
	font-size: 40px;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transition: color .4s ease;
	float: none;
	display: inline-block;
	margin: 14px 0px 8px 12px;
	width: auto;
	}

.functions-popup .iframewrap {
	position: relative;
  	padding-bottom: 580px;
  	padding-top: 0;
  	height: 0px;
  	overflow: hidden;
  	margin: 1em 0em;
	}

.functions-popup .iframewrap iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.functions-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.functions-popup-container {
  position: relative;
  background: #08080a;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.functions-popup-container p {
  padding: 3em 1em;
}
.functions-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}

.functions-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}

.functions-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.functions-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}

.no-touch .functions-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}

.functions-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}

.no-touch .functions-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}

.functions-popup-container .functions-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}

.functions-popup-container .functions-popup-close::before, .functions-popup-container .functions-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.functions-popup-container .functions-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.functions-popup-container .functions-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.is-visible .functions-popup-container {
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	transform: translateY(-50%);
}