/* CSS FRAMEWORK
versione 4.0 by Newwave srl - http://www.newwwave-media.it/

-------------------------------------------------------------
-------------------------------------------------------------
	background-image: url(../img/xxx.png);
	_background-image: url(../common/img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="common/img/xxx.png", sizingMethod="crop");
	background-repeat: no-repeat;
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

pre {
padding: 15px;
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; width: auto !important; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

:focus {
outline: 0;
}
/* bicubic resizing for non-native sized IMG:*/
.ie7 img { -ms-interpolation-mode: bicubic; }
.clearer {
     visibility: hidden;
     display: block;
     font-size: 0;
     clear: both;
     height: 0;
     }

/* Heading kerning pairs and ligatures */
h1, h2, h3 { text-rendering: optimizeLegibility; }

/* END RESET CSS */

#infocontent {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -900px;
    left: -900px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: 10px;
}

#infocontent ul li {
    list-style-type: none;
}

#infocontent h3 a,
#infocontent ul li a {
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}



/* -------- STILI PROGETTO ------- */
::selection {
    background: #f07700;
    color: #fff;
}

::-moz-selection {
    background: #f07700;
    color: #fff;
}

#loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #fff;
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    transition: all 600ms;
    -moz-transition: all 600ms;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms;
}

#loader.nascosto {
    opacity: 0;
    z-index: -100;
}

#privacySlider {
    background-color: #333;
    color: #fff;
    position: fixed;
    left: 0;
    z-index: 1000;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    bottom: 0;
    height: auto;
    min-height: 30px;
    -webkit-backface-visibility: hidden;
    /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    font-style: normal;
    line-height: 130%;
    font-size: 13px;
    font-variant: normal;
    display: none;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
}

#privacySlider a {
    color: #fff;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
}

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

#privacySlider a#cookieBtn {
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    padding: 3px 10px;
    display: inline-block;
    background-color: #fff;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #053216;
    margin: 5px;
}

#privacySlider a#cookieBtn:hover {
    background-color: #000;
    color: #fff;
}

/*
@font-face {
    font-family: 'VAG Rounded';
    src: url('../fonts/VAGRoundedStd-Light.eot');
    src: url('../fonts/VAGRoundedStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VAGRoundedStd-Light.woff') format('woff'),
        url('../fonts/VAGRoundedStd-Light.ttf')  format('truetype');
    font-weight: 300;
    font-style: normal;
}
*/

/*
@font-face {
    font-family: 'VAG Rounded';
    src: url('../fonts/VAGRoundedStd-Bold.eot');
    src: url('../fonts/VAGRoundedStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VAGRoundedStd-Bold.woff') format('woff'),
         url('../fonts/VAGRoundedStd-Bold.ttf')  format('truetype');
    font-weight: 700;
    font-style: normal;
}
*/

@font-face {
    font-family: 'VAG Rounded';
    src: url('../fonts/VAGRundschriftDOT-Regular.eot');
    src: url('../fonts/VAGRundschriftDOT-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VAGRundschriftDOT-Regular.woff2') format('woff2'),
         url('../fonts/VAGRundschriftDOT-Regular.woff') format('woff'),
         url('../fonts/VAGRundschriftDOT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 400;
    
    overflow-x: hidden;

    -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vag {
    font-family: 'VAG Rounded', sans-serif;
}

a, a:hover, a:focus {
    color: inherit;
    outline: 0;
}

button:focus {
    outline: 0;
}


/* -------- NAVBAR ------- */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    color: #000;
    font-family: 'VAG Rounded', sans-serif;
    
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

header.sticky,
header.open {
    background-color: #f07700;
}

header .navbar-brand {
    display: block;
    text-indent: -999em;
    width: 200px;
    height: 50px;
    background: url(../img/logo.png) no-repeat left center / contain;
}

header .navbar-toggler {
    width: 36px;
    height: 21px;
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    
    cursor: pointer;
}

header .navbar-toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

header.sticky .navbar-toggler span,
header.open .navbar-toggler span {
    background-color: #fff;
}

header .navbar-toggler span:nth-child(1) {
    top: 0px;
}

header .navbar-toggler span:nth-child(2),
header .navbar-toggler span:nth-child(3) {
    top: 9px;
}

header .navbar-toggler span:nth-child(4) {
    top: 18px;
}

header .navbar-toggler.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}

header .navbar-toggler.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .navbar-toggler.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header .navbar-toggler.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

header #navbar {
    text-align: right;
}

