/* #Page Structure
================================================== */

/*main*/
body.em  { background:#000; font-size:22px; color:#fff;  font-family:'RomanCondensed'; font-weight:normal; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.em .main { max-width:568px; width:100%; margin:auto auto;}
.em h2{ font-size:18px; line-height:23px;  }
.em p{ }
a.em , .em button{ transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
a.btn:hover, a.btn:active { text-decoration: none }
.em img{ max-width:100%;}
.em #background { left:0; position:fixed; width:100%!important; }
.em #background .cover-back { left:0; top:0; width:100%!important; height:100%!important;}
.em #background .cover-front { bottom:0; left:0; position:absolute; width:100%;}
.em #background .cover-mobile { display:none;}
.em .btn { display:inline-block; vertical-align:top; background:#000; text-transform:uppercase; font-size:28px; line-height:32px; color:#fff;
 position:relative; z-index:99; width:100%; padding:16px 14px; text-align:center;  font-family:'BoldCondensed';   font-style:normal; letter-spacing:3px;
  transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
 .em .btn:hover { background-color:#fff; color:#000;}
/***** header styles goes here *****/
.em header { float:left; width:100%; position:relative; z-index:999; }
/***** midd container styles goes here *****/
html{ overflow:auto!important; margin-right:0px!important;}
.em .section1 { float:left; width:100%; text-align:center; position:relative; z-index:99; margin:35px 0 4px;} 
.em .section1  p{ font-size:15px; line-height:23px; text-transform:uppercase; margin:0 0 16px;	 }
.em .section1  p b{ text-transform:uppercase;   font-family:'BoldCondensed';   font-style:normal;}
.em .section1 .s1cover { display:inline-block; vertical-align:top; max-width:100%;}
.em .link { font-family:'BlackCondensed';  font-style:normal; color:#86b7e2; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;}
.em .link:hover { color:#25527a;}
.em .section2 { float:left; width:100%; position:relative; z-index:999; text-align:center; }
.em .section2 h4{ color:#86b7e2; font-family:'BlackCondensed';  font-style:normal; font-weight:normal;  font-size:15px; line-height:23px; text-transform:uppercase;}
.em .section2 h4 a{  color:#86b7e2; }
.em .section2 h4 a:hover{  color:#25527a; }
.em .section2 .gallery { float:left; width:100%;  margin:30px 0 0; }
.em .section2 .gallery a { float:left; width:48.5%; margin-bottom:3%;} 
.em .section2 .gallery a:nth-child(odd){ float:right;}
.em .mfp-image-holder .mfp-content  { max-width:568px; width:100%;}
.em .mfp-image-holder .mfp-content .mfp-figure img{ width:100%; max-height:862px!important;}
.em .mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.em .mfp-fade.mfp-bg.mfp-ready {  opacity: 0.8;}
.em .mfp-fade.mfp-bg.mfp-removing {  opacity: 0;}
.em .mfp-fade.mfp-wrap .mfp-content {  opacity: 0;  -webkit-transition: all 0.15s ease-out;  -moz-transition: all 0.15s ease-out;  transition: all 0.15s ease-out;}
.em .mfp-fade.mfp-wrap.mfp-ready .mfp-content {  opacity: 1;}
.em .mfp-fade.mfp-wrap.mfp-removing .mfp-content {  opacity: 0;}
.em .section3 { float:left; width:100%; margin:20px 0; }
.em .videoarea { float:left; width:100%; position:relative; padding-bottom:66%; border:3px solid #8dc0ed;}
.em .videoarea:first-of-type { margin-bottom: 1em }
.em .videoarea .iframe { position:absolute; left:0px; top:0px; width:100%; height:100%;}

/***** footerstyles goes here *****/
.em footer { float:left; width:100%; position:relative; z-index:999; padding-bottom:80px; margin:25px 0 0 0 ; }
.em footer .footer-btns{ float:left; width:100%; }
.em footer .row { float:left; width:100%; margin-bottom:15px;}
.em footer .row .col1 { float:left; width:100%;}
.em footer .row .col2 { float:left; width:48.8%;}
.em footer .row .col2:last-child { float:right; width:49%; }
.em footer .row .col2:last-child .btn { letter-spacing:0px;}
.em footer .footer-socials{ float:left; width:100%; text-align:center; margin:18px 0 0 0;} 
.em footer .footer-socials ul { display:inline-block; vertical-align:top;}
.em footer .footer-socials ul li:not(:last-child){ margin-right:32px;} 
.em footer .footer-socials ul li { display:inline-block; vertical-align:top; font-size:18px; line-height:23px;  font-family:'BoldCondensed';   
font-style:normal; letter-spacing:3px; }
.em footer .footer-socials ul li a{ color:#86b7e2; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; letter-spacing:2px; }
.em footer .footer-socials ul li a:hover { color:#fff;}