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, 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,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
    *overflow-x: hidden;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    /*line-height: 1;*/
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}

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

fieldset{ display: block; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Fonts
   ========================================================================== */
@font-face {
    font-family: 'OfficinaBoldIt';
    src: url('../fonts/officinaserifositcttboldit.eot');
    src: url('../fonts/officinaserifositcttboldit.eot') format('embedded-opentype'),
         url('../fonts/officinaserifositcttboldit.woff2') format('woff2'),
         url('../fonts/officinaserifositcttboldit.woff') format('woff'),
         url('../fonts/officinaserifositcttboldit.ttf') format('truetype'),
         url('../fonts/officinaserifositcttboldit.svg#OfficinaSerifOSITCTTBoldIt') format('svg');
}
@font-face {
    font-family: 'OfficinaBookIt';
    src: url('../fonts/officinaserifositcttbookit.eot');
    src: url('../fonts/officinaserifositcttbookit.eot') format('embedded-opentype'),
         url('../fonts/officinaserifositcttbookit.woff2') format('woff2'),
         url('../fonts/officinaserifositcttbookit.woff') format('woff'),
         url('../fonts/officinaserifositcttbookit.ttf') format('truetype'),
         url('../fonts/officinaserifositcttbookit.svg#OfficinaSerifOSITCTTBookIt') format('svg');
}

/* Utils
   ========================================================================== */
.fleft { float     : left; }
.fright { float    : right; }
.block { display   : block; }
.hide { display    : none; }
.in-block { display : inline-block; }
.relative { position: relative; }
.absolute { position: absolute; }
.upper { text-transform: uppercase; }
.center { text-align: center; }
.replacement {
    display    : block;
    text-indent: -9999px;
    clear      : both;
}
.corner-all {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.clear:before,
.clear:after {
    content: " ";
    display: table;
}
.clear:after {
    clear: both;
}
.center-block {
    display     : block;
    margin-left : auto;
    margin-right: auto;
}
.transition,
a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.z100 { z-index: 100; }
.z50 { z-index: 50; }
.z40 { z-index: 40; }
.z30 { z-index: 30; }

/* ==========================================================================
    Defaults
    ========================================================================== */
body {
    background: url(../img/bg-natal.jpg) top center no-repeat;
    font: normal 22px 'OfficinaBoldIt', arial, sans-serif;
    color: #333;
    overflow-x: hidden;
}
#content {
    max-width: 1300px;
    margin: 0 auto;
    min-height: 600px;
    z-index: 500;
}
.sprite { background: url(../img/sprite-default.png) no-repeat; }
.crop {
    margin: 0 auto;
    width: 960px;
}
.clouds { background: url(../img/sprite-clouds.png) no-repeat; }
.cloud-1 {
    height: 258px;
    width: 622px;
    top: 160px;
    left: 6%;
    background-position: -16px -6px;
    -webkit-animation: cloudOne 120s infinite linear;
    -moz-animation: cloudOne 120s infinite linear;
    -ms-animation: cloudOne 120s infinite linear;
    -o-animation: cloudOne 120s infinite linear;
    animation: cloudOne 120s infinite linear;
}
.cloud-2 {
    height: 210px;
    width: 460px;
    top: -90px;
    left: 10%;
    background-position: -16px -260px;
    -webkit-animation: cloudTwo 120s infinite linear;
    -moz-animation: cloudTwo 120s infinite linear;
    -ms-animation: cloudTwo 120s infinite linear;
    -o-animation: cloudTwo 120s infinite linear;
    animation: cloudTwo 120s infinite linear;
}
.cloud-3 {
    height: 178px;
    width: 496px;
    top: 250px;
    right: 15%;
    background-position: -6px -484px;
    -webkit-animation: cloudThree 120s infinite linear;
    -moz-animation: cloudThree 120s infinite linear;
    -ms-animation: cloudThree 120s infinite linear;
    -o-animation: cloudThree 120s infinite linear;
    animation: cloudThree 120s infinite linear;
}
.cloud-4 {
    height: 176px;
    width: 364px;
    top: 52px;
    right: 4%;
    background-position: -24px -668px;
    -webkit-animation: cloudFour 120s infinite linear;
    -moz-animation: cloudFour 120s infinite linear;
    -ms-animation: cloudFour 120s infinite linear;
    -o-animation: cloudFour 120s infinite linear;
    animation: cloudFour 120s infinite linear;
}
.cloud-5 {
    height: 170px;
    width: 382px;
    top: 208px;
    right: -250px;
    background-position: -13px -892px;
    -webkit-animation: cloudFive 120s infinite linear;
    -moz-animation: cloudFive 120s infinite linear;
    -ms-animation: cloudFive 120s infinite linear;
    -o-animation: cloudFive 120s infinite linear;
    animation: cloudFive 120s infinite linear;
}
@-webkit-keyframes cloudOne {
    0% { left: 10%; }
    100% { left: 120%; }
}
@-moz-keyframes cloudOne {
    0% { left: 10%; }
    100% { left: 120%; }
}
@-ms-keyframes cloudOne {
    0% { left: 10%; }
    100% { left: 120%; }
}
@keyframes cloudOne {
    0% { left: 10%; }
    100% { left: 120%; }
}
@-webkit-keyframes cloudTwo {
    0% { left: 0%; }
    100% { left: 120%; }
}
@-moz-keyframes cloudTwo {
    0% { left: 0%; }
    100% { left: 120%; }
}
@-ms-keyframes cloudTwo {
    0% { left: 0%; }
    100% { left: 120%; }
}
@keyframes cloudTwo {
    0% { left: 0%; }
    100% { left: 120%; }
}
@-webkit-keyframes cloudThree {
    0% { left: -10%; }
    100% { left: 120%; }
}
@-moz-keyframes cloudThree {
    0% { left: -10%; }
    100% { left: 120%; }
}
@-ms-keyframes cloudThree {
    0% { left: -10%; }
    100% { left: 120%; }
}
@keyframes cloudThree {
    0% { left: -10%; }
    100% { left: 120%; }
}
@-webkit-keyframes cloudFour {
    0% { right: 0%; }
    100% { right: 120%; }
}
@-moz-keyframes cloudFour {
    0% { right: 0%; }
    100% { right: 120%; }
}
@-ms-keyframes cloudFour {
    0% { right: 0%; }
    100% { right: 120%; }
}
@keyframes cloudFour {
    0% { right: 0%; }
    100% { right: 120%; }
}
@-webkit-keyframes cloudFive {
    0% { right: -10%; }
    100% { right: 120%; }
}
@-moz-keyframes cloudFive {
    0% { right: -10%; }
    100% { right: 120%; }
}
@-ms-keyframes cloudFive {
    0% { right: -10%; }
    100% { right: 120%; }
}
@keyframes cloudFive {
    0% { right: -10%; }
    100% { right: 120%; }
}
.box-polar {
    height: 320px;
    width: 2940px;
    background: url(../img/bg-polar.png) no-repeat;
    top: 400px;
    left: -8%;
}
.hills {
    max-width: 100%;
    top: 445px;
}
.hill-1 {
    height: 158px;
    width: 1366px;
    background: url(../img/hills-2.png) no-repeat;
    top: 470px;
    left: 17%;
}
.hill-2 {
    height: 243px;
    width: 1695px;
    background: url(../img/hills-1.png) no-repeat;
    left: 8%;
}
.hill-3 {
    height: 178px;
    width: 2000px;
    background: url(../img/hills-3.png) -160px 0 no-repeat;
    top: 482px;
    left: 9.5%;
}
.btn-back {
    height: 62px;
    width: 86px;
    padding: 12px 0 0 12px;
    color: #fff;
    background-position: 0 -1785px;
    top: -18px;
    left: 50px;
}
.btn-back:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* ==========================================================================
    Header
    ========================================================================== */
#header {
    height: 100px;
    background: url(../img/bg-header.png) repeat-x;
}
.logo {
    width: 336px;
    padding-top: 12px;
}
.logo a {
    height: 88px;
    background: url(../img/logo.png) no-repeat;
}