header .navbar-nav {
    padding-top: 30px;
    height: 100vh;
    overflow: scroll;
}

header .navbar-nav .nav-item {}

header .navbar-nav .nav-item .nav-link {
    font-size: 26px;
    color: #fff;
    
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

header .navbar-nav .nav-item .nav-link:hover {
    color: #111;
}

header .navbar-nav .nav-item .dropdown-menu {
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 23px;
    color: #fff;
    padding: 0;
    text-align: right;
    margin: 0 0 90px;
}

header .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #fff;
    clear: none;
    float: right;
    width: auto;
    padding: 0;
    margin-left: 12px;
    
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    color: #111;
    background: transparent;
}


/* -------- INTRO ------- */
#hero {
    position: relative;
    z-index: 1;
    background: rgba(171,206,97,1);
    background: -moz-linear-gradient(45deg, rgba(171,206,97,1) 0%, rgba(233,242,214,1) 92%, rgba(233,242,214,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(171,206,97,1)), color-stop(92%, rgba(233,242,214,1)), color-stop(100%, rgba(233,242,214,1)));
    background: -webkit-linear-gradient(45deg, rgba(171,206,97,1) 0%, rgba(233,242,214,1) 92%, rgba(233,242,214,1) 100%);
    background: -o-linear-gradient(45deg, rgba(171,206,97,1) 0%, rgba(233,242,214,1) 92%, rgba(233,242,214,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(171,206,97,1) 0%, rgba(233,242,214,1) 92%, rgba(233,242,214,1) 100%);
    background: linear-gradient(45deg, rgba(171,206,97,1) 0%, rgba(233,242,214,1) 92%, rgba(233,242,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abce61', endColorstr='#e9f2d6', GradientType=1 );
}

#hero_img_dsk,
#hero_img_dsk #hero_fg {
    display: none;
}

#hero #hero_img_mobile {
    width: 100vw;
    height: 90vw;
    max-height: 100vh;
    display: block;
    background: no-repeat left 15% top / cover;
}

#hero #hero_content {
    position: absolute;
    top: 75px;
}

#hero #hero_content #hero_headline {
    font-size: 17px;
    font-family: 'VAG Rounded', sans-serif;
    margin-bottom: 30px;
}

#hero #hero_content #hero_lancio {
    display: none;
}

#hero #logo_claber {
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden;
    background-color: #f07700;
}

#hero #logo_claber a {
/*    max-width: 200px;*/
    display: block;
    height: auto;
    margin: auto;
}

#hero #logo_claber a .img-fluid {
    max-width: 100%;
    display: block;
    height: auto;
}



/* -------- SPRINGY ------- */
#springy {
    padding: 45px 0 90px;
    position: relative;
    width: 100%;
}

#springy .foglie {
    width: 70%;
    height: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 0;
    background: no-repeat right bottom / contain;
}

#springy .tt {
    font-size: 28px;
    font-family: 'VAG Rounded', sans-serif;
    margin-bottom: 30px;
}

#springy .txt {
    font-size: 18px;
    margin-bottom: 90px;
}

#springy .tube-or {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}

#springy .tube-or .tube-or-img {
    max-width: 100%;
    height: auto;
    display: block;
    position: relative;
    left: -20%;
}


/* -------- EXTENDABLE ------- */
#extendable {
    padding: 0 0 30px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

#extendable .tt {
    font-size: 28px;
    font-family: 'VAG Rounded', sans-serif;
    margin-bottom: 30px;
}

#extendable .txt {
    font-size: 18px;
    margin-bottom: 60px;
}

#extendable .figure {
    display: block;
    height: auto;
    width: 100%;
    height: auto;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}

#extendable .figure .static {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    border: 0;
    position: absolute;
}

#extendable .figure video {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0;
    position: relative;
}

#extendable .figure .active {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    border: 0;
    top: 0;
    left: 0;
    z-index: 2;
    
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

#extendable .figure:hover .active {
    opacity: 1;
}





/* -------- CARAT ------- */
#caratteristiche {
    position: relative;
    z-index: 1;
    padding: 90px 0 0;
    overflow: hidden;
}

#caratteristiche #foglie_carat {
    position: absolute;
    top: 10vh;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: repeat-y right center / contain;
}

#caratteristiche .tt {
    font-size: 28px;
    font-family: 'VAG Rounded', sans-serif;
    margin-bottom: 30px;
}

