#puzadpn{display:none}
html,body {width:100%;height:100%;margin:0px;padding:0px;}
#cake {display:block;position:relative;margin: -10em auto 0 auto;}
#cake {margin-top:-398px;width:500px;height:773px}
svg {
 max-width: 100%;
}
.cd-nugget-info {
 text-align: center;
 position: absolute;
 width: 100%;
 height: 50px;
 line-height: 50px;
 bottom: 0;
 left: 0;
}
.cd-nugget-info a {
 position: relative;
 font-size: 14px;
 color: #8c8c8c;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
 opacity: .8;
}
.cd-nugget-info span {
 vertical-align: middle;
 display: inline-block;
}
.cd-nugget-info span svg {
 display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
 fill: #8c8c8c;
}
#carbonads-container,
#ui8ads-container {
 position: fixed;
 top: 40px;
 right: 5%;
 width: 180px;
 display: none;
}
#carbonads-container .close-carbon-adv,
#carbonads-container .close-ui8-adv,
#ui8ads-container .close-carbon-adv,
#ui8ads-container .close-ui8-adv {
 display: inline-block;
 position: absolute;
 top: 0;
 right: 100%;
 background: #bfbfbf;
 text-indent: 100%;
 overflow: hidden;
 width: 32px;
 height: 32px;
}
#carbonads-container .close-carbon-adv:hover,
#carbonads-container .close-ui8-adv:hover,
#ui8ads-container .close-carbon-adv:hover,
#ui8ads-container .close-ui8-adv:hover {
 background: #b2b2b2;
}
#carbonads-container .close-carbon-adv::after, #carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::after,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::after,
#ui8ads-container .close-ui8-adv::before {
 content: '';
 background-color: #fff;
 height: 2px;
 width: 14px;
 position: absolute;
 top: 14px;
 left: 9px;
}
#carbonads-container .close-carbon-adv::after,
#carbonads-container .close-ui8-adv::after,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-ui8-adv::after {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
#carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::before {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
#carbonads-container .carbonad,
#carbonads-container .ui8ad,
#ui8ads-container .carbonad,
#ui8ads-container .ui8ad {
 background: rgba(255, 255, 255, 0.9);
 border: none;
 width: 100%;
 height: auto;
 padding: 14px;
 text-align: center;
 border-radius: 0 3px 3px 3px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#carbonads-container .carbonad .carbon-img img,
#carbonads-container .ui8ad .carbon-img img,
#ui8ads-container .carbonad .carbon-img img,
#ui8ads-container .ui8ad .carbon-img img {
 margin: 0 10px 10px;
 width: 130px;
}
#carbonads-container .carbonad .carbon-text, #carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbon-text,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbon-text,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbon-text,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
 font-family: 'Helvetica Neue', Arial, sans-serif;
}
#carbonads-container .carbonad .carbon-wrap,
#carbonads-container .ui8ad .carbon-wrap,
#ui8ads-container .carbonad .carbon-wrap,
#ui8ads-container .ui8ad .carbon-wrap {
 display: block;
 width: 100%;
 padding: 0;
}
#carbonads-container .carbonad .carbon-wrap a,
#carbonads-container .ui8ad .carbon-wrap a,
#ui8ads-container .carbonad .carbon-wrap a,
#ui8ads-container .ui8ad .carbon-wrap a {
 color: #8b6a60;
 font-size: 13px;
 font-weight: bold;
}
.no-touch #carbonads-container .carbonad .carbon-wrap a:hover, .no-touch
#carbonads-container .ui8ad .carbon-wrap a:hover, .no-touch
#ui8ads-container .carbonad .carbon-wrap a:hover, .no-touch
#ui8ads-container .ui8ad .carbon-wrap a:hover {
 text-decoration: underline;
}
#carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
 margin-top: 5px;
 color: #8b6a60;
}
#carbonads-container .carbonad .carbonad-tag a,
#carbonads-container .carbonad .carbon-poweredby a,
#carbonads-container .ui8ad .carbonad-tag a,
#carbonads-container .ui8ad .carbon-poweredby a,
#ui8ads-container .carbonad .carbonad-tag a,
#ui8ads-container .carbonad .carbon-poweredby a,
#ui8ads-container .ui8ad .carbonad-tag a,
#ui8ads-container .ui8ad .carbon-poweredby a {
 color: #dab433;
}
#carbonads-container .carbonad .carbonad-tag a:hover,
#carbonads-container .carbonad .carbon-poweredby a:hover,
#carbonads-container .ui8ad .carbonad-tag a:hover,
#carbonads-container .ui8ad .carbon-poweredby a:hover,
#ui8ads-container .carbonad .carbonad-tag a:hover,
#ui8ads-container .carbonad .carbon-poweredby a:hover,
#ui8ads-container .ui8ad .carbonad-tag a:hover,
#ui8ads-container .ui8ad .carbon-poweredby a:hover {
 color: #dab433;
}
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbon-poweredby {
 display: inline-block;
 font-size: 11px;
 line-height: 15px;
}
@media only screen and (min-width: 1170px) {
 #carbonads-container,
 #ui8ads-container {
 display: block;
 }
}

