@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
}

body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 20px;
    background: #3fa9f5;
    color: #ffffff;
}


a{
    text-decoration: none;
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

h1{
    font-size: 70px;
    font-weight: 300;
}

h2{
    font-size: 24px;
    font-weight: 300;
}

a img{
    border: none!important
}

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

/* ================= INNER ================= */

body.inner_body{
    background: #70cff1;
}

/* ================= TEXT ================= */

.main_text{
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: 6;
    width: 70%;
}

.textbox{
    text-align: center;
}

.highlight_blue{
    color: #00ffff;
}

.dark_blue{
    color: #0071bc;
}

.lil_title{
    font-size: 50px;
}

.big_title{
    font-size: 88px;
    line-height: 88px;
}

.corchetes{
    font-size: 25px;
    margin-top: 8px;
}

.middle_text{
    font-size: 30px;
}

.blue_fonce{
    color: #29abe2;
}

.highlight_pink{
    color: #f49fc5;
}

.heart_title_stady{
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.heart_title_stady img{
    width: 100%;
    max-width: 100%;
}

.heart_title{
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    -webkit-animation: htitle 1s linear infinite;
    -moz-animation: htitle 1s linear infinite;
    -o-animation: htitle 1s linear infinite;
    -ms-animation: htitle 1s linear infinite;
    animation: htitle 1s linear infinite;
}

@-webkit-keyframes htitle{
    0% {
        width: 44px;
    }

    50%{
        width: 48px;
    }

    100%{
        width: 44px;

    }
}

@-moz-keyframes htitle{
    0% {
        width: 44px;
    }

    50%{
        width: 48px;
    }

    100%{
        width: 44px;

    }
}

@-o-keyframes htitle{
    0% {
        width: 44px;
    }

    50%{
        width: 48px;
    }

    100%{
        width: 44px;

    }
}

@-ms-keyframes htitle{
    0% {
        width: 44px;
    }

    50%{
        width: 48px;
    }

    100%{
        width: 44px;

    }
}

@keyframes htitle{
    0% {
        width: 44px;
    }

    50%{
        width: 48px;
    }

    100%{
        width: 44px;

    }
}

.heart_title img{
    width: 100%;
}

a.link_nations{
    color: #b10069;
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    width: 100%;
    height: 50px;
    /* soft animation*/
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

a.link_nations:hover{
    text-decoration: none;
    margin-top: 0px;
    color: #ffffff;
}

/* ================= MAIN SECTIONS ================= */

.part_in{
    width: 1024px;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 150px;
    font-size: 0;
}

.part_in img{
    width: 100%;
    max-width: 100%;
}

.inside_block{
    margin-bottom: 20px;
}

.block_in{
    padding: 10px;
    position: relative;
    font-weight: 300;
}

.title_block{
    display: block;
    width: 100%;
    padding: 10px;
    color: #ffffff;
    font-size: 50px;
    text-align: center;
}

/* ==== HALF BLOCKS ==== */

.inner_block{
    display: inline-block;
    width: 50%;
    font-size: 20px;
    vertical-align: middle;
}

/* ==== THIRD BLOCKS ==== */

.third_lil{
    width: 30%;
}

.third_text{
    width: 70%;
}

/* ==== SECOND BLOCKS ==== */

.second_lil{
    width: 60%;
}

.second_text{
    width: 40%;
}

/* ==== THREE BLOCKS ==== */

.three_all{
    width: 33.3%;
}

.inner_block.three_all{
    vertical-align: top;
}

/* ================= MENU LANGUAGES ================= */

#header_lang{
    position: fixed;
    left: 2px;
    top: 10px;
    z-index: 102;
    cursor: pointer;
}

#header_lang ol li{
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

#header_lang a{
    font-size: 15px;
    color: #ffffff;
    text-decoration: underline;
}

#header_lang a:hover{
    text-decoration: none;
}

.lil_flag_header img{
    width: 100%;
}

.lil_flag_header{
    width: 32px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: bottom;
    height: 32px;
}

#current_lang{
    display: inline-block;
}

#current_lang{
    margin-right: 5px;
    text-decoration: underline;
}

#current_lang:hover{
    text-decoration: none;
}

#all_lang{
    display: none;
}

#all_lang{
    margin: 0px;
    padding: 5px;
    text-align: center;
    background: #000000;
    width: 100%;
    height: 50px;
    display: none;
    position: fixed;
    z-index: 101;
}

#all_lang li{
    list-style: none;
    display: inline-block;
}

#all_lang li a{
    color: #ffffff;
    font-size: 35px;
    margin-right: 30px;
}

#all_lang li a:hover{
    color: #fc531d;
}

#all_lang  .lil_flag_header{
    width: 54px;
    height: 28px;
    vertical-align: top;
    padding-top: 1px;
}

.close_btn_uno,
.close_btn_dos{
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #ffffff;
    top: 28px;
    left: 70px;
}

