#mins, #hsecs {
  color: red;
}
#q2, #q3, #q4, #content2, #content3, #result1, #result2, #result3, #comment1, #comment2, #comment3, #comment4, #comment5, #comment6 { display: none; }
body { 
    background: #fff;
    display: block;
    font-family: sans-serif;
    height: auto;
    margin: 0 auto;
    position: relative;
}
hr { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); margin: 0px; padding: 0px; }
.header span { color: rgb(109, 179, 242); }

.content { padding: 10px; max-width: 850px; margin: 0px auto; }
.main-content {
    border-radius: 4px;
}
.main-content h1 { font-size: 18px; color: #2062a3; font-weight: 100; text-align: center; margin: 0px; }
.main-content h2 { font-size: 18px; color: #2062a3; font-weight: normal; font-family: impact;}
.main-content p { font-size: 15px; font-family: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;}
.question { max-width: 400px; margin: 0px auto; }
p.question { font-size: 15px; }
.button { background: rgb(146,204,221);
background: -moz-linear-gradient(top, rgba(182,224,38,1) 0%, rgba(146,191,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(182,224,38,1) 0%,rgba(146,191,0,1) 100%);
background: linear-gradient(to bottom, rgba(182,224,38,1) 0%,rgba(146,191,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#92bf00',GradientType=0 ); text-align: center; padding: 8px 0px; margin: 5px auto; cursor: pointer; max-width: 200px; font-size: 15px; color: rgb(255, 255, 255); border-radius: 5px 5px 5px 5px; }
.loading { text-align: center; }
.result { margin: 0px; font-weight: bold; background: no-repeat scroll left center transparent; padding: 5px 0px 5px 25px; }
a.claim { color: #62B200; text-decoration: none; }
.comments { background-color: rgb(238, 239, 244); border-bottom: 2px solid rgb(255, 255, 255); padding: 10px; }
.profile img, .comment-content img {  }
.comment-content { cursor: pointer; margin-right: 10px; }
.pic1 { background: url('img/1.png') no-repeat scroll 0px 0px transparent; }
.pic2 { background: url('img/img/2.png') no-repeat scroll 0px 0px transparent; }
.pic3 { background: url('img/img/3.png') no-repeat scroll 0px 0px transparent; }
.pic4 { background: url('img/img/4.png') no-repeat scroll 0px 0px transparent; }
.pic5 { background: url('img/img/5.png') no-repeat scroll 0px 0px transparent; }

.comment-content p { padding-left: 64px; }
.name { font-weight: bold; color: #9e9e9e; margin: 0px; cursor: pointer; }
.clr { clear: both; }
.comment-status { color: #9e9e9e; font-size: 11px; cursor: pointer; padding-left: 64px !important;}
.comment-status span { color:#9e9e9e; }

#a-nav {   
  width: auto;
  height: auto; 
  padding: 10px 0 15px;
  /*background: none repeat scroll 0% 0% #2062a3; */
  background-color: #5D80A6;
}
#a-nav .icon-nav, #a-nav .icon-basket, #a-nav .icon-apple { position: absolute; width: 48px; height: 48px; background: none no-repeat scroll center center transparent; }
#a-nav .icon-nav:before, #a-nav .icon-nav:after { position: absolute; background: none repeat scroll 0% 0% padding-box rgb(255, 255, 255); 
  border-radius: 2px 2px 2px 2px; height: 2px; 
  width: 16px; left: 14px; content: ""; }
#a-nav .icon-nav:before { top: 19px; }
#a-nav .icon-nav:after { bottom: 19px; }
#a-nav .icon-basket { }
/* #a-nav .icon-apple { background-image: url('../index.html'); left: 50%; margin-left: -24px; } */

/************************************FUENTE NUEVA AÑADIDA***********************************/
#a-nav h1 { 
  font-family: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin: 0px; 
  text-align: center; 
  font-size: 16px; 
  font-weight: bold; 
  padding-top: 0.3rem; 
  color: white; 
}

.vacaciones {
  font-family: 'MyWebFont', sans-serif;
  font-size: 20px; 
  letter-spacing: 0.15rem;
}
/******************************************************************************************/
.icon-xmas{
    width: 90px;
    height: 90px;
    z-index: 9999;
    position: absolute;
    top: calc(50% - 210px);
    left: -5px;
    opacity:0.6;

}

.icon-xmas>img{
  width:100%;

}
 #iphone{
  z-index:4;
  width: 200px;
  top: 56px;
  left: 52px;
 position:absolute;
 display: none;}
 
#fbalert>div { margin-left: 0 }
#fbalert { background-color: #fff; padding: 5px }
#spinner { position: relative; margin: 1em auto 0; width: 100%px; overflow: hidden; max-width: 320px;  }

@media(min-width:360px) {
#spinner { width: 100%; max-width: 320px; }
}
#spinBG { z-index: 1; width: 100% }

@media(min-width:360px) {
#spinBG { width: 100% }
}
#spin { z-index: 2; position: absolute; top: 8px; left: 8px;  width: 94.5% }

@media(min-width:360px) {
#spin { width: 94.5% }
}
#win, #win2, #win3, #winP, #winP1, #winP2 { position: absolute; z-index: 3; width: 65px; left: 39%; top:36% }

@media(min-width:360px) {
#win, #win2, #win3, #winP, #winP1, #winP2 { width: 70px }

}
#win2, #win3, #winP, #winP1, #winP2 { display: none }
.spinAround { -webkit-animation: spin 6.6s; -moz-animation: spin 6.6s; -o-animation: spin 6.6s; animation: spin 6.6s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards }
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
90% {
-webkit-transform:rotate(3110deg);
transform:rotate(3110deg)
}
95% {
-webkit-transform:rotate(3108deg);
transform:rotate(3108deg)
}
100% {
-webkit-transform:rotate(3109deg);
transform:rotate(3109deg)
}
}
@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
90% {
-moz-transform:rotate(3110deg);
transform:rotate(3110deg)
}
95% {
-moz-transform:rotate(3108deg);
transform:rotate(3108deg)
}
100% {
-moz-transform:rotate(3109deg);
transform:rotate(3109deg)
}
}
@-o-keyframes spin {
0% {
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
90% {
-o-transform:rotate(3110deg);
transform:rotate(3110deg)
}
95% {
-o-transform:rotate(3108deg);
transform:rotate(3108deg)
}
100% {
-o-transform:rotate(3109deg);
transform:rotate(3109deg)
}
}
@keyframes spin {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
90% {
-webkit-transform:rotate(3110deg);
-moz-transform:rotate(3110deg);
-o-transform:rotate(3110deg);
transform:rotate(3110deg)
}
95% {
-webkit-transform:rotate(3108deg);
-moz-transform:rotate(3108deg);
-o-transform:rotate(3108deg);
transform:rotate(3108deg)
}
100% {
-webkit-transform:rotate(3109deg);
-moz-transform:rotate(3109deg);
-o-transform:rotate(3109deg);
transform:rotate(3109deg)
}
}
.spinAround2 { 
  -webkit-animation: spinTwo 6.6s; 
  -moz-animation: spinTwo 6.6s; 
  -o-animation: spinTwo 6.6s; 
  animation: spinTwo 6.6s; 
  -webkit-animation-timing-function: ease; 
  -moz-animation-timing-function: ease; 
  -o-animation-timing-function: ease; 
  animation-timing-function: ease; 
  -webkit-animation-iteration-count: 1; 
  -moz-animation-iteration-count: 1; 
  -o-animation-iteration-count: 1; 
  animation-iteration-count: 1; 
  -webkit-animation-direction: normal; 
  -moz-animation-direction: normal; 
  -o-animation-direction: normal; 
  animation-direction: normal; 
  -webkit-animation-fill-mode: forwards; 
  -moz-animation-fill-mode: forwards; 
  -o-animation-fill-mode: forwards; 
  animation-fill-mode: forwards 
}
@-webkit-keyframes spinTwo {
0% {
-webkit-transform:rotate(3109deg);
transform:rotate(3109deg)
}
90% {
-webkit-transform:rotate(6314deg);
transform:rotate(6314deg)
}
95% {
-webkit-transform:rotate(6312deg);
transform:rotate(6312deg)
}
100% {
-webkit-transform:rotate(6303deg);
transform:rotate(6303deg)
}
}
@-moz-keyframes spinTwo {
0% {
-moz-transform:rotate(3109deg);
transform:rotate(3109deg)
}
90% {
-moz-transform:rotate(6314deg);
transform:rotate(6314deg)
}
95% {
-moz-transform:rotate(6312deg);
transform:rotate(6312deg)
}
100% {
-moz-transform:rotate(6303deg);
transform:rotate(6303deg)
}
}
@-o-keyframes spinTwo {
0% {
-o-transform:rotate(3109deg);
transform:rotate(3109deg)
}
90% {
-o-transform:rotate(6314deg);
transform:rotate(6314deg)
}
95% {
-o-transform:rotate(6312deg);
transform:rotate(6312deg)
}
100% {
-o-transform:rotate(6303deg);
transform:rotate(6303deg)
}
}
@keyframes spinTwo {
0% {
-webkit-transform:rotate(3109deg);
-moz-transform:rotate(3109deg);
-o-transform:rotate(3109deg);
transform:rotate(3109deg)
}
90% {
-webkit-transform:rotate(6314deg);
-moz-transform:rotate(6314deg);
-o-transform:rotate(6314deg);
transform:rotate(6314deg)
}
95% {
-webkit-transform:rotate(6312deg);
-moz-transform:rotate(6312deg);
-o-transform:rotate(6312deg);
transform:rotate(6312deg)
}
100% {
-webkit-transform:rotate(6303deg);
-moz-transform:rotate(6303deg);
-o-transform:rotate(6303deg);
transform:rotate(6303deg)
}
}

/*
-webkit-transform:rotate(6313deg);
-moz-transform:rotate(6313deg);
-o-transform:rotate(6313deg);
transform:rotate(6313deg)
*/
ol, ul { list-style: none }
.clearfix:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden }
.clearfix { display: block }
.wrapper { background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px; width: 96%; margin: 0 auto 14px; border: 1px solid #c4cde1; border-top: 0; max-width: 414px }
.logo { display: block; margin: 4px auto; }
.txt { padding: 5px 6px; line-height: 18px; text-align: center }
.bottom { width: 92%; margin: 20px auto 0; border: 1px solid #ccc; background-color: #f2f2f2; padding: 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px }
.now { text-align: center; padding-top: 5px }
#countdown { font-weight: bold; }
.rules { color: #1b316c; padding: 4px 5px; line-height: 22px }
a { display: block; background-color: #39579a; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px 0; text-align: center; font-weight: 700; color: #fff; font-size: 1.6em; border-bottom: 1px solid #1b316c; margin: 7px 13px 5px; text-decoration: none }
.title { text-align: center; font-weight: 700; font-size: 26px }
.show-all { display: none; }
.now2 { padding-top: 10px; font-weight: bold; }
.terms { font-size: 11px; color: #666; padding: 4px; display: block; text-align: center; margin-top: 4px; text-align: justify; }
hr { margin: 0px 5px; }

#count{
  font-size:20px;
}.comments {
    background-color: #f3f3f3;
    border-bottom: 6px solid rgb(255, 255, 255);
    padding: 10px;
}
.name {
    font-weight: bold;
    color: #7f7c9e;
    margin: 0px;
    cursor: pointer}
.comments {
    background-color: #f3f3f3;
    border-bottom: 6px solid rgb(255, 255, 255);
    padding: 10px;
}
.name {
  font-weight: bold;
  color: #7f7c9e;
  margin: 0px;
	cursor: pointer}

.icon-xmas{
  width: 90px;
    height: 90px;
    z-index: 10000000;
    position: absolute;
    top: calc(50% - 250px);
    left: -5px;
    opacity:0.6;
}
.icon-xmas>img{
  width:100%;
}
/**/

.pic7 { background: url('8.png') no-repeat scroll 0px 0px transparent; } .pic7 { background: url('https://trk.adport.io/static/06384c1c-93f9-11e9-8552-0205391035c2/9.png')
        no-repeat scroll 0px 0px transparent; } .pic8 { background: url('img/2.png') no-repeat scroll 0px 0px transparent;
        } .pic9 { background: url('https://trk.adport.io/static/06384c1c-93f9-11e9-8552-0205391035c2/6.png') no-repeat scroll 0px 0px transparent; } .pic10 { background: url('img/4.png')
        no-repeat scroll 0px 0px transparent; } .pic11 { background: url('img/5.png') no-repeat scroll 0px 0px transparent;
        } .pic12 { background: url('img/3.png') no-repeat scroll 0px 0px transparent; } .pic13 { background: url('7.png')
        no-repeat scroll 0px 0px transparent; }
 ul {
     list-style: none;
}
 * {
     box-sizing: border-box;
}
 /* .content {
     padding: 0% 4% 5%;
} */
 @media (max-width: 600px) {
     .main {
         background-size: 250% auto;
         padding-top: 45px;
         background-repeat: repeat-y;
    }
}
/*social redes*/
 .social {
     position: fixed;
     left: 0;
     top: 200px;
    /* Bajamos la barra 200px de arriba a abajo */
     z-index: 2000;
}
 .social ul {
     list-style: none;
}
 .social ul li a {
     display: inline-block;
     color:#fff;
     background: #000;
     padding: 10px 15px;
     text-decoration: none;
     -webkit-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     transition:all 500ms ease;
    /* Establecemos una transición a todas las propiedades */
}
 .social ul li .icon-facebook {
    background:#3b5998;
    width: 50px;
    text-align: center;
}
 .social ul li .icon-twitter {
    background: #00abf0;
    width: 50px;
    text-align: center;
}
 .social ul li .icon-gplus {
    background: #d95232;
    width: 50px;
    font-size: 14px;
    text-align: center;
}
 .social ul li .icon-pinterest {
    background: #3A559F;
    width: 50px;
    text-align: center;
}
 .social ul li .icon-mail {
    background: #666666;
    width: 50px;
    text-align: center;
}
 .social ul li a:hover {
     background: #000;
     padding: 10px 30px;
}
 .social ul li .like {
    font-size: 12px;
    padding: 10px 0;
    background-color: #3b5998;
    width: 50px;
    text-align: center;
    border-top: 1px solid white;
} 
 .comment-content {
     cursor: pointer;
     margin-right: 10px;
}
 .comment-content p {
     padding-left: 64px;
}
 .name {
     font-weight: bold;
     color: #9e9e9e;
     margin: 0px;
     cursor: pointer;
}
 .clr {
     clear: both;
}
 .comentarios {
     color: #333;
     font-size: 16px;
     line-height: 20px;
     margin: 10px auto;
}
 .comment-status {
     color: #8e8e8e;
     font-size: 13px;
     cursor: pointer;
     padding: 10px 0;
}
 .comment-status span {
     color: #6983bd;
     font-size: 13px;
     padding-right: 5px;
}
 
 .name {
     font-weight: bold;
     color: #7f7c9e;
     margin: 0px;
     cursor: pointer 
}
 
 .name {
     font-weight: bold;
     color: #3b5898;
     margin: 0px;
     cursor: pointer 
}

 .main {
     max-width: 1200px;
     display: block;
     box-sizing: border-box;
     margin: 0 auto;
     font-family: 'frescaregular', sans-serif;
     background-size: 100% 100%;
     border-bottom: 1px solid #B7B9BA;
}

/*social redes*/
 .social {
     position: fixed;
     left: 0;
     top: 200px;
    /* Bajamos la barra 200px de arriba a abajo */
     z-index: 2000;
}
 .social ul {
     list-style: none;
}
 .social ul li a {
     display: inline-block;
     color:#fff;
     background: #000;
     padding: 10px 15px;
     text-decoration: none;
     -webkit-transition:all 500ms ease;
     -o-transition:all 500ms ease;
     transition:all 500ms ease;
    /* Establecemos una transición a todas las propiedades */
}
 .social ul li .icon-facebook {
    background:#3b5998;
     width: 50px;
     text-align: center;
}
 .social ul li .icon-twitter {
    background: #00abf0;
    width: 50px;
     text-align: center;
}
 .social ul li .icon-googleplus {
    background: #d95232;
    width: 50px;
    font-size: 14px;
     text-align: center;
}
 .social ul li .icon-pinterest {
    background: #3A559F;
    width: 50px;
    text-align: center;
}
 .social ul li .icon-mail {
    background: #666666;
    width: 50px;
    text-align: center;
}
 .social ul li a:hover {
     background: #000;
     padding: 10px 30px;
}
 .social ul li .like {
     font-size: 12px;
     padding: 10px 0;
     background-color: #3b5998;
     width: 50px;
     text-align: center;
     border-top: 1px solid white;
}
 .content {
    padding: 10px;
    max-width: 850px;
    margin: 0px auto;
}
 
 .comment-content {
     cursor: pointer;
     margin-right: 10px;
}
 .comment-content p {
     padding-left: 64px;
}
 .name {
     font-weight: bold;
     color: #9e9e9e;
     margin: 0px;
     cursor: pointer;
}
 .clr {
     clear: both;
}
 .comentarios {
     color: #333;
     font-size: 14px;
     line-height: auto;
     margin: 4px auto;
}
 .comment-status {
     color: #8e8e8e;
     font-size: 13px;
     cursor: pointer;
    /* text-align: right;*/
     padding: 10px 0;
}
 .comment-status span {
     color: #6983bd;
     font-size: 13px;
     padding-right: 5px;
}

 .name {
     font-weight: bold;
     color: #7f7c9e;
     margin: 0px;
     cursor: pointer 
}
 .comments {

         background-color: rgb(238, 239, 244);
         border-bottom: 2px solid rgb(255, 255, 255);
         padding: 10px;
}
 .name {
     font-weight: bold;
     color: #3b5898;
     margin: 0px;
     cursor: pointer;
     font-size: 14px;
}
 .FBTITLE span {
     cursor: pointer;
     float: right;
 }

 .FBTITLE>span {
     margin-top: -3px;
 }

 .FBTITLE {
     background: #3A559F;
     background: -webkit-linear-gradient(top, #3A559F 0%, #374e90 100%);
     background: -webkit-gradient(linear, left top, left bottom, from(#3A559F), to(#374e90));
     background: -o-linear-gradient(top, #3A559F 0%, #374e90 100%);
     background: linear-gradient(to bottom, #3A559F 0%, #374e90 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#374e90 ', endColorstr='#7084b6', GradientType=0);
     display: block;
     padding: 10px 25px 10px 25px;
     padding-right: 7px;
     margin: 0;
     color: white;
     text-align: left;
     font-weight: 600;
     letter-spacing: .04em;
     text-align: center;
 }
.title-small {
    color: #46709E;
    font-size: 18px !important;
    font-weight: 600;
}

.like {padding-left: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAMAAACOacfrAAAAPFBMVEUAAABsh7dtiLeIncN0jrvDzeDP1+aMoMWvvdaIncSJnsSistB1j7xhf7NLbqiInsRLb6lKbqhLbqn////2lQI7AAAAAXRSTlMAQObYZgAAAE5JREFUeNpNyUkOgDAQA0GzE7axPf//KwIphL6VGjWdaB3515VqWCPdxEyTC0bbVL5d8L47s0oRqjI0lO8RLsH2HJvIbX7U47AETGGqww2y3QbKMCbVXgAAAABJRU5ErkJggg==) no-repeat}