#caratteristiche .txt {
    font-size: 18px;
    margin-bottom: 60px;
}

#caratteristiche .txt u {
    text-decoration: none;
    color: #f07700;
}

#dots_carar {
    position: relative;
    z-index: 2;
}

#dots_carat .dot {
    margin: auto;
    width: 250px;
    height: 250px;
    padding: 5px;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f07700;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 30px;
}

#dots_carat .dot span {
    width: 100%;
    font-size: 22px;
    font-family: 'VAG Rounded', sans-serif;
}

#dots_carat .tube-vr {
    position: relative;
    width: 100%;
    height: 400px;
    background: no-repeat center top / 100px  auto;
}





/* -------- SPRINGY 2 LUNGHEZZE ------- */
#springy_15_25 {
    padding: 75px 0 30px;
    width: 100%;
    background-color: #f07700;
}

#springy_15_25 .figure {
    display: block;        
    width: 100%;
    margin-bottom: 30px;
}



/* -------- UTILIZZI ------- */
#utilizzi {
    position: relative;
    z-index: 1;
    padding: 90px 0 30px;
    overflow: hidden;
}

#utilizzi .tt {
    font-size: 28px;
    font-family: 'VAG Rounded', sans-serif;
    margin-bottom: 30px;
}

#utilizzi .txt {
    font-size: 18px;
    margin-bottom: 60px;
}

#getti {
    padding: 0 0 45px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#getti .lancia {
    width: 100%;
    height: 280px;
    position: relative;
    z-index: 2;
    display: block;
    margin: auto;
    margin-bottom: 60px;
    background: no-repeat center / contain;
}

#getti .figure,
#getti .figure .img-fluid {
    width: 100%;
    height: auto;
    display: block;
}

#util_icons {
    padding: 45px 0 45px;
}

#util_icons .figure {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}

#util_icons .figure  {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}

#util_icons .figure .fig-label {
    color: #f07700;
    padding: 10px;
    font-size: 15px;
    line-height: 120%;
    font-family: 'VAG Rounded', sans-serif;
}




/* -------- VIDEO ------- */
#video {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 150px 0;
    min-height: 80vh;
    overflow: hidden;
    background: no-repeat center / cover;
}

#video a,
#video a:hover {
    display: block;
    height: auto;
    text-decoration: none;
}

#video a .tt {
    color: #fff;
    font-size: 36px;
    font-family: 'VAG Rounded', sans-serif;
}

#video a .video_btn {
    opacity: 1;
    display: block;
    width: 80px;
    height: 80px;
    margin: 15px auto 0;
    background: url(../img/play.png) no-repeat center / contain;
    
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

#video a:hover .video_btn {
    opacity: 0.9;
    transform: scale(0.9);
}





/* -------- KIT ------- */
#kit {
    position: relative;
    z-index: 1;
    padding: 90px 0 0;
    overflow: hidden;
}

#kit .tt {
    font-size: 28px;
    font-family: 'VAG Rounded', sans-serif;
    margin-bottom: 30px;
}

#kit .txt {
    font-size: 18px;
    margin-bottom: 60px;
}

#kit_elms {
    z-index: 1;
    position: relative;
}

#kit_elms .figure {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 45px;
}

#kit_elms .kit1 {
    display: block;
}

#kit_elms .kit2,
#kit_elms .kit3 {
    display: none;
}

#kit_elms .bigMore {
    width: 100%;
    max-width: 345px;
    height: 64px;
    padding: 10px;
    margin-left: auto;
    margin-bottom: 10px;
    background-color: #f07700;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

#kit_elms .bigMore:hover {
    text-decoration: none;
    opacity: 0.8;
}

#kit_elms .bigMore .bigMoreTxt {
    padding-top: 4px;
    color: #fff;
    font-size: 22px;
    font-family: 'VAG Rounded', sans-serif;    
}

#kit_elms .bigMore .bigMoreTxt .icon-down {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    background: no-repeat center / contain;
}

#kit_elms .bigMore .bigMoreTxt .icon.icon-down {
    background-image: url(../img/icon_down.png);
}

#tube_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 0;
    background: no-repeat bottom left / contain;
}

#tube_footer_dsk {
    display: none;
}

#footer {
    margin-top: 120px;
    color: #fff;
    padding: 30px 0 30px;
    background-color: #f07700;
}

#footer #claber_footer {
    width: 100%;
    height: 60px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}

