@import url('normalize.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic);
@import url(https://fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Lato:300|Coustard:900);

::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Open Sans';
    /*opacity: 0.6;*/
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Open Sans';
    opacity: 0.6;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    opacity: 0.6;
}

:-ms-input-placeholder {
    color: #fff;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    opacity: 0.6;
}

html,
body {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Lato';
    font-size: 14px;
}


.wrapper {
    position: relative;
    overflow-y: hidden;
}

.wrapper .header {
    padding-top: 0% !important;
}

.jux_header.header {
    padding-top: 12% !important;
}

.wrapper .header,
.wrapper .main,
.wrapper .footer {
    position: relative;
    z-index: 9;

    text-align: center;
}

.wrapper .header .vcb_logo {
    display: inline-block;
    margin: 0 auto;
    padding: 2% 0 5%;
    max-width: 230px;
    transition: transform 0.5s;
}

.wrapper .main .vcb_messages {
    text-align: center;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.14);
    margin-bottom: 50px;
}

.wrapper .main .vcb_messages .title {
    margin: 0 0 10px 0;
    font-size: 65px;
    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    font-weight: 500;
}

.wrapper .main .vcb_messages .caption {
    margin: 0;
    font-size: 20px;
    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    font-weight: normal;
}

.wrapper .main .vcb_countdown {
    text-align: center;
    color: #fff;
    font-weight: lighter;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.14);
}

.wrapper .main .vcb_countdown #DateCountdown {
    margin: 0 auto;
}

.wrapper .main .vcb_countdown .countdown-section {
    display: inline-block;
}

.wrapper .main .vcb_countdown .countdown-section .countdown-amount {
    display: block;
    font-size: 80px;
}

.wrapper .main .vcb_countdown .countdown-section .countdown-period {
    font-size: 24px;
}

.wrapper .footer .block-email {
    position: relative;
    text-align: center;
    margin: 0 auto;
    border-radius: 2px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-appearance: none;
}


.wrapper .footer .block-email:hover {
    border-color: rgba(255, 255, 255, 0.3);
}

.wrapper .footer .block-email i {
    color: #fff;
    /*opacity: 0.6;*/
    font-size: 24px;
}

.wrapper .footer .block-email i.fa-envelope-o {
    position: absolute;
    top: 0%;
    left: 0%;
    line-height: 50px;
    margin-left: 5%;
    color: #fff;
}


.wrapper .footer .block-email i.fa-arrow-circle-right {
    position: absolute;
    top: 0%;
    right: 0%;
    line-height: 40px;
    margin-right: 5%;
    width: 100%%;
}

.wrapper .footer .block-email input[type="text"] {
    height: 52px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    border: 3px solid #fff0;
    font-weight: lighter;
    background: rgba(40, 57, 101, 0);
    line-height: 40px;

}

.wrapper .footer .block-email input[type="text"]:focus {
    outline: none;
}

.wrapper .footer .block-email button {
    border: none;
    background: transparent;
    float: right;
    height: 40px;
    margin-top: -45px;
    position: relative;
    width: 38px;
    z-index: 99;
    outline: none;
}

.wrapper .footer .block-email button:focus {
    border: 0px;

}

.wrapper .footer .block-email button:hover i {
    transform: scale(1.2);
}

.wrapper .footer .block-email button i {
    transition: transform .2s;
}

.wrapper .footer .lightsocial {
    display: none;
}

.wrapper .footer .social {
    width: 100%;
    height: auto;
}

.wrapper .footer .social .jux_facebook:hover {
    color: #fff;
    background: #3A589B;
    border: solid 2px #3A589B;

}

.wrapper .footer .social .jux_twitter:hover {
    color: #fff;
    background: #67C8E9;
    border: solid 2px #67C8E9;
}

.wrapper .footer .social .jux_google-plus:hover {
    color: #fff;
    background: #D64136;
    border: solid 2px #D64136;
}

.wrapper .footer .social .jux_pinterest:hover {
    color: #fff;
    background: #F0787A;
    border: solid 2px #F0787A;
}

.wrapper .footer .social .jux_instagram:hover {
    color: #fff;
    background: #D8CBB8;
    border: solid 2px #D8CBB8;
}

.wrapper .footer .social .jux_youtube-square:hover {
    color: #fff;
    background: #CF3427;
    border: solid 2px #CF3427;
}

.wrapper .footer .social .jux_vimeo-square:hover {
    color: #fff;
    background: #1FB9EB;
    border: solid 2px #1FB9EB;
}