/* ==========================================================================
    Home
    ========================================================================== */
#reindeer {
    height: 57px;
    width: 235px;
    background-position: 0 -1590px;
    top: 45px;
    left: -300px;
    -webkit-animation: reindeer 30s infinite linear;
    -moz-animation: reindeer 30s infinite linear;
    -ms-animation: reindeer 30s infinite linear;
    -o-animation: reindeer 30s infinite linear;
    animation: reindeer 30s infinite linear;
}
@-webkit-keyframes reindeer {
    0% { left: -235px; }
    100% { left: 120%; }
}
@-moz-keyframes reindeer {
    0% { left: -235px; }
    100% { left: 120%; }
}
@-ms-keyframes reindeer {
    0% { left: -235px; }
    100% { left: 120%; }
}
@keyframes reindeer {
    0% { left: -235px; }
    100% { left: 235px; }
}

/* Box Hipper Natal
   ========================================================================== */
.box-galeria-artistas {
    width: 364px;
    top: -76px;
    left: 70px;
}
#cookie {
    height: 300px;
    width: 196px;
    background: url(../img/cookie.png) no-repeat;
    bottom: -30px;
    left: -80px;
}
.box-hipper-natal { padding-top: 226px; }
.box-hipper-natal:hover {
    padding-top: 206px;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.hipper-natal {
    height: 383px;
    width: 362px;
    background-position: 0 -292px;
}
.box-hipper-natal:before {
    content: "";
    position: absolute;
    top: 0;
    left: 49.8%;
    height: 226px;
    border-right: 1px solid #fff;
}
.see-cartoons {
    width: 218px;
    margin: 15px 70px 0 0;
    color: #333;
    letter-spacing: -1px;
}
.title-gallery-artists {
    height: 99px;
    width: 356px;
    background-position: 0 -698px;
    bottom: -35px;
}

/* Box center
   ========================================================================== */
.box-center-home {
    width: 420px;
}
.title-bons-sentimentos {
    background-position: 0 0;
    height: 246px;
    margin: 76px 0 60px;
}
.box-letter-home {
    height: 408px;
    width: 460px;
    background: url(../img/bg-letter-home.png) center center no-repeat;
    padding: 120px 66px 60px;
}
.icon-tie {
    height: 60px;
    width: 66px;
    background-position: 0 -808px;
    top: 40px;
    left: 200px;
}
.box-letter-home p {
    font: normal 18px 'OfficinaBookIt', arial, sans-serif;
    margin-bottom: 32px;
    padding: 0 20px;
}
.msg-letter-home {
    font-size: 22px;
    line-height: 25px;
}

/* Box Tree / Gifts
   ========================================================================== */
.box-tree-home {
    width: 390px;
    top: 100px;
    right: 0;
}
.box-tree-home #tree { margin-right: 20px; }
.balls-opacity-step-1 {
    -webkit-animation: balls 2s infinite linear;
    -moz-animation: balls 2s infinite linear;
    -ms-animation: balls 2s infinite linear;
    -o-animation: balls 2s infinite linear;
    animation: balls 2s infinite linear;
}
.balls-opacity-step-2 {
    -webkit-animation: balls 5s infinite linear;
    -moz-animation: balls 5s infinite linear;
    -ms-animation: balls 5s infinite linear;
    -o-animation: balls 5s infinite linear;
    animation: balls 5s infinite linear;
}
@-webkit-keyframes balls {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
}
@-moz-keyframes balls {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
}
@-ms-keyframes balls {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
}
@keyframes balls {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;
    }
}
.balls-small {
    height: 42px;
    width: 34px;
    background: url(../img/sprite-default.png) no-repeat;
    position: absolute;
}
.ball-sm-red {
    background-position: -12px -1258px;
    top: 90px;
    right: 172px;
}
.ball-sm-orange {
    background-position: -82px -1258px;
    top: 105px;
    right: 125px;
}
.ball-sm-purple {
    background-position: -152px -1258px;
    top: 106px;
    right: 85px;
}
.ball-sm-blue {
    background-position: -222px -1258px;
    top: 168px;
    right: 75px;
}
.ball-sm-blue-top {
    background-position: -222px -1266px;
}
.ball-sm-faint-blue {
    background-position: -297px -1258px;
    top: 158px;
    right: 115px;
}
.ball-sm-opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.ball-sm-faint-1 {
    top: 170px;
    right: 155px;
}
.ball-sm-faint-2 {
    top: 192px;
    right: 232px;
}
.ball-sm-faint-3 {
    top: 216px;
    right: 110px;
}
.ball-sm-faint-4 {
    top: 300px;
    right: 42px;
}
.ball-sm-faint-5 {
    top: 354px;
    right: 115px;
}
.ball-sm-blue-1 {
    top: 160px;
    right: 200px;
}
.ball-sm-blue-2 {
    top: 315px;
    right: 90px;
}
.ball-sm-purple-1 {
    top: 210px;
    right: 190px;
}
.ball-sm-purple-2 {
    top: 265px;
    right: 74px;
}
.ball-sm-red-1 {
    top: 226px;
    right: 154px;
}
.ball-sm-red-2 {
    top: 205px;
    right: 54px;
}
.ball-sm-red-3 {
    top: 346px;
    right: 52px;
}
.ball-sm-orange-1 {
    top: 278px;
    right: 126px;
}
.ball-sm-orange-2 {
    top: 332px;
    right: 6px;
}
.board-letter {
    height: 250px;
    width: 250px;
    background-position: 0 -1334px;
    font-size: 25px;
    line-height: 28px;
    font-weight: normal;
    padding: 18px;
    text-align: center;
    top: -140px;
    left: 0;
    z-index: 5;
    color: #333;
}
.gifts { margin-top: -20px; }
.gift {
    height: 108px;
    width: 95px;
    background: url(../img/sprite-default.png) 0 -920px no-repeat;
}
.gift-1 {
    top: 10px;
    left: 32px;
}
.gift-2 {
    height: 102px;
    width: 87px;
    background-position: -102px -920px;
    top: 40px;
    right: 245px;
    z-index: 10;
}
.gift-3 {
    height: 110px;
    width: 98px;
    background-position: -210px -924px;
    top: 22px;
    right: 170px;
    z-index: 8;
}
.gift-4 {
    height: 85px;
    width: 77px;
    background-position: -326px -936px;
    top: 60px;
    right: 112px;
    z-index: 20;
}
.gift-5 {
    height: 80px;
    width: 87px;
    background-position: 0 -1042px;
    top: 42px;
    right: 50px;
    z-index: 10;
}
.gift-6 {
    height: 109px;
    width: 112px;
    background-position: -92px -1028px;
    right: 0;
}