#footer #claber_footer .figure {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

#footer #footer_social {
    text-align: right;
}

#footer #footer_social li {
    display: inline-block;
    margin: 0 0 10px 10px;
}

#footer #footer_social a {
    display: inline-block;
}

#footer #footer_social .icon {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50px;
    padding: 5px;
    background: #fff no-repeat center / 18px;
}

#footer #footer_social .icon.icon-yt {
    background-image: url(../img/icon_yt.png);
}

#footer #footer_social .icon.icon-mail {
    background-image: url(../img/icon_mail.png);
}

#footer #footer_social .icon.icon-fb {
    background-image: url(../img/icon_fb.png);
}

#footer #footer_social .icon.icon-tw {
    background-image: url(../img/icon_tw.png);
}

#footer #footer_social .icon.icon-ig {
    background-image: url(../img/icon_ig.png);
}

#footer #footer_social .icon.icon-in {
    background-image: url(../img/icon_in.png);
}

#iubendaCont {
    text-align: right;
    font-size: 14px;
}


/* -------- MEDIA QUERY ------- */
@media screen and (min-width:768px) {
    header .navbar-brand {
        height: 100px;
        width: 300px;
    
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    
    header.sticky .navbar-brand {
        height: 60px;
    }
    
    #hero #hero_content {
        display: block;
        visibility: hidden;
        position: absolute;
        top: 150px;
        left: -15px;
        width: 100%;
    }

    #hero #hero_content #hero_headline {
        font-size: 30px;
    }
    
    #hero #hero_content #hero_lancio {
        display: block;
        height: auto;
        padding: 14px 10px 11px;
        width: 100%;
        max-width: 400px;
        color: #fff;
        text-align: center;
        font-size: 24px;
        font-family: 'VAG Rounded', sans-serif;
        background-color: #f07700;
    
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    
    #hero #hero_content #hero_lancio:hover {
        text-decoration: none;
        opacity: 0.85;
    }
    
    #springy .tt,
    #extendable .tt,
    #caratteristiche .tt,
    #utilizzi .tt {
        font-size: 32px;
    }
    
    #hero #logo_claber {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: transparent;
    }
    
    #hero #logo_claber a {
        width: 100%;
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: 0;
    
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    
    #hero #logo_claber a:hover {
        text-decoration: none;
        opacity: 0.9;
    }
    
    #springy .foglie {
        bottom: 0;
    }
    
    #caratteristiche {
        padding-bottom: 30px;
    }

    #caratteristiche #foglie_carat {
        width: 50%;
        background: no-repeat right bottom / contain;
    }
    
    #dots_carat .dot {
        width: 190px;
        height: 190px;
    }
    
    #dots_carat .dot span {
        font-size: 18px;
    }

    #dots_carat .tube-vr {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 500px;
    }

    #getti .lancia {
        position: absolute;
        z-index: 2;
        margin: auto;
        top: calc(50% - 168px);
        left: 0;
    }

    #kit_elms .kit2 {
        display: block;
    }

    #kit_elms .kit1,
    #kit_elms .kit3 {
        display: none;
    }
    
    #footer {
        margin-top: 90px;
        padding-top: 60px;
    }
    
    #tube_footer {
        width: 40%;
    }

}


