/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, 
center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {
   border: 0;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
}
form ul,
.images ul,
.next-prev-nav,
.record-list-widget ul,
.menu-widget ul {margin: 0; padding: 0; overflow: hidden;}
form li,
.images li,
.next-prev-nav li,
.record-list-widget ul li,
.menu-widget ul li {list-style-type: none;}
.grid > ul > li,
.wrapper .column {
   display: block;
   float:left;
   margin: 0 .9% 40px .9%; 
   min-width: 300px;
   overflow: hidden;
   text-align: left;
   vertical-align: top;
   width: 31.5%; 
}
.shop .grid > ul > li {
   min-width: 200px;
   width: 23.2%; 
}
.grid > ul,
#section-footer .wrapper {text-align: center;}

/* Common classes */
body {background-color: #fff;}
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background-color: #666;}
::-webkit-scrollbar-thumb {background-color: #333; border-radius: 10px;}
.page-container {
   color: #454646;
   font-family: 'Open Sans', sans-serif;
   font-size: 18px; 
   font-weight: 400;
   line-height: normal;
   min-width: 300px;
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: 100%;
}
.page-container img {max-width: 100%;}
.page-container strong {font-weight: bold;}
.page-container a {color: #fc0d1b;}
.page-container a, 
.page-container a:visited, 
.page-container a:focus {text-decoration: none; outline: 0;}
.browser-disclaimer a:hover,
#cookie-disclaimer a:hover {text-decoration: underline;}
.page-container .hidden {display: none;}
.page-container h4, .page-container h3, .page-container h2,
.page-container h1 {font-family: 'Open Sans', sans-serif;}
.shop .page-container h1 {
   background-color: #e8e9eb;
   background-image: url(/img/intro/shop);
   background-position: center 0;
   background-repeat: no-repeat;
   color: #f6f6f6;
   display: block;
   font-size: 60px;
   font-weight: bold;
   letter-spacing: 0px;
   line-height: 140px;
   margin: 80px auto 0 auto;
   text-align: center;
   width: 100%;
}
.k-lang-fr_FR .accessori.shop .page-container h1 {line-height: normal;}
.page-container h1 span {display: none;}
.fancybox-container button, .fancybox-container .button, .fancybox-container input[type="button"], 
.page-container button, .page-container .button, 
.page-container input[type="submit"], .page-container input[type="reset"], .page-container input[type="button"], 
.page-container input[type="text"], .page-container input[type="password"], .page-container input[type="tel"], 
.page-container input[type="email"], .page-container textarea, .page-container select {font-family: 'Open Sans', sans-serif;}
.fancybox-container input[type="date"], .fancybox-container input[type="email"], .fancybox-container input[type="number"], 
.fancybox-container input[type="text"], .fancybox-container input[type="url"], .fancybox-container select, .fancybox-container textarea,
.page-container input[type="date"], .page-container input[type="email"], .page-container input[type="number"], 
.page-container input[type="password"], .page-container input[type="search"], .page-container input[type="tel"],
.page-container input[type="text"], .page-container input[type="url"], .page-container select, .page-container textarea {
    padding: 10px;
    outline: none;
    margin: 0;
    width: 230px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.fancybox-container input[type="checkbox"] {
   border: 1px solid #000;
   float: left;
   height: 20px;
   margin: 0 20px 40px 0;
   width: 20px;
}


.page-container input[type=number]::-webkit-inner-spin-button,
.page-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.page-container input[type=number] {-moz-appearance: textfield;}
.page-container select.invalid, .page-container input.invalid, .page-container textarea.invalid {color: #fc0d1b; border: 1px solid #fc0d1b !important;}
.page-container form p.invalid {color: #fc0d1b;}
.page-container form .error {color: #fc0d1b; font-weight: bold; }
.page-container form .error .select2-container {color: initial; font-weight: normal; }

.fancybox-container input[type="button"], 
.in-evidenza .main-link a,
.boxes .contents .main-link a,
.news-home .contents .main-link a,
.content-widget .button-container a,
.home .html-widget .gallery-controls a,
#section-footer .popup-mask .window .image .link a,
.ordini-dealer table .order-link a,
.home .html-widget .thok-capirossi a,
.home .html-widget .performance-first a,
.html-widget.menu li a,
.utente .html-widget .miei-ordini .order-link a,
.page-container button, .page-container .button, 
.page-container input#submit, .page-container input.button, .page-container input[type="submit"], 
.page-container input[type="reset"], .page-container input[type="button"] {
   background-color: #fc0d1b !important;
   border: 0;
   border-radius: 5px;
   box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
   color: #fff !important;
   cursor: pointer;
   font-weight: 400;
   display: inline-block;
   line-height: inherit;
   overflow: hidden;
   padding: 11px 20px;
   position: relative;
   text-shadow: 0 0 0 rgba(255,255,255,0);
   -webkit-border-radius: 5px;
   -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
}
.page-container .widget .text .button {
   background-color: #d3d4d7 !important;
   color: #fc0d1b !important;
}
.content-widget .button-container a:first-child,
.home .html-widget .gallery-controls a,
.page-container input[type="button"].grey,
.page-container button.grey, 
.page-container .button.grey {
   background-color: #454646 !important;
}

.page-container input[type="button"].green,
.page-container button.green, 
.page-container .button.green {
   background-color: green !important;
}

.content-widget .button-container {margin: 30px 0 0 0; text-align: center;}
.content-widget .button-container a {margin: 0 10px; text-align: center;}

.page-container button.disabled, .page-container .button.disabled, 
.page-container input.button.disabled {background-color: #d3d4d7 !important;}
.page-container button.disabled:hover, .page-container .button.disabled:hover, 
.page-container input.button.disabled:hover {background-color: #bbb!important;}
.page-container .widget .text .button:hover {
   background-color: #bbb !important;
   text-decoration: none !important;
}
.registra-la-tua-bici .html-widget ul,
.page-container .widget .text ol,
.page-container .widget .text ul {padding: 10px 30px;}
.registra-la-tua-bici .html-widget ul li,
.page-container .widget .text ul li {padding: 5px 10px;}

.page-container .main-image img {max-width: 100%;}

/* Header */
#section-header {
   background-color: #626262;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
   left: 0;
   opacity: .97;
   position: fixed;
   top: 0!important;
   width: 100%;
   z-index: 701;
}
.k-preview #section-header {background-color: green;}

#section-header .wrapper {
   font-family: 'Open Sans', sans-serif;
   margin: 0 auto;
   max-width: 1220px;
   position: relative;
}
#section-header #logo {float: left; margin: 30px 60px 0 20px; max-width: 281px;}
.k-lang-fr_FR #section-header #logo {margin: 30px 20px 0 20px;}
#section-header #cart {
   background: url(/img/cart) 0 center no-repeat;
   float: right; 
   height: 30px;
   margin: 25px 80px 0 20px;
   position: relative;
   width: 32px;
   z-index: 9;
}
#section-header #cart span {
   background-color: #fc0d1b;
   border-radius: 3px;
   color: #fff;
   display: inline-block;
   font-size: 11px;
   height: 17px;
   line-height: 17px;
   position: absolute;
   right: 0;
   text-align: center;
   top: 0;
   width: 17px;
}
#section-header .language-menu {
   background-color: #626262;
   border-radius: 5px;   
   margin: 22px .7% 0 0;
   padding: 7px 10px;
   position: absolute;
   right: 0;
   z-index: 999;
}
#section-header .language-menu ul:hover li {display: block;}
#section-header .language-menu li {display: none; margin: 0 0 10px 0;}
#section-header .language-menu li:last-child {margin: 0;}
#section-header .language-menu li.open {display: block;}
#section-header .language-menu li.open a:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #3d3d3f;   
  content : '';
  display: inline-block;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  margin: 7px 0 0 7px;   
  width: 0; 
  height: 0; 
}
#section-header .language-menu ul:hover li.open a:after {border-top: 8px solid transparent; }
#section-header .main-menu {font-size: 16px; margin: 0 125px 0 330px;}
.k-lang-fr_FR #section-header .main-menu {font-size: 15px;}
#section-header .main-menu a {text-transform: uppercase;}
#section-header .main-menu ul {overflow: visible; position: relative;}
#section-header .main-menu > ul > li > ul {display: none;}
#section-header .main-menu > ul > li:hover > ul {
   background-color: rgba(0,0,0,.9);
   display: block;
   left: auto;
   position: absolute;
   text-align: left;
}
#section-header .main-menu > ul > li {display: inline-block;}
#section-header .main-menu > ul > li:last-child {float: right;}
body.authenticated #section-header .main-menu > ul > li:last-child {display: none;}
#section-header .main-menu li li a {color: #d9d9d9;}
#section-header .main-menu li li a:hover {color: #fff;}
#section-header .main-menu li li li a {display: block; padding: 3px 0;}
#section-header .main-menu li.open > a {color: #000;}
#section-header .main-menu li.selected > a {color: #fff;}
#section-header .main-menu > ul > li > a {
   color: #fff; 
   display: inline-block;
   line-height: 80px;
   padding: 0 5px;
}
#section-header .main-menu > ul > li > a:hover {background-color: #000; color: #fc0d1b;}
#section-header .main-menu > ul > li > ul > li > a {display: none;}
#section-header .main-menu > ul > li > ul {overflow: hidden;}
#section-header .main-menu > ul > li > ul > li > ul {
   clear: both;
   float: left;
   padding: 10px 20px;
   width: 180px;
}

/* Footer */
#section-footer {background-color: #626262; clear: both;}
#section-footer .wrapper {
   margin: 0 auto;
   max-width: 1220px;
   overflow: hidden; 
   padding: 60px 0 0 0;
}
#section-footer .wrapper a {color: #fff;}
#section-footer h3 {
   color: #000;
   display: none;
   font-size: 28px;
   font-weight: bold;
   margin: 15px 0;
}
#section-footer h4 {
   color: #000;
   font-size: 20px;
   font-weight: bold;
}
#section-footer .wrapper .column {
   color: #fff;
   display: inline-block;
   float: none;
   min-width: 300px;
   overflow: hidden;
   text-align: left;
   vertical-align: top;
   width: 31%; 
}
#section-footer .wrapper .column .service-menu{height: 240px;}
#section-footer .wrapper .column .service-menu ul li a {color: #fff; text-transform: uppercase;}
#section-footer .form-login-page a.password-reset:hover,
#section-footer .wrapper a:hover,
#section-footer .contacts a:hover,
#section-footer .wrapper .column .service-menu ul li a:hover {color: #fc0d1b;}
#section-footer .column.second {text-align: center;}
#section-footer .column.third {text-align: right;}
#section-footer .column.third > img {margin: 0 0 40px 0;}
#section-footer .column.third p a {display: inline-block; margin: 0 10px 0 0;}
#section-footer .column.third p a:last-child {margin: 0;}
#section-footer .contacts {
   border-top: 1px solid rgba(255,255,255,.1);
   clear: both;
   color: #fff;
}
#section-footer .contacts a {color: #fff;}
#section-footer .contacts div {
   margin: 0 auto;
   max-width: 1160px;
   padding: 30px;
   text-align: center;
}
#section-footer .form-login-page  {
   clear: both;
   display: inline-block;
   overflow: hidden;
}
#section-footer .form-login-page label {display: block; text-align: left;}
#section-footer .form-login-page input {color: #000; width: auto;}
#section-footer .form-login-page .error {display: block; color: #fc0d1b;}
body.authenticated #section-footer .form-login-page > form {display: none;}
body.authenticated #section-footer .form-login-page > a {display: block; float: none; margin: 0 auto 30px auto;}
#section-footer .form-login-page a.user,
#section-footer .form-login-page a.logout {float: left; margin: 0 10px;}
#section-footer .form-login-page a.password-reset {color: #fff;display: block; margin: 20px 0 0 0;}
#section-footer a.hidden {display: none;}


