.clear{clear:both; margin:0; padding:0; height:0; line-height:0%; font-size:1px;}
.hide-text{text-indent:100%; white-space:nowrap; overflow:hidden;}

html, body{height: 100%}
body{position:relative;}
a:active,a:focus{outline:0;}
h2,h3,h4,h6{text-transform:uppercase; font-family:'Montserrat',sans-serif;}
h2{font-size:28px; font-weight:600; color:#555;}
h3{font-size:22px; font-weight:600; color:#EE0197;}
h4{font-size:14px; font-weight:400; color:#EE0197;}
h6{text-transform:none; font-size:16px; color:#999;}
p{line-height:150%; font-family:'Montserrat',sans-serif; font-size:14px; color:#666;}

/* Header */
.navbar{position:fixed; top:0; left:0; right:0; padding:15px; height:75px; text-align:center; background:#FFF; border-radius:0; box-shadow:none;}
.navbar .logo-text{position:absolute; top:12px; left:20px; width:157px; height:50px; background:url(../img/logo-text.png) 0 0 no-repeat; background-size:cover;}
.navbar{width:100%; float:none; margin:0 auto;}
.navbar a{margin:0 4px; text-transform:uppercase; line-height:12px !important; font-family:'Montserrat',sans-serif; font-size:13px; color:#666; transition:all 1s;}
.navbar a:hover{color:#EE0197; background:#F6F6F6;}
.navbar a.cta-grey{position:absolute; top:15px; right:20px; padding:15px; background:#EEE; cursor:pointer;}
.login-popover{display:none; position:absolute; top:40px; left:50%; margin-left:-100px; padding:10px; width:200px; background:#FFF; box-shadow:3px 3px 0 rgba(0,0,0,0.1);}
.login-popover input,.login-form-submit{width:85%; font-family:'Montserrat',sans-serif; font-size:14px; border:none;}
.login-popover input{display:block; margin:5px 0; padding:5px; width:100%; color:#888; background:#FFFFDC; border:#EEE 1px solid;}
.login-popover .login-form-submit{margin:0 auto; padding:5px; width:100%; color:#FFF; text-transform:uppercase; background:#EE0197; transition:all 0.5s;}
.login-popover .login-form-submit:hover{opacity:0.7;}
.login-popover span a{display:block; margin:10px 0 5px; text-transform:none; color:#EE0197;}

/* Reg */
.section-reg{position:relative; width:100%; height:100%; background:#F2F2F2; overflow:hidden; background:url(../img/bg-instagram1.jpg) center 75px no-repeat; background-size:cover;}
.shade{display:none; position:absolute; top:0; left:0; right:0; background:#000; opacity:0.3; height: 100%}
.reg-overlay{display:none; position:absolute; top:70px; bottom:0; left:0; right:0; padding:60px 30px; margin:auto; max-width:510px; height:450px; text-align:center; background:#FFF; box-shadow:0px 0px 0px 12px rgba(0, 0, 0, 0.3);}
.reg-overlay h2{margin:0; line-height:140%; letter-spacing:2px; white-space:nowrap;}
.reg-logo{z-index:2; position:absolute; top:-50px; left:0; right:0; margin:auto; width:100px; height:100px; background:url(../img/logo-badge.png) top center no-repeat; background-size:cover;}
.reg-value{margin:8px 0; text-transform:uppercase; letter-spacing:2px; white-space:nowrap; font-family:'Montserrat',sans-serif; font-size:18px; color:#EE0197;}
.reg-value span{padding:0 8px; text-transform:lowercase; font-family:'Times',serif; font-style:italic; font-size:25px; letter-spacing:1px;}
.reg-form{margin-top:20px; text-align:center;}
.reg-form input,.reg-form-submit,.reg-skip{width:85%; font-family:'Montserrat',sans-serif; font-size:14px; border:none;}
.reg-form input{display:block; margin:8px auto; padding:10px; color:#888; background:#FFFFDC; border:#999 1px solid;}
.reg-form .reg-form-submit{margin:0 auto; padding:10px; color:#FFF; font-size: 18px; text-transform:uppercase; background:#EE0197; transition:all 0.5s;}
.reg-form .reg-form-submit:hover{opacity:0.7;}
.reg-form .reg-skip{display:block; margin:8px auto 0; padding:10px; color:#EE0197; text-transform:uppercase; background:none; border:#EE0197 1px solid; transition:all 0.5s;}
.reg-form .reg-skip:hover{text-decoration:none; opacity:0.5;}

.terms {
    margin-top:10px;
    line-height:12px;
    font-weight: 8px;
}
.termsskip {
    margin-top:35px;
    line-height:12px;
    font-weight: 8px;
}

.termsskip a {
  text-decoration: underline;
  color: #999;
}

.reg-tos{margin-top:12px; font-family:'Montserrat',sans-serif; font-size:12px;}
.reg-tos a{color:#EE0197;}


/* Footer */
footer{text-align:center; text-transform:uppercase; font-family:'Montserrat',sans-serif; font-size:14px; color:#999; background:#3A3A3A;}
footer .footer-top{padding:20px 0;}
footer .footer-bottom{padding:10px; background:#F2F2F2;}
footer .logo-text{width:100px; height:32px; background:url(../img/logo-text-white.png) 0 0 no-repeat; background-size:cover;}
footer .footer-nav{padding:0; margin:7px 0 0; list-style:none;}
footer .footer-nav li{display:inline-block; margin:0 20px;}
footer .footer-nav a{color:#FFF;}

/* ANIMATIONS */


/* MOBILE SIZES */

@media only screen and (max-width: 991px) {
    .reg-overlay h2{font-size:22px;}
    .reg-logo{top:-40px; width:80px; height:80px;}
    .navbar-nav .nav-right{float:none;}
    .navbar-nav a.cta-grey{color:inherit; background:none;}
    .navbar-nav a.cta-grey:hover{color:#EE0197; background:#F6F6F6;}
    .reg-overlay{padding:40px 20px;}
    footer .logo-text{margin:0 auto;}
    footer .footer-nav li{display:block;}
    .terms {margin-bottom: 10px;}
}

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

    .reg-overlay{padding:40px 20px; height:350px; opacity:0.95;}
    .reg-overlay h2{font-size:13px; white-space:normal;}

    .reg-overlay p{display:none;}
    .reg-value,.cta-break .reg-value{font-size:11px;}
    .reg-value span,.cta-break .reg-value span{padding:0 2px; font-size:18px;}

    .reg-form .reg-skip{font-size:9px;}
    .terms {font-size:10px;}


    .reg-fp{display:none;}

}

@media only screen and (max-height: 767px) {
    .section-reg{height: 767px;}
}