/* ##########  ##########  ########## CSS RESET STYLES ##########  ##########  ##########  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, /*sub, sup,*/ tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    outline: none;
    font-size: 100%;
    vertical-align: baseline;
    text-decoration:none;
    background: transparent;
}

textarea { resize: none; }
body { line-height: 1; }
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none;
    border: none;
    outline: none;
}

/*::-moz-selection { background: #ab742e; }
::selection { background: #ab742e; }*/

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on August 23, 2016 */
@font-face {
    font-family: 'gotham_htfblack';
    src: url('fonts/gothamhtf-black-webfont.woff2') format('woff2'),
         url('fonts/gothamhtf-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfbold';
    src: url('fonts/gothamhtf-bold-webfont.woff2') format('woff2'),
         url('fonts/gothamhtf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htflight';
    src: url('fonts/gothamhtf-light-webfont.woff2') format('woff2'),
         url('fonts/gothamhtf-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfmedium';
    src: url('fonts/gothamhtf-medium-webfont.woff2') format('woff2'),
         url('fonts/gothamhtf-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gotham_blackregular';
    src: url('fonts/gotham-black-webfont.woff2') format('woff2'),
         url('fonts/gotham-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_boldregular';
    src: url('fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_bookregular';
    src: url('fonts/gotham-book-webfont.woff2') format('woff2'),
         url('fonts/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('fonts/gotham-medium-webfont.woff2') format('woff2'),
         url('fonts/gotham-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_lightregular';
    src: url('fonts/gotham-light-webfont.woff2') format('woff2'),
         url('fonts/gotham-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*##########################*/

.container {
    width: 970px;
}

body {
    font-size: 15px;
    font-family: 'gotham_bookregular';
    font-weight: normal;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'gotham_boldregular';
    font-weight: normal;
    font-size: 18px;
}

.bolder { font-family: 'gotham_mediumregular'; font-weight: normal; }

p {
    font-size: 15px;
    line-height: 24px;
}

.duration {
    font-size: 15px !important;
    font-family: 'gotham_bookregular' !important;
}

header {
    float: left;
    width: 100%;
    /*background: red;*/
    padding: 45px 0 35px 0;
}

#logo {
    float: left;
    margin: 5px 0px 0px 0px;
    display: inline-block;
}

header ul {
    float: right;
    width: auto;
    padding: 10px 0px 0px 0px;
}

header ul li {
    float: left;
    width: auto;
    padding: 0px 18px 0px 0px;
}

#subscribe_link, #share_link, #share_link_mobile {
    padding: 15px 20px 15px 20px;
    float: right;
    border: 2px solid #000;
    color: #000;
    font-size: 12px;
    font-family: 'gotham_boldregular';
    font-weight: normal;
    border-radius: 2px;
    background: #fff;
}

#share_link, #share_link_mobile {
    min-width: 113px;
    text-align: center;
    margin: 0px -1px 0px 0px;
    padding: 13px 0px 13px 0px;
    position: relative;
    z-index: 99;
}

#youtube_video {
    float: left;
    width: 100%;
    padding: 0px 0px 20px 0px;
}

#content {
    float: left;
    width: 100%;
}

#content h1 {
    margin: 11px 0 31px 0;
}

#notify_me {
    float: left;
    width: 100%;
    background: #000;
    text-align: center;
    color: #fff;
    padding: 90px 0px 94px 0px;
    margin: 80px 0 0 0;
}

#notify_me h1 {
    font-size: 28px;
    padding: 0px 0px 15px 0px;
}

#notify_me p {
    font-size: 15px;
}

#notify_me input[type="text"] {
    float: left;
    width: 75%;
    background: #fff;
    border: 3px solid #fff;
    height: 65px;
    padding: 0px 0px 0px 25px;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    font-family: 'gotham_bookregular';
    margin-top: 39px;
}
#notify_me input[type="text"].error {
    border: 3px solid red;
}

#notify_me input[type="submit"] {
    float: right;
    width: 23%;
    background: none;
    border: 3px solid #fff;
    height: 65px;
    font-size: 15px;
    font-weight: normal;
    font-family: 'gotham_boldregular';
    margin-top: 39px;
}

label.error {
    font-size: 0px;
    width: 0px;
    height: 0px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.accordion {
    border-bottom: 1px solid #dfe0e0;
    width: 100%;
    margin: 30px 0 0 0;
}
.accordion p {
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
}
.accordion strong {
    font-weight: normal;
    font-family: 'gotham_boldregular';
}
.accordion-toggle {
    border-top: 1px solid #dfe0e0;
    /*border-bottom: 1px solid #dfe0e0;*/
    cursor: pointer;
    margin: 0;
    padding: 21px 0;
    position: relative;
    text-transform: uppercase;
}
.accordion-toggle.active:after, .accordion-toggle:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 26px;
    background: url("../images/arrow_up.png") no-repeat left top;
    background-size: cover;
    width: 16px;
    height: 10px;
}
.accordion-toggle:before {
    background: url("../images/arrow_down.png") no-repeat left top;
    background-size: cover;
}
.accordion-toggle.active:before {
    display: none;
}
.accordion-content {
    display: none;
    /*border-bottom: 1px solid #dfe0e0;*/
    padding: 6px 0 20px 0;
}
.accordion-toggle.active {
    color: #000;
    border-bottom: 1px solid #fff;
}