.k-lang-fr_FR #section-footer a.fr_FR,
.k-lang-es_ES #section-footer a.es_ES,
.k-lang-de_DE #section-footer a.de_DE,
.k-lang-en_GB #section-footer a.en_GB,
.k-lang-it_IT #section-footer a.it_IT {display: inline;}

/* Cookie disclaimer */
#cookie-disclaimer {
   background-color: #fff;
   bottom: 0;
   color: #000;
   font-size: 100%;
   left: 0;
   margin: 0;
   padding: 10px 5% ;
   position: fixed;
   text-align: center;
   width: 90%;
   z-index: 9999;
}
.k-lang-it_IT #cookie-disclaimer .en_GB,
.k-lang-fr_FR #cookie-disclaimer .it_IT,
.k-lang-es_ES #cookie-disclaimer .it_IT,
.k-lang-de_DE #cookie-disclaimer .it_IT,
.k-lang-en_GB #cookie-disclaimer .it_IT {display: none;}

/* Browser disclaimer */
.page-container .browser-disclaimer {
   background-color: #000;
   color: #fff;
   left: 0;
   padding: 10px 30px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 40%;
   z-index: 9999;
}

/* Contents */
#section-intro .content-widget > .text,
.shop #section-contents .html-widget > p,
.shop #section-contents .registration-form > .error,
.shop #section-contents .registration-form h2,
.shop #section-contents .registration-form form,
.shop #section-contents .cart,
.shop #section-contents .product,
.shop #section-contents .alert .wrapper,
.shop #section-contents .record-list-widget.grid,
.shop #section-contents .record-list-widget ul li .wrapper {
   margin: 0 auto;
   max-width: 1220px;  
}
.shop #section-contents .alert .wrapper {
   overflow: hidden;
   padding: 0 20px;
}
.shop #section-contents .content-widget {
   margin: 30px auto 0 auto;
   padding: 0 10px;
   max-width: 1200px;  
}
#section-contents {
   background-color: #e8e9eb;
   min-height: 360px;
   overflow: hidden;
   position: relative;
}
#section-contents h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin: 15px 20px 0 20px;
}
.shop #section-contents .content-widget h2 {margin: 15px 20px 0 0;}
#section-contents h3 {
   font-size: 20px;
   font-weight: bold;
   line-height: 24px;
}
.shop #section-contents .product h3:last-of-type {
   position: absolute;
   bottom: 15px;
}

.section-default p,
#section-contents p {margin: 0 0 10px 0; overflow: hidden;}
.thok-point .section-default p {overflow: hidden;}
#section-contents .grid {padding: 40px 0 0 0;}
.accessori .record-list-widget .buttons {margin: 20px auto; max-width: 1220px;text-align: right;}
.accessori .record-list-widget .buttons .button {margin: 0 10px;}
.accessori #section-contents .record-list-widget ul li {background-color: #fff;}
.accessori #section-contents .record-list-widget ul li:nth-child(even) {background-color: transparent;}
.accessori #section-contents .record-list-widget ul li .wrapper {overflow: hidden; padding: 30px 0; position: relative;}
.accessori #section-contents .record-list-widget ul li .image img {float: left; margin: 0 10% 0 0; max-width: 100%; width: 45%;}
.accessori #section-contents .record-list-widget ul li:nth-child(odd) .image img {float: right; width: 45%; margin: 0 0 0 10%;}
#section-contents .record-list-widget ul li h2 {margin: 0;}
#section-contents .record-list-widget ul li .description {overflow: hidden;}
#section-contents .record-list-widget ul li label {display: inline-block; width: 80px;}
#section-contents .record-list-widget ul li .cart {overflow: hidden; margin: 30px 0 0 0;}
#section-contents .record-list-widget ul li .cart .quantity  {display: inline-block; float: left; width: 100px;}
#section-contents .record-list-widget ul li .cart input {text-align: right; width: 70px;}
#section-contents .record-list-widget ul li .cart .button {text-align: center;}
#section-contents .grid ul,
#section-contents .grid ul li,
#section-contents .grid ul li > div {display: block; padding: 0;}
#section-contents .grid li .product {background-color: #fff; overflow: hidden; min-height: 560px;}
#section-contents .grid li:last-child .product {min-height: 0;}
#section-contents .grid li .main {
   background-color: #e1e1e1;
   display: block; 
   overflow: hidden; 
   position: relative; 
}
#section-contents .grid li .main a:before {content: '\1F517'; display: none; font-size: 30px; padding: 20px;left: 50%; margin: -40px 0 0 -40px; position: absolute; top: 50%; z-index: 100;}
#section-contents .record-detail-widget .images ul li img,
#section-contents .record-detail-widget .images img,
#section-contents .grid li .main img {height: 100%; width: 100%;}
.shop #section-contents .product .record-detail-widget .text {overflow: hidden;}
#section-contents .record-detail-widget .images a:hover img,
#section-contents .grid li .main a:hover img {background: rgba(255,255,255,.4); transition: all .3s ease-in-out; max-width: 120%; width: 120%; margin: -6.2% 0 -6.3% -10%;}
#section-contents .grid ul li h2 {margin: 15px 15px 0 15px;height: 50px;}
#section-contents .grid li .text {margin: 30px 15px 0 15px; overflow: hidden; height: 250px;}
#section-contents .grid li:last-child .text {height: auto;}
#section-contents .grid li .text a {display: block; }
#section-contents .grid li .text a:hover {color: #aa7e47;}
#section-contents .grid li .button {margin: 15px 0 0 0 ;}
#section-contents .alert {background-color: #fc0d1b; color: #fff; margin: 0 0 30px 0; overflow: hidden; padding: 10px 0; }
#section-contents .registration-form .alert {
   background-color: transparent;
   color: #454646;
   font-weight: bold;
   margin: 20px 0 0 0;
}
#section-contents .alert_wrapper a {float: right; color:#fff;}
#section-contents .registration-form a {float: none; color: #fc0d1b; margin: 0 0 0 20px;}
.ordine #section-contents .registration-form a {margin: 0;}
#section-contents .alert_wrapper:before {
   background: url(/img/list-check) 0 center no-repeat;
   content: '';
   display: block;
   float: left;
   height: 20px;
   width: 70px;
}
#section-contents .registration-form .alert_wrapper:before {
   background: none;
   content: '';
   display: block;
   float: left;
   height: 0;
   width: 0;
}


#section-contents .product {position: relative;}
#section-contents .record-detail-widget {
   overflow: hidden;
   position: relative;
}
#section-contents .record-detail-widget .images {
   float: left;
   margin: 0 120px 0 0;
}
#section-contents .record-detail-widget .images .main {
   display: block; 
   overflow: hidden; 
   position: relative; 
   width: 504px;
}
#section-contents .record-detail-widget h2 {
    border-bottom: 1px solid #ccc;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
}
#section-contents .record-detail-widget h3 {
   font-size: 20px;
   font-weight: bold;
   letter-spacing: 0px;
   line-height: 24px;
   text-transform: uppercase;
}
#section-contents .product .record-detail-widget .images {position: relative;}
#section-contents .product .record-detail-widget .images ul {height: 316px; overflow: hidden; width: 504px;}
#section-contents .product .record-detail-widget .images ul li {
   display: none;
   float: none;
   max-height: none;
   margin: 0;
   position: relative;
   width: 100%;
}
#section-contents .product .record-detail-widget .images ul li:first-child {display: block;}
#section-contents .product .record-detail-widget .images .main > a {
   background-color: #fff;
   border-radius: 5px;
   color: #000;
   display: block;
   margin: -10px 0 0 0;
   padding: 3px 10px 3px 10px;
   position: absolute;
   top: 50%;   
   z-index: 100;
}
#section-contents .product .record-detail-widget .images .before {left: -5px;}
#section-contents .product .record-detail-widget .images .next {right: -5px;}
#section-contents .record-detail-widget .images ul li a:hover:before {
   background: url(/img/lente) center center no-repeat rgba(170,126,71,.5);
   content: '';
   display: block;
   height: 40px;
   left: 50%;
   margin: -30px 0 0 -20px;
   padding: 10px;
   position: absolute;
   width: 40px;
   top: 50%;
}

#section-contents .record-detail-widget form {margin: 35px 0; overflow: hidden; }
#section-contents .record-detail-widget form li {float: left; }
#section-contents .record-detail-widget form li select {background-color: rgba(211, 214, 218, 1); border: 1px solid #202327; width: 230px; margin: 0 5px 0 0;}
#section-contents .record-list-widget .size {margin: 10px 0 0 0;}
#section-contents .record-list-widget .color label,
#section-contents .record-list-widget .size label,
#section-contents .record-detail-widget form .color label,
#section-contents .record-detail-widget form .size label {float: left; font-weight: bold; line-height: 40px; margin: 0 20px 0 0;}
#section-contents .record-detail-widget form .quantity select {float: left; margin: 0 5px 0 0; text-align: right;width: 70px;}
#section-contents .record-detail-widget .info {
   border-left: 2px solid #fc0d1b;
   margin: 40px 0;
   overflow: hidden;
   padding: 20px 0 20px 20px;
}
#section-contents .record-detail-widget .info h4 {color: #fc0d1b; margin: 0 0 10px 0;}
#section-contents .record-detail-widget .info div {overflow: hidden; line-height: 40px;}
#section-contents .record-detail-widget .info div * {border: 1px solid #ddd; display: block; float: left;padding: 0 20px;}
#section-contents .record-detail-widget .info div label {border: 1px solid #ddd; overflow: hidden;}
#section-contents .record-detail-widget .info div span {border-left: 0; }
.payment-legend {clear: left; margin: 30px 0;}
.cart .payment-legend {text-align: center;}
.payment-legend span {
    display: inline-block;
    font-weight: bold;
    margin: 0px 20px 0 0;
    vertical-align: middle;
    line-height: 90%;
}
#section-contents .arrow {
   background-color: #fff;
   bottom: 83px;
   display: block;
   height: 80px;
   line-height: 80px;
   overflow: hidden;
   position: fixed;
   transition: width .1s;
   -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
   width: 120px;
   z-index: 10;
}
#section-contents .arrow:hover {width: 300px;}
#section-contents .arrow.prev {left: 0;}
#section-contents .arrow.next {right: 0;}
#section-contents .arrow span {
   background-color: #fc0d1b;
   color: #fff;
   font-size: 24px;
   display: block; 
   text-align: center;
   width: 40px;
}
#section-contents .arrow h3 {color: #000; line-height: 80px; overflow: hidden; padding: 0 10px;}
#section-contents .arrow.next h3 {text-align: right;}
#section-contents .arrow.next img {float: right;}
#section-contents .arrow.prev img {float: left;}
#section-contents .arrow.next span {float: right;}
#section-contents .arrow.prev span {float: left;}
#section-contents .arrow.next span:before {content: '>';}
#section-contents .arrow.prev span:before {content: '<';}

#section-contents .nav {
   overflow: hidden; 
   margin: 0 0 14px 0;
   padding: 10px 10px 10px 120px;
}
#section-contents .next-prev-nav {display: none;ok}
#section-contents .next-prev-nav li {float: left;}
#section-contents .next-prev-nav li.next {margin: 0 0 0 5px;}
#section-contents .next-prev-nav li a {
   background-color: #d3d4d7 !important;
   box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
   color: #666 !important;
   display: block;
}
#section-contents .next-prev-nav li a:hover {background-color: rgba(0,0,0,.2) !important;}
#section-contents .next-prev-nav li.prev a:before {content: '<';}
#section-contents .next-prev-nav li.next a:before {content: '>';}
#section-contents .list-nav {float: right; line-height: 44px; }
#section-contents .list-nav:before {content: '\268F'; margin: 0 5px 0 0 ;}

