@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:400,500,700');

/* GitHub URL: https://github.com/gucastiliao/video-popup-js */

@media (max-width: 650px){
	.hidevid {display:block;}
	#video, #video2, #video3 {display:none;}

}

@media (min-width: 650px){
		.hidevid {display:none;}
	#video, #video2, #video3 {display:block;}

}

.videopopupjs{
    background-color:#000;
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    text-align: start!important;
}
.videopopupjs--hide{
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: videoPopupJsHide;
    animation-name: videoPopupJsHide;
}
.videopopupjs__close{
    width:30px;
    height:30px;
    cursor:pointer;
    display:block;
    margin-bottom:10px;
    color:rgba(255, 255, 255, 0.59);
}
.videopopupjs__close:after{
    width:30px;
    height:30px;
    display:block;
    text-align:center;
    content:'X';
    font-family:'Verdana';
    border-radius:50%;
    background:#333;
    line-height:2.2;
    font-size:13px;
}
.videopopupjs__close:hover{
    opacity:0.5;
}
.videopopupjs--animation{
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: videoPopupJs;
    animation-name: videoPopupJs;
}
.videopopupjs__content{
    margin:0 auto;
    height:100%;
    height:500px;
    width:100%;
    margin-top:5%;
}
.videopopupjs__content iframe{
    width:100%;
    height:100%;
}
.videopopupjs__block--notfound{
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width:100%;
    height:500px;
    background-color:#fff;
    text-align:center;
    vertical-align: middle;
    line-height: 500px;
    font-family:'Arial';
    font-size:20px;
}
@media(max-width: 768px){
    .videopopupjs__content{
        max-width:90%!important;
    }
}
@-webkit-keyframes videoPopupJs{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

@keyframes videoPopupJs{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

@-webkit-keyframes videoPopupJsHide{
    0%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}

@keyframes videoPopupJsHide{
    0%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}

/* END POPUP */

.wrapper p {
max-width:700px;
	margin: 0 auto;
font-size:18px;
	line-height:24px;
	color:#4d4d4d;
}

#rule {
	width:70px;
	background-color:#000;
	height:3px;
	margin:0 auto;
}
body {
	
font-family: 'Frank Ruhl Libre', serif;
}
ul {float: right;clear: both;width:auto;margin:0;padding:10px 0px 0px 0px;}

ul li {list-style:none;
padding:0px 20px 0px 0px;
margin:0;
display:inline;}

ul li:last-child {
padding:0px 0px 0px 5px;
display:inline;
float:right;
}

ul li img {width:20px;
display:inline;
padding:0;
float:right;}

ul li.current a.current {
		text-decoration: underline;
	color:#000 !important;
}

ul li a:link {
	text-decoration: none;
	color:#4d4d4d;
}

ul li a:visited {
		text-decoration: none;
	color:#4d4d4d;
}

ul li a:hover {
		text-decoration: underline;
	color:#000;
}




ul li a img {
opacity:.7;
}

ul li a img:hover {
opacity:1;
}

#wrapper {
	max-width: 1000px;
	margin:0 auto;
	background-color:#c7d0d9;
}

h1 {
	font-size:63px;
	margin-bottom:20px;
		font-weight:500;

}

h2 {
font-weight:400;	
	font-size:43px;
	margin:10px 0px 30px 0px;
}

h1, h2 {
	clear: both;
	text-align: center;
	
}

iframe {
  width: 100%    !important;
  height: 100%   !important;
}

.description p {
	color:#FFF;
	font-family: 'Frank Ruhl Libre', serif;
border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
padding:10px 0px 10px 0px;
	margin:0px 15px 0px 15px;

}

body{margin:0}
.portrait{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 5em;-ms-flex:1 1 5em;flex:1 1 5em;margin-right:30px}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}
body,html{font-size:100%;padding:0;margin:0}
body{width:100%;height:100%}p{margin:0}
img{display:block;width:100%}
.wrapper{margin:0 auto;padding:0 150px 0 150px;max-width:1600px}

.description{background:transparent;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.description:hover,.description:focus{background:rgba(0,0,0,0.7);opacity:1}
.container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:30px}

.portrait:last-child,.landscape:last-child{margin-right:0px}
.landscape:first-child{margin-right:30px}
@media (max-width: 1000px){
	.wrapper{padding:0 80px 0 80px}}
@media (max-width: 650px){
	
.wrapper{padding:0 30px 0 30px}
	
	h1 {
	font-size:42px;
		line-height: 1.1;
	margin-bottom:20px;
}
	
		h2 {
	font-size:38px;
}
	
	ul {
		clear: both;
		margin:0 auto;width:215px;float:none;
		text-align:left;
		padding:10px 0px 0px 0px;}
li {
	text-align:left;
	font-size:14px;
	padding:0;
	margin:0;
	;
	}
ul li:last-child {
	width:20px;
display:inline;
float:right;
}
	
	

iframe {
 min-height:300px;
}
	.container-logo{width:100%;padding:30px 0 30px 0}
		.landscape img{position:relative;top:0;display:block;left:0;-webkit-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);transform:translate(0%, 0%)}
		.container{display:inline}
	.portrait{margin-right:0px;margin-bottom:30px}
	.landscape:first-child{margin-right:0px}}
.landscape{position:relative;-webkit-box-flex:2;-webkit-flex:2 2 calc(10em + 30px);-ms-flex:2 2 calc(10em + 30px);flex:2 2 calc(10em + 30px);min-width:65%}
@media (max-width: 650px){
	.landscape{margin-right:0px;margin-bottom:30px}}
.landscape img{position:absolute;top:50%;height:100%;display:block;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}