footer {
    float: left;
    width: 100%;
    background: #0f0f0f;
}

footer ul {
    float: left;
    width: 100%;
    padding: 13px 0px;
}

footer ul li {
    float: left;
    width: auto;
    margin: 0px 52px 0px 0px;
    color: #939598;
    font-size: 13px;
}

footer ul li:last-child { margin-right: 0px; float: right; }

footer ul li a, footer ul li a:hover {
    color: #939598;
}

#sharePopup {
    display: none;
    position: absolute;
    right: 125px;
    top: -12px;
}

#sharePopupMobile {
    display: none;
}

#copied {
    position: absolute;
    right: 140px;
    top: 45px;
    display: inline-block;
    background: #000;
    color: #fff;
}

.terms_of_use_content p {
    margin-bottom: 25px;
}

.terms_of_use_content a {
    color: #000;
}

.terms_of_use_content ol {
    list-style: decimal;
    list-style-position: outside;
    padding: 0px 0px 40px 18px;
}

.terms_of_use_content strong {
    font-family: 'gotham_boldregular';
}




.hidden_viewports {
    width: 300px;
    height: 200px;
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999999;
    margin: -100px 0px 0px -150px;
    display: none;
    border-radius: 8px;
}

.hidden_viewports p {
    color: #000;
    font-family: 'gotham_bookregular';
    font-size: 15px;
    line-height: 30px;
    padding-top: 70px;
}

#overlay_devices {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    opacity: 0.7;
    background: #000;
    z-index: 99999;
}


#Video_Placeholder, .Video_Inside_Placeholder {
    display: none;
}


.jssocials-share, .jssocials-shares { margin-top: 0px; }
.jssocials-share { margin-top: 1px; }

.jssocials-share-link, .jssocials-share-link:hover, .jssocials-share-link:focus {
    width: 42px;
    height: 42px;
    display: inline-block;
    padding: 0px;
    border: 2px solid #000;
    border-radius: 2px;
}

.jssocials-share-logo {
  display: block;
  background: red;
  width: 100%;
  height: 100%;
  font-size: 0px;
}

.jssocials-share-logo.fa-facebook {
    background: #fff url("../images/sharing_icons.png") no-repeat left top;
}
.jssocials-share-logo.fa-twitter {
    background: #fff url("../images/sharing_icons.png") no-repeat -40px top;
}
.jssocials-share-logo.fa-at {
    background: #fff url("../images/sharing_icons.png") no-repeat -80px top;
}
.jssocials-share-logo.fa-clipboard {
    background: #fff url("../images/sharing_icons.png") no-repeat -120px top;
}

#desktop_sharing {
    float: left;
    width: 100%;
    position: relative;
}

#msg_status {
    font-size: 14px;
    float: left;
    width: 100%;
    text-align: left;
    padding: 10px 0 0 0;
    display: none;
}