#section-intro {overflow: hidden; padding: 80px 0 0 0; position: relative;}
#section-intro img {display: block; width: 100%;}
#section-intro h1 {
   bottom: 60px;
   color: #fc0d1b;
   font-size: 8rem;
   font-size: 6vw;
   font-weight: bold;
   line-height: 120%;
   position: absolute;
   text-transform: uppercase;
}
.articolo #section-intro h1 {
   font-size: 28px;
   position: static;
   text-align: center;
   text-transform: uppercase;
}
.prodotto #section-intro h1,
.home #section-intro {display: none;}
#section-intro h1 strong {color: #000; font-weight: normal;}
#section-intro h1 em {color: #fff;}
.home #section-intro h1 {display: none;}    
.articolo #section-intro {
   position: static;
   margin-bottom: 60px;
}
.articolo #section-intro .section-wrapper {
   margin: 50px auto 0 auto;
   max-width: 1220px;
   overflow: hidden; 
   position: relative;
}
.articolo #section-intro .section-wrapper .article-image {text-align: center; position: relative;}
.articolo #section-intro .section-wrapper img {
   float: none;
   border: 7px solid #fff;
   margin: 0 auto 30px auto;
   max-width: 80%;
}
.articolo #section-intro .section-wrapper .article-image a:hover:before {
   background: url(/img/lente) center center no-repeat rgba(170,126,71,.5);
   content: ''; 
   display: block;
   font-size: 30px;
   height: 40px;
   padding: 10px;
   left: 50%; 
   margin: -30px 0 0 -30px; 
   transition: all .1s ease-in-out;
   position: absolute; 
   top: 50%; 
   width: 40px;
   z-index: 100;
}

.page-container .content-widget.first form,
.page-container .content-widget.first .product-detail,
.page-container > .widget,
.utente .section-default .record-list-widget,
.utente .section-default .content-widget,
.utente .user-menu .wrapper,
.home .news-social-wrapper,
.home .gallery,
.section-default .section-wrapper .record-list-widget.video-list > div,
.section-default .section-wrapper .record-list-widget.post-list > div,
.thok-point .section-default .section-wrapper,
.section-default .record-list-widget.article-list ul li > .wrapper,
.section-default .record-list-widget.eventi ul li > .wrapper,
.section-default .section-wrapper .record-list-widget .list-wrapper,
.section-default .section-wrapper .html-widget,
.section-default .section-wrapper .content_wrapper {
   margin: 0 auto;
   max-width: 1220px;  
}
.section-default .section-wrapper .content-widget.big-image .content_wrapper,
.section-default .section-wrapper .content-widget.big-image,
.home .section-default .section-wrapper .html-widget,
.prodotto .section-default .section-wrapper .html-widget {max-width: unset;}

.section-default .section-wrapper .record-list-widget,
.section-default .section-wrapper .html-widget {margin: 0 auto 30px auto;}
.section-default .section-wrapper .record-list-widget.video-list > div,
.section-default .section-wrapper .record-list-widget.post-list > div {text-align: center;}

.section-default .html-widget:first-of-type {margin: 30px auto;}
.prodotto .section-default .html-widget:first-of-type {margin: 0 auto;}
.utente .section-default .html-widget:first-of-type {margin: 0 60px 30px 0;}

.section-default .widget {overflow: hidden; position: relative;}

.section-default .html-widget:first-of-type form {
   float: right;
   width: 50%;
   margin: 0 0 0 10%;
}
.login.login .section-default .html-widget:first-of-type form {
   float: none;
   width: auto;
   margin: 0;
}
.section-default .html-widget:first-of-type form#_santander {
   float: none;
   width: auto;
   margin: 0;
}
.html-widget .cart table,
.html-widget .order table {
   border-collapse: collapse;
   border-top: 1px solid #ccc; 
   margin: 30px 0;
   width: 100%;
}
.html-widget .cart table th,
.html-widget .order table th {font-weight: bold;}
.html-widget .cart table th,
.html-widget .cart table td,
.html-widget .order table th,
.html-widget .order table td {
   border-bottom: 1px solid #ccc; 
   border-left: 1px solid #ccc; 
   padding: 10px;
   text-align: left;
   vertical-align: middle;
}
.html-widget .cart table th:last-child,
.html-widget .cart table td:last-child,
.html-widget .order table th:last-child,
.html-widget .order table td:last-child {
   border-right: 1px solid #ccc; 
   text-align: right;
}
.html-widget table th.amount,
.html-widget  table td.amount {
   border-right: 1px solid #ccc; 
   text-align: right;
}

.html-widget .cart table td.product {
   color: #fc0d1b;
   font-weight: bold;
   text-align: left;
}
.html-widget .cart table td.product dl,
.html-widget .order table td.product dl {
   color: #333;
   font-weight: normal;
   margin: 0;
   overflow: hidden;
}
.html-widget .cart table td.product dl dt,
.html-widget .order table td.product dl dt {float: left; clear: left; margin: 0 10px 0 0;}
.html-widget .cart table td.product dl dd.availability,
.html-widget .order table td.product dl dd.availability {margin: 0;}
.html-widget .cart table td.product dl dd,
.html-widget .order table td.product dl dd{font-weight: bold; text-align: left;}
.html-widget .cart table td.qty input{
   background-color: #ddd;
   border: 1px solid #000;
   margin: 0 auto; 
   text-align: right;
   width: 70px;
}
.html-widget .cart > form > table td.remove .button{background-color: #ddd!important; color: #fc0d1b !important;}
.html-widget .cart > form > table .cart-buttons td {text-align: right;}
.html-widget .cart > form > table .cart-buttons td label {float: left; margin: 0 10px 0 0; max-width: 350px; text-align: left;}
.html-widget .cart > form > table .cart-buttons td select {float: left; margin: 0 10px 0 0;}
.html-widget .cart > form > table .cart-buttons td .button{margin: 0 0 -16px 0;}
.html-widget .cart .cart-collaterals {margin: 0 auto; width: 50%;}
.html-widget .cart .cart-totals {margin: 0 0 30px 0;}
.html-widget .cart .cart-totals h2 {margin: 0 !important;}
.html-widget .cart .cart-totals table {border-collapse: collapse;border-top: 1px solid #ccc; margin: 10px 0;}
.html-widget .cart .cart-totals table td {
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc; 
   font-weight: bold;
   margin: 30px 0; 
   padding: 10px;
   text-align: left;
}
.html-widget .cart .cart-totals table td:last-child {text-align: right;}
.html-widget .cart .cart-totals table td:last-child {border-right: 1px solid #ccc; font-weight: normal;}
.html-widget .cart .cart-totals {text-align: center;}
.html-widget .cart .cart-buttons td span {color: #fc0d1b; display: block; float: left; font-weight: bold; margin: 13px 0 0 0;}
.html-widget .cart .cart-buttons td span a:hover{text-decoration: underline;}
.html-widget .cart .error {padding: 0;}
.html-widget .cart iframe {float: right;}

.html-widget .registration-form {padding: 0 0 30px 0;}
.html-widget .registration-form ul {overflow: hidden; position: relative;}
.html-widget .registration-form ul.thokpoint {padding: 30px 0;}
.html-widget .registration-form ul li {width: 50% !important; float:left; position: relative;}
.html-widget .registration-login ul li a {position: absolute; bottom: 10px;}
.html-widget .registration-form ul li:last-child a {margin: 0 !important;}
.html-widget .registration-form ul.thokpoint li {width: auto !important;float:none;margin: 0 0 30px 0;}
.html-widget .registration-form ul li textarea,
.html-widget .registration-form ul li select,
.html-widget .registration-form ul li input {
   background-color: #ddd;
   border: 1px solid #000;
   width: 90% !important;
}
.html-widget .registration-form ul li.vat {overflow: hidden;}
.html-widget .registration-form ul li.vat span {
   bottom: 30px;
   position: absolute;
   left: 10px;
}
.html-widget .registration-form ul li.vat input {padding: 10px 10px 10px 50px;}
.html-widget .registration-form .readonly ul li.vat span,
.ordine .html-widget .registration-form ul li.vat span {
   position: static;
}

.html-widget .registration-form ul li input[type=checkbox],
.html-widget .registration-form ul li input[type=radio] {width: auto !important;}
.html-widget .registration-form ul.thokpoint li input {float:left ; margin: 5px 10px 30px 2px;}
.html-widget .registration-form ul li label {display: block;}
.html-widget .registration-form ul li.thok-care-dealer label {display: inline; margin: 0 0 0 10px;}
.html-widget .registration-form ul li.thok-care label,
.html-widget .registration-form ul li.newsletter label {display: inline-block; margin: 0 0 0 10px;}
.html-widget .registration-form ul li.required label:after {content: '*';}
.html-widget .registration-form ul .delivery_extended_address,
.html-widget .registration-form ul .extended_address{padding: 25px 0 0 0;}
.html-widget .registration-form ul .region,
.html-widget .registration-form ul .create_account,
.html-widget .registration-form ul .delivery_country,
.html-widget .registration-form ul .country {padding: 0 0 20px 0;}
.html-widget .registration-form ul .create_account label {display: inline;}
.html-widget .registration-form ul .create_account input {width: auto !important;}
.html-widget .registration-form ul .thok-care-dealer,
.html-widget .registration-form ul .thok-care,
.html-widget .registration-form ul .buttons,
.html-widget .registration-form ul .country,
.html-widget .registration-form ul .ssn,
.html-widget .registration-form ul .notes,
.html-widget .registration-form ul .order,
.html-widget .registration-form ul .delivery_street_address,
.html-widget .registration-form ul .delivery_country,
.html-widget .registration-form ul .delivery_name,
.html-widget .registration-form ul .delivery,
.html-widget .registration-form ul .dealer,
.html-widget .registration-form ul .password,
.html-widget .registration-form ul .create_account,
.html-widget .registration-form ul .street_address,
.html-widget .registration-form ul .email,
.html-widget .registration-form ul .given_name {clear: left;}
.html-widget .registration-form ul .country {margin: 30px 0 0 0;}

.html-widget .registration-form ul .payments,
.html-widget .registration-form ul .order {float: none; width: auto !important;}
.html-widget .registration-form ul .terms,
.html-widget .registration-form ul .payments li {float: none; width: auto !important; overflow: hidden; padding: 20px 0;}
.html-widget .registration-form ul .payments .cdtfin {padding: 10px 0 0 0;}
.html-widget .registration-form ul .payments .cdtfin li {padding: 0;}
.html-widget .registration-form ul .payments li input {width: auto !important; float: left; margin: 20px;}
.html-widget .registration-form ul .payments li .cdtfin input {margin: 5px 20px 0 55px;}
.html-widget .registration-form ul .terms label,
.html-widget .registration-form ul .payments li label {font-weight: bold; overflow: hidden; margin: 0 0 10px 0;}
.html-widget .registration-form ul .payments li label img {float: left; margin: 0 10px 0 0;}
.html-widget .registration-form ul .terms div,
.html-widget .registration-form ul .payments li div {overflow: hidden;}
.html-widget .registration-form ul .terms input {width: auto !important; float: left; margin: 0 20px;}
.html-widget .registration-form h2 {margin: 30px auto 15px auto !important;}
.html-widget .registration-form .order h2 {margin: 0!important;padding: 30px 0 0 0 !important; }
.html-widget .registration-form ul li.buttons {clear: both;float: right; margin: 180px 60px 30px 0; text-align: right;}
.shop.ordine .html-widget .registration-form ul li.buttons {margin: 30px 0;}
.html-widget .registration-login ul li.buttons {margin: 0 60px 0 0;}
.html-widget .order table td.product {font-weight: bold; text-align: right;}
.html-widget .registration-form .readonly li {padding: 0;}
.html-widget .registration-form .readonly .label:after {content: ':';}
.html-widget .registration-form .readonly .value {font-weight: bold;}
.html-widget .registration-form .readonly .label:empty,
.html-widget .registration-form .readonly .value:empty {display: none;}
.html-widget .registration-form .error div {padding: 0; color: #333; font-weight: normal;}
.html-widget .registration-login {display: none; padding: 30px 0;}


.html-widget .registration-form .toggle-open:before,
.html-widget .registration-form .toggle:before {background-color: #ccc; border-radius: 5px; color: #fff; content: '-'; display: block; float: left; margin: 0 7px 0 0; overflow: hidden; width: 18px; text-align: center;}
.html-widget .registration-form .toggle-open:before {content: '+'; }

.shop #section-contents .html-widget > p {margin: 30px auto;}

.sdoganamento {font-weight: bold !important; color: #fc0d1b;}

.page-container .select2-selection {
   border-radius: 0;
  height: 37px;
   width: 100% !important;
}
.page-container .select2-container--default {width: 90% !important;}
.page-container .select2-container--default .select2-selection--single {
   display: block;
   background-color: #ddd;
   border: 1px solid #000;
}
.page-container .select2-container--default .select2-selection--single .select2-selection__arrow {top: 7px;}
.html-widget .registration-form ul .select2-search input,
.html-widget .registration-form ul .select2-results ul li {font-family: 'Open Sans', sans-serif !important; width: 100% !important; margin: 0;}

.section-default h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
   text-transform: uppercase;
}
.section-default h2 s {color: #666;}
.section-default h2 strong {color: #fc0d1b;}
.section-default h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.section-default h2 img,
.section-default h3 img {float: left; margin: 0 10px 0 0;}
.section-default h2 span {font-size: 36px;}

.record-list-widget.article-list ul li,
.record-list-widget.eventi ul li,
.section-default .content-widget {padding: 30px 0; margin: 0;}
.home .html-widget.odd,
.prodotto .section-default .html-widget,
.prodotto .section-default .record-list-widget.even,
.prodotto .section-default .content-widget.even,
.record-list-widget.article-list ul li:nth-child(even),
.record-list-widget.eventi ul li:nth-child(odd),
.section-default .record-list-widget.odd,
.section-default .content-widget.odd {background: #e1e1e1;}
.thok-point .section-default .record-list-widget.odd,
.thok-point .section-default .record-list-widget.even,
.section-default .content-widget.geometrie-misure,
.record-list-widget.article-list ul li,
.record-list-widget.eventi ul li,
.prodotto .section-default .record-list-widget.odd,
.prodotto .section-default .content-widget.odd {background: #fff;}
.section-default .section-wrapper .content-widget.big-image {padding: 0;}
.section-default .section-wrapper .content-widget.big-image .main-image img {margin: 0 auto; width: 100% !important;}

.char-list .list-wrapper > ul > li > .main-image img,
.record-list-widget.eventi ul li img,
.record-list-widget.article-list ul li img,
.section-default .content-widget.odd .main-video video,
.section-default .content-widget.odd .main-image img {
   float: right;
   margin: 0 0 0 10%;
   width: 45%;
}
.record-list-widget.article-list ul li:nth-child(odd) img,
.record-list-widget.eventi ul li:nth-child(odd) img,
.section-default .content-widget.even .main-video video,
.section-default .content-widget.even .main-image img {
   float: left;
   margin: 0 10% 0 0;
   width: 45%;
}
.section-default .content-widget.big-image .main-video video, 
.section-default .content-widget.big-image .main-image img {
   display: block;
    float: none;
    margin: 0 ;
    width: 100% !important;
}
.record-list-widget.eventi ul li div > span{display: block; margin: 0 0 5px 0;}
.record-list-widget.eventi ul li div .date span{font-weight: bold;}
.record-list-widget.eventi ul li div .title h3 {margin: 15px 0 10px 0;}
.record-list-widget ul li .contents div {margin: 0 0 10px 0;}

.section-default .content-widget .text {overflow: hidden;}
.section-default .content-widget .text img {max-width: 100%;}
.section-default .content-widget .text table {
   border-collapse: collapse;
   margin: 30px 0;
   width: 100%;
}
.section-default .text table th {font-weight: 700;text-align: center;}
.section-default .text table td {min-width: 280px; text-align: center;}
.section-default .text table.taglie td {min-width: 0; text-align: center;}
.section-default .text table.taglie td:first-child {text-align: left;}
.section-default .text table.specs {margin: 0;}
.delivery-costs table {width: 100%;}
.delivery-costs table td,
.section-default .text table.specs td {min-width: 0; padding: 5px 10px;text-align: left;}
.delivery-costs table td:first-child,
.section-default .text table.specs td:first-child {font-weight: 700; white-space: nowrap;}
.delivery-costs table td:last-child{text-align: right;}
.delivery-costs table tr:nth-child(odd) td,
.section-default .text table.specs tr:nth-child(odd) td {background-color: #efefef;}
.section-default .links,
.section-default .images {font-size: 0; text-align: center;}
.section-default .links div,
.section-default .links a,
.section-default .links > img,
.section-default .images img {display: inline-block; max-width: 400px; vertical-align: text-top; }
.section-default .links a img {max-width: 100%;}
.section-default .links > div {max-width: 150px; padding: 30px;}
.section-default .links > div a {font-size: initial; margin: 0 0 15px 0; text-transform: uppercase; width: 100%;}

.section-default .big-text .text p,
.html-widget form p {margin: 0 0 10px 0;}
.section-default .big-text .text p:last-child,
.html-widget form p:last-child {margin: 0;}

.section-default .record-list-widget {position: relative;}
.section-default .section-wrapper .record-list-widget.article-list,
.section-default .section-wrapper .record-list-widget.eventi{max-width: unset; margin: 0;}
.section-default .section-wrapper .record-list-widget iframe{margin: 15px; vertical-align: top;}

.page-container > .widget .acc-wrapper > a,
.section-default .record-list-widget .next,
.section-default .record-list-widget .before {
   background-color: #666;
   color: #fff;
   display: block; 
   padding: 10px 15px;
   position: absolute; 
   top: 45%;
}
.page-container > .widget .acc-wrapper > a:first-child,
.section-default .record-list-widget .before {left: 0;}
.page-container > .widget .acc-wrapper > a:last-child,
.section-default .record-list-widget .next{right: 0;}
.page-container > .widget .acc-wrapper > a:hover,
.section-default .record-list-widget .next:hover,
.section-default .record-list-widget .before:hover {background-color: #000;}
.section-default .record-list-widget li {margin: 0 0 30px 0;overflow: hidden;}
.section-default .record-list-widget li h3 {font-family: inherit; font-weight: 700; overflow: hidden;}
.section-default .record-list-widget .pager {overflow: hidden; margin: 0 0 30px 0;text-align: center;}
.section-default .record-list-widget .pager .pages {background-color: #fff; border-radius: 5px; display: inline-block; margin: 30px 0 0 0; padding: 5px; }
.section-default .record-list-widget .pager .pages a {padding: 5px 10px; display: inline-block; }
.section-default .record-list-widget .pager .pages a:hover,
.section-default .record-list-widget .pager .pages a.active {background-color: #fc0d1b; color: #fff; border-radius: 5px;}
.section-default .record-list-widget .pager > a {margin: 0 20px;}
.section-default .record-list-widget .pager > a:hover {color: #000;}

#section-footer .popup-mask,
#section-contents .popup-mask { 
   background-color: rgba(0,0,0,.5);
   bottom: 0;
   display: none;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 1000;
}
#section-footer .popup-mask .window,
#section-contents .popup-mask .window  { 
   display: block;
   margin: 5% auto 0 auto;
   height: 90%;
   max-width: 960px;
   overflow: hidden;
   position: relative;
}
#section-contents .popup-mask .window.delivery-costs  {width: 320px;}
#section-footer .popup-mask .window { background-color: transparent;}
#section-footer .popup-mask .window > ul,
#section-contents .popup-mask .window > ul { 
   background-color: #fff;
   display: block;
   margin: 30px 0 0 0;
   max-height: 96%;
   overflow: auto;
}
#section-footer .popup-mask .window > ul > li,
#section-contents .popup-mask .window > ul > li {background-color: #fff; position: relative;}
#section-footer .popup-mask .window > ul > li {border-bottom: 1px solid #d3d4d7;}
#section-footer .popup-mask .window > ul > li:last-child {border-bottom: 0;}
#section-footer .popup-mask .window > ul > li > div,
#section-contents .popup-mask .window > ul > li > div {border: 0; display: block;}
#section-contents .popup-mask .window > a { 
   background-color: #fff;
   display: inline-block;
   font-size: 20px;
   position: absolute;
   right: 5px;
   text-align: right;
   top: 5px;
}
#section-contents .popup-mask .window.iframe > a { 
   left: 15px;
   right: auto;
}
#section-footer .popup-mask .window > a{ 
   color: #7f7f7f;
   display: block;
   font-size: 20px;
   left: 20px;
   position: absolute;
   top: 40px;
   z-index: 99;
}
#section-footer .popup-mask .window > a:hover,
#section-contents .popup-mask .window > a:hover {color: #d3d4d7;}
#section-contents .popup-mask .window .image {max-width: 960px; margin: 0;}
#section-footer .popup-mask .window .content-wrapper {float: left; padding: 60px 0 0 0; text-align: left; width: 40%;}
#section-footer .popup-mask .window .image {margin: 0; overflow: hidden; position: relative;}
#section-footer .popup-mask .window .image img,
#section-contents .popup-mask .window .image img {display: block; width: 100%;}
#section-contents .popup-mask .window .title {background-color: #fff; padding: 10px 0;}
#section-contents .popup-mask .window .title h3 {padding: 0 20px;}
#section-footer .popup-mask .window.delivery-costs > a {
   left: auto;
   padding: 2px 10px 1px 10px;
   right: 0;
   top: 0;
   width: 10px;
}
#section-contents .popup-mask .window .content > div {padding: 0 20px 20px 20px;}
#section-footer .popup-mask .window.delivery-costs div {padding: 0;}
#section-footer .popup-mask .window.iframe {margin: 0 auto;}
#section-footer .popup-mask .window.iframe ul {height: 100%;}
#section-footer .popup-mask .window.iframe ul li {height: 100%; margin: 0; padding: 0;}
#section-footer .popup-mask .window.iframe ul li iframe {height: 94%; margin: 5% 0 0 0; width: 100%;}

#section-footer .popup-mask .window .content-wrapper > div {padding: 0 20px;}
#section-footer .popup-mask .window .content-wrapper .subtitle h4 {color: #fc0d1b; font-size: 15px; margin: 0 0 5px 0;}
#section-footer .popup-mask .window .content-wrapper .title h3 {color: #7f7f7f; font-weight: bold; line-height: normal; margin: 0 0 30px 0;}
#section-footer .popup-mask .window .content-wrapper .title h3:after {border-bottom: 2px solid #fc0d1b; content: ' '; display: block; margin: 10px 0 0 0; width: 30%;}
#section-footer .popup-mask .window .content-wrapper .content {color: #7f7f7f;}
#section-footer .popup-mask .window .image .img-content {
   border-left: 2px solid #fc0d1b;
   bottom: 30px;
   color: #fff; 
   padding: 0 20px;
   position: absolute;
   left: 5%;
}
#section-footer .popup-mask .window .image .link a {
   bottom: 30px;
   position: absolute;
   right: 5%;
}

#section-footer .popup-mask .window .footer {
   background-color: #fff;
   bottom: 0;
   color: #7f7f7f;
   font-size: 15px;
   padding: 10px 0 5px 0;
   position: absolute;
   width: 40%;
}
#section-footer .popup-mask .window .footer p{margin: 0 0 5px 0;}
rgin:    #section-footer .popup-mask .window .footer p:last-child {margin: 0;}
#section-contents .popup-mask .window .content p {margin: 10px 0 20px 0; text-align: left;}
#section-footer .popup-mask .window .content table,
#section-contents .popup-mask .window .content table {margin: 0 auto;}

.section-default .section-wrapper .record-list-widget.char-list .list-wrapper {padding: 30px 100px; position: relative;}
.char-list .list-wrapper > ul {height: 403px; overflow: hidden;}
.char-lis .list-wrapper > ul > li {display: none;}
.char-list .list-wrapper > ul > li h3 {
   font-size: 27px;
   text-transform: uppercase;
}
.char-list .list-wrapper > ul > li > .contents div {
   height: 320px;
   padding: 0 30px 0 0;
   overflow: hidden;
}

.faq-list .list-wrapper {padding: 0 0 50px 0;}
.faq-list .list-wrapper > ul {border-left: 1px solid #ddd;}
.faq-list .list-wrapper > ul > li {border-left: 2px solid #fff;  margin: 0; padding: 10px 10px 0 50px;}
.faq-list .list-wrapper > ul > li.open {border-left: 2px solid #fc0d1b;}
.faq-list .list-wrapper .contents  > div {display: none;}
.faq-list .list-wrapper > ul > li h3 {cursor: pointer;}
.faq-list .list-wrapper > ul > li h3:after {content : '+'; color: #ddd; float: right; font-weight: bold; padding: 0 0 0 30px;}
.faq-list .list-wrapper > ul > li.open h3:after {content : '-';}
.faq-list .list-wrapper > ul > li div p {padding: 0 60px 10px 0;}

.thok-point .text {width: 100%;}
.thok-point .text p {overflow: hidden;}
.thok-point .record-list-widget:first-child {float: left; margin: 0 4% 0 0; width: 48%; min-height: 400px;}
.thok-point .record-list-widget h2 {margin: 30px 0 0 0;}
.thok-point .record-list-widget > ul {margin: 30px 0 0 0;}
.thok-point .record-list-widget > ul > li {margin: 0 0 20px 0;}
.thok-point .record-list-widget > ul > li ul > li > a,
.thok-point .record-list-widget > ul > li > a {display: inline-block; float: left; font-weight: bold; font-size: 24px; margin: -8px 12px 0 0;}
.thok-point .record-list-widget > ul > li > ul > li > a:before,
.thok-point .record-list-widget > ul > li > a:before {content: '\2193'}
.thok-point .record-list-widget > ul > li > ul > li > a.open:before,
.thok-point .record-list-widget > ul > li > a.open:before {content: '\2191';}
.thok-point .record-list-widget li ul li ul,
.thok-point .record-list-widget li ul {display: none;}
.thok-point .record-list-widget li li {margin: 15px 0 30px 30px;}

.come-scegliere-la-bici .section-default .grey-bg {padding: 0 0 50px 0;}
.mig-630 .section-default .misure,
.mig-r .section-default .misure,
.TK01-R .section-default .misure,
.TK01 .section-default .misure,
.mig-ht .section-default .misure,
.mig-20 .section-default .misure,
.TK01Ltd .section-default .misure,
.come-scegliere-la-bici .section-default .misure {width: auto; margin: 0;}
.mig-630 .section-default .misure th,
.mig-630 .section-default .misure td,
.mig-r .section-default .misure th,
.mig-r .section-default .misure td,
.TK01-R .section-default .misure th,
.TK01-R .section-default .misure td,
.TK01 .section-default .misure th,
.TK01 .section-default .misure td,
.mig-ht .section-default .misure th,
.mig-ht .section-default .misure td,
.mig-20 .section-default .misure th,
.mig-20 .section-default .misure td,
.TK01Ltd .section-default .misure th,
.TK01Ltd .section-default .misure td,
.caratteristiche .section-default .misure th,
.caratteristiche .section-default .misure td,
.come-scegliere-la-bici .section-default .misure th,
.come-scegliere-la-bici .section-default .misure td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center;}
.mig-630 .section-default .misure tr:last-child td,
.mig-r .section-default .misure tr:last-child td,
.TK01-R .section-default .misure tr:last-child td,
.TK01 .section-default .misure tr:last-child td,
.mig-ht .section-default .misure tr:last-child td,
.mig-20 .section-default .misure tr:last-child td,
.TK01Ltd .section-default .misure tr:last-child td,
.caratteristiche .section-default .misure tr:last-child td,
.come-scegliere-la-bici .section-default .misure tr:last-child td {border-bottom: 0;}
.mig-630 .section-default .misure th:last-child,
.mig-630 .section-default .misure td:last-child,
.mig-r .section-default .misure th:last-child,
.mig-r .section-default .misure td:last-child,
.TK01-r .section-default .misure th:last-child,
.TK01 .section-default .misure th:last-child,
.mig-ht .section-default .misure th:last-child,
.mig-ht .section-default .misure td:last-child,
.mig-20 .section-default .misure th:last-child,
.mig-20 .section-default .misure td:last-child,
.TK01Ltd .section-default .misure th:last-child,
.TK01Ltd .section-default .misure td:last-child,
.caratteristiche .section-default .misure th:last-child,
.caratteristiche .section-default .misure td:last-child,
.come-scegliere-la-bici .section-default .misure th:last-child,
.come-scegliere-la-bici .section-default .misure td:last-child  {border-right: 0;}
.mig-630 .section-default th,
.mig-630 .section-default td,
.mig-r .section-default th,
.mig-r .section-default td,
.TK01-R .section-default th,
.TK01 .section-default th,
.mig-ht .section-default th,
.mig-ht .section-default td,
.mig-20 .section-default th,
.mig-20 .section-default td,
.TK01Ltd .section-default th,
.TK01Ltd .section-default td,
.caratteristiche .section-default th,
.caratteristiche .section-default td,
.come-scegliere-la-bici .section-default th,
.come-scegliere-la-bici .section-default td {padding: 30px 0;}
.mig-630 .section-default .misure td,
.mig-r .section-default .misure td,
.TK01-R .section-default .misure td,
.TK01 .section-default .misure td,
.mig-ht .section-default .misure td,
.mig-20 .section-default .misure td,
.TK01Ltd .section-default .misure td,
.caratteristiche .section-default .misure td,
.come-scegliere-la-bici .section-default .misure td {padding: 10px 30px; min-width: 0;}
.come-scegliere-la-bici .section-default td h3 {color: #000; font-size: 100px; font-weight: bold;}
.come-scegliere-la-bici .section-default .taglie td {text-align: center;}
.come-scegliere-la-bici .section-default h3 {padding: 60px 0 0 0;}
.come-scegliere-la-bici .section-default h3:first-child {padding: 0;}

.user-menu .menu {float: left; min-height: 270px;}
.user-menu .menu ul li a {display: block; margin: 0 0 10px 0;}
.utente .section-default .content-widget.odd {background-color: #fff;}
.utente .section-default .content-widget {margin: 0 0 30px 0; padding: 0;}

.contatti .html-widget .logo {margin: 0 0 30px 0;}

.home .section-default .section-wrapper .html-widget {margin: 0 auto; position: relative;}
.home .html-widget > div {position: relative;}
.home .html-widget .section-full video,
.home .html-widget .section-full img {display: block; margin: 0 auto; max-width: 100%;}
.home .html-widget .performance-first video {width: 100%;}
.home .html-widget .performance-first img {max-width: 100%;}
.home .html-widget .performance-first > p {
   position: absolute;
   bottom: 0;
   width: 100%;
   z-index: 9;
}
.home .html-widget .performance-first > p img {
   display: block;
   width: 1200px;
}
.home .html-widget > div h2 {
    background-image: none;
    position: absolute;
    color: #fc0d1b;
    font-size: 150px;
    font-size: 7vw;
    font-weight: normal;
    line-height: 72%;
    text-transform: uppercase;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
}
.home .performance-first h2 strong {
    font-weight: normal;
    color: #fff;
}
.home .html-widget .performance-first a {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -50px;
    text-align: center;
    top: 85%;
    width: 100px;
   z-index: 999;
}
.home .html-widget .gallery-wrapper {position: relative;}
.home .html-widget .gallery {padding: 60px 0;}
.home .html-widget .gallery li {
    display: none;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
.home .html-widget .gallery li:first-child {display: list-item;}
.home .html-widget .gallery li a.button {
   bottom: 30px;
   position: absolute;
   left: 50%;
   transform: translateY(-50%);
   transform: translateX(-50%);
   z-index: 2;
}
.home .html-widget .gallery-controls {
   min-width: 300px;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translateY(-50%);
   transform: translateX(-50%);
   width: 50%;
   z-index: 0;
}
.home .html-widget .gallery-controls a {display: inline-bock;}
.home .html-widget .gallery-controls a.next{float: right;}

.home .technical-partners {
    background-color: #e1e1e1;
    overflow: hidden;
    padding: 30px 0;
    text-align: center;
}
.home .technical-partners h3 {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 28px;
    font-size: 1.5vw;
    margin: 0 auto 30px auto;
    padding: 0 0 30px 0;
    text-transform: uppercase;
    width: 50%;
}

.home .html-widget > .d-perf img,
.home .html-widget .section-full.technical-partners img {display: inline-block;}
.home .html-widget > .d-perf {
    background-color: #3d3d3f;
    padding: 30px 0;
    text-align: center;
}
.home .news-social-widget {background-color: #fff; }
.home .news-social-wrapper {overflow: hidden;}
.home .news-social-wrapper > div {margin: 30px auto; max-width: 57%; overflow: hidden; text-align: center;}
.home .news-social-wrapper > div.events .main-image {margin: 0 30px 0 0;}
.home .news-social-wrapper > div .wrapper,
.home .news-social-wrapper > div .controls-wrapper {padding: 0 0 30px 0; overflow: hidden; position: relative;}
.home .news-social-wrapper > div .controls a.item {
   background-color: #e1e1e1;
   border-radius: 15px;
   display: inline-block;
   height: 15px;
   margin: 0 5px;
   width: 15px;
}
.home .news-social-wrapper > div .controls a.item.active,
.home .news-social-wrapper > div .controls a.item:hover {background-color: #fc0d1b;}
.home .news-social-wrapper > div .controls-wrapper a.all {bottom: 0; left: 0; position: absolute; width: 100%;}

.page-container .acc-wrapper {padding: 30px 100px; position: relative;}
.page-container .acc-wrapper ul {font-size: 0; height: 250px; overflow: hidden; text-align: center;}
.page-container .acc-wrapper ul li {display: none; height: 250px; text-align: center; vertical-align: text-top; width: 320px;}
.page-container .acc-wrapper ul li:nth-child(3),
.page-container .acc-wrapper ul li:nth-child(2),
.page-container .acc-wrapper ul li:nth-child(1) {display: inline-block;}
.page-container .acc-wrapper ul li h3 {font-size: 18px; display: inline-block; height: 25px; margin: 0 0 10px 0; overflow: hidden; border: 1px solid transparent; width: 80%;}
.page-container .acc-wrapper ul li img {max-height: 200px; max-width: 100%;}

.eventi .html-widget#map h1 {font-size: 18px;}
.eventi .html-widget#map a {color: #fc0d1b;}

.eventi .html-widget.menu li a,
.eventi .page-container button, .eventi .page-container .button, 
.eventi .page-container input#submit, .eventi .page-container input.button, .eventi .page-container input[type="submit"], 
.eventi .page-container input[type="reset"], .eventi .page-container input[type="button"] {
   background-color: transparent !important;
}

.ordini {overflow: auto;}
.order-detail,
.ordini table {border-collapse: collapse; width: 100%;}
.ordini table th,
.ordini table td {border-bottom: 1px solid #ccc; padding: 10px; vertical-align: middle;}
.order-detail .label {text-align: left;}
.order-detail .value,
.ordini table .order-link,
.ordini table .order-number,
.ordini table .order-date,
.ordini table .order-paid,
.ordini table .order-amount {text-align: right;}
.ordini table .order-status {text-align: center;}
.ordini table .order-link a {padding: 3px 10px;}

.section-default .dettaglio-ordine h3,
.section-default .dettaglio-ordine h2 {
    margin: 20px 0 0 0;
}

.page-container .cart-coupon {margin: 30px 0; text-align: center;}
.page-container li.order .cart-coupon {margin: 0 0 30px 0; text-align: left;}
.page-container .cart-coupon input[type="button"],
.page-container .cart-coupon input[type="text"] {display: inline-block; margin: 10px 0 0 0; width: auto !important;}
.page-container .cart-coupon .error {color: red;}
.page-container .cart-coupon ul {padding: 0;}
.page-container li.order .cart-coupon ul {padding: 0 0 0 20px;}
.page-container .cart-coupon ul li{list-style-type: none;}
.page-container li.order .cart-coupon ul li{list-style-type: disc; float: none;}
.page-container .cart-coupon ul li.invalid span{text-decoration: line-through;}

.user-data .company li:first-child {font-weight: bold; margin: 30px 0 10px 0;}
.user-data .person li:first-child {font-weight: bold;}
.user-data .person li.phone,
.user-data .person li.address {margin: 5px 0;}

.tp-search {margin: 40px auto 0 auto; text-align: center;}
.tp-search input {display: inline-block !important;}
.tp-search #tp-search-btn {margin: 0 40px 0 0;}
.tp-hidden {display: none !important;}

.home .html-widget .thok-capirossi {
   position: relative;
}
.home .html-widget .thok-capirossi .bg-overlay{
   background-color: rgba(0,0,0, .5);
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   top: 0;
}
.k-lang-it_IT .home .html-widget .thok-capirossi .bg-overlay{
   background-color: unset;
}
.home .html-widget .thok-capirossi .wrapper {
   left: 50%;
   position: absolute;
   text-align: center;
   top: 75%;
    transform: translateY(-50%);
    transform: translateX(-50%);
   z-index: 9;
}
.home .html-widget .thok-capirossi .wrapper p {
   color: #fff;
   font-size: 3rem;
   font-weight: bold;
   margin: 0 0 30px 0;
   width: 680px;
}
.home .html-widget .thok-capirossi img {max-width: 100%;}
.home .html-widget .thok-capirossi a {text-transform: uppercase;}
.product-detail {
   clear: both;
   padding: 30px 0 0 0;
   overflow: hidden;
}
.page-container .content-widget.first .product-detail form {
   float: left;
   margin: 0 10% 0 0;
   width: 45%;
}
.product-detail .text h3:first-of-type {display: none;}
.product-detail form ul,
.product-detail form {overflow: hidden;}
.product-detail form li label,
.product-detail form li select,
.product-detail form li {display: inline-block;}
.product-detail form li select#quantity {width: 80px;}

.prodotto #taglia-colore,
.prodotto .record-detail-widget,
.prodotto .content-widget.first .button-container a:last-child {display: none;}
.prodotto #section-footer .popup-mask .window > ul{overflow: hidden;}
.prodotto .window.delivery-costs {
   background-color: #ccc !important;
   overflow: hidden;
}
.prodotto .window.delivery-costs ul {overflow: auto !important;}

.TK01-R .section-default:nth-of-type(5) .content-widget .images img,
.TK01 .section-default:nth-of-type(5) .content-widget .images img,
.mig-20 .section-default:nth-of-type(5) .content-widget .images img,
.TK01Ltd .section-default:nth-of-type(5) .content-widget .images img {margin-bottom: 1px; margin-left: 1px;}

.section-default .section-wrapper .record-list-widget.news-home {margin: 0 auto; position: relative; max-width: 1920px; }
.section-default .section-wrapper .record-list-widget.news-home ul {margin: 75px 0 0 0;}
.section-default .section-wrapper .record-list-widget.news-home ul li {display: none; margin: 0; position: relative;}
.section-default .section-wrapper .record-list-widget.news-home ul li:first-child {display: block;}
.section-default .section-wrapper .record-list-widget.news-home ul li .background {font-size: 0;}
.section-default .section-wrapper .record-list-widget.news-home ul li .background img {width: 100%;}
.section-default .section-wrapper .record-list-widget.news-home ul li .contents {
   color: #fff;
   left: 50%;
   max-width: 80%;
   position: absolute;
   top: 50%;
   z-index: 9;
}
.section-default .section-wrapper .record-list-widget.news-home ul li .contents h2 {margin: 0 0 10px 0;}
.section-default .section-wrapper .record-list-widget.news-home ul li .contents h3 {margin: 0 0 5px 0;}
.section-default .section-wrapper .record-list-widget.news-home ul li .contents .text > div {margin: 0 0 30px 0;}
.section-default .section-wrapper .record-list-widget.news-home ul li.BOTTOM .contents {bottom: 30px; top: auto;}
.section-default .section-wrapper .record-list-widget.news-home ul li.MIDDLE .contents {transform: translateY(-50%);}
.section-default .section-wrapper .record-list-widget.news-home ul li.TOP .contents {bottom: auto;top: 30px;}
.section-default .section-wrapper .record-list-widget.news-home ul li.LEFT .contents {left: 50px;}
.section-default .section-wrapper .record-list-widget.news-home ul li.CENTER .contents {transform: translateX(-50%);}
.section-default .section-wrapper .record-list-widget.news-home ul li.RIGHT .contents {right: 50px;}
.section-default .section-wrapper .record-list-widget.news-home ul li.CENTER.MIDDLE .contents {transform: translate(-50%, -50%) !important;}
.section-default .record-list-widget.news-home .prev,
.section-default .record-list-widget.news-home .next {
   background-color: #666;
   color: #fff;
   display: block; 
   padding: 10px 15px;
   position: absolute; 
   top: 50%;
   z-index: 999;
}
.section-default .record-list-widget.news-home .prev:hover,
.section-default .record-list-widget.news-home .next:hover {background-color: #000;}

.news-home .record-detail-widget .main-image {text-align: center;}
.news-home .record-detail-widget .contents {margin: 30px auto; width: 1190px;}
.news-home .record-detail-widget .contents .main-link a {margin: 30px 0 0 0;}

.buy-bike {text-align: center; padding: 30px;}

.big-image > .video {background: #e1e1e1; padding: 80px 0; text-align: center; }
.big-image > .video .video-container {
   max-width: 960px;
   margin: 0 auto;
}
.big-image > .video .video-wrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   height: 0;
}
.big-image > .video .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news .article-list .controls {display: none;}

.page-container .ssc {color: #454646;}
.page-container .ssc:hover {color: #fc0d1b;}

.consegne {color: #fc0d1b; font-weight: bold; padding: 20px 0 0 0; text-align: center;}

.window.thokcare .content .text {max-width: 600px; margin: 0 auto; padding: 40px;}
#section-footer .window.thokcare h2 {margin: 5px 0 0 0;}
#section-footer .window.thokcare .content .text a {color: #fc0d1b;}
#section-footer .window.thokcare .content .text a:hover {color: #000;}
.html-widget .registration-form ul .thok-care {margin: 20px 0 0 0;}
#section-contents .registration-form a {margin: 0;}

body.thokcare .product-detail li.quantity select,
body.thokcare .product-detail .delivery {display: none;}

.k-lang-fr_FR body.shop #section-contents .grid ul li:nth-child(5),
.k-lang-es_ES body.shop #section-contents .grid ul li:nth-child(5){display: none;}

.k-preview.k-lang-fr_FR body.shop #section-contents .grid ul li:nth-child(5),
.k-preview.k-lang-es_ES body.shop #section-contents .grid ul li:nth-child(5) {display: block;}


.html-widget form#_santander ul {padding: 0; overflow: hidden;}
.html-widget form#_santander ul li {
   float: left;
   max-width: 450px;
   padding: 0;
   width: 50%;
}
.html-widget form#_santander ul li.buttons,
.html-widget form#_santander ul li.captcha,
.html-widget form#_santander ul li.privacy {
   clear: left;
   float: none;
   margin: 20px 0;
   width: auto;
}
.html-widget form#_santander ul li select,
.page-container .html-widget form#_santander ul li input:not([type="checkbox"]) {min-width: 300px; width: auto !important;}
.html-widget form#_santander ul li.privacy label.sub-label {
   display: inline;
   float: none;
   margin: 0;
   width: auto;
}
.html-widget form#_santander ul li p {padding: 10px 0 0 0;}
.html-widget form#_santander ul li p.invalid label {color: #fc0d1b;}

.ducati.section-full {
   position: relative;
}
.ducati.section-full a:last-child {
   position: absolute;
   bottom: 20px;
   left: 50%;
   margin: 0 0 0 -70px;
   text-align: center;
   width: 100px;
}

.registra-la-tua-bici .section-default .html-widget p {
   overflow: visible;
}

.prodotto .section-default:nth-child(5) .content-widget.even {
   background-color: #fff;
}

.record-list-widget.boxes {
   max-width: 1920px;   
}
.record-list-widget.boxes ul {
   color: #fff;
   display: grid;
   grid-auto-rows: minmax(400px, auto);
   grid-template-columns: 1fr 1fr 1fr;
   row-gap: 0;
   text-align: center;
}
.record-list-widget.boxes ul li {
   background-image: linear-gradient(to top , black, white);
   margin: 0;
   position: relative;
}
.record-list-widget.boxes ul img {display: block;} 
.record-list-widget.boxes ul .contents div,
.record-list-widget.boxes ul h2 {margin: 0; text-transform: none;} 
.record-list-widget.boxes ul .contents {
   bottom: 20px;
   left: 0;
   position: absolute;
   right: 0;
} 
.record-list-widget.boxes ul .contents .text div {margin: 0 0 30px 0;} 

.section-default .record-list-widget.in-evidenza {background-color: #fff;}
.record-list-widget.in-evidenza ul {
   column-gap: 10px;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   margin: 0 auto;
   max-width: 1200px;
   padding: 0 10px;
   text-align: center;
}
.record-list-widget.in-evidenza ul li {max-width: 360px;}
.record-list-widget.in-evidenza ul h2 {margin: 20px 0 ; text-align: left;  text-transform: none;} 
.record-list-widget.in-evidenza ul .main-link {text-align: left;} 

.fancybox-container #contact-us-container {max-width: 600px;} 
.fancybox-container h2 {margin-bottom: 20px;} 
.fancybox-container .field p,
.fancybox-container h3 {margin-bottom: 10px; overflow: hidden;} 
.fancybox-container .field textarea,
.fancybox-container .field input{width: 100%;} 
.fancybox-container .field input[type="checkbox"]{width: auto; margin-bottom: 0;} 
.field-dealer .select2 {margin: 0 0 20px 0;width: 100% !important;} 
.fancybox-container .buttons {margin-top: 20px;} 
.fancybox-container .buttons .error {margin-bottom: 20px; color: #fc0d1b;} 

#juicer-io {
   background-color: #626262;
   color: #fff;
   clear: both;
   padding: 30px 0 0 0;
   text-align: center;
}
#juicer-io > p {margin: 0 0 30px 0;}

.dealer-locator {overflow: hidden;}
.locator-search {overflow: hidden; padding: 0 20px 20px 20px; }
.shop .locator-search {padding: 0 20px 0 0; }
.locator-list {height: 350px; margin: 0 0 20px 0; padding: 20px 0 0 0; overflow: auto;}
.shop .locator-list {height: 480px;}
.locator-list > div {margin-bottom: 20px; overflow: hidden;}
.shop .dealer-select, 
.shop .locator-detail .button, 
.shop .locator-list > div a {
   color: #fc0d1b;
   text-decoration: none;
}
.locator-list > div a:first-child:before{
   content: '';
   display: block;
   float: left;
   height: 160px;
   width: 60px;
}
.shop .locator-list > div a:first-child:before{height: 120px;}
.locator-list > div.type-tp a:first-child:before{
   background: url('/img/tp_icon') 0 0 no-repeat;
}
.locator-list > div.type-ttc a:first-child:before{
   background: url('/img/ttc_icon') 0 0 no-repeat;
}
.locator-list > div.type-trc a:first-child:before{
   background: url('/img/tsc_icon') 0 0 no-repeat;
}

.dealer-locator #map {
    float: right;
    height: 480px;
    min-width: 300px;
    width: 66%;
}
.dealer-title {font-weight: bold; font-size: 14px;}
.locator-list .dealer-title {font-size: 18px;}

#pac-container {
  text-overflow: ellipsis;
  width: 100%;
}
#pac-input {
  background-color: #fff;
  text-overflow: ellipsis;
  width: 100%;
}
#map button {
    background-color: #fff !important;
    color: inherit !important;
}

#reg-cliente fieldset {
   border: 1px solid #000;
   margin: 10px;
   padding: 10px;
   text-align: left;
}
#reg-cliente fieldset legend {font-weight: bold; padding: 10px;}
#reg-cliente fieldset .field {display: inline-block; width: 50%;}
#reg-cliente fieldset .field.newsletter-field {vertical-align: bottom; width: auto;}
#reg-cliente fieldset .field.required label:after {content: '*';}

#reg-cliente fieldset input {width: 90%;}
#reg-cliente fieldset input[type="checkbox"] {width: auto; margin: 0 10px 0 0;}
.prod-reg .errors {color: #fc0d1b;}
.prod-reg .buttons {padding: 10px;}

@media screen and (max-width: 1601px) {
   .home .html-widget .gallery-controls {width: 96%;}
   .section-default:nth-of-type(6) .big-pictures .images,
   .section-default:nth-of-type(5) .big-pictures .images {max-width: 1000px; margin: 0 auto;}   
}
@media screen and (max-width: 1301px) {
   #section-intro {padding: 80px 0 0 0 !important;}
   .home #section-intro {padding: 0 !important;}
}
@media screen and (max-width: 1241px) {
   .utente #section-intro {max-height: 450px;}
   .home .html-widget .thok-capirossi,
   .home .html-widget .performance-first {margin: 80px auto 0 auto;}
   .utente #section-intro {max-height: 520px; }
   .page-container .content-widget.first .product-detail,
   .home .gallery, 
   .section-default .section-wrapper .record-list-widget.video-list > div iframe, 
   .section-default .section-wrapper .record-list-widget.video-list > div, 
   .section-default .section-wrapper .record-list-widget.post-list > div, 
   .thok-point .section-default .section-wrapper, 
   .section-default .record-list-widget.article-list ul li > .wrapper, 
   .section-default .record-list-widget.eventi ul li > .wrapper, 
   .section-default .section-wrapper .record-list-widget .list-wrapper, 
   .section-default .section-wrapper .html-widget, 
   .section-default .section-wrapper .content_wrapper {max-width: 90%;}
   .home .section-default .wrapper {width: auto;}
}
@media screen and (max-width: 1201px) {
   .home .html-widget .thok-capirossi,
   .home .html-widget .performance-first {margin: 0 auto;}
   .news-home .record-detail-widget .contents {margin: 30px; width: auto;}
}
@media screen and (max-width: 1025px) {
   .home .html-widget .gallery.section-full img {max-width: 90%;}
   .html-widget form#_santander ul li {float: none;width: auto;}
}
@media screen and (max-width: 971px) {
   #section-intro {padding: 155px 0 0 0 !important;}
   #section-header .main-menu {clear: both; margin: 0 auto; padding: 0 15px;}
   .shop .page-container h1 {font-size: 40px;}
   .utente #section-intro {max-height: 400px; }
   #section-contents .nav {padding: 10px 20px;}
   #section-contents .record-detail-widget {padding: 0 20px;}
   #section-contents .record-detail-widget h2 {margin: 0 0 20px 0;}
   .articolo .section-default .main-image img {max-width: 70%;}
   #section-contents .share_wrapper {position: static; width: 100%;}
   .shop .grid > ul > li {min-width: 300px;width: 31.5%;}
   #section-contents .grid li .text {height: auto;}
   .html-widget .cart > form > table .cart-buttons td label {margin: 0 10px 10px 0; max-width: none;}
   .html-widget .cart > form > table .cart-buttons td select {float: none; margin: 0 10px 10px 0;}
   .html-widget #_assistenza {margin: 0 0 30px 0; position: static !important; width: auto !important;}
   .dove .section-default p {height: auto !important; margin: 0 0 30px 0; width: 100%;}
   .section-default .text {width: auto; clear: both;}
   .section-default .left-image .text {width: 48%;}
   .home .html-widget > div h2 {left: 50%;}
   .home .toni-bou div {background-color: #fff; left: 10px; width: 40%;}
   .home .html-widget .gallery.section-full img {max-width: 90%;}
   #section-footer .popup-mask .window,
   #section-contents .popup-mask .window  { 
      display: block;
      margin: 5% auto 0 auto;
      max-width: 300px;
      overflow: hidden;
      position: relative;
   }   
   #section-contents .popup-mask .window.iframe  { 
      max-width: 90%;
   }   
   #section-footer .popup-mask .window .content-wrapper { 
      float: none;
      margin: 0 0 30px 0;
       text-align: center;
      width: auto;
   }   
   #section-footer .popup-mask .window .content-wrapper .title h3 {font-size: 24px;}   
   #section-footer .popup-mask .window .content-wrapper .title h3:after {margin: 10px auto 0 auto;}
   #section-footer .popup-mask .window .content-wrapper .content p {font-size: 15px;}
   #section-footer .popup-mask .window .image {margin: 0 10px; padding: 0;width: auto;}
   #section-footer .popup-mask .window .image .img-content{border: 0; color: #7f7f7f; font-size: 15px; margin: 30px 0; position: static; text-align: center;}   
   #section-footer .popup-mask .window .image .link a {position: static;}   
   #section-footer .popup-mask .window .footer {bottom: 0; position: static; width: 100%;}      
   .home .html-widget .thok-capirossi .wrapper p {
      font-size: 2rem;
      width: 480px;
   }
   .page-container .content-widget.first .product-detail form {
      float: none;
      margin: 0;
      width: auto;
   }
   .section-default .section-wrapper .record-list-widget.news-home ul {margin: 155px 0 0 0;}   
   .section-default .section-wrapper .record-list-widget.news-home ul li .contents {max-width: 360px;}
   .section-default .section-wrapper .record-list-widget.news-home ul li .contents .text {display: none;}   
   #reg-cliente fieldset .field {display: block; width: 100%;}
}
@media screen and (max-width: 801px) {
   .utente #section-intro {max-height: 420px;}
   #section-footer .column.third {text-align: center;}
   #section-contents .record-detail-widget {width: 600px; margin: 0 auto;}
   #section-contents .record-detail-widget .images {float: none;}
   .home .toni-bou div h3 {margin: 0 0 10px 0;padding: 0 0 10px 0;}
   .html-widget.menu {float: none; margin: 0 0 50px 0; width: auto;}
   .html-widget.menu ul {overflow: hidden; text-align: center;}
   .html-widget.menu li {width: auto; display: inline-block; list-style-type: none;}
   .html-widget.menu li a {width: auto; margin: 0 30px 0 0 ;}
   #section-contents .record-list-widget ul {display: block; width: auto; margin: 0;}
   #section-contents .record-list-widget ul li {display: block; /*! margin: 15px 5px; */ overflow: hidden; background-color: #fff;}
   #section-contents .record-list-widget ul li > div {display: block; padding: 0; overflow: hidden; border-top: 0;}
   #section-contents .record-list-widget ul li > div.image {float: left; min-height: 95px;}
   #section-contents .record-list-widget ul li > div.image img {width: 100%;}
   #section-contents .record-list-widget ul li .cart {padding: 0;}
   #section-contents .grid li .button {margin: 0 0 5px 15px;}
   .record-list-widget.article-list ul li:nth-child(2n+1) img, 
   .record-list-widget.eventi ul li:nth-child(2n+1) img, 
   .section-default .content-widget.even .main-video video, 
   .section-default .content-widget.even .main-image img,
   .char-list .list-wrapper > ul > li > .main-image img, 
   .record-list-widget.eventi ul li img, 
   .record-list-widget.article-list ul li img, 
   .section-default .content-widget.odd .main-video video, 
   .section-default .content-widget.odd .main-image img,
   .section-default .text img,
   .section-default .main-image img {float: none; max-width: 100% !important; margin: 0 0 20px 0; width: 100% !important;}
   .section-default .text img:last-child {margin: 0;}
   .section-default .grey-text-bg .text,
   .section-default .main-video video,
   .section-default .grey-title-bg .title,
   .section-default .white-title .title, 
   .section-default .white-text .text,
   .section-default .main-image img, .section-default .title, .section-default .text {float: none; width: auto;max-width: 100%;}
   .caratteristiche .section-default .marble-bg .main-image img, .tcn-group .section-default .marble-bg .main-image img {margin-top: 30px;}
   .section-default .red-border .border, .section-default .black-border .border {width: 100%; position: static;}
   .section-default .left-image .text {width: auto;}
   .caratteristiche .section-default .text, 
   .come-scegliere-la-bici .section-default .text {overflow: auto;}
   .caratteristiche .section-default .misure td, 
   .come-scegliere-la-bici .section-default .misure td {padding: 10px;}
   .home .html-widget > div h2 {top: 15%;}
   .home .html-widget .performance-first a {top: 50%;}
   .char-list .list-wrapper > ul {height: auto;}
   .section-default:nth-child(2n) .char-list .list-wrapper > ul > li .main-image img  {clear: both; display: block; float: none; overflow: hidden; text-align: center; margin: 0 auto 10px auto; width: auto;}
   .char-list .list-wrapper > ul > li > .contents h3 {clear: both; overflow: hidden; text-align: center; }
   .char-list .list-wrapper > ul > li > .contents div {height: auto; clear: both; margin: 10px auto; padding: 0;}
   .section-default .section-wrapper .record-list-widget.char-list .list-wrapper {padding: 30px; }
   .section-default .record-list-widget .next, .section-default .record-list-widget .before {display: none;}   
   .page-container .acc-wrapper ul {height: auto;}
   .page-container .acc-wrapper ul li {height: auto; margin: 0 0 30px 0;width: auto;}
   .section-default .text table td {min-width: auto; text-align: center;}
   .record-list-widget.boxes ul {grid-template-columns: 1fr 1fr;}
   .record-list-widget.in-evidenza ul {grid-template-columns: unset; margin: 0 auto;}
   .record-list-widget.in-evidenza ul li {grid-template-columns: unset; margin: 20px auto 40px auto;}
}
@media screen and (max-width: 741px) {
   .shop .page-container h1 {font-size: 30px; margin: 0 auto;}
   .utente #section-intro {max-height: 300px;}
   #section-header {position: static; }
   #section-header .wrapper {min-height: 80px;}
   #section-header #logo {margin-right: 0;}
   #section-header .main-menu {
      clear: none;
      float: right;
      overflow: hidden;
      padding: 0;
   }
   #section-header .main-menu > ul > li:hover > ul {position: static; width: auto; }
   #section-header .main-menu > ul > li:last-child {float: none;}
   #section-header .main-menu ul li .itemClose,
   #section-header .main-menu ul li .itemExpand {
      float: right;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      text-transform: none;
   }
   #section-header .main-menu .menuExpand {
      background: url(/img/menu) 0 3px no-repeat;
      clear: none;
      color: #333;
      display: inline-block;
      float: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      margin: 30px 0 0 0;
      overflow: hidden;
      padding: 0 0 0 25px;
   }
   #section-header .main-menu ul li .itemClose {float: none; text-align: center;}
   #section-header .main-menu.expanded {margin: -47px 0 0 0; width: 100%;}
   #section-header .main-menu.expanded .menuExpand {float: right; margin: 3px 152px 27px 0;}
   #section-header .main-menu ul {background-color: #6a6a6a; display: none; float: none;}
   #section-header .main-menu.expanded > ul {clear: both; display: block; float: none; overflow: hidden;}
   #section-header .main-menu ul li {display: block; float: none; overflow: hidden; text-align: left;}
   #section-header .main-menu ul li a {display: inline-block; line-height: 40px; width: 100%;}
   #section-header .main-menu ul li li li a {display: block;}
   #section-header .main-menu > ul > li > a:hover {background-color: inherit; color: inherit;}
   #section-header .main-menu ul .itemExpanded {background-color: #000;}
   #section-header .main-menu ul .itemExpanded a {color: #fff;}
   #section-header .main-menu ul .itemExpanded ul {background-color: #000; display: block; float: none; }
   #section-header .main-menu > ul > li:hover > ul {position: static;}
   #section-header .main-menu ul li a:after,
   #section-header .main-menu ul li li a {display: none;}
   #section-intro  {padding: 0 !important;}
   .home .chi-siamo h3, .home .acquista h3 {font-size: 16px; font-size: 2.5vw; top: 8%;}
   .home .technical-partners h3 {font-size: 28px; font-size: 4vw;}
   .home .technical-partners img {max-width: 30%;}
   .home .html-widget .gallery {margin: 7px auto 0 auto;}
   .articolo .section-default .main-image {max-height: 240px;}
   .articolo .section-default .main-image img {max-width: 60%;}
   .html-widget .cart .cart-collaterals {float: none; width: 100%;}
   .registra-la-tua-bici #_registrazione,
   .contatti #_contatto {margin: 0 0 30px 0;position: static !important; width: 100%!important;}
   .registra-la-tua-bici #_registrazione textarea,
   .registra-la-tua-bici #_registrazione select,
   .registra-la-tua-bici #_registrazione input,
   .contatti #_contatto textarea,
   .contatti #_contatto select,
   .contatti #_contatto input {clear: both;float: none !important; margin: 0 0 10px 0 !important; width: 100% !important;}
   .thok-point .record-list-widget:first-child {float: none; margin: 30px 0 0 0;width: auto; min-height: unset;}
   .home .html-widget .thok-capirossi,
   .home .html-widget .performance-first:first-of-type {margin: 0 auto;}
   .section-default .section-wrapper .record-list-widget.news-home ul {margin: 0;}      
}
@media screen and (max-width: 641px) {
   #section-footer .wrapper .column .service-menu{height: auto; margin: 0 0 30px 0; text-align: center;}
   #section-footer .wrapper,
   #section-contents .grid {max-width: 90%;}
   #section-contents .record-detail-widget {width: 90%;}
   #section-contents .record-detail-widget #buy {clear: both; display: block; margin: 50px 0 0 0;}
   #section-contents .record-list-widget ul li .cart {margin: 30px 30px 0 30px;}
   .home .section-default .widget,
   .home #section-contents .record-detail-widget {width: auto;}   
   .home .technical-partners img {max-width: 50%;}
   .html-widget .registration-form ul li {width: auto !important; float:none;}
   .html-widget .registration-form ul li textarea,
   .html-widget .registration-form ul li select,
   .html-widget .registration-form ul li input {width: 100% !important;}
   .parlano-di-noi .section-default .main-image img {float: none; width: 96%; max-width: 100%;}
   .parlano-di-noi .section-default h3 {margin: 0 0 10px 0;}
   .articolo .section-default .main-image img {max-width: 95%;}
   .share_wrapper {border: 7px solid #fff; margin: 0 auto 10px auto; position: static;width: 95%;}
   .section-default .wrapper {width: 100%;}
   .section-default .right-title .title, 
   .section-default .right-text .text {float: none;}
   .section-default .two-columns .text {column-count: 1;}
   #section-contents .share_wrapper {margin: 0;}
   .stefano-migliorini .section-default .left-image .text {width: auto;}
   .char-list {padding: 0;}
   .section-default .record-list-widget .next,
   .section-default .record-list-widget .before {top: 22%;}
   .shop .page-container h1 {font-size: 25px; line-height: normal; padding: 30px 0;}
   .grey-text {display: none;}
   .grey-text.cloned {background-color:#b2b3b6 display: block; padding: 4%;}
   .accessori #section-contents .record-list-widget ul li:nth-child(odd) .image img,
   .accessori #section-contents .record-list-widget ul li .image img {float: none; margin: 0 auto 30px auto; max-width: 100%; width: 100%;}
   .home .html-widget .thok-capirossi .wrapper p {font-size: 1.5rem;}  
   .section-default .section-wrapper .record-list-widget.news-home ul li .contents h2 {font-size: 20px;}
   .section-default .section-wrapper .record-list-widget.news-home ul li .contents h3 {display: none;}
   .section-default .section-wrapper .record-list-widget.news-home ul li.BOTTOM .contents {bottom: 0;}
   .section-default .section-wrapper .record-list-widget.news-home ul li.TOP .contents {top: 0;}
   .ducati.section-full a:last-child,
   .home .html-widget .gallery li a.button,
   .section-default .section-wrapper .record-list-widget.news-home ul li .contents .main-link a {font-size: 12px; padding: 5px 10px;} 
   .ducati.section-full a:last-child {width: 60px; margin: 0 0 0 -40px;} 
} 
@media screen and (max-width: 551px) {
   #section-header {overflow: hidden;}
   #section-header #logo {display: block; float: none; text-align: center;}
   #section-header .language-menu {clear: left; float: right; position: static;}
   #section-header .language-menu ul:hover li {display: inline-block; margin: 0 5px;}
   #section-header .language-menu ul:hover li a::after {display: none;}
   #section-header #cart {clear: left; margin-right: 30px;}
   #section-header .main-menu {float: left; margin: 30px 0 20px 0; overflow: hidden;}
   #section-header .main-menu .menuExpand {margin: 0 0 0 8px;}
   #section-header .main-menu.expanded .menuExpand {float: left; margin: 11px 0 20px 8px;}
   #section-footer .column.first {text-align: center;}
   #section-intro h1 {bottom: 30px;}
   #section-contents .record-detail-widget .images .main,
   #section-contents .record-detail-widget .images {width: 100%; }
   #section-contents .arrow {position: static; overflow: hidden;}
   #section-contents .arrow {width: 100px;}
   #section-contents .arrow:hover {width: 190px;}
   #section-contents .arrow.prev {float: left;}
   #section-contents .arrow.next {float: right;}
   #section-contents .arrow span {width: 20px;}
   .home .acquista, .home .chi-siamo {display: block; float: none; max-width: 100%;}
   .home .chi-siamo h3, .home .acquista h3 {font-size: 10px; font-size: 3vw; top: 6%;}
   #articolo-commento > div div {float: none; width: auto; margin: 0 0 10px 0;}
   #articolo-commento > div input{width: 100% !important;}
   #articolo-commento > div div:last-child label,
   #articolo-commento > div div:last-child input {margin: 0;}
   #_commento {text-align: center; }
   #_commento > input {float: none; }
   #section-contents .record-list-widget ul li > div {min-width: 200px; width: auto; text-align: center; border-top: 0;}
   #section-contents .grid ul li > div {text-align: left;}
   #section-contents .record-list-widget.grid ul li {float: none; margin: 0 auto 30px auto;}
   #section-contents .record-list-widget ul li > div.image {display: block;float: none; margin: 10px auto 0 auto;}
   #section-contents .record-detail-widget .images .main ul,
   #section-contents .product .record-detail-widget .images ul li {height: auto; width: 100%;}
   #section-contents .record-list-widget ul li > div.cart {text-align: center;}
   #section-contents .list-nav {line-height: 100%;}
   #section-footer .column > a {display: inline-block; margin: 0 10px;}
   .home .technical-partners a {display: inline-block; max-width: 45%;}
   .html-widget .cart form {overflow: auto;}
   .html-widget #_assistenza textarea,
   .html-widget #_assistenza input {float: none !important; margin: 5px 0 !important; width: 100% !important;}
   .page-container input[type="email"] {width: 100%;}
   .home .toni-bou div h3 br {display: none;}
   .shop .grid > ul > li {float: none; min-width: 290px;   }
   .html-widget .cart > form > table .cart-buttons td {text-align: left;}
   .html-widget .cart .cart-totals {text-align: center;}
   .parlano-di-noi .section-default .main-image a {float: none; border: 0; margin: 0; max-width: 480px;}
   .post-list iframe, .video-list iframe {margin: 0;}
   .section-default .text table.specs td:first-child {font-weight: bold; white-space: normal;}
   .come-scegliere-la-bici .section-default td {padding: 10px;}
   .come-scegliere-la-bici .section-default td h3 {font-size: 50px;}
   .accessori .record-list-widget .buttons {text-align: center;}
   .home .html-widget .thok-capirossi .wrapper {top: 20%;}
   .home .html-widget .thok-capirossi .wrapper p {width: 400px;}
   .html-widget form#_santander ul li.buttons {padding: 10px 0 0 0;}
   .html-widget form#_santander ul li label{float: none; width: auto;}
   .record-list-widget.boxes ul {display: block;}
}
@media screen and (max-width: 441px) {
   #section-contents .record-list-widget .color select,
   #section-contents .record-list-widget .size select,
   #section-contents .record-list-widget .color label,
   #section-contents .record-list-widget .size label {float: none; margin: 0 auto; }
   .home .html-widget .performance-first a {top: 65%; left: 45%;}
   .content-widget.right-title .grey-text {
      float: none !important;
      width: auto !important;
      margin: 0 0 30px 0 !important;
   }
   .content-widget.right-title .grey-text a {display: block;}
   .section-default .links {text-align: center;}
   .section-default .links a, 
   .section-default .links > img, 
   .section-default .images img {max-width: 100%;}   
   .home .html-widget > div h2 {font-size: 32px;}   
   .home .news-social-wrapper > div .controls-wrapper a.all {position: static; margin: 0 0 10px 0; display:  block;}
   .caratteristiche .section-default .misure th, 
   .caratteristiche .section-default .misure td, 
   .come-scegliere-la-bici .section-default .misure th, 
   .come-scegliere-la-bici .section-default .misure td {font-size: 12px;}
   .home .html-widget .thok-capirossi .wrapper {top: 10%;}
   .home .html-widget .thok-capirossi .wrapper p {margin: 0 0 10px 0; width: 300px;}
}

.print .zopim,
.print #section-footer,
.print #section-intro,
.print #section-header {
   display: none;
}