.wrapper .footer .social .jux_skype:hover {
    color: #fff;
    background: #49C7F7;
    border: solid 2px #49C7F7;
}

.wrapper .footer .social .jux_dribbble:hover {
    color: #fff;
    background: #F7F7F7;
    border: solid 2px #F7F7F7;
}

.wrapper .footer .social .jux_delicious:hover {
    color: #fff;
    background: #3173D1;
    border: solid 2px #3173D1;
}

.wrapper .footer .social .jux_tumblr-square:hover {
    color: #fff;
    background: #3A5775;
    border: solid 2px #3A5775;
}

.wrapper .footer .social .jux_lastfm-square:hover {
    color: #fff;
    background: #FBFBFB;
    border: solid 2px #FBFBFB;
}

.wrapper .footer .social .jux_dropbox:hover {
    color: #fff;
    background: #017EE6;
    border: solid 2px #017EE6;
}

.wrapper .footer .social .jux_deviantart:hover {
    color: #fff;
    background: #E6E6E6;
    border: solid 2px #E6E6E6;
}

/*social tab*/
.jux-offlinepage-social .jux_facebook:hover {
    color: #3A589B;
}

.jux-offlinepage-social .jux_twitter:hover {
    color: #67C8E9;
}

.jux-offlinepage-social .jux_google-plus:hover {
    color: #D64136;
}

.jux-offlinepage-social .jux_pinterest:hover {
    color: #F0787A;
}

.jux-offlinepage-social .jux_instagram:hover {
    color: #272320;
}

.jux-offlinepage-social .jux_youtube-square:hover {
    color: #CF3427;
}

.jux-offlinepage-social .jux_vimeo-square:hover {
    color: #1FB9EB;
}

.jux-offlinepage-social .jux_skype:hover {
    color: #49C7F7;
}

.jux-offlinepage-social .jux_dribbble:hover {
    color: #F7F7F7;
}

.jux-offlinepage-social .jux_delicious:hover {
    color: #3173D1;
}

.jux-offlinepage-social .jux_tumblr-square:hover {
    color: #3A5775;
}

.jux-offlinepage-social .jux_lastfm-square:hover {
    color: #FBFBFB;
}

.jux-offlinepage-social .jux_dropbox:hover {
    color: #017EE6;
}

.jux-offlinepage-social .jux_deviantart:hover {
    color: #E6E6E6;
}

/*end*/
.wrapper .footer .social>li {
    text-align: center;
    float: left;
    margin: 0 7px 0 0;
    cursor: pointer;
    list-style: none;
}

.jux-social li {
    transition: transform 0.5s;
    display: block;
    margin: 7px;
}

.wrapper .footer .social>li>a,
.jux-social>li>a {
    height: 53px;
    width: 53px;
    color: #fff;
    font-size: 25px;
    padding: 13px 0 0 0;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.wrapper .footer .social>li>a:hover {
    color: #7f8da1;
    opacity: 1;
}

.wrap .container .header {
    position: relative;
    z-index: 9;

    text-align: center;
}

.wrap .container .header .vcb_logo {
    margin: 0 auto;
    padding: 3% 0 2%;
}

/* Pulse */
@-webkit-keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse:hover,
.pulse:focus,
.pulse:active {
    transform: scale(1.3);
    /*-webkit-animation-name: pulse;*/
    /*animation-name: pulse;*/
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.vcb_logo.pulse.img-responsive:hover {
    transform: scale(1.1);
}

/* Pulse Grow */
@-webkit-keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pulse-grow {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-grow:hover,
.pulse-grow:focus,
.pulse-grow:active {
    -webkit-animation-name: pulse-grow;
    animation-name: pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse-shrink {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-shrink:hover,
.pulse-shrink:focus,
.pulse-shrink:active {
    -webkit-animation-name: pulse-shrink;
    animation-name: pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#clock {
    font-size: 60px;
    word-spacing: 60px;
    padding-bottom: 20px;
}

#clock .clock_normal {
    display: inline-block;
    width: 20%;
}

#clock span.normal_style {
    display: block;
    font-size: 24px;
}

.style_normal {
    font-size: 24px;
}

.jux-offlinepage-social {
    position: fixed;
    height: 100%;
    background: #00000020;
    z-index: 9999;
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 28px;
}

.jux-social {
    position: relative;
    top: 50%;
    padding-left: 0px;
    transform: translateY(-50%);
}


#menu.jux-social li.active i {
    color: #428bca;
}

.bg_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.overlay_video {
    z-index: 0;
}

#container {
    z-index: 101 ! important;
}

/*style login*/
#jux_login_page {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x rgba(11, 11, 11, 0.2);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.6))) repeat-x rgba(11, 11, 11, 0.2);
    z-index: 100000;
}

