html {height: auto; float: left; font-size: 1em; min-width: 320px; visibility: hidden}
body {height: auto; float: left; margin: 0 auto}
#wrap {height: auto; max-width: 1024px; min-width: 320px; margin: 0 auto; overflow: hidden; text-align: center;}


/* COVER IMAGE */
div.cover {position: absolute; z-index: 0; width: 100%; height: 100%; overflow: hidden}
div.cover .cover-image {margin: 0 auto}


.fixed_fr {
 position: fixed;

}




/* Selektory */
.pointer_s {
width: 40px;
height: 20px;
bottom: -35px;
left: 50%;
margin-left: -20px;
position: relative;

}


.pointer_p {
width: 40px;
height: 20px;
bottom: -11px;
left: 50%;
margin-left: -20px;
position: relative;
}


.pointer_s.active, .pointer_p.active {
background-image: url("../assets/images/pointer-selected.png");
background-size: 100%;

}

.active_rb {

 border: 4px solid #2bcf93 !important;;
 border-radius:15px;
 box-shadow: none;
 background-color: #fff6f6 !important;
}

/* END selektory */





/* --- NAVIGATION MENU --- */
nav {float: left; height: 50px; z-index: 1; display: block} /* Navigation Menu without logo */
nav.full {height: 84px} /* Navigation Menu with logo */

nav .nav-container {position: relative; width: auto; margin: 0 auto; height: 100%; display: inline-table; margin-top: 5px}
nav .nav-container .logo {display: none}
nav .nav-container ul {width: auto; height: 100%; text-align: center; margin: 0 auto; float: left}
nav .nav-container ul li {width: auto; font-size: 1.25em; float: left; height: 100%}
nav .nav-container ul li a {display: block; width: 100%; height: 100%}
nav .nav-container ul li span {line-height: 40px; padding-right: 0.75em; padding-left: 0.15em}
nav .nav-container ul li span.icon {padding: 0 .15em}

nav.full .nav-container img.logo {position: relative; float: left; height: 84px; width: auto; display: block}
nav.full .nav-container ul {margin-left: 30px}
nav.full .nav-container ul li span {line-height: 84px}

nav .mobile-icon {position: absolute; right: 20px; top: 40px; z-index: 10; display: none}

/* --- MAIN --- */
/*section.main {float: left; height: 556px; margin-top: -40px}*/
section.main {float: left; height: 556px;}
section.main .logo {display: none; width: 480px; height: 176px}


section.main .cta {
    position: absolute;
    width: 310px;
    height: 120px;
    top: 145px;
    left: 57%;
    margin-left: 80px;
    z-index: 2;
}


@media (max-width: 976px){


section.main .extra {
    position: absolute;
    top: 285px;
    left: 48%;
    margin-left: 80px;
    z-index: 2;
}

section.main .cta p {
    color: #787878;
    font-size: 1.5em;
    left: -50px!important;
}


}

@media (min-width: 977px){
section.main .extra {
    position: absolute;
    top: 285px;
    left: 49%;
    margin-left: 80px;
    z-index: 2;
}

section.main .cta p {
    color: #787878;
    font-size: 1.5em;
    left: 0px!important;
}

}


@media (max-width: 657px){

.mobile section.main .cta p {
    position: relative;
    float: left;
    text-align: center;
    padding: 15px 15px!important;
    left: 2px!important;
    margin-top: -40px;
}


.mobile section.main .button.order {
    top: -33px!important;
}

.text-numero-1 {
    top: -137px!important;
}

}

section.main .cta p {position: absolute; bottom: 0; width: 100%; height: auto; line-height: .9em; text-align: right; font-size: 2em; padding-bottom: 10px;}

section.main .button.order {bottom: 0}
section.main.full {margin-top: 0}
section.main.full img.logo {position: absolute; display: block; top: 0; left: 50%; margin-left: -240px; z-index: 1}
section.main.full.light {height: 176px}
section.main.full.light .cover {height: 556px}

section.main.notvisible {display: none; visibility: hidden!important; height: 117px!important}
.mobile section.main.notvisible {display: block; visibility: hidden!important; height: 117px!important}

/* --- GALLERY SECTION --- */
section.gallery {height: 46.253em;  float: left}
section.gallery p.title {width: 100%; height: 5.312em; display: table; font-size: 2em; text-transform: uppercase}
section.gallery p.title span {position: relative; width: 100%; display: table-cell; vertical-align: middle; padding: 0 1em}
section.gallery .container {width: 100%; height: 33.000em}