.cd-main-content {
 position: relative;
 width: 100%;
 height: 100vh;
 display: table;
}
.cd-main-content .center {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
.cd-main-content h1 {
 font-size: 2.2rem;
 line-height: 1;
 margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
 .cd-main-content h1 {
 font-size: 4rem;
 font-weight: 300;
 }
}
.cd-modal {
 position: fixed;
 z-index: 2;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 visibility: hidden;
 -webkit-transition: visibility 0s 0.6s;
 -moz-transition: visibility 0s 0.6s;
 transition: visibility 0s 0.6s;
}
.cd-modal svg {
 position: absolute;
 top: 0;
 left: 0;
}
.cd-modal svg > path {
 fill: #8b6a60;
}
.cd-modal .modal-close {
 position: absolute;
 z-index: 1;
 top: 20px;
 right: 5%;
 height: 50px;
 width: 50px;
 border-radius: 50%;
 background: rgba(0, 0, 0, 0.3) url(/ucoz/js/dr/close.svg) no-repeat center center;
 /* image replacement */
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 /* Force hardware acceleration*/
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 visibility: hidden;
 opacity: 0;
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
 -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
 transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.no-touch .cd-modal .modal-close:hover {
 background-color: rgba(0, 0, 0, 0.5);
}
.cd-modal.modal-is-visible {
 visibility: visible;
 -webkit-transition: visibility 0s 0s;
 -moz-transition: visibility 0s 0s;
 transition: visibility 0s 0s;
}
.cd-modal.modal-is-visible .modal-close {
 visibility: visible;
 opacity: 1;
 -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
 -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
 transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}

.cd-modal-content {
 position: relative;
 height: 100vh;
 overflow-y: auto;
 padding: 3em 5% 4em;
 opacity: 0;
 -webkit-transform: translateY(50px);
 -moz-transform: translateY(50px);
 -ms-transform: translateY(50px);
 -o-transform: translateY(50px);
 transform: translateY(50px);
 -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s;
 -moz-transition: opacity 0.3s 0s, -moz-transform 0.3s 0s;
 transition: opacity 0.3s 0s, transform 0.3s 0s;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.cd-modal-content p {
 color: #f2f2f2;
 line-height: 1.6;
 margin: 2em 0;
}
.modal-is-visible .cd-modal-content {
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
 -webkit-overflow-scrolling: touch;
 -webkit-transition: opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
 -moz-transition: opacity 0.3s 0.3s, -moz-transform 0.3s 0.3s;
 transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}
@media only screen and (min-width: 768px) {
 .cd-modal-content {
 padding: 3em 10% 4em;
 }
 .cd-modal-content p {
 font-size: 2.4rem;
 }
}
.cd-cover-layer {
 position: fixed;
 z-index: 1;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-color: #f2f2f2;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
 -moz-transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
 transition: opacity 0.3s 0.3s, visibility 0s 0.6s;
}
.cd-cover-layer.modal-is-visible {
 opacity: 1;
 visibility: visible;
 -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
 -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
 transition: opacity 0.3s 0s, visibility 0s 0s;
}

.velas {
 background: #ffffff;
 position: absolute;
 border-radius: 10px;
 top: -135px;
 margin-top: 298px;
 left: 50%;
 width: 10px;
 height: 105px;
 margin-left: -2.4px;
 transform: translateY(-300px);
 backface-visibility: hidden;
 animation: in 500ms 6s ease-out forwards;
}
.velas:after,
.velas:before {
 background: rgba(255, 0, 0, 0.7);
 content: "";
 position: absolute;
 width: 100%;
 height: 3px;
}
.velas:after {
 top: 25%;
 left: 0;
}
.velas:before {
 top: 45%;
 left: 0;
}

.fuego {
 border-radius: 100%;
 position: absolute;
 top: -20px;
 left: 50%;
 margin-left: -2.6px;
 width: 6.66666667px;
 height: 18px;
}
.fuego:nth-child(1) {
 animation: fuego 2s 6.5s infinite;
}
.fuego:nth-child(2) {
 animation: fuego 1.5s 6.5s infinite;
}
.fuego:nth-child(3) {
 animation: fuego 1s 6.5s infinite;
}
.fuego:nth-child(4) {
 animation: fuego 0.5s 6.5s infinite;
}
.fuego:nth-child(5) {
 animation: fuego 0.2s 6.5s infinite;
}

@keyframes fuego {
 0%, 100% {
 background: rgba(254, 248, 97, 0.9);
 box-shadow: 0 0 40px 10px rgba(248, 233, 209, 0.2);
 transform: translateY(0) scale(1);
 }
 50% {
 background: rgba(255, 50, 0, 0.1);
 box-shadow: 0 0 40px 20px rgba(248, 233, 209, 0.2);
 transform: translateY(-20px) scale(0);
 }
}

@keyframes in {
 to {
 transform: translateY(0);
 }
}