.jux_container_login {
    width: 460px;
    position: fixed;
    left: 50%;
    top: 40%;
    margin: -130px 0 0 -230px;
    background-color: #fff;
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    /*box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;*/
    border-radius: 5px;
    overflow: hidden;
    background: rgba(40, 57, 101, 1);
    /*background: -webkit-linear-gradient(top, #7579ff, #b224ef);*/
}

.jux-animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}


#jux_login_page .main-login-row {
    margin: 5% 0;
}

#jux_login_page .jux_login_logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    /*background-color: #fff;*/
    margin: 0 auto;
}

#jux_login_page .jux_login_logo img {
    /*width: 90%;*/
    max-width: 200px;
}

#jux_login_page .jux_remove_login {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 10px;
    color: inherit;
    cursor: pointer;
}

#jux_login_page .jux-login-popup h2 {
    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    text-align: center;
}

#form-login-username {
    position: relative;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background: rgba(235, 235, 235, 0.11);
    border-radius: 2px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-appearance: none;
    margin-bottom: 20px;
}

#form-login-username .jux_user_login {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    line-height: 44px;
    margin-left: 10px;
    color: #fff;
    opacity: 0.6;
}

#form-login-password {
    position: relative;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background: rgba(235, 235, 235, 0.11);
    border-radius: 2px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-appearance: none;
    margin-bottom: 20px;
}

#form-login-password .jux_password_login {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    line-height: 44px;
    margin-left: 10px;
    color: #fff;
    opacity: 0.6;
}

.block-login input[type="text"] {
    background: transparent;
    border: none;
    height: 40px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: lighter;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 0 0 30px;
}

.block-login input[type="text"]:focus {
    outline: none;
    border: 1px solid rgba(79, 145, 247, 0.51);
}

.block-login input[type="password"] {
    background: transparent;
    border: none;
    height: 40px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: lighter;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 0 0 30px;
}

.block-login input[type="password"]:focus {
    outline: none;
    border: 1px solid rgba(79, 145, 247, 0.51);
}

#jux_login_page #form-login-submit {
    text-align: center;
}

#jux_login_page .jux_button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    position: relative;
    min-width: 120px;
    height: auto;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: #28375f;
    border-radius: 2px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-appearance: none;
    padding: 10px 20px 10px 20px;
    outline: none;
}

#jux_login_page .jux_button:hover {
    background: #134db3;
}

#ref_butn {
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    font-size: 30px;
    position: relative;
    height: auto;
    text-align: center;
    margin: 0 auto;
    border: 5px solid #fff;
    background: rgba(66, 139, 202, 0.24);
    border-radius: 50%;
    -webkit-appearance: none;
    width: 60px;
    height: 60px;
    display: none;
}

#ref_butn.jux-login:hover {
    background-color: #2d3c64cf;
    cursor: pointer;
}

#ref_butn.jux-login i {
    padding: 10px;
}

.main-login {
    margin: 5% 0;
}

.main-login .jux_login_logo {
    text-align: center;
}


.main-login p {
    text-align: center;
}

/*end login*/

p.online_time {
    font-style: italic;
    font-size: 18px;
}

.online_time {
    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: 30px;
}

@media (max-width: 480px) {
    .online_time {
        font-size: 14px;
    }
}

/*# sourceMappingURL=style.css.map */

.countdown-container {
    text-align: center;
    margin: 3% 0;
}

#canvas {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
}

#time-container {
    width: 450px;
    height: 450px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.numbers-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#time-container span {
    color: #FFFFFF;
    position: absolute;
    z-index: 2;
}

.clock-number {
    font-family: 'Josefin Sans', sans-serif;
    /*100 300 400 600*/
    font-weight: 300;
    font-size: 350%;
}

.clock-label {
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
}

#ticker {
    font-size: 100%;
    left: 255px;
    top: 155px;
}

#timelable {
    font-size: 85%;
    left: 245px;
    top: 335px;
}

#timeleft {
    font-size: 190%;
    left: 180px;
    top: 355px;
}

.clock-container {
    margin: 3% 0px 1%;
}


.jux_header {
    width: 100%;
    left: 50%;
    /*margin-top: 18%;*/
    z-index: 0 !important;
    transform: translateX(-50%);
    position: absolute !important;
}

.lightsocial {
    text-align: center;
    /*display: inline-block;*/
    margin: 42px 0 0 0;
}


