/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0, 80, 160, 0.5);
    z-index:10;
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:50%;
    padding:20px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#12a8e0;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    padding-right:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    /*-webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);*/
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#ccc;
}
 


.popup-close:hover {
	font-size:30px;
	color:#fff;
	text-decoration:none;
	/*-webkit-transform:scale(1.5,1.5);
	transform:scale(1.5,1.5);
    -webkit-transform:translate(45%, -50%) rotate(180deg);
    transform:translate(45%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);*/
}

.popup-header.header-l3 {
	font-family: "Roboto Slab","Unity","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif !important;
	font-weight:600 !important;
	color:#fff;
	margin:0;

	font-size:1.5em !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	line-height:1.4 !important;
}

.popup-header.header-l1 {
	font-size:2em;
}

.popup-header.header-l2 {
	font-size:1em;
}

.popup-trigger {
	display:none;
}

h2 {
font-family: "roboto slab" !important;
	font-weight:bold !important;

}

h3 {
font-family: "roboto slab" !important;	
font-weight:bold !important;
}

/* video iframe & container */

.popup-player-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}

.popup-player-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Logos */

.svg .site-brand {
	background-image: url("img/mark-h.png");
	background-size: 72px 62px;
}

.svg .site-brand-footer {
	background-image: url("img/mark-h-white.png");
	background-size: 42px 36px;
}

/* Mobile */
@media only screen and (max-device-width:480px) {
	.popup-inner {
		-webkit-transtion:width 0.25s;
		transition:width 0.25s;
	}
	.popup-header.header-l1 {
		font-size:1.4em;
	}

	.popup-header.header-l2 {
		font-size:0.7em;
	}

	.popup-header.header-l3 {
		font-size:1em;
	}
	.svg .site-brand {
		background-size: 36px 31px;
}
@media only screen and (max-device-width:480px) and (orientation:portrait) {
	.popup-inner {
		width: 100%;
	}
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
	.popup-inner {
		width: 70%;
	}
}