/*************************** EMBEDDING FONTS *****************************************/


/*************************** DEFAULT 1280 * 720PX LAYOUT *****************************/
html, body {height: 100%}
body {background-color: #3f8dcb; font-size: 100%;}
img {width: 100%;}
* {font-weight: normal;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;}

section {
    min-height: 100%;
    width: 100%;
    background-color: #3f8dcb;
    display: none;
}

.intro {display: block; width:100%;min-height: 0;height: 100%; position: absolute; background-color: #fff;z-index: 50}
.intro > figure {display: none; width: 40%; height: auto; margin:0 auto; padding-top: 10%; position: relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

nav {
    width:100%;
    display: none;
    position: fixed;
    background-color: #333;
    z-index: 100;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
    box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
}

nav ul {
    width: 60%;
    margin: 0 auto;
    padding: 0.5% 0;
    text-align: center;
}

nav ul li {
    list-style-type: none;
    display: inline;
    padding:0 3%;
}

ul {list-style-type: none;}

.content {
  width: 55%;
  height: auto;
  margin: 0 auto;
  padding-top: 2.5%;
}

figure {
  width:100%;height: auto;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
}

.scrollTop {display: none;position: fixed;height:100px;width: 100px;bottom:7.5%;right: 4%;cursor: pointer;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.scrollTop:hover {background: #333}

video {
  width:100%;
  height: auto;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
}

.iframeCont {
  display: none;
  position: relative;
  padding-bottom: 56.25%;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.75);
}

.iframeCont > iframe {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content ul li {text-align: center;}

.fleft {float:left;margin-left: 10%;}
.fright {float: right;margin-right: 10%;}

footer {
  text-align: center;
  color: #fff;
  font-family: Myriad Pro; 
  font-size: 1.000em; 
  font-weight: normal; 
  padding: 5px;
  width:100%;
  bottom: 0;
  display: none;
  position: fixed;
  background-color: #333;
  z-index: 100;
  -webkit-box-shadow: 0px -5px 5px 0px rgba(51, 51, 51, 0.75);
  -moz-box-shadow: 0px -5px 5px 0px rgba(51, 51, 51, 0.75);
  box-shadow: 0px -5px 5px 0px rgba(51, 51, 51, 0.75);}

/*************************** TYPOGRAPHY/LIST-STYLE SETTINGS *******************************************/
h1 {
  color: #fff;
  font-family: Myriad Pro; 
  font-size: 3.500em; 
  font-weight: bold; 
  margin: 0 auto; 
  padding-top: 6.5%; 
  border-bottom: 3px solid #fff; 
  display: table;
  text-shadow: 2px 2px 3px rgba(51, 51, 51, 0.75);
}

.content p {color: #ddd; font-family: Myriad Pro; font-size: 1.175em; font-weight: normal; padding: 6px; text-align: center;margin-bottom: 0.5em;}
.content a {color: #ddd;}
.content p a:hover {background-color: #333;}

nav a {text-decoration: none; color: #fff; font-family: Myriad Pro; font-size: 1.250em; font-weight: normal;}
nav a:hover {text-decoration: underline;}

a.button {display:table;padding: 5px;margin: 5% auto; ; text-decoration: none; color: #fff; font-family: Myriad Pro; font-size: 1.625em; font-weight: bolder; border: 2px solid #fff;}
a.button:hover {background-color: #333;}


a.buttonSmall {display:inline-block; padding: 5px; text-decoration: none; color: inherit; font-family: Myriad Pro; font-size: 1.500em; font-weight: bolder;}

.content ul {margin-top: 2.5%;}
.content ul li {color:#333;}
.content ul li:hover {background: #333;color: #3f8dcb;}

/*************************** CLEARFIX *******************************************/
.cf:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/*************************** @MEDIA *******************************************/
@media \0screen {
  img { 
    width: auto; /* Hack for responsive images in ie 8 */
  }
}

@media only screen and (max-width : 1580px) 
{
}