.jux-line:before {
    content: '';
    display: block;
    position: relative;
    top: 8px;
    width: 100px;
    height: 2px;
    margin: 0 !important;
    float: left;
}

.jux-line:after {
    content: '';
    display: block;
    position: relative;
    top: -10px;
    width: 100px;
    height: 2px;
    margin: 0 !important;
    float: right;
}

.jux-line span {
    display: block;
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    border-radius: 50%;
}

.jux-line span {
    box-shadow: inset 0px 0px 0px 2px #fff;
}

.jux-line:before,
.jux-line:after {
    background: #fff;
}

.jux-line {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 220px;
    height: 18px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/*.jux-social a:hover {
    color: #0fe0ba;
}*/
.jux-offile-subcribe #acymailing_fulldiv_formAcymailing {
    width: 60%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

@media screen and (max-width: 1366px) {
    #time-container {
        width: 450px;
        height: 450px;
    }

    .wrapper .footer .social>li>a,
    .jux-social>li>a {
        width: 40px;
        height: 40px;
        padding: 8px 0 0 0;
    }

    .wrapper .main .vcb_messages .title {
        margin: 0 0 10px 0;
        font-size: 46px;
    }

    .clock-container {
        margin: 1% 0px 1%;
    }

    #time-container {
        width: 345px;
        height: 345px;
    }
}


@media screen and (max-width: 1024px) {
    #time-container {
        width: 345px;
        height: 345px;
    }
}

/*@media screen and (max-width: 991px) {
  #form-login-username {
    width: 80%;
  }
  #form-login-password {
    width: 80%;
  }
  #menu.jux-social {
    height: auto;
    width: auto;
    top: 50%;
  }
  .block-email {
    width: 70%;
  }
}
*/
@media screen and (max-width: 768px) {
    .wrapper .main .vcb_messages .title {
        font-size: 30px;
    }

    .wrapper .main .vcb_messages .caption {
        font-size: 16px;
    }

    .wrapper .main .vcb_countdown {
        margin-top: 42px;
    }

    .wrapper .footer .block-email {
        top: 23px;
    }

    .wrapper .footer .block-email i.fa-envelope-o {
        font-size: 21px;
        left: 4px;
    }

    .block-email {
        width: 80%;
    }

    #clock {
        font-size: 50px;
    }

    #clock span.normal_style {
        display: block;
        font-size: 14px;
    }

    .wrapper .footer .social {
        display: inline-block;
        position: relative;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .jux-offlinepage-social {
        display: none;
    }

    #jux_lightsocial {
        display: inline-block;
    }

    .jux_container_login {
        width: 350px;
        margin: -130px 0 0 -175px;
    }

    .jux_header.header img {
        max-width: 150px !important;
    }
}

@media screen and (max-width: 479px) {
    .jux_header.header {
        padding-top: 26% !important;
    }

    .main h1 {
        margin-top: 20px;
        font-size: 15px !important;
    }

    .wrapper .header .vcb_logo {
        max-width: 150px;
    }

    .wrapper .main .vcb_messages .title {
        font-size: 20px;
    }

    .wrapper .main .vcb_messages .caption {
        font-size: 14px;
    }

    .wrapper .main .vcb_countdown {
        margin-top: 0px;
    }

    .wrapper .footer .block-email {
        top: 0px;
    }

    .wrapper .footer .block-email i {
        font-size: 14px;
    }

    .wrapper .footer .block-email i.fa-envelope-o {
        font-size: 14px;
        left: 0px;
    }

    .wrapper .footer .block-email input[type="text"] {
        font-size: 14px;
    }

    ::-webkit-input-placeholder {
        font-size: 14px;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        font-size: 14px;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 14px;
    }

    :-ms-input-placeholder {
        font-size: 14px;
    }

    .wrapper .footer .social>li {
        margin-right: 9px;
    }

    .wrapper .footer .social>li>a {
        font-size: 20px;
    }

    #menu.jux-social {
        font-size: 20px;
    }

    .main-login .jux_login_logo img {
        /*width: 70%;*/
    }

    p.online_time {
        font-size: 11px;
    }

    #clock {
        font-size: 40px;
    }

    #clock .clock_normal {
        width: 50%;
        margin-bottom: 5px;
    }

}

@media screen and (max-width: 320px) {
    .jux_container_login {
        width: 300px;
        margin: -130px 0 0 -150px;
    }
}

.jux_email_subcribe {
    border-bottom: 1.5px solid #fff !important;
}

.jux-offlinepage-caption {
    font-family: serif;
}