#page_not_found{text-align:center; margin-top: 50px; float: left; width: 100%;}
#page_not_found p{font-size:16px;line-height:25px;}
.circle_not_found{width:200px;height:200px;border:6px solid #555;border-radius:50%;margin:50px auto 30px auto;}
.circle_not_found h2{font-size:75px;color:#555;text-align:center;line-height:190px;font-family:'gotham_boldregular';}

#coming_soon {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -55%);
}
#coming_soon p { font-size: 17px; }


@media screen and (max-width: 767px) {
    .container { width: 100%; }
    iframe { width: 100% !important; height: 200px; }
    #logo img { margin-top: 1px; width: 160px; }
    header {
        padding: 30px 0 30px 0;
    }
    #subscribe_link {
        padding: 0px;
        width: 90px;
        height: 31px;
        line-height: 29px;
        text-align: center;
    }

    #youtube_video, .video_inside {
        position: relative;
    }

    #youtube_video .col-xs-12 { padding-left: 0px !important; padding-right: 0px !important; }

    #Video_Placeholder, .Video_Inside_Placeholder {
        display: block;
        width: 100%;
    }

    #youtube_video iframe, .video_inside iframe {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100% !important;
        height: 100% !important;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 16px;
    }
    p {
        font-size: 13px;
        line-height: 23px;
        text-align: center;
    }

    .accordion p {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 0px 5px 0px;
    }

    .accordion-content { padding-bottom: 15px; }

    .aling_center_mobile { text-align: center; }

    #content h1 { margin-top: 0px; margin-bottom: 15px; }

    .duration {
        font-size: 13px !important;
    }

    .mobile_padding  {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #share_link, #share_link_mobile {
        float: left;
        width: 100%;
        display: block;
        margin: 28px 0 0 0;
    }

    .accordion-toggle {
        font-size: 14px;
        font-family: 'gotham_bookregular';
        font-weight: normal;
        /*padding: 17px 0px 16px 0px;*/
        padding: 17px 20px 16px 0px;
        line-height: 18px;
    }

    .accordion-toggle.active:after, .accordion-toggle:before {
        right: 10px;
        top: 20px;
    }

    #notify_me {
        margin: 25px 0 0 0;
        padding: 50px 0 40px 0;
    }

    #notify_me h1 {
        font-size: 19px;
        padding: 0px 15px 11px 15px;
        line-height: 28px;
    }

    #notify_me p {
        padding: 0px 15px;
    }

    #notify_me form {
        float: left;
        width: 100%;
        clear: both;
        padding: 0px 30px 0px 30px;
    }
    #notify_me input[type="text"] {
        float: left;
        width: 100%;
        clear: both;
        text-align: center;
        font-size: 14px;
        padding-left: 0px;
        height: 42px;
        background: #fff !important;
        border-radius: 0px !important;

        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
    }
    #notify_me input[type="submit"] {
        float: left;
        width: 100%;
        clear: both;
        margin: 12px 0 0 0;
        font-size: 12px;
        height: 42px;
        border-radius: 0px !important;
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
    }
    footer ul li {
        text-align: center;
        font-size: 11px;
        line-height: 22px;
        padding: 2px 0px;
        margin: 0px;
        float: left !important;
        width: 100%;
    }

    #social_icons_mobile {
        float: left;
        width: 100%;
        text-align: center;
        padding: 48px 0 0 0;
    }
    #social_icons_mobile li {
        display: inline-block;
        margin: 0px 11px;
    }

    #subscribe_link_mobile {
        float: left;
        width: 100%;
        padding: 0px 15px;
    }

    #mobile_icons #subscribe_link {
        float: left;
        width: 100%;
        background: none;
        color: #fff;
        border-color: #fff;
        font-size: 12px;
        height: 42px;
        line-height: 38px;
        padding: 0px;
        margin: 45px 0 5px 0;
    }

    .jssocials-shares { text-align: center; }

    .terms_of_use_content {
        padding-top: 20px;
    }
    .terms_of_use_content {
        padding-top: 20px;
    }
    .terms_of_use_content p {
        text-align: left;
    }

    .jssocials-share-logo.fa-facebook {
        background: #fff url("../images/sharing_fb.png") no-repeat left top;
        background-size: cover;
    }
    .jssocials-share-logo.fa-twitter {
        background: #fff url("../images/sharing_twitter.png") no-repeat left top;
        background-size: cover;
    }
    .jssocials-share-logo.fa-at {
        background: #fff url("../images/sharing_email.png") no-repeat left top;
        background-size: cover;
    }
    .jssocials-share-logo.fa-clipboard {
        background: #fff url("../images/sharing_copy.png") no-repeat left top;
        background-size: cover;
    }

}




/*IPAD*/
/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    #ipad_portrait, #overlay_devices { display: block; }
    body { overflow: hidden !important; position: relative; height: 100%; }
    #the_box, #how_does_it_works, #about, #q_a, #contact { display: none; }
}
/* Portrait */ /* ----------- iPad 3 and 4 ----------- */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
    #ipad_portrait, #overlay_devices { display: block; }
    body { overflow: hidden !important; position: relative; height: 100%; }
    #the_box, #how_does_it_works, #about, #q_a, #contact, footer { display: none; }
}


/*IPAD*/


/* ----------- MOBILE ----------- */
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait */
/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    #mobile_landscape, #overlay_devices { display: block; }
    body { overflow: hidden; }
}
/* ----------- iPhone 5 and 5S ----------- */
/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    #mobile_landscape, #overlay_devices { display: block; }
    body { overflow: hidden; }
}
/* ----------- iPhone 6 ----------- */
/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    #mobile_landscape, #overlay_devices { display: block; }
    body { overflow: hidden; }
}
/* ----------- iPhone 6+ ----------- */
/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    #mobile_landscape, #overlay_devices { display: block; }
    body { overflow: hidden; }
}
/* ----------- MOBILE ----------- */

/* old Smartphones (portrait) ----------- */
@media only screen and (max-width : 500px) {
    /* Styles */
    #mobile_landscape, #overlay_devices { display: none !important; }
}