/* 2015 World Gymnastics Championships Glasgow*/
/* Holding Page - Style sheet */
/* Author - Nick Adams - 19/09/2013 */
* {
    padding: 0;
    margin: 0;
    font-size: 100%;
    background: transparent;
}

body {font-size:62.5%}

/* Sticky header */

#floatingheader { background-color:rgba(0, 0, 0, 0.6); margin:0 auto; padding:5px 0 0 0; height: 110px; width: 100%; position: fixed; top: 0; z-index:10;}
#footercontainer { margin:0 auto; padding:0; width:960px;}
#logo { margin:10px 10px 0 0; padding:20px 0 0 0; width:258px; height:70px; border-right:1px #444 solid; display:block; float:left;}
#nav { margin:10px 10px 0 0; padding:20px 0 0 0; height:70px;  border-right:1px #444 solid; float:left;}
#nav a {color:#fff; font-size:1.2em; font-weight:bold; text-decoration:none; display:inline-block; margin:0 20px 0 10px; padding:0 0 18px 0; float:left;}
#nav a:hover, #subscribe a:hover {color:#ccc; border-bottom:1px solid #C06;}
#counter1 { margin:10px 0 20px 0; padding:20px 10px 0 0; height: 70px; width: 165px; display:inline-block; border-right:1px #444 solid; float:left;}
.counterBold {font-family:Oswald; font-weight:bold; color:#C06; font-size: 1.7em; float:left; margin:0; display:block; width:32px; text-align:center;}
.counterLabel {font-family:Oswald; font-weight:bold; color:#C06; font-size: 0.9em; float:left; margin:0;display:block; width:32px; text-align:center;}
#subscribe { margin:0; padding:0; float:left;}
#subscribe a {color:#fff; font-weight:normal; text-decoration:none; display:inline-block; margin:32px 10px 0 0; padding:0 0 10px 0; border-bottom:1px solid #444;}

/* Article Defaults */
article h2 { font-family: 'Helvetica', arial, san-serif; font-size: 3.2em; margin: 20px 0 10px 0; line-height: 1em; color:#fff; text-align:center; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }
article a { color:#FFF;}
article p { font-family: 'Helvetica', arial, sans-serif; font-size: 1.3em; line-height:1.3em;}
article { position:relative; top:140px;}
.story { height: 900px; padding: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto;  border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#first { background: #000;}
#second { background: #000}
#third { background: url(../images/slide1.jpg) #17479e 50% 0 no-repeat fixed; margin-top:0;}
#fourth { background: url(../images/slide2.jpg) #b5d336 50% 0 no-repeat fixed;}
#fith { background: url(../images/slide3.jpg) #7ed0df 50% 0 no-repeat fixed;}
#sixth { background: url(../images/slide4.jpg) #000 50% bottom no-repeat fixed;}

/* Animated Logo */
#first article { width: 100%; position: absolute; text-align: center; }
#first article p,
#first article a { color: #ccc; }
#first article a { text-decoration: underline; }
#first article a:hover { color: #fff; }
#signup { background: #C06; height: 120px; padding: 0; margin: 0; width: 100%; position:absolute; top:500px; text-align:center; z-index:1;}
#signup a {color:#fff;}
#signup a:hover {color:#333; text-decoration:none;}
.signuptext {font-size:1.4em; font-weight:bold; margin:10px auto; text-align:center; color:#fff; max-width:560px; width:100%;}
#first .scrollbtn { width: 100%; top: 790px; position: absolute; text-align: center;}
#first .scrollbtn p {color:#ccc; font-family: 'Helvetica', Arial, sans-serif; font-size:1em; margin-bottom:5px;}
#first .counter2wrapper { background:transparent; left:-12px; position: absolute; top:270px; z-index:2; text-align:center; width:100%; margin:0 auto;}
#first .counter2wrapper p {font-family:Oswald; color:#C06; font-size: 1.2em; text-align:center; margin:0; padding:0 0 5px 0;}
#counter2 { font-family:Oswald; margin:0 0 5px 0; padding:0; width:130px; display:inline-block;}
.counter2Bold {font-family:Oswald; font-weight:bold; color:#FFF; font-size: 1.5em; float:left; margin:0; padding: 0; text-align:center; display:block; width:26px;}
.counter2Label {font-family:Oswald; font-weight:bold; color:#FFF; font-size: 0.8em; float:left; margin:0;  padding: 0; text-align:center; display:block; width:26px;}
#first .ani-clock {background:transparent; width:100%; position:relative; top:100px; z-index:1; text-align:center;}
#antwerpBtn { width: 100%; top: 640px; position: absolute; text-align: center;}

/* Hold On */
#second article {  width: 100%; top: 350px; position: absolute; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); color: #fff; max-width: 1920px; }
#second article H1 { font-size: 7em; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }
#second .dotted { border-bottom: 5px #C06 dotted; display: inline-block; }
#second article H3 { font-size: 1.5em; font-weight:normal; margin:25px; }
#second article p { margin-bottom: 25px; color: #fff; }
#second article a { color: #ff0;}
#second .photograph { background: url(../images/Hold-On-Hands.png) transparent no-repeat fixed; min-height: 900px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }

/* The Event and Video */
#third article { line-height: 1.4em; width: 100%; position: relative; margin: 0 auto; text-align: center;}
#third article p { color:#FFF; width: 95%; margin:0 auto; max-width:600px;}
#third .scrollbtn { width: 100%; top: 770px; position: absolute; text-align: center;}
#third .scrollbtn p {color:#fff; font-family: 'Helvetica', Arial, sans-serif; font-size:10px; margin-bottom:10px;}

/* THE Venue */
#fourth article { line-height: 1.4em; width: 100%;  position: relative; margin: 0 auto; text-align: center; }
#fourth article p { color:#330; width:95%; max-width: 600px; margin:0 auto;}
#fourth .photograph {background: url(../images/photos-arena.jpg) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#fourth .scrollbtn { width: 100%; top: 700px; position: absolute; text-align: center;}
#fourth .scrollbtn p {color:#fff; font-family: 'Helvetica', Arial, sans-serif; font-size:10px; margin-bottom:10px;}
#urlbar { background-color:rgba(0, 0, 0, 0.6); height: 40px; padding: 0; text-align:center; width: 100%; position:absolute; top:600px; z-index:1px;}
#fourth #urlbar p {color: #fff; padding:10px 0 0 2px; text-align:center; display:inline-block;}
#fourth #urlbar .underline { border-bottom:1px #fff dotted;}
#fourth #urlbar a {color: #fff; text-decoration:none;}
#fourth #urlbar a:hover {color: #b5d336;}

/* The City */
#fith article { line-height: 1.4em; width: 100%; position: absolute;  text-align: center; }
#fith article p { color:#366; width:95%; max-width: 600px; margin:0 auto;}
#fith .photograph {background: url(../images/photos-city.jpg) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#fith .scrollbtn { width: 100%; top: 700px; position: absolute; text-align: center;}
#fith .scrollbtn p {color:#fff; font-family: 'Helvetica', Arial, sans-serif; font-size:10px; margin-bottom:10px;}
#urlbar { background-color:rgba(0, 0, 0, 0.6); height: 40px; padding: 0; text-align:center; width: 100%; position:absolute; top:640px; z-index:1px;}
#fith #urlbar p {color: #fff; padding:10px 0 0 2px; text-align:center; display:inline-block;}
#fith #urlbar .underline { border-bottom:1px #fff dotted;}
#fith #urlbar a {color: #fff; text-decoration:none;}
#fith #urlbar a:hover {color: #7ed0df;}

/* Stay intouch */
#sixth article {  background: transparent; color: #fff; margin:0 auto;  line-height: 1.5em;}
#sixth article h2 { font-size: 3.2em; margin:0 auto; padding:100px 0 20px 0; line-height: 1em; color:#C06; text-align:center; width: 95%x; max-width:560px;}
#sixth article H4 { width: 95%x; max-width:560px; margin: 0 auto; font-size: 16px; line-height: 1.5em; font-weight: bold; text-align:center; padding:0;}
#sixth .footer { background: #C06; position:absolute; bottom:0; min-height:120px; text-align: center; padding: 0; margin: 0; width: 100%; z-index:1;}
#sixth .logos { width:60%; min-width:485px; float:left;}
#sixth .logosHolder {width:485px;margin-left:auto; margin-right:auto;margin-top:15px;}
#sixth .logosHolder img {float:left;margin-top:15px;}
#sixth .links { width:40%; min-width:320px; margin-top:30px; float:left; margin-bottom:20px;}
#sixth .links ul {float:left;list-style:none; text-align:left; margin:0 0 0 20px; }
#sixth .links ul a {text-decoration:none;}
#sixth .links ul a:hover {color:#333}
#sixth .social a img {border:none;}
#sixth .social { margin:20px auto; padding:0; height: 80px; width:350px; text-align:center; border-bottom: 2px #c06 dotted;}
#sixth p { color:#ccc; width:95%; max-width: 600px; margin:0 auto; padding:20px 0 30px 0; text-align:center;}
#sixth a {color:#fff;}
#sixth a:hover {color:#c06; text-decoration:none;}

/* Images */
img {max-width: 100%;}

/* Forms */
.terms {color:#fff; font-size:0.9em;}
#tickbox1 { width:100%; margin:0 auto; padding:20px 0 20px 0; clear:left; text-align:center;}
.check1 {width: 13px; height: 13px; padding: 0; margin:5px 0 0 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;}
.label1 {font-size:1.2em; margin:0 0 0 10px; padding:0; color:#fff;}
#tickbox2 { width:300px; margin:0 auto; padding:20px 0 20px 0; clear:left;}
.check2 {width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;}
.label2 {font-size:1.2em; margin:0 0 0 10px; padding:0;}
#first .subscribe { margin: 0 auto; padding:15px 0 15px 0; width:380px; text-align:center; clear:left;}
#first .textfield { width: 200px; margin:0; padding: 5px 5px 5px 10px; margin:0; background:#c06; color:#f9c; font-size: 1.2em; border:1px #a10652 solid; Box-shadow:0 0 10px rgba(0,0,0,0.3) inset; float:left}
#first .submit { width: 50px; margin:0; padding: 5px 0 5px 0; background: #af0658; border:1px #a10652 solid; font-size: 1.2em; font-weight:bold; color: #f9c; text-align:center; float:left}
#first .submit:hover {color:#fff; border:1px #F9C solid;} 
#sixth .subscribe { margin:0 auto; padding:0; width:310px; text-align:center;}
#sixth .textfield { width: 225px; padding: 10px; margin:0; background:#333; float:left; color:#888; font-size: 1.4em; border: 1px #333 solid; Box-shadow:0 0 10px rgba(0,0,0,0.3) inset;}
#sixth .submit { width: 60px; padding: 10px; margin:0; background: #c06; float:left; border: 1px #936 solid; font-size: 1.4em; color: #fff;}
#sixth .submit:hover {color:#fff; border: 1px #fff solid;}

/* Terms pop up */
#termsPopUp {background: #000; width:100%; max-width:300px; display:none;}
#termsPopUp h1 {width:100%;color:#c06; font-size:1.5em; margin-bottom:10px; text-transform:uppercase;font-weight:normal}
#termsPopUp h2 {width:100%;color:#fff; font-size:0.9em; margin-bottom:4px;font-weight:bold;}
#termsPopUp p {width:100%;color:#ccc; font-size:0.9em;margin-bottom:10px;}
#termsPopUp a {color:#c06;}
#termsPopUp a:hover {color:#fff;}


/* YouTube resize div */
.videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}