section.gallery .arrow-container {position: absolute; top: 0; width: 50px; height: 100%; z-index: 5; display: none}
section.gallery .arrow-container.prev {left: 0}
section.gallery .arrow-container.next {right: 0}
section.gallery .arrow-container img.arrow {position: absolute; top: 50%; margin-top: -21px; left: 50%; margin-left: -13px; cursor:pointer}

section.gallery .gallery-holder {position: absolute; width: 100%; height: 100%; top: 0; left: 0}
section.gallery .gallery-holder .internal {position: relative; width: auto; float: left; height: 100%; padding: 0 3em}
section.gallery .gallery-holder .gallery-item {width: auto; float: left}
section.gallery .gallery-holder .gallery-item .wrapper {position: relative; width: 100%; height: auto; display: inline-table}
section.gallery .gallery-holder .gallery-item .wrapper img.thumb {float: left; width: 100%; height: auto}
section.gallery .gallery-holder .gallery-item .wrapper img.pin {position: absolute; top: 0; right: 0; width: 9.375em; height: 9.375em}
section.gallery .gallery-holder .gallery-item .wrapper img.play-icon {display: none; position: absolute; left: 50%; top: 50%; width: 6.250em; height: 6.250em; margin-left: -3.125em; margin-top: -6.250em; cursor:pointer}
section.gallery .gallery-holder .gallery-item .wrapper p.caption {
    float: left;
    width: 100%;
    height: 4.25em;
    padding: 0;
    display: table;
    font-size: 1.25em;
}
section.gallery .gallery-holder .gallery-item .wrapper p.caption span {position: relative; display: table-cell; vertical-align: middle}
section.gallery .gallery-holder .gallery-item.video .wrapper img.play-icon {display: block}

section.gallery .disclaimer {position: absolute; bottom: 6.5em; width: 90%; left: 5%; display: table; text-align: center}
section.gallery .disclaimer span {position: relative; display: table-cell; vertical-align: middle; font-size: 12px}

section.gallery .counter {position: absolute; bottom: 1em; width: 90%; height: 1.4em; left: 5%}
section.gallery .counter .counter-item {position: relative; display: inline-block; width: 1em; height: 1em; border-radius: .7em; margin: 0 .3em}


section.gallery .gallery-holder .internal.single .gallery-item {width: 100%}
section.gallery .gallery-holder .internal.single .gallery-item .wrapper {width: 38.750em; height: 28.125em; margin: 0 .5em}
section.gallery .gallery-holder .internal.double .gallery-item .wrapper {width: 28.438em; height: 25em; margin: 0 .5em}
section.gallery .gallery-holder .internal.four .gallery-item .wrapper {width: 13.250em; height: 25em; margin: 0 .5em}


/* Gallery Mobile/Desktop responsive css */
section.gallery.mobile {height: auto}
section.gallery.mobile .container {height: 39.5em!important;}
/*section.gallery.mobile p.title {font-size: 3em; height: 3.541em}*/

section.gallery.mobile p.title {
  font-size: 17px;
  height: 3.541em;
  padding-top:3%;
}




section.gallery.mobile .gallery-holder .gallery-item .wrapper p.caption {font-size: 1.6em; padding: 10px;}
section.gallery.mobile .gallery-holder .gallery-item .wrapper img.play-icon {margin-top: -6.5em}

section.gallery.mobile .gallery-holder .internal {padding: 0}
section.gallery.mobile.portrait {height: 60em}
section.gallery.mobile.portrait .container {height: 49.8em}

section.gallery.mobile .gallery-holder .internal.single .gallery-item .wrapper {width: 32em; top: 2.75em}
section.gallery.mobile .gallery-holder .internal.double .gallery-item .wrapper {width: 32em}
section.gallery.mobile .gallery-holder .internal.four .gallery-item .wrapper {width: 22.5em}


/* INFO */
section.info {float: left; height: 650px}
section.info .cover {position: absolute; width: 480px; height: 480px; left: 50%; top: 25px; margin-left: -240px; overflow: initial}
section.info .cover.bg {position: absolute; width: 100%; height: 650px; top: 0; left: 0; margin-left: 0}
section.info .caption-container {position: absolute; width: 620px; height: 145px; bottom: 0; left: 50%; margin-left: -310px}
section.info .caption-container .background {position: absolute; width: 100%; height: 100%}
section.info .caption-container p.caption {position: relative; width: 100%; height: 100%; display: table; font-size: 1.35em}
section.info .caption-container p.caption span {position: relative; display: table-cell; padding: 0 1em; vertical-align: middle}

/* SECTION SINGLE BUTTON ORDER */
section.order-button {float: left; height: 5.750em; padding: 1em 0}