/* ==========================================================================
    Mini Artistas
    ========================================================================== */
#page-artistas .box-galeria-artistas { top: 0; }
#page-artistas .box-hipper-natal { padding-top: 110px; }
#page-artistas .box-hipper-natal:before { height: 116px; }
.box-winners {
    width: 60%;
    top: 170px;
    right: 0;
    color: #fff;
}
.pic-winners { margin-top: 10px; }
.title-winners {
    height: 106px;
    width: 202px;
    background-position: 0 -1678px;
    right: 0;
}
.pic-winners img {
    margin-top: 40px;
    max-width: 100%;
}
.container-artistas {
    padding-top: 840px;
    margin-bottom: 80px;
}
.title-artistas {
    width: 212px;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    top: 730px;
    left: 28px;
    color: #333;
}
.title-artistas:before {
    content: "";
    position: absolute;
    height: 247px;
    width: 124px;
    background: url(../img/sprite-default.png) 0 -1980px no-repeat;
    top: -50px;
    left: -130px;
}
.list-cartoons { margin-left: -24px; }
.cartoon-item {
    width: 222px;
    margin: 0 0 20px 24px;
    position: relative;
}
.cartoon-star:before {
    content: "";
    position: absolute;
    height: 75px;
    width: 55px;
    top: -16px;
    right: -14px;
    background: url(../img/sprite-default.png) 0 -1880px no-repeat;
}
.cartoon-item a {
    height: 172px;
    width: 222px;
    border: 1px solid #E0E0E0;
    display: block;
}
#page-artistas .fancybox-opened .fancybox-title {
    text-align: center;
}

/* ==========================================================================
    Cartinhas APAE
    ========================================================================== */
#page-artistas { padding-bottom: 220px; }
.box-tree-apae {
    top: -80px;
    right: 60px;
}
.text-tree-one {
    height: 120px;
    width: 204px;
    background-position: 0 -2518px;
    top: 134px;
    left: -60px;
}
.text-tree-two {
    height: 154px;
    width: 135px;
    background-position: 0 -2645px;
    top: 225px;
    right: -50px;
}
.box-letter-apae {
    margin-top: 75px;
    width: 450px;
}
.balls {
    height: 70px;
    width: 60px;
    background: url(../img/sprite-default.png) 0 -1174px no-repeat;
    position: absolute;
}
.ball-lg-opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.ball-lg-red {
    top: 152px;
    right: 288px;
}
.ball-lg-red-top {
    background-position: 0 -1188px;
}
.ball-lg-orange {
    top: 176px;
    right: 212px;
    background-position: -70px -1174px;
}
.ball-lg-purple {
    top: 182px;
    right: 140px;
    background-position: -140px -1174px;
}
.ball-lg-blue {
    top: 282px;
    right: 122px;
    background-position: -210px -1174px;
}
.ball-lg-blue-top {
    background-position: -210px -1189px;
}
.ball-lg-faint-blue {
    top: 266px;
    right: 194px;
    background-position: -286px -1174px;
}
.ball-lg-faint-top {
    background-position: -286px -1189px;
}
.ball-lg-blue-1 {
    top: 278px;
    right: 336px;
}
.ball-lg-blue-2 {
    top: 540px;
    right: 146px;
}
.ball-lg-blue-3 {
    top: 540px;
    right: 346px;
}
.ball-lg-red-1 {
    top: 346px;
    right: 85px;
}
.ball-lg-red-2 {
    top: 342px;
    right: 255px;
}
.ball-lg-red-3 {
    top: 536px;
    right: 440px;
}
.ball-lg-red-4 {
    top: 438px;
    right: 238px;
}
.ball-lg-red-5 {
    top: 596px;
    right: 78px;
}
.ball-lg-faint-1 {
    top: 248px;
    right: 266px;
}
.ball-lg-faint-2 {
    top: 368px;
    right: 180px;
}
.ball-lg-purple-1 {
    top: 356px;
    right: 332px;
}
.ball-lg-purple-2 {
    top: 450px;
    right: 100px;
}
.ball-lg-purple-3 {
    top: 514px;
    right: 266px;
}
.ball-lg-faint-3 {
    top: 322px;
    right: 394px;
}
.ball-lg-faint-4 {
    top: 428px;
    right: 298px;
}
.ball-lg-faint-5 {
    top: 484px;
    right: 384px;
}
.ball-lg-faint-6 {
    top: 520px;
    right: 74px;
}
.ball-lg-faint-7 {
    top: 100px;
    right: 200px;
}
.ball-lg-orange-1 {
    top: 454px;
    right: 172px;
}
.ball-lg-orange-2 {
    top: 552px;
    right: 202px;
}
.hover-kid {
    font-size: 20px;
    line-height: 20px;
    width: 110px;
    text-align: center;
    background-color: #fff;
    color: #333;
    top: 54px;
    left: -26px;
    z-index: 999;
    -moz-box-shadow   : 0 0 4px rgba(0,0,0,0.65);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.65);
    box-shadow        : 0 0 4px rgba(0,0,0,0.65);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a6000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#a6000000,Positive=true);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.hover-kid:before {
    content: "";
    position: absolute;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    left: 42%;
}
.hover-kid img {
    margin-top: 5px;
    -webkit-border-radius: 5px 0 0 5px;
       -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
}
.balls:hover .hover-kid { display: block; }
.name-kid { padding: 5px; }
.box-tree-apae .gifts { margin-top: -60px; }
.box-tree-apae .gift-1 { left: 48px; }
.box-tree-apae .gift-2 { left: 92px; }
.box-tree-apae .gift-3 { left: 162px; }
.box-tree-apae .gift-4 { left: 248px; }
.box-tree-apae .gift-5 { left: 306px; }
.box-tree-apae .gift-6 { left: 346px; }
.box-letter-dreams .btn-back {
    top: -92px;
    left: -55px;
}
.box-text-letter {
    height: 510px;
    width: 430px;
    padding: 78px 16px 0;
    font: normal 16px 'OfficinaBookIt', arial, sans-serif;
    line-height: 25px;
    text-align: center;
    background: url(../img/bg-letter.png) no-repeat;
    left: 14px;
}
.title-letter-apae {
    background-position: 0 -2274px;
    margin-bottom: 28px;
    height: 156px;
    width: 392px;
}
.letter {
    height: 220px;
    margin-top: 430px;
}
.letter-top {
    top: -29px;
    left: 40%;
    height: 29px;
    width: 88px;
    background-position: 0 -2456px;
}
.letter-sm-1 {
    border-top: 12px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 15px solid #CF9433;
    top: -12px;
}
.letter-sm-2 {
    border-top: 8px solid transparent;
    border-bottom: 216px solid transparent;
    border-left: 10px solid #CF9433;
    top: -12px;
    right: 0;
}
.letter-lg-1 {
    border-bottom: 210px solid #F2B643;
    border-right: 450px solid transparent;
}
.letter-lg-2 {
    border-right: 240px solid #E4A63A;
    border-top: 98px solid transparent;
    border-bottom: 112px solid transparent;
    bottom: 10px;
    right: 0;
}

/* ==========================================================================
    Jquery Reveal
    ========================================================================== */
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}
.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    background: #fff;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal img {
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.reveal-modal.small         { width: 200px; margin-left: -140px;}
.reveal-modal.medium        { width: 400px; margin-left: -240px;}
.reveal-modal.large         { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge        { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
}