@media screen and (min-width:992px) {
    #hero #hero_img_mobile {
        display: none;
    }
    
    #hero #hero_img_dsk {
        width: 100vw;
        height: 90vw;
        max-height: 100vh;
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 0;
        background: no-repeat left 15% top / cover;
    }
    
    #hero #hero_img_dsk #hero_fg {
        width: 90vw;
        height: 80vh;
        display: block;
        background: no-repeat right center / contain;
        position: absolute;
        bottom: -35vh;
        right: 0;
        z-index: 0;
    }
    
    header .navbar-nav {
        padding: 0;
        height: auto;
        overflow: visible;
    }
    
    header .navbar-nav .nav-item .nav-link {
        color: #000;
        font-size: 18px;
        letter-spacing: 1px;
    }  

    header .navbar-nav .nav-item .nav-link:hover {
        color: #f07700;
    }
    
    header.sticky .navbar-nav .nav-item .nav-link {
        color: #fff;
    }

    header.sticky .navbar-nav .nav-item .nav-link:hover {
        color: #111;
    }

    header .navbar-nav .nav-item .dropdown-menu {
        border: 0;
        border-radius: 2px;
        font-size: 15px;
        color: #fff;
        padding: 15px 15px 10px 0;
        text-align: left;
        margin: 0;
        margin-left: -15px;
        width: 200px;
        min-width: 50px;
        top: 50px;
        left: auto;
        right: 0;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.5);
    
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    
    header.sticky .navbar-nav .nav-item .dropdown-menu {
        background: #f07700;
    }

    header .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        color: #000;
        padding: 0 10px 5px;
        float: left;
        width: 33px;
    }

    header.sticky .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        color: #fff;
    }

    header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus,
    header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
        color: #f07700;
        background-color: transparent;
    }

    header.sticky .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus,
    header.sticky .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
        color: #000;
    }
    
    header .navbar-brand {
        height: 120px;
        width: 350px;
    }
    
    #hero #hero_content {
        top: 150px;
        left: 0;
    }
    
    #hero #hero_content #hero_headline {
        font-size: 34px;
        margin-bottom: 75px;
    }
    
    #hero #hero_content #hero_lancio {
        max-width: 240px;
    }
    
    #springy {
        padding: 60px 0 120px;
    }
    
    #extendable {
        padding: 0 0 60px;
    }
    
    #springy .foglie {
        width: 80%;
        left: -15%;
        bottom: -60px;
    }
    
    #springy .tube-or {
        width: 80%;
    }
    
    #springy .tube-or .tube-or-img {
        left: -25%;
    }
    
    #extendable {
        padding: 0 0 60px;
    }
    
    #caratteristiche #foglie_carat {
        width: 40%;
    }
    
    #dots_carat {
        padding: 60px 0;
    }
    
    #dots_carat .dot {
        width: 240px;
        height: 240px;
    }
    
    #dots_carat .dot span {
        font-size: 20px;
    }
    
    #dots_carat .tube-vr {
        height: 100vh;
        bottom: -60vh;
    }
    
    #video a .tt {
        font-size: 42px;
    }
    
    #tube_footer {
        width: 50%;
    }
}



/* ----------- iPad Pro Portrait ----------- */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    #dots_carat .tube-vr {
        height: 70vh;
        bottom: -50vh;
    }
      
}


@media screen and (min-width:1200px) {
    header .navbar-brand {
        height: 150px;
        width: 400px;
    }
    
    #hero #hero_content {
        top: 180px;
    }
    
    #hero #hero_content #hero_headline {
        font-size: 38px;
    }
    
/*
    #hero #hero_content #hero_lancio {
        font-size: 34px;
        max-width: 380px;
        padding: 27px 10px 18px;
    }
*/
    
    #springy .tube-or {
        width: 80%;
    }
    
    #caratteristiche #foglie_carat {
        width: 30%;
    }
    
    #dots_carat .tube-vr {
        background-size: 150px auto;
    }

    #kit_elms .kit3 {
        display: block;
    }

    #kit_elms .kit1,
    #kit_elms .kit2 {
        display: none;
    }
    
    #footer {
        margin-top: 30px;
    }

    #util_icons .figure  {
        position: relative;
        z-index: 1;
    }

    #util_icons .figure .img-fluid {
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
        border-radius: 50%;
    }

    #util_icons .figure .fig-label {
        color: #fff;
        font-size: 22px;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        background: #f07700;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -moz-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -webkit-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -o-transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }

    #util_icons .figure:hover .fig-label {
        opacity: 1;
    }
    
    #tube_footer {
        display: none;
    }
    
    #tube_footer_dsk {
        display: block;
        position: absolute;
        bottom: 0;
        left: -60%;
        height: 100%;
        width: 100%;
        z-index: 0;
        background: no-repeat right top / auto 100%;
        
        
        bottom: -20%;
        height: 130%;
    }
    
}


@media screen and (min-width:1600px) {
    
    #springy .tube-or {
        width: 50%;
    }
    
    #dots_carat .tube-vr {
        height: 70vh;
        bottom: -40vh;
    }
    
    #tube_footer_dsk {
        bottom: -25%;
        height: 140%;
    }
}



/* -------- EXTRA ------- */
/* fancyBox v3.3.5 */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}



/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}



@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

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

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}



@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.spinner {
    width: 50px;
    height: 16px;
    text-align: center;
    font-size: 10px;
    position: relative;
    top: 50%;
    margin: -8px auto 100px;
}

.spinner > div {
    background-color: #666;
    height: 100%;
    width: 1px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/* fine spinner */