/* BANNER */
section.banner {float: left; height: 7.875em}
section.banner .container {position: relative; width: 60em; height: 100%; left: 50%; top: 0; margin-left: -30em}
section.banner .container img {width: 30em; height: auto; float: left}
section.banner .banner-text-image {width: 300px!important; height: auto!important; float: left!important}
@media (max-width: 657px){
	section.banner .banner-text-image {width: 75%!important; top: 100%; margin: auto!important; left: 18%!important; height: auto; float: left;}
}

section.banner .container p {width: 15em; height: 100%; font-size: 2em; float: left; display: table; text-align: left; text-transform: uppercase}
section.banner .container p span {position: relative; width: 100%; display: table-cell; vertical-align: middle}


/* FOOTER */
section.footer {float: left}
section.footer .container {width: 100%; height: 100%; float: left}
section.footer .container .box {position: relative; width: 24%; ; height: 10.375em; margin: 3em 0; display: inline-block; text-align: center; border-right: 1px solid #f5f5f5; }
section.footer .container .box a.link {position: relative; top: 6em; display: block}
section.footer .container .box.last {border: 0!important}
section.footer .container .box .wrapper {position: absolute; display: table-cell; vertical-align: middle; width: 14.250em; height: 10.375em; left: 50%; top: 50%; margin-left: -6.625em; margin-top: -5.187em}
section.footer .container .box .wrapper p.icon {position: relative; display: table; margin: 0 auto; top: 2em; width: 4.125em; height: 4.125em}
section.footer .container .box .wrapper p.icon a {display: inline-block}
section.footer .container .box .wrapper p.icon span {position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 3.5em}
section.footer .container .box .wrapper p.icon.small {width: 80%; padding: .25em 0}
section.footer .container .box .wrapper p.icon.small span {font-size: 1.45em; display: inline}
section.footer .container .box .wrapper p.title {position: absolute; bottom: 1em; display: table; width: 100%; height: 2.500em;}
section.footer .container .box .wrapper p.title span {position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 1.15em; text-align: center}
.pointer {cursor: pointer;}


/* PARTNERS */
section.partners {float: left; height: auto}
section.partners p.title {height: 5em; float: left; text-align: center; display: table; text-transform: uppercase}
section.partners p.title span {display: table-cell; font-size: 2em; vertical-align: middle; text-align: center}
section.partners .container {float: left; height: auto; text-align: center}
section.partners .container a {display: inline-block}
section.partners .container img.partner {display: inline-block; width: 18.375em; height: auto; margin: 0 .5em}

/* PARTNERS LIGHT */
section.partners-light {float: left; height: 3.750em}
section.partners-light .container {width: 90%; height: 100%; margin: 0 auto; text-align: right}
section.partners-light .partner {height: 3.750em; width: autoa}

/* HOTSPOT GALLERY */
section.hotspot {float: left; height: 41em}
section.hotspot .container {width: 60em; left: 50%; margin-left: -30em; overflow: hidden}
section.hotspot .container p.title {width: 100%; height: 4em; display: table; font-size: 2em; text-transform: uppercase}
section.hotspot .container p.title span {position: relative; width: 100%; display: table-cell; vertical-align: middle; padding: 0 1em}
section.hotspot .container .holder {float: left; width: 100%; height: 30em}
section.hotspot .container .holder .item {float: left; width: 50%; height: 100%}
section.hotspot .container .holder img.background {position: absolute; width: 100%; height: 100%; top: 0; left: 0}
section.hotspot .container .holder .hotspot-holder {position: absolute;  width: 100%; height: 100%; top: 0; left: 0}
section.hotspot .container .holder .hotspot-holder .hotspot-item {position: absolute; width: 3.125em; height: auto; cursor: pointer}
section.hotspot .container .holder .view-item {position: absolute; left: 100%; top: 0; width: 100%; height: 100%}
section.hotspot .container .holder p.main-text {display: table; left: 0; font-size: 1.3em;}
section.hotspot .container .holder p.main-text span {display: table-cell; padding: 1.25em; vertical-align: middle; font-size: 1em}
section.hotspot .container .holder .view-item img {float: left; width: 100%; height: auto}


section.hotspot .container .holder .view-item p.hotspot-description {
    float: left;
    display: table;
    width: 100%;
    height: 6.25em;
    text-align: left;
    font-size: 0.74em;
    padding-left: 8%;
    font-weight: 700;
}


section.hotspot .container .holder .close {position: absolute; right: 1em; top: 1em; z-index: 10; visibility: hidden; cursor: pointer}
section.hotspot .container .holder .close.disabled {cursor: default}

/* OFFER */
section.offer {float: left; height: 126px}
section.offer .container {position: absolute; width: 890px; height: 100%; top: 0; left: 50%; margin-left: -445px}
section.offer .container .button.order {position: absolute; top: 50%; margin-top: -1.875em; left: 0; margin-left: 0}
section.offer .container p.extra {position: absolute; right: 0; top: 50%; margin-top: -40px; height: 80px; width: 500px; text-align: left; display: table}



/* DIGITAL EDITION */
section.digital {float: left; height: 650px}
section.digital p.title {position: absolute; top: 20px; width: 480px; height: 90px; left: 50%; margin-left: -240px; display: table; text-align: center; text-transform: uppercase}
section.digital p.title span {display: table-cell; vertical-align: middle; width: 100%;  font-size: 2em}
section.digital p.description {position: absolute; top: 120px; width: 480px; height: auto; left: 50%; margin-left: -240px; text-align: justify}
section.digital p.description span {font-size: 1.25em; line-height: 1.35em}
section.digital p.cta {position: absolute; top: 335px; width: 354px; height: 60px; left: 50%; margin-left: -177px; text-align: center; text-transform: uppercase}
section.digital p.cta span {line-height: 60px; width: 100%; font-size: 1.5em}


/* ORDER */
section.main-order {float: left; height: 35.375em; margin-top: -40px}
section.main-order .container {position: absolute; width: 58.750em; height: 100%; left: 50%; margin-left: -29.375em; top: 0; margin-top: -60px}
section.main-order .logo {position: absolute; width: 30em; top: -20px; left: 50%; margin-left: -15em; display: none}

section.main-order.full {margin-top: 0}
section.main-order.full .logo {display: block}
section.main-order.full .container {margin-top: 0}

section.main-order .holder {position: absolute; height: 23.750em; top: 7.250em}
section.main-order .holder#left {width: 39.125em; left: 0}
section.main-order .holder#right {width: 19.625em; left: 39.125em}
section.main-order .holder .thumb {position: absolute; /*width: 100%;*/ height: 16.500em; top: 0; left: 0}
section.main-order .holder .label-holder {position: absolute; bottom: 0; width: 100%; height: 7.250em; left: 0}
section.main-order .holder .label-holder h1 {float: left; width: 100%; height: 100%; display: table; padding: 1em 1em; padding-top: 0}
section.main-order .holder .label-holder h1 span.main-span {width: 100%; display: table-cell; vertical-align: top; font-size: 1.25em; top: 40px;}
section.main-order .holder .label-holder.bollo h1 {float: right; text-align: right; padding-right: 1em}
section.main-order .holder .label-holder.bollo.left h1 {width: 75%; padding-left: 0}
section.main-order .holder .label-holder.bollo.right h1 {width: 60%; padding-left: 0}
section.main-order .holder .label-holder.bollo img {position: absolute; top: 0; left: 0; width: 7.250em; height: 7.250em}
section.main-order .button {bottom:0}
section.main-order .button .label-holder p.label {font-size: 2em!important}


/* FAQ */
section.faq {float: left; height: auto; padding: 1.5em 0}
section.faq .container {margin: 0 auto; width: 58.750em; padding: 1em 2.5em}
section.faq p.title {height: 5.625em; display: table; margin: .125em 0}
section.faq p.title span {display: table-cell; vertical-align: middle; font-size: 1.75em}
section.faq .faq-block {float: left}
section.faq .faq-block .questions-main-holder {float: left; overflow: hidden; height: 0}
section.faq .faq-block .questions-main-holder .span-holder {float: left}
section.faq .faq-block .question-holder {float: left; margin: .125em 0}
section.faq .faq-block .question-item {float: left; width: 50%}
section.faq .faq-block .question-item.left {padding-right: .125em}
section.faq .faq-block .question-item.right {padding-left: .125em}
section.faq p.category {height: 3.125em; display: table; cursor: pointer; margin: .125em 0}
section.faq p.category span {display: table-cell; vertical-align: middle; font-size: 1.35em; padding: .5em 1em}
section.faq p.question {height: 4.688em; display: table; cursor: pointer}
section.faq p.question span {display: table-cell; vertical-align: middle; font-size: 1.15em; padding: .5em 1em}
section.faq p.answer {height: auto; display: block; height: 0; overflow: hidden}
section.faq p.answer.visible {height: auto}
section.faq p.answer span {display: table-cell; vertical-align: top; font-size: 1em; padding: .5em; text-align: left}