.close_btn_uno {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.close_btn_dos {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ================= TWITTER ================= */

.twitter{
    display: block;
    background: url("../images/twitter.png") no-repeat center center #fc531d;
    width: 20px;
    height: 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 2px;
}

.twitter:hover{
    background-color: #c43838;
}


/* ================= MENU ================= */

/* Menu */

.header {
    padding: 15px;
    position: fixed;
    z-index: 20;
}

.header .slideout-menu-toggle {
    font-size: 1.2em;
    color: #999;
    text-decoration: none;
}

.header .slideout-menu-toggle:hover {
    color: #fff;
}

.header .slideout-menu-toggle i {
    vertical-align: top;
    margin: 5px 3px 0 0;
}

/* Menu 2 */

#header_top{
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 100;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    text-align: right;
    font-size: 16px;
    top: 0px;
    white-space: nowrap;
}

.dropdown-content li a{
    color: rgba(255, 255, 255, 0.7);
    padding:10px;
    background-color: #fc531d;
    display: block;
}

.dropdown-content li a:hover{
    color: rgba(255, 255, 255, 1);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
}

.dropdown-content ul li{
    list-style: none;
}

.dropdown-content ul li a{
    padding-right: 55px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropdown-content ul li:first-child a{
    -webkit-animation: fadeInone 0.5s;
    -moz-animation: fadeInone 0.5s;
    -o-animation: fadeInone 0.5s;
    -ms-animation: fadeInone 1.1s;
    animation: fadeInone 1.1s;
}

@-webkit-keyframes fadeInone {
    from { opacity: 0; margin-right: 0px; }
      to { opacity: 1; }
}

@keyframes fadeInone {
    from { opacity: 0; }
      to { opacity: 1; }
}

.dropdown:hover .dropdown-content ul li:nth-child(2) a{
    -webkit-animation: fadeIntwo 0.7s;
    -moz-animation: fadeIntwo 0.7s;
    -o-animation: fadeIntwo 0.7s;
    -ms-animation: fadeIntwo 0.7s;
    animation: fadeIntwo 0.7s;
}

@-webkit-keyframes fadeIntwo {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIntwo {
    from { opacity: 0; }
      to { opacity: 1; }
}

.dropdown:hover .dropdown-content ul li:nth-child(3) a{
    -webkit-animation: fadeIntr 0.9s;
    -moz-animation: fadeIntr 0.9s;
    -o-animation: fadeIntr 0.9s;
    -ms-animation: fadeIntr 0.9s;
    animation: fadeIntr 0.9s;
}

@-webkit-keyframes fadeIntr {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIntr {
    from { opacity: 0; }
      to { opacity: 1; }
}

.dropdown:hover .dropdown-content ul li:nth-child(4) a{
    -webkit-animation: fadeInfr 1.1s;
    -moz-animation: fadeInfr 1.1s;
    -o-animation: fadeInfr 1.1s;
    -ms-animation: fadeInfr 1.1s;
    animation: fadeInfr 1.1s;
}

@-webkit-keyframes fadeInfr {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeInfr {
    from { opacity: 0; }
      to { opacity: 1; }
}

.dropdown:hover .dropdown-content ul li:nth-child(5) a{
    -webkit-animation: fadeInfv 1.3s;
    -moz-animation: fadeInfv 1.3s;
    -o-animation: fadeInfv 1.3s;
    -ms-animation: fadeInfv 1.3s;
    animation: fadeInfv 1.3s;
}

@-webkit-keyframes fadeInfv {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeInfv {
    from { opacity: 0; }
      to { opacity: 1; }
}


.menu_ball{
    height: 60px;
    width: 60px;
    display: block;
    border-radius: 30px;
    background: #fc531d;
    position: relative;
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.dropdown:hover .menu_ball{
    height: 210px;
    transition:height .5s ease-out 0;
}

.menu_ball span::before,
.menu_ball span::after{
    display: block;
      width: 16px;
      height: 2px;
    background-color: #ffffff;
    content: "";
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

 .menu_ball span{
    display: block;
      width: 16px;
      height: 2px;
    background-color: #ffffff;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
    top: 29px;
    z-index: 10;
}

.menu_ball span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.menu_ball span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}


.dropdown:hover .menu_ball span {
  background-color: transparent;
}

.dropdown:hover .menu_ball  span::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0.2;
}

.dropdown:hover .menu_ball  span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.2;
}


a.ultimo_link{
    border-bottom-right-radius: 30px;
}

a.primer_link{
    border-top-right-radius: 30px;
}


/* ================= INNER SECTIONS ================= */

#part_1, #part_2, #part_3, #part_4, #part_5, #part_6, #part_7, #part_8, #part_9, #part_10, #part_11, #footer{
    width: 100%;
}

.heart1{
    position: absolute;
    width:34px;
    height:31px;
    top: 90px;
    left: 47px;
    z-index: 3;
    -webkit-animation: hone 2.3s linear infinite;
    -moz-animation: hone 2.3s linear infinite;
    -o-animation: hone 2.3s linear infinite;
    -ms-animation: hone 2.3s linear infinite;
    animation: hone 2.3s linear infinite;
}

@-webkit-keyframes hone {
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-moz-keyframes hone {
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-o-keyframes hone {
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-ms-keyframes hone {
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@keyframes hone {
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}


.heart2{
    position: absolute;
    width:31px;
    height:28px;
    top: 0;
    right: 60px;
    z-index: 3;
    -webkit-animation: htwo 2.5s linear infinite;
    -moz-animation: htwo 2.5s linear infinite;
    -o-animation: htwo 2.5s linear infinite;
    -ms-animation: htwo 2.5s linear infinite;
    animation: htwo 2.5s linear infinite;
    z-index: 5;
}

@-webkit-keyframes htwo {
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-moz-keyframes htwo {
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-o-keyframes htwo{
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-ms-keyframes htwo{
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@keyframes htwo{
    0% {
        width: 30px;
        top: 90px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

.heart3{
    position: absolute;
    width:18px;
    height:16px;
    bottom: 120px;
    right: 100px;
    z-index: 3;
    -webkit-animation: hthree 2.3s linear infinite;
    -moz-animation: hthree 2.3s linear infinite;
    -o-animation: hthree 2.3s linear infinite;
    -ms-animation: hthree 2.3s linear infinite;
    animation: hthree 2.3s linear infinite;
}

@-webkit-keyframes hthree{
    0% {
        width: 18px;
        bottom: 30px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:120px;
        opacity: 0;
    }
}

@-moz-keyframes hthree {
    0% {
        width: 18px;
        bottom: 30px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:120px;
        opacity: 0;
    }
}

@-o-keyframes hthree{
    0% {
        width: 18px;
        bottom: 30px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:120px;
        opacity: 0;
    }
}

@-ms-keyframes hthree{
    0% {
        width: 18px;
        bottom: 30px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:120px;
        opacity: 0;
    }
}

@keyframes hthree{
    0% {
        width: 18px;
        bottom: 30px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:120px;
        opacity: 0;
    }
}

.heart4{
    position: absolute;
    width:18px;
    height:16px;
    bottom: 120px;
    left: 50px;
    z-index: 3;
    -webkit-animation: hfour 2.4s linear infinite;
    -moz-animation: hfour 2.4s linear infinite;
    -o-animation: hfour 2.4s linear infinite;
    -ms-animation: hfour 2.4s linear infinite;
    animation: hfour 2.4s linear infinite;
}

@-webkit-keyframes hfour{
    0% {
        width: 18px;
        bottom: 90px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:200px;
        opacity: 0;
    }
}

@-moz-keyframes hfour{
    0% {
        width: 18px;
        bottom: 90px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:200px;
        opacity: 0;
    }
}

@-o-keyframes hfour{
    0% {
        width: 18px;
        bottom: 90px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:200px;
        opacity: 0;
    }
}

@-ms-keyframes hfour{
    0% {
        width: 18px;
        bottom: 90px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:200px;
        opacity: 0;
    }
}

@keyframes hfour{
    0% {
        width: 18px;
        bottom: 90px;
        opacity: 0;
    }

    20%{
        width: 22px;
        opacity: 1;
    }

    40%{
        width: 18px;

    }

    60%{
        width: 22px;

    }

    80%{
        width: 18px;
        opacity: 1;
    }

    100% {
        width: 22px;
        bottom:200px;
        opacity: 0;
    }
}

.heart5{
    position: absolute;
    width:34px;
    height:31px;
    top: 120px;
    right: 47px;
    z-index: 3;
    -webkit-animation: hfive 3s linear infinite;
    -moz-animation: hfive 3s linear infinite;
    -o-animation: hfive 3s linear infinite;
    -ms-animation: hfive 3s linear infinite;
    animation: hfive 3s linear infinite;
}

@-webkit-keyframes hfive{
    0% {
        width: 30px;
        top: 120px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-moz-keyframes hfive{
    0% {
        width: 30px;
        top: 120px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-o-keyframes hfive{
    0% {
        width: 30px;
        top: 120px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-ms-keyframes hfive{
    0% {
        width: 30px;
        top: 120px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@keyframes hfive{
    0% {
        width: 30px;
        top: 120px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

.heart6{
    position: absolute;
    width:31px;
    height:28px;
    top: 0;
    left: 70px;
    z-index: 3;
    -webkit-animation: hsix 2.6s linear infinite;
    -moz-animation: hsix 2.6s linear infinite;
    -o-animation: hsix 2.6s linear infinite;
    -ms-animation: hsix 2.6s linear infinite;
    animation: hsix 2.6s linear infinite;
    z-index: 5;
}

@-webkit-keyframes hsix{
    0% {
        width: 30px;
        top: 150px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-moz-keyframes hsix{
    0% {
        width: 30px;
        top: 150px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-o-keyframes hsix{
    0% {
        width: 30px;
        top: 150px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@-ms-keyframes hsix{
    0% {
        width: 30px;
        top: 150px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

@keyframes hsix{
    0% {
        width: 30px;
        top: 150px;
        opacity: 0;
    }

    10%{
        width: 34px;

    }

    20%{
        width: 30px;
        opacity: 1;
    }

    30%{
        width: 34px;

    }

    40%{
        width: 30px;

    }

    50%{
        width: 34px;

    }

    60%{
        width: 30px;

    }

    70%{
        width: 34px;

    }

    80%{
        width: 30px;
        opacity: 1;
    }

    90%{
        width: 34px;
        opacity: .5;
    }

    100% {
        width: 30px;
        top:0px;
        opacity: 0;
    }
}

.girl1{
    position: absolute;
    width:113px;
    height:322px;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.girl1_face{
    position: absolute;
    width:58px;
    height:86px;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 1;
}

.girl1_hand{
    position: absolute;
    width:19px;
    height:106px;
    top: 36px;
    right: 90px;
    z-index: 1;
    -webkit-animation: ghand 2s linear infinite;
    -moz-animation: ghand 2s linear infinite;
    -o-animation: ghand 2s linear infinite;
    -ms-animation: ghand 2s linear infinite;
    animation: ghand 2s linear infinite;
}

@-webkit-keyframes ghand {
    0% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@-moz-keyframes ghand {
    0% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@-o-keyframes ghand {
    0% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@-ms-keyframes ghand {
    0% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@keyframes ghand {
    0% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(20deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}



.world{
    position: absolute;
    width:465px;
    height:234px;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 1;
}



/* ================= PART 1 ================= */

#part_1{
    background-color: #70cff1;
}

.main_intro{
    display: block;
    width: 100%;
}

#part_1 .part_in{
    padding-bottom: 0;
}

.main_title{
    background-color: #ff7bac;
    padding: 0px 50px;
    overflow: hidden;
    padding-top: 60px;
}

.mid_title{
    background-color: #ac4b75;
    padding: 50px;
    overflow: hidden;
    padding-top: 60px;
}

.mid_title .title{
    margin-bottom: 0px
}

.mid_title .title span{
    font-size: 40px;
}

.mid_title .title .logo_footer{
    width: 140px;
}


.lil_tit_1{
    color: #ffffff;
    font-size: 70px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 0;
}

.lil_tit_2{
    color: #ac4b75;
    font-size: 115px;
    text-transform: uppercase;
    font-weight: 300;
}

.green{
    background: url(../images/back_grass.png) repeat-x center right #22b573;
    height: 60px;
}

.ice{
    background: url(../images/back_ice.png) repeat-x top right #d1eefc;
    height: 60px;
}

.head_inner_block{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.header_sky{
    width: 860px;
    margin: 0 auto;
    padding-top: 37px;
    position: relative;
}

.summer{
    height:400px;
    width:100%;
    border-radius: 100% 0px 0 0;
    -moz-border-radius: 100% 0px 0 0;
    -webkit-border-radius: 100% 0px 0 0;
    -webkit-border-radius: 100% 0px 0 0;
    background:#29abe2;
    z-index: 1;
}

.winter{
    height:400px;
    width:100%;
    border-radius: 0px 100% 0 0;
    -moz-border-radius: 0px 100% 0 0;
    -webkit-border-radius: 0px 100% 0 0;
    -webkit-border-radius: 0px 100% 0 0;
    background:#7bb7e4;
    z-index: 1;
}

.clock{
    width: 71px;
    height: 144px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 2;
}

.snow{
    width: 373px;
    height: 37px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    right: 46px;
}

.grass{
    width: 373px;
    height: 37px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 46px;
}

.tree1{
    width: 85px;
    height: 178px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 55px;
}

.tree2{
    width: 59px;
    height: 124px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 188px;
}

.tree3{
    width: 85px;
    height: 178px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    left:300px;
}

.tree4{
    width: 85px;
    height: 178px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    right: 55px;
}

.tree5{
    width: 59px;
    height: 124px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    right: 188px;
}

.tree6{
    width: 85px;
    height: 178px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    right:300px;
}

.flower1{
    width: 35px;
    height: 67px;
    position: absolute;
    bottom: 0;
    z-index: 4;
    left: 108px;
}

.flower2{
    width: 25px;
    height: 48px;
    position: absolute;
    bottom: 0;
    z-index: 4;
    left: 145px;
}

.flower3{
    width: 35px;
    height: 67px;
    position: absolute;
    bottom: 0;
    z-index: 4;
    left: 181px;
}

.flower4{
    width: 35px;
    height: 67px;
    position: absolute;
    bottom: 0;
    z-index: 4;
    left: 238px;
}

.cloud1{
    width: 102px;
    height: 62px;
    position: absolute;
    top: 66px;
    z-index: 1;
    right: 160px;
    -webkit-animation: cloudone 15s linear infinite;
    -moz-animation: cloudone 15s linear infinite;
    -o-animation: cloudone 15s linear infinite;
    -ms-animation: cloudone 15s linear infinite;
    animation: cloudone 15s linear infinite;
}

@-webkit-keyframes cloudone{
    0% {
        right: 160px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 585px;
        opacity: 0;

    }
}

@-moz-keyframes cloudone{
    0% {
        right: 160px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 585px;
        opacity: 0;

    }
}

@-o-keyframes cloudone{
    0% {
        right: 160px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 585px;
        opacity: 0;

    }
}

@-ms-keyframes cloudone{
    0% {
        right: 160px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 585px;
        opacity: 0;

    }
}

@keyframes cloudone{
    0% {
        right: 160px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 585px;
        opacity: 0;

    }
}

.cloud2{
    width: 87px;
    height: 53px;
    position: absolute;
    top: 130px;
    z-index: 1;
    right: 154px;
    -webkit-animation: cloudtwo 18s linear infinite;
    -moz-animation: cloudtwo 18s linear infinite;
    -o-animation: cloudtwo 18s linear infinite;
    -ms-animation: cloudtwo 18s linear infinite;
    animation: cloudtwo 18s linear infinite;
}

@-webkit-keyframes cloudtwo{
    0% {
        right: 154px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@-moz-keyframes cloudtwo{
    0% {
        right: 154px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@-o-keyframes cloudtwo{
    0% {
        right: 154px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@-ms-keyframes cloudtwo{
    0% {
        right: 154px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@keyframes cloudtwo{
    0% {
        right: 154px;
        opacity: 0;
    }

    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}


.cloud3{
    width: 50px;
    height: 30px;
    position: absolute;
    top: 112px;
    z-index: 1;
    right: 162px;
    -webkit-animation: cloudthree 25s linear infinite;
    -moz-animation: cloudthree 25s linear infinite;
    -o-animation: cloudthree 25s linear infinite;
    -ms-animation: cloudthree 25s linear infinite;
    animation: cloudthree 25s linear infinite;
}

@-webkit-keyframes cloudthree{
    0% {
        right: 162px;
        opacity: 0;
    }
    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@-moz-keyframes cloudthree{
    0% {
        right: 162px;
        opacity: 0;
    }
    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@-o-keyframes cloudthree{
    0% {
        right: 162px;
        opacity: 0;
    }
    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@-ms-keyframes cloudthree{
    0% {
        right: 162px;
        opacity: 0;
    }
    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

@keyframes cloudthree{
    0% {
        right: 162px;
        opacity: 0;
    }
    10%{
        opacity: .5;
    }

    90%{
        opacity: .5;
    }

    100%{
        right: 637px;
        opacity: 0;

    }
}

.dos{
    width: 183px;
    height: 228px;
    position: absolute;
    bottom: 0;
    z-index: 6;
    left: 0px;
}

.zero_sfera{
    width: 160px;
    height: 228px;
    position: absolute;
    bottom: 0;
    z-index: 6;
    left: 185px;
}

.zero{
    width: 160px;
    height: 228px;
    position: absolute;
    bottom: 0;
    z-index: 6;
    left: 0px;
    background-image: url(../images/zero.png);
    -webkit-animation: sea .8s steps(4) infinite;
    -moz-animation: sea .8s steps(4) infinite;
    -o-animation: sea .8s steps(4) infinite;
    -ms-animation: sea .8s steps(4) infinite;
    animation: sea .8s steps(4) infinite;
}

@-webkit-keyframes sea {
   from { background-position:    0px; }
     to { background-position: -652px; }
}

@-moz-keyframes  sea {
   from { background-position:    0px; }
     to { background-position: -652px; }
}

@-o-keyframes sea {
   from { background-position:    0px; }
     to { background-position: -652px; }
}

@-ms-keyframes sea {
   from { background-position:    0px; }
     to { background-position: -652px; }
}

@keyframes sea {
   from { background-position:    0px; }
     to { background-position: -652px; }
}

.uno_sfera{
    width: 107px;
    height: 228px;
    position: absolute;
    bottom: -1px;
    z-index: 6;
    right: 264px;
}

.uno{
    width: 107px;
    height: 228px;
    position: absolute;
    bottom: 0px;
    right:0px;
}

.brillo_uno{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 7;
    -webkit-animation: bri_uno 1s linear infinite;
    -moz-animation: bri_uno 1s linear infinite;
    -o-animation: bri_uno 1s linear infinite;
    -ms-animation: bri_uno 1s linear infinite;
    animation: bri_uno 1s linear infinite;
}

@-webkit-keyframes bri_uno {
    0% {
        opacity: 1;
    }
    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;

    }
}

@-moz-keyframes bri_uno {
    0% {
        opacity: 1;
    }
    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;

    }
}

@-o-keyframes bri_uno {
    0% {
        opacity: 1;
    }
    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;

    }
}

@-ms-keyframes bri_uno {
    0% {
        opacity: 1;
    }
    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;

    }
}

@keyframes bri_uno {
    0% {
        opacity: 1;
    }
    50%{
        opacity: 0;
    }

    100%{
        opacity: 1;

    }
}


.brillo_dos{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 7;
    -webkit-animation: bri_dos 1s linear infinite;
    -moz-animation: bri_dos 1s linear infinite;
    -o-animation: bri_dos 1s linear infinite;
    -ms-animation: bri_dos 1s linear infinite;
    animation: bri_dos 1s linear infinite;
}

@-webkit-keyframes bri_dos{
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }

    100%{
        opacity: 0;

    }
}

@-moz-keyframes bri_dos{
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }

    100%{
        opacity: 0;

    }
}

@-o-keyframes bri_dos{
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }

    100%{
        opacity: 0;

    }
}

@-ms-keyframes bri_dos{
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }

    100%{
        opacity: 0;

    }
}

@keyframes bri_dos{
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }

    100%{
        opacity: 0;

    }
}

.brillo_tres{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 109px;
    right: 26px;
    z-index: 7;
    -webkit-animation: bri_uno 1s linear infinite;
    -moz-animation: bri_uno 1s linear infinite;
    -o-animation: bri_uno 1s linear infinite;
    -ms-animation: bri_uno 1s linear infinite;
    animation: bri_uno 1s linear infinite;
}

.brillo_cuatro{
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 7px;
    right: 6px;
    z-index: 7;
    -webkit-animation: bri_dos 1s linear infinite;
    -moz-animation: bri_dos 1s linear infinite;
    -o-animation: bri_dos 1s linear infinite;
    -ms-animation: bri_dos 1s linear infinite;
    animation: bri_dos 1s linear infinite;
}

.brillo_cinco{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 59px;
    right: 34px;
    z-index: 7;
    -webkit-animation: bri_dos 1s linear infinite;
    -moz-animation: bri_dos 1s linear infinite;
    -o-animation: bri_dos 1s linear infinite;
    -ms-animation: bri_dos 1s linear infinite;
    animation: bri_dos 1s linear infinite;
}

.brillo_seis{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 86px;
    right: -9px;
    z-index: 7;
    -webkit-animation: bri_uno 1s linear infinite;
    -moz-animation: bri_uno 1s linear infinite;
    -o-animation: bri_uno 1s linear infinite;
    -ms-animation: bri_uno 1s linear infinite;
    animation: bri_uno 1s linear infinite;
}

.brillo_siete{
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 50px;
    right: 5px;
    z-index: 7;
    -webkit-animation: bri_uno 1s linear infinite;
    -moz-animation: bri_uno 1s linear infinite;
    -o-animation: bri_uno 1s linear infinite;
    -ms-animation: bri_uno 1s linear infinite;
    animation: bri_uno 1s linear infinite;
}

.brillo_ocho{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 24px;
    left: 35px;
    z-index: 7;
    -webkit-animation: bri_uno 1s linear infinite;
    -moz-animation: bri_uno 1s linear infinite;
    -o-animation: bri_uno 1s linear infinite;
    -ms-animation: bri_uno 1s linear infinite;
    animation: bri_uno 1s linear infinite;
}

.seis{
    width: 170px;
    height: 228px;
    position: absolute;
    bottom: -2px;
    z-index: 6;
    right: 29px;
}

.leave_sfera_o{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 24px;
    left: 0px;
    z-index: 7;
}

.leavesone{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.leave_sfera_t{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 94px;
    z-index: 7;
    left: 11px;
}

.leavestwo{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.leave_sfera_r{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 224px;
    z-index: 7;
    left: -32px;
}

.leavesthree{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.leave_sfera_f{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 208px;
    z-index: 7;
    left: 120px;
}

.leavesfour{
    width: 108px;
    height: 34px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.crab{
    width: 39px;
    height: 33px;
    position: absolute;
    bottom: 42px;
    z-index: 7;
    left: 195px;
}

.osito_full{
    width: 43px;
    height: 71px;
    position: absolute;
    bottom: 92px;
    z-index: 7;
    right: 164px;
}

.osito{
    width: 43px;
    height: 71px;
}

.tarjeta_full{
    width: 43px;
    height: 64px;
    position: absolute;
    bottom: 21px;
    z-index: 7;
    right: 135px;
}

.tarjeta{
    width: 43px;
    height: 64px;
}

.carta_full{
    width: 51px;
    height: 28px;
    position: absolute;
    bottom: 9px;
    z-index: 7;
    right: 75px;
}

.carta{
    width: 51px;
    height: 28px;
}

.corazon_full{
    width: 60px;
    height: 58px;
    position: absolute;
    bottom: 40px;
    z-index: 7;
    right: 18px;
}

.corazon{
    width: 60px;
    height: 58px;
}

.paleta_full{
    width: 49px;
    height: 62px;
    position: absolute;
    bottom: 94px;
    z-index: 7;
    right: 69px;
}

.paleta{
    width: 49px;
    height: 62px;
}

.fresa_full{
    width: 52px;
    height: 48px;
    position: absolute;
    top: 217px;
    z-index: 7;
    right: 60px;
}

.fresa{
    width: 52px;
    height: 48px;
}

.head_couple{
    position: absolute;
    width: 300px;
    height: 335px;
    margin: 0 auto;
    z-index: 8;
    top:335px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
}

.home_couple{
    position: absolute;
    width:243px;
    height: 272px;
    bottom: 0;
    left: 50px;
    z-index: 2;
}

.boob{
    position: absolute;
    width:44px;
    height: 43px;
    top: 134px;
    left: 99px;
    z-index: 6;
}

.home_face{
    position: absolute;
    width:81px;
    height: 43px;
    top: 55px;
    left: 123px;
    z-index: 5;
    -webkit-animation: home_head 2s linear infinite;
    -moz-animation: home_head 2s linear infinite;
    -o-animation: home_head 2s linear infinite;
    -ms-animation: home_head 2s linear infinite;
    animation: home_head 2s linear infinite;
}

@-webkit-keyframes home_head {
    0% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@-moz-keyframes home_head {
    0% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@-o-keyframes home_head {
    0% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@-ms-keyframes home_head {
    0% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

@-webkit-keyframes home_head {
    0% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
    50% {
         -webkit-transform: rotate(0deg);-webkit-transform-origin: bottom left;
         bottom: 245px;
    }
    100% {
         -webkit-transform: rotate(10deg);-webkit-transform-origin: bottom left;
         bottom: 260px;
    }
}

.home_leg{
    position: absolute;
    width:82px;
    height: 107px;
    bottom: 13px;
    left: 64px;
    z-index: 1;
}

.male_hand{
    position: absolute;
    width:62px;
    height: 98px;
    bottom: 96px;
    right: 125px;
    z-index: 3;
}

.front_leg{
    position: absolute;
    width:114px;
    height: 107px;
    bottom: 9px;
    right: 111px;
    z-index: 5;
}

.home_hair{
    position: absolute;
    width:74px;
    height: 153px;
    bottom: 109px;
    right: 78px;
    z-index: 4;
}

.hashtag{
    font-size: 50px;
    text-align: center;
}

.hashtag a{
    color: #ff7bac;
}

.hashtag a:hover{
    color: #ffffff;
}

/* ================= PART 2 ================= */

#part_2{
    background-color: #0071bc;
}

#part_2 .third_lil .block_in{
    height: 322px;
}

#part_2 .second_lil .block_in{
    width: 100%;
    height: 300px;
}

#part_2 .block_in #canvas{
    text-align: center;
}

.inner_block.three_all{
    text-align: center;
}

.circles-text{
    font-size: 38px!important;
}

/* ================= KEY SIGN ================= */

.key_sign{
    width: 100%;
}

.key_sign_in{
    width: 1024px;
    margin: 0 auto;
    text-align: center;
    color: #0071bc;
    font-size: 50px;

}

.key_sign_in span{
    color: #ffffff;
}

.bluecorch{
    width: 340px;
    height: 81px;
    display: block;
    margin:0 auto;
}

.bluecorch img{
    width: 100%;
    max-width: 100%;
}

.pinkcorch{
    width: 340px;
    height: 81px;
    display: block;
    margin:0 auto;
}

.pinkcorch img{
    width: 100%;
    max-width: 100%;
}

.ww{
    width:35px;
    height: 105px;
    position: absolute;
    z-index: 3;
}

.w1{
    top: 61px;
    left: 156px;
    z-index: 10;
}

.w2{
    bottom: 46px;
    left: 191px;
    z-index: 10;
}

.w3{
    bottom: 112px;
    left: 193px;
    z-index: 9;
}

.w4{
    bottom: 93px;
    left: 219px;
    z-index: 9;
}

.w5{
    top: 61px;
    left: 214px;
    z-index: 8;
}

.w6{
    top: 36px;
    left: 185px;
    z-index: 7;
}

.w7{
    top: 26px;
    left: 131px;
    z-index: 7;
}

.w8{
    top: 16px;
    left: 159px;
    z-index: 6;
}

.w9{
    top: -8px;
    left: 89px;
    z-index: 6;
}

.w10{
    top: 20px;
    left: 206px;
    z-index: 6;
}

.w11{
    top: -27px;
    left: 231px;
    z-index: 5;
}

.w12{
    bottom: 77px;
    right: 277px;
    z-index: 10;
}

.w13{
    bottom: 116px;
    left: 340px;
    z-index: 9;
}

.w14{
    bottom: 135px;
    left: 307px;
    z-index: 8;
}

.w15{
    bottom: 151px;
    left: 279px;
    z-index: 7;
}

.w16{
    bottom: 199px;
    left: 282px;
    z-index: 6;
}

.w17{
    bottom: 181px;
    left: 303px;
    z-index: 6;
}

.w18{
    top: 4px;
    left: 313px;
    z-index: 5;
}

.w19{
    top: 18px;
    left: 328px;
    z-index: 5;
}

.w20{
    top: 8px;
    left: 346px;
    z-index: 4;
}

.w21{
    bottom: 57px;
    right: 75px;
    z-index: 10;
}

.w22{
    bottom: 74px;
    right: 127px;
    z-index: 10;
}

.w23{
    bottom: 82px;
    right: 147px;
    z-index: 9;
}

.w24{
    bottom: 65px;
    right: 109px;
    z-index: 11;
}

.w25{
    bottom: 96px;
    right: 109px;
    z-index: 9;
}

.w26{
    bottom: 125px;
    right: 141px;
    z-index: 8;
}

.w27{
    bottom: 122px;
    right: 171px;
    z-index: 8;
}

.w28{
    bottom: 155px;
    right: 109px;
    z-index: 8;
}

.w29{
    bottom: 158px;
    right: 156px;
    z-index: 7;
}

.w30{
    bottom: 147px;
    right: 205px;
    z-index: 10;
}

.w31{
    bottom: 173px;
    right: 232px;
    z-index: 9;
}

.w32{
    top: 12px;
    right: 219px;
    z-index: 8;
}

.w33{
    top: 6px;
    right: 182px;
    z-index: 6;
}

.w34{
    top: 23px;
    right: 134px;
    z-index: 6;
}



/* ================= PART 3 ================= */

#part_3{
    background-color: #f49fc5;
}

#part_3 .part_in{
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.graphic_one{
    width: 1023px;
    margin: 0 auto;
    padding-bottom: 200px;
    text-align: center;
}

.icon_gra{
    display: block;
    width: 97px;
    height: 109px;
}

input[name^="fill-"] + label img{
    width: 100%;
    max-width: 100%;
}

.square_title{
    width: 50%;
    display: inline-block;
    font-size: 38px;
    text-align: center;
    cursor: pointer;
    color: #b10069;
}

.graph_main{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 0;
    margin-top: 40px;
}

.inner_2{
    display: inline-block;
    width: 100%;
    font-size: 17px;
    text-align: center;
}

.blocken{
    display: inline-block;
    width: 12.5%;
    font-size: 17px;
    text-align: center;
    color: #b10069;
}

.porcen{
    font-size: 30px;
    color: #ffffff;
}

.blocken span{
    display: block;
    color: #ffffff;
}

.girl{
    display: block;
    margin: 0 auto;
}

.girl img{
    width: 100%;
    max-width: 100%;
}

.g_e{
    width: 60px;
}

.g_usa{
    width: 50px;
}

.g_i{
    width: 49px;
}

.g_c{
    width: 45px;
}

.g_uk{
    width: 40px;
}

.g_f{
    width: 37px;
}

.g_d{
    width: 37px;
}

.g_g{
    width: 33px;
}

.phrase2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 60px;
}

.g_two{
    margin-top: 10px;
}

.graph_container{
    height: 350px;
    width: 100%;
    overflow: hidden;
}

.last_phrase{
    margin-top: 100px;
    text-align: right;
    font-size: 15px;
    color: #b10069;
}


/* ================= PART 4 ================= */

#part_4{
    background-color: #29abe2;
}

#part_4 .inner_block{
    font-size: 30px;
    vertical-align: top;
}

.porcentaje{
    display: block;
    font-size: 38px;
}

.subte{
    text-align: left;
    font-size: 30px;
    margin: 20px 0;
}

.old_lady{
    position: relative;
    width: 300px;
    height: 335px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.old1{
    position: absolute;
    width:113px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.old2{
    position: absolute;
    width:113px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.woman_main{
    position: relative;
    width: 300px;
    height: 367px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.lesbos{
    position: absolute;
    width:243px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.woman_m{
    position: absolute;
    width:346px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.woman_uk{
    position: absolute;
    width:164px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.paris_main{
    position: relative;
    width: 300px;
    height: 367px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.paris_city{
    position: absolute;
    width:274px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.peak{
    display: block;
    width: 203px;
    height: 138px;
    margin: 0 auto;
}

.title_graph{
    text-align: center;
    font-size: 50px;
    color: #b10069;
    margin-bottom: 30px;
}

.title_graph.g_main{
    margin-bottom: 0;
}

.graph-container span span{
    color: #ffffff;
}

.title_graph span{
    color: #ffffff;
}

/* ================= PART 5 ================= */

#part_5{
    background-color: #f06ca3;
}

.pink_separator_top{
    background: url(../images/pink_separator.png) repeat-x bottom center #29abe2;
    width: 100%;
    height:66px;
    display: block;
}

.pink_separator_btm{
    background: url(../images/pink_sep_btm.png) repeat-x bottom center #034d82;
    width: 100%;
    height:66px;
    display: block;
}

#part_5 p.phrase2 span{
    color: #b10069;
}

#part_5 .blocken p{
    text-transform: uppercase;
}

.porcen_flag{
    font-size: 30px;
    margin-top: 10px;
    color: #b10069;
}

.name_c{
    font-size: 14px;
    color: #ffffff;
}

.sexy{
    position: relative;
    width: 300px;
    height: 335px;
    margin: 0 auto;
}

.sex1_body{
    position: absolute;
    width:188px;
    height: 271px;
    top: 49px;
    right: 21px;
    z-index: 2;
}

.sex1_leg{
    position: absolute;
    width:161px;
    height: 101px;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.sex1_body2{
    position: absolute;
    width:183px;
    height: 237px;
    bottom: 32px;
    right: 30px;
    z-index: 2;
}

.sex1_leg2{
    position: absolute;
    width:165px;
    height: 99px;
    bottom: 0;
    right: 71px;
    z-index: 1;
}

.sex1_body3{
    position: absolute;
    width:232px;
    height: 255px;
    bottom: 0px;
    right: 28px;
    z-index: 2;
    -webkit-animation: sexyp 1.5s linear infinite;
    -moz-animation: sexyp 1.5s linear infinite;
    -o-animation: sexyp 1.5s linear infinite;
    -ms-animation: sexyp 1.5s linear infinite;
    animation: sexyp 1.5s linear infinite;
}

@-webkit-keyframes sexyp {
    0% {
        right: 28px;
    }
    50% {
        right: 22px;

    }
    100% {
        right: 28px;
    }
}

@-moz-keyframes sexyp {
    0% {
        right: 28px;
    }
    50% {
        right: 22px;

    }
    100% {
        right: 28px;
    }
}

@-o-keyframes sexyp {
    0% {
        right: 28px;
    }
    50% {
        right: 22px;

    }
    100% {
        right: 28px;
    }
}

@-ms-keyframes sexyp {
    0% {
        right: 28px;
    }
    50% {
        right: 22px;

    }
    100% {
        right: 28px;
    }
}

@keyframes sexyp {
    0% {
        right: 28px;
    }
    50% {
        right: 22px;

    }
    100% {
        right: 28px;
    }
}

.sex1_leg3{
    position: absolute;
    width:243px;
    height: 90px;
    bottom: 2px;
    right: 34px;
    z-index: 1;
}




/* ================= FOOTER ================= */

#footer{
    background-color: #034d82;
}

.title{
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.title_min{
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
}

.logo_footer{
    display: inline-block;
    width: 109px;
}

#footer .block_in{
    text-align: left;
    font-size: 15px;
}

.spacer{
    margin-top: 15px;
}

ul.pays li{
    list-style: none;
    margin: 19px 0;
}

ul.pays li span{
    text-transform: uppercase;
    color: #29abe2;
}

.lil_flag{
    display: inline-block;
    width: 34px;
    vertical-align: middle;
    margin-right: 10px;
}

.lil_flag_mid{
    display: block;
    width: 34px;
    margin: 15px auto 0 auto;
}

.mid_spacer{
    margin-top: 10px;
}

.block_final{
    display: block;
    position: relative;
    height: 320px;
    width: 700px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.dr1{
    position: absolute;
    width:112px;
    height:319px;
    z-index:5;
    bottom: 0;
    left: 0;
}

.glass{
    position: absolute;
    width:217px;
    height:257px;
    z-index:4;
    bottom: 30px;
    left: 58px;
}

.dr2{
    position: absolute;
    width:88px;
    height:222px;
    z-index:4;
    bottom: 30px;
    left: 268px;
}

.dr3{
    position: absolute;
    width:88px;
    height:222px;
    z-index:4;
    bottom: 30px;
    left: 614px;
}

.dr4{
    position: absolute;
    width:88px;
    height:222px;
    z-index:4;
    bottom: 30px;
    left: 468px;
}

.desk{
    position: absolute;
    width:363px;
    height:213px;
    z-index:5;
    bottom: 30px;
    left: 301px;
}

.tube{
    position: absolute;
    width:14px;
    height:45px;
    z-index:6;
    top: 110px;
    left: 342px;
}

.cup{
    position: absolute;
    width:29px;
    height:50px;
    z-index:6;
    top: 135px;
    left: 387px;
}

.dildo{
    position: absolute;
    width:36px;
    height:57px;
    z-index:6;
    top: 128px;
    left: 428px;
}

.balls{
    position: absolute;
    width:22px;
    height:57px;
    z-index:6;
    top: 128px;
    left: 475px;
}

.computer{
    position: absolute;
    width:67px;
    height:71px;
    z-index:6;
    top: 114px;
    left: 509px;
}

.micro{
    position: absolute;
    width:53px;
    height:71px;
    z-index:6;
    top: 114px;
    left: 587px;
}

.board{
    position: absolute;
    width:216px;
    height:81px;
    z-index:1;
    top: 10px;
    left: 438px;
}

#part_5 .phrase2{
    margin-bottom: 0px;
}

#part_5 .graph_main .phrase2{
    margin-bottom: 50px;
}


/* ================= PART 6 ================= */

#part_6 .title_block{
    padding-right: 0;
    padding-left: 0;
}

#part_6 ol{
    font-size: 0;
    margin-bottom: 80px;
}

#part_6 ol li{
    display: inline-block;
    width: 12.5%;
    font-size: 20px;
}

#part_6 a p{
    margin-top: 10px;
    color: #0071bc;
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

#part_6 a:hover p{
    color: #ffffff;
}

#part_6 a span{
    padding: 10px;
    display: block;
    width: 108px;
    height: 140px;
}

#part_6 a img{
    margin-top: 10px;
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    opacity: 0.5;
}

#part_6 a:hover img{
    margin-top: 0px;
    opacity: 1;
}

.light_blue_separator_btm{
    background: url(../images/lb_sep_btm.png) repeat-x bottom center #034d82;
    width: 100%;
    height:66px;
    display: block;
}

a.press{
    color:#0071bc;
}

a.press:hover{
    color:#ffffff;
}

a.orange{
    color: #fc531d;
}

a.orange:hover
{
    color: #E83C00;
}

.copyright{
    font-size: 15px;
}

/* ================= NEW CHANGES SPANISH ================= */

.width_all .main_title{
    padding-top: 70px;
    padding-bottom: 20px;
}

.width_all .main_title .lil_tit_1{
    padding-bottom: 15px;
}

.width_all .main_title .lil_tit_2{
    font-size: 92px;
}

.width_all input[name^="fill-"] + label{
    height: 140px;
}

/* ============ NEW CHANGES DUTCH ============ */

.width_all_min .main_title{
    padding-top: 70px;
    padding-bottom: 20px;
}

.width_all_min .main_title .lil_tit_2{
    font-size: 86px;
}

.width_all_min .main_title .lil_tit_1{
    padding-bottom: 15px;
}

.width_all_min input[name^="fill-"] + label{
    height: 136px;
}

/* ============ NEW CHANGES GERMAN ============ */

.with_min_de .main_title{
    padding-top: 70px;
    padding-bottom: 20px;
}

.with_min_de .main_title .lil_tit_2{
    font-size: 80px;
}

.with_min_de .main_title .lil_tit_1{
    padding-bottom: 15px;
}

.with_min_de input[name^="fill-"] + label{
    font-size: 14px;
}

/* =================================================== MEDIA QUERIES =================================================== */

@media screen and (max-width: 1061px) {

    /* ===== PART 1 ===== */
    #part_1 .part_in,
    #part_2 .part_in,
    #part_3 .part_in,
    #part_4 .part_in,
    #part_5 .part_in,
    #part_6 .part_in,
    #footer .part_in{
        width: 80%;
    }

    .header_sky{
        width: 100%;
        top:0;
        height: 243px;
    }

    .winter,
    .summer{
        display:none;
    }

    .clock{
        top: 20px;
    }

    .head_couple{
        top: 197px;
    }

    .santa_hat{
        top: 20px;
    }

    .lil_tit_1{
        line-height: 70px;
    }

    .main_title{
        text-align: center;
    }

    /* ===== PART 2 ===== */
    .key_sign_in{
        width: 100%;
    }

    .ww,
    .tree6,
    .tree3,
    .cloud1,
    .cloud2,
    .cloud3{
        display: none;
    }

    /* ===== PART 5 ===== */

    .inner_block.third_lil .block_in{
        display: none;
    }

    .third_text{
        width: 100%;
    }

    .graphic_one{
        width: 100%;
    }

    .bar-foreground, .bar-inner{
        width: 100%!important;
    }

    .graph-container{
        margin: 40px 0 0 9%!important;
        font-size: 14px!important;
    }

    .graph-container span span{
        display: block!important;
    }

    .bar-foreground, .bar-inner, .bar-container{
        width: 80px!important;
    }

    /* ===== PART 6 ===== */

    #part_6 a span{
        width: 90%;
        height: auto;
    }

    /* ===== LANGUAGES MENU ===== */

    #all_lang{
        height: auto
    }

    #all_lang li{
        display: block;
    }

    .lil_flag_header{
        display: none;
    }

    #header_lang{
        left: 7px;
    }

    .addthis_toolbox{
        z-index: 10!important;
    }

    .last_phrase{
        text-align: center;
    }



}

@media screen and (max-width: 790px) {

    /* ===== PART 1 ===== */

    .lil_tit_2{
        font-size: 60px;
    }

    .dos,
    .zero,
    .uno,
    .seis,
    .leave_sfera_o,.leave_sfera_t,.leave_sfera_r,.leave_sfera_f, .uno_sfera, .zero_sfera,
    .flower1,.flower2,.flower3,.flower4,
    .tree1, .tree2, .tree4, .tree5,
    .grass, .snow,
    .crab,
    .osito_full, .tarjeta_full, .carta_full, .corazon_full, .paleta_full, .fresa_full,
    .santa_hat,
    .header_block{
        display: none;
    }

    .head_couple{
        top: 137px;
    }


    /* ===== PART 2 ===== */

    .world{
        width: 100%;
    }

    /* ===== PART 3 ===== */

    .key_sign_in{
        width: 80%;
    }


    /* ===== PART 4 ===== */

    .title_graph{
        width: 85%;
        margin-right: auto;
        margin-left: auto;
    }

    .graph-container{
        width: 90%!important;
        margin: 20px 0 0 0!important;
        background: none!important;
    }

    input[name^="fill-"]{
        display: none!important;
    }

    input[name^="fill-"] + label{
        width: 20%!important;
        height: auto!important;
        border-radius: 0!important;
        margin: 0 10px 10px 0!important;
    }

    input[name^="fill-"] + label img{
        display: none!important;
        padding: 10px!important;
    }

    input[name^="paint-"],
    input[name^="resize-"]{
        display: none!important;
    }

    input#f-product1:checked ~ .graph-container > li:nth-child(1) .bar-inner,
    input#f-product1:checked ~ .graph-container > li:nth-child(2) .bar-inner,
    input#f-product1:checked ~ .graph-container > li:nth-child(3) .bar-inner,
    input#f-product1:checked ~ .graph-container > li:nth-child(4) .bar-inner,
    input#f-product1:checked ~ .graph-container > li:nth-child(5) .bar-inner,
    input#f-product1:checked ~ .graph-container > li:nth-child(6) .bar-inner,
    input#f-product1:checked ~ .graph-container > li:nth-child(7) .bar-inner,
    input#f-product1:checked ~ .graph-container > li:nth-child(8) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(1) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(2) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(3) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(4) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(5) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(6) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(7) .bar-inner,
    input#f-product2:checked ~ .graph-container > li:nth-child(8) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(1) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(2) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(3) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(4) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(5) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(6) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(7) .bar-inner,
    input#f-product3:checked ~ .graph-container > li:nth-child(8) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(1) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(2) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(3) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(4) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(5) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(6) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(7) .bar-inner,
    input#f-product4:checked ~ .graph-container > li:nth-child(8) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(1) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(2) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(3) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(4) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(5) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(6) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(7) .bar-inner,
    input#f-product5:checked ~ .graph-container > li:nth-child(8) .bar-inner {
        height: 100%!important;
        bottom: 0 !important;
    }

    /* masturbating */
    input#f-product1:checked ~ .graph-container > li:nth-child(1) .bar-inner::before,
    input#f-product1:checked ~ .graph-container > li:nth-child(2) .bar-inner::before,
    input#f-product1:checked ~ .graph-container > li:nth-child(3) .bar-inner::before,
    input#f-product1:checked ~ .graph-container > li:nth-child(4) .bar-inner::before,
    input#f-product1:checked ~ .graph-container > li:nth-child(5) .bar-inner::before,
    input#f-product1:checked ~ .graph-container > li:nth-child(6) .bar-inner::before,
    input#f-product1:checked ~ .graph-container > li:nth-child(7) .bar-inner::before,
    input#f-product1:checked ~ .graph-container > li:nth-child(8) .bar-inner::before,
    /* handjob */
    input#f-product2:checked ~ .graph-container > li:nth-child(1) .bar-inner::before,
    input#f-product2:checked ~ .graph-container > li:nth-child(2) .bar-inner::before,
    input#f-product2:checked ~ .graph-container > li:nth-child(3) .bar-inner::before,
    input#f-product2:checked ~ .graph-container > li:nth-child(4) .bar-inner::before,
    input#f-product2:checked ~ .graph-container > li:nth-child(5) .bar-inner::before,
    input#f-product2:checked ~ .graph-container > li:nth-child(6) .bar-inner::before,
    input#f-product2:checked ~ .graph-container > li:nth-child(7) .bar-inner::before,
    input#f-product2:checked ~ .graph-container > li:nth-child(8) .bar-inner::before,
    /* oral */
    input#f-product3:checked ~ .graph-container > li:nth-child(1) .bar-inner::before,
    input#f-product3:checked ~ .graph-container > li:nth-child(2) .bar-inner::before,
    input#f-product3:checked ~ .graph-container > li:nth-child(3) .bar-inner::before,
    input#f-product3:checked ~ .graph-container > li:nth-child(4) .bar-inner::before,
    input#f-product3:checked ~ .graph-container > li:nth-child(5) .bar-inner::before,
    input#f-product3:checked ~ .graph-container > li:nth-child(6) .bar-inner::before,
    input#f-product3:checked ~ .graph-container > li:nth-child(7) .bar-inner::before,
    input#f-product3:checked ~ .graph-container > li:nth-child(8) .bar-inner::before,
    /* vaginal */
    input#f-product4:checked ~ .graph-container > li:nth-child(1) .bar-inner::before,
    input#f-product4:checked ~ .graph-container > li:nth-child(2) .bar-inner::before,
    input#f-product4:checked ~ .graph-container > li:nth-child(3) .bar-inner::before,
    input#f-product4:checked ~ .graph-container > li:nth-child(4) .bar-inner::before,
    input#f-product4:checked ~ .graph-container > li:nth-child(5) .bar-inner::before,
    input#f-product4:checked ~ .graph-container > li:nth-child(6) .bar-inner::before,
    input#f-product4:checked ~ .graph-container > li:nth-child(7) .bar-inner::before,
    input#f-product4:checked ~ .graph-container > li:nth-child(8) .bar-inner::before,
    /* Anal */
    input#f-product5:checked ~ .graph-container > li:nth-child(1) .bar-inner::before,
    input#f-product5:checked ~ .graph-container > li:nth-child(2) .bar-inner::before,
    input#f-product5:checked ~ .graph-container > li:nth-child(3) .bar-inner::before,
    input#f-product5:checked ~ .graph-container > li:nth-child(4) .bar-inner::before,
    input#f-product5:checked ~ .graph-container > li:nth-child(5) .bar-inner::before,
    input#f-product5:checked ~ .graph-container > li:nth-child(6) .bar-inner::before,
    input#f-product5:checked ~ .graph-container > li:nth-child(7) .bar-inner::before,
    input#f-product5:checked ~ .graph-container > li:nth-child(8) .bar-inner::before  {
        padding-top: 0px!important;
    }

    input#graph-rainbow:checked ~ .graph-container li:nth-child(1) .bar-inner,
    input#graph-rainbow:checked ~ .graph-container li:nth-child(2) .bar-inner,
    input#graph-rainbow:checked ~ .graph-container li:nth-child(3) .bar-inner,
    input#graph-rainbow:checked ~ .graph-container li:nth-child(4) .bar-inner,
    input#graph-rainbow:checked ~ .graph-container li:nth-child(5) .bar-inner,
    input#graph-rainbow:checked ~ .graph-container li:nth-child(6) .bar-inner,
    input#graph-rainbow:checked ~ .graph-container li:nth-child(7) .bar-inner,
    input#graph-rainbow:checked ~ .graph-container li:nth-child(8) .bar-inner{
        background-color: transparent!important;
    }



    .graph-marker-container span{
        display: none!important;
    }

    .graph-container > li > span{
        position: static!important;
    }

    .graph-container > li{
        position: static!important;
        float: none!important;
        display: inline-block!important;
    }

    input#graph-normal:checked ~ .graph-container .bar-container,
    input#graph-normal:checked ~ .graph-container::after,
    input#graph-normal:checked ~ .graph-container > li:last-child{
        height: 50px!important;
    }

    .graph-marker-container{
        display: none;
    }

    .last_phrase{
        width: 85%;
        margin: 0 auto;
    }

    /* ===== PART 5 ===== */

    .blocken{
        width: 32%;
        padding-bottom: 20px;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
          left: -5px!important;
    }

    .flexslider:hover .flex-direction-nav .flex-next {
      right: -5px!important;
    }

    .inner_block{
        width: 100%;
    }

    /* ===== PART 6 ===== */

    #part_6 ol li{
        width: 30%;
        text-align: center;
    }

    #part_6 a span{
        margin: 0 auto;
    }

    /* ===== FOOTER ===== */

    .glass,
    .dr2,
    .dr3,
    .dr4,
    .desk,
    .tube,
    .cup,
    .dildo,
    .balls,
    .computer,
    .micro,
    .board{
        display: none;
    }

    .block_final{
        width: 100%;
    }

    .dr1{
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    .three_all{
        width: 100%;
    }

    /* ===== CHANGES ===== */

    .flex-direction-nav{
        display: none;
    }

    .flex-control-nav, .flex-control-paging{
        display: none;
    }

    .graph_container{
        overflow: visible;
        height: auto;
        margin-bottom: 100px;
    }

    .lids li{
        margin-bottom: 30px;
    }

    .graph_container{
        margin-bottom: 100px;
    }

    #part_4 li{
        margin-bottom: 150px;
    }

    #part_5 .title_block{
        margin-bottom: 50px;
    }

    /* ===== GERMAN ===== */

    .with_min_de .main_title .lil_tit_2{
        font-size: 45px;
    }

    body{
        text-align: center;
    }

    .cd-stretchy-nav{
        right: 1px!important;
    }

    .lil_title{
        font-size: 40px;
    }

    .big_title{
        font-size: 40px!important;
        line-height: 45px!important;
    }

    .title_block{
        font-size: 40px;
    }

    /* ===== NL ===== */

    .width_all_min .main_title .lil_tit_2{
        font-size: 40px;
    }

    .width_all_min .lil_tit_1{
        font-size: 40px;
    }

    .hashtag{
        font-size: 40px;
    }

    .key_sign_in{
        font-size: 40px;
    }

    .width_all_min .title_graph{
        font-size: 46px;
    }

    .width_all_min .title_graph{
        width: 80%
    }


    /* ===== ES ===== */

    .width_all .main_title .lil_tit_1{
        font-size: 40px;
        padding-bottom: 0;
    }

    .width_all .main_title .lil_tit_2{
        font-size: 40px;
    }






}