@charset "utf-8";

body {  background-color: #ffffff; color:#222; font-weight: 400; }
p { margin: 0 0 15px; }

a, a:active, a:focus { color: #222; text-decoration: none; }
body, .text-base, h6, .h6, .btn { font-size: 18px; line-height: 28px; font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: 0.2px; }
.alt-font { font-family: 'Roboto Slab', sans-serif; letter-spacing: 0.5px; }

.alt-font.bold, .bold.alt-font, .bold { font-weight: 800; }
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto Slab', serif;
*/

/* section margin */
.container-fluid { max-width: 1820px; }
.container {
    max-width: 1820px;
}
.box-layout { padding: 0 60px; /*max-width: 1920px;*/ }
section, section.half-section, .half-section { padding:50px 0; }
.margin-top-widget {margin-bottom:15px;}

@media (min-width: 577px) and (max-width: 1300px) { 
    .box-layout { padding: 0 25px; }
    section, section.half-section, .half-section { padding: 40px 0; }
    .margin-top-widget {margin-bottom:15px;}
}    
@media all and (max-width: 576px) { 
    .box-layout { padding: 0 20px; }
    section, section.half-section, .half-section { padding: 30px 0; }
    .margin-top-widget {margin-bottom:15px;}
}
@media (max-width: 991px) { 
    .margin-colonna-destra  {margin-top:40px;} /* solo mobile */
    /*#title-page-text-fullwidth section, #title-page-text-fullwidth  section.half-section, #title-page-text-fullwidth .half-section {
    padding: 30px 0 0px 0;
    }*/
}

/* TAG H */
h1, .h1 { font-size: 46px; line-height: 48px;  font-family: 'Roboto Slab', sans-serif;  letter-spacing: 0.5px; }
h2, .h2, .section-titolo, .item-titolo { font-size: 36px; line-height: 43px; font-family: 'Roboto Slab', sans-serif; letter-spacing: 0.5px;}
h3, .h3 { font-size: 28px; line-height: 37px;  font-family: 'Roboto Slab', sans-serif;  letter-spacing: 0.5px; }
h4, .h4, .section-sottotitolo, .item-sottotitolo { font-size: 24px; line-height: 34px; }
body, h5, .h5, .section-testo, .item-testo{  font-size: 20px; line-height: 30px;  }
h6, .h6, .section-etichetta, .item-etichetta, .text-medium  {  font-size: 16px; line-height: 25px;  }
.text-small { font-size: 14px; line-height: 18px; }
.text-very-small { font-size: 12px; line-height: 16px; }

@media (max-width: 1024px) { 
    h1, .h1, .title-large { font-size: 36px; line-height: 40px; }
    h2, .h2 { font-size: 28px; line-height: 32px; }
    h3, .h3 { font-size: 24px; line-height: 26px; }
    h4, .h4, .h5, h5 { font-size: 18px; line-height: 24px; }
    .text-extra { font-size: 55px; line-height: 60px; }
    body, .text-medium, .h5, h5 { font-size: 16px; line-height: 25px; }
    .titolo-h2 { padding: 0px 30px 30px 30px; }
}
@media (max-width: 991px) { 
    h1, .h1, .title-large { font-size: 28px; line-height: 36px; }
    h2, .h2 { font-size: 22px; line-height: 26px; }
    h3, .h3, .text-large { font-size: 18px; line-height: 24px; }
    h4, .h4 { font-size: 16px; line-height: 23px; }
    .text-extra { font-size: 30px; line-height: 34px; }
    body, .text-medium, .h5, h5 { font-size: 15px; line-height: 24px; }
    .titolo-h2 { padding: 0px 25px 20px 25px; }
}

/* MODILI VC section */
.section-etichetta      { margin: 0 0 10px 0; padding:0; }
h3.section-titolo       { margin: 0 0 10px 0; padding:0; }
.section-sottotitolo    { margin: 0 0 15px 0; padding:0; }
.section-testo          { margin: 0 0 10px 0;  padding:0; }
.section-btn            { margin: 15px 0 0 0 !important; }
.section-btn2           { margin: 15px 5px 0 5px !important; }

/* MODILI VC item */
.item-etichetta, .item-data        {  margin: 0 0 10px 0; padding:0; }
h3.item-titolo          { margin: 0 0 10px 0; padding:0; }
.item-sottotitolo       { margin: 0 0 15px 0; padding:0; }
.item-testo             {  margin: 0 0 10px 0; padding:0; }
.item-btn               { margin: 15px 0 0 0  !important; }



@media (max-width: 1200px) { 
    body, .text-base, h6, .h6, h5, .h5 { font-size: 18px; line-height: 26px; }
    h1, .h1  { font-size: 32px; line-height: 34px; }
    h2, .h2 { font-size: 27px; line-height: 30px; }
    h3, .h3 { font-size: 23px; line-height: 28px; }
    h4, .h4 { font-size: 20px; line-height: 26px; }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  { margin: 0 0 12px; }
}
@media (max-width: 767px) { 
    body, .text-base, h6, .h6, h5, .h5, h4, .h4 { font-size: 16px; line-height: 24px; }
    h1, .h1 { font-size: 26px; line-height: 30px; }
    h2, .h2 { font-size: 22px; line-height: 26px; }
    h3, .h3 { font-size: 19px; line-height: 24px; }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  { margin: 0 0 4px; }
}

/* bold */
strong, b, .bold .font-weight-600, .font-weight-700,.font-weight-800 { font-weight: 800; }


/* background-image */
.cover-background {
    position: relative!important;
    background-size: cover!important;
    overflow: hidden!important;
    background-position: center center !important;
    background-repeat: no-repeat!important;
}
.background-image, .background-image { background-size: cover !important; background-position: top center !important; overflow: hidden; width: 100%; }
.background-image-contain { background-size: contain !important; background-repeat:no-repeat !important; }
.background-image-cover { background-size: cover !important; background-repeat:no-repeat !important;  }
.background-position-t-c { background-position: top center !important; overflow: hidden;}
.background-position-c-c { background-position: center center !important; overflow: hidden;}
.background-position-b-c { background-position: bottom center !important; overflow: hidden;}



/* mfp white */
.mfp-bg { background: #fff; opacity: 0.9;}
.search-form .search-button { color: #999; }
.search-form .search-input { border-bottom: 2px solid rgba(0,0,0,0.3); color: #333;}
.mfp-close, .mfp-close:active { color: #666; }


.border-all {
    border: 1px solid #dddddd;
}

/* BG COLOR POFO */
.bg-black { background-color: #282828; }
.bg-medium-gray {background-color:#cecece;}
.bg-template-light {  background-color:#f0f0f0 !important;  }
.bg-template-very-light {  background-color:#f9f9f9 !important;  }
.bg-template-extra-light {  background-color:#f7f7f7 !important;  }
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.bg-white-opacity-medium { background-color: rgba(255, 255, 255, 0.8); }
.bg-white-opacity-light { background-color: rgba(255, 255, 255, 0.5); }
.bg-white-opacity-very-light { background-color: rgba(255, 255, 255, 0.2); }
.bg-black-opacity { background-color: rgba(0, 0, 0, 0.85); }
.bg-black-opacity-medium { background-color: rgba(0, 0, 0, 0.6); }
.bg-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }
.bg-black-opacity-very-light { background-color: rgba(0, 0, 0, 0.2); }
.bg-dark-opacity { background-color: rgba(0, 0, 0, 0.30);}


/* btn */
.btn, .btn.btn-black { font-weight: 400; letter-spacing: 1px; font-size: 11px; line-height: 18px; padding: 8px 20px; white-space: normal; text-align: left; }
.btn.btn-white, .btn.btn-white:hover { background: #ffffff !important; border-color: #ffffff !important;  color: #232323 !important; }
.btn.btn-transparent-black{ margin: 5px;}
.btn.btn-transparent-black:hover {  background: #ddd;  border-color: #000000; color: #000000;}
.btn.btn-black, .btn.btn-black:hover { background: #000000; border-color: #000000; color: #fff;}
.btn span, .btn.btn-large span { font-size: 10px; line-height: 18px; margin-left:4px; }
.btn.btn-large { font-size: 13px; line-height: 18px; padding: 8px 15px !important; }
.btn.btn-transparent-black, .btn.btn-transparent-black:hover { background: transparent !important; border-color: #000000;color: #000000; }
.btn.btn-transparent-white, .btn.btn-transparent-white:hover { background: transparent !important; border-color: #fff;color: #fff; }

.btn.btn-blu, .btn.btn-wblu:hover { background: #0672ba !important; border-color: #0672ba !important;  color: #fff !important; }


.btn.btn-white, .btn.btn-white:hover { background: #ffffff; border-color: #ffffff; color: #343a40; }
.btn.btn-white-outline, .btn.btn-white-outline:hover, 
.btn.btn-transparent-white, .btn.btn-transparent-white:hover, .btn-outline-white, .btn-outline-white:hover  { 
    background: transparent; border: 1px solid #ddd; color: #000; 
}

/* COLOR THEME */
.bg-theme-opacity { background-color: rgba(2, 112, 181, 0.7); }
.bg-theme-light { background-color: #61a6d1; } 
.bg-theme-dark { background-color: #02558a; }

/*
.text-theme { color: #0270b5;  }
.bg-theme { background-color: #0270b5; }
.btn-theme, .btn-theme:hover { color: #fff !important; background-color: #0270b5; border-color: #0270b5; }
.btn.btn-theme-outline, .btn.btn-theme-outline:hover { background: transparent; border-color: #0270b5; color: #0270b5; }
.btn.btn-theme-outline span { color: #0270b5 !important; }
.border-color-theme { border-color: #0270b5 !important; }
.border-left-theme  { border-left: 4px solid #0270b5 !important; }
.border-2px-theme-left { border-left: 2px solid #0270b5 !important; }*/


/* COLOR TEMPLATE*/
.bg-template-opacity { background-color: rgba(0, 171, 218, 0.7); }
.bg-template-light { background-color: #60cbe8; } 
.bg-template-dark { background-color: #0082a6; }

/*
.text-template { color: #00addf;  }
.bg-template { background-color: #00addf; }
.btn-template, .btn-template:hover { color: #fff !important; background-color: #00addf; border-color: #00addf; }
.btn.btn-template-outline, .btn.btn-template-outline:hover { background: transparent; border-color: #00addf; color: #00addf; }
.btn.btn-template-outline span { color: #00addf !important; }
.border-color-theme { border-color: #00addf !important; }*/

/* blur*/
.box-blurd { box-shadow: 15px 15px 8px black; }
.border-blur { text-shadow: 0 0 7px rgba(0,0,0,0.8); }


/* lightgallery bordo foto */
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #0270b5!important;}
.lg-autoplay-button.lg-icon { display: none; }



/* bg image */
.background-image { background-size: cover !important; background-position: top center !important; overflow: hidden; width: 100%; }
.background-image-contain { background-size: contain !important; background-repeat:no-repeat !important; }
.background-image-cover { background-size: cover !important; background-repeat:no-repeat !important;  }
.background-position-t-c { background-position: top center !important; overflow: hidden;}
.background-position-c-c { background-position: center center !important; overflow: hidden;}
.background-position-b-c { background-position: bottom center !important; overflow: hidden;}

.ratio-16_9.video:before { content:""; position: absolute; top:0; left:0; z-index: 999;  background: url(/assets/img/play.png) no-repeat center center; }


/* line separator list */
.list-inline { padding-left: 0; list-style: none; margin-left: -5px;}
.list-inline>li { display: inline-block; padding: 5px 10px 5px 10px; }
.list-separator-line li:after { content: "|"; padding: 0 0px 0 20px; color:#999; display: inline-block; vertical-align: middle; font-size: 8px; opacity: 1; letter-spacing: 1;  font-size: 18px; }
.list-separator-line li:last-child:after { display: none; }

/* gallery */
.video:before { background: url(/assets/img/icon-play.png) no-repeat center center; }
@media (max-width: 991px) { 
    .video:before { background: url(/assets/img/icon-play-mobile.png) no-repeat center center; }
}



/* top bar */

@media (min-width: 992px) and (max-width: 10000px) {
   .headline-mobile { display: none !important; } 

}
.dropdown.megamenu-fw span.ti-angle-down { margin-left:5px; }
.navbar-fixed-bottom, .navbar-fixed-top { z-index: 98!important;}
.header-with-topbar .top-header-area { z-index: 99!important; }
.header-with-topbar .top-header-area { font-size: 13px; padding: 0px 0 !important; border-bottom:1px solid #eeeeee; }
.top-header-area a.btn-top, .btn-group .btn-top { 
    font-weight: 400; font-size: 13px; line-height: 15px; padding-top:16px !important; padding-bottom:16px !important;  
    background-color: #fff; border:0; /*text-transform: uppercase;*/
}
ul.btn-top-mobile  {  list-style: none; margin:0; padding:0; }
ul.btn-top-mobile li  { display: block; }
ul.btn-top-mobile li a { font-size: 14px; color:#ffffff; padding:10px 20px; border-bottom:1px solid #eee; display: block; }
.top-header-area a.btn-top.btn-top-icon { 
    font-weight: 400; font-size: 20px; line-height: 20px; padding:13px 15px 0px 15px  !important; 
    background-color: #fff; border:0; text-transform: uppercase;
}
/* mega menu white */
nav .accordion-menu { position: initial;}
nav.navbar.bootsnav li.dropdown ul li { list-style: none; padding: 0; }
nav.navbar.bootsnav li.dropdown .mega-menu-full {width: 100%; box-sizing: border-box; background-color: #f7f7f7;
    padding: 20px 50px 30px 50px; box-shadow: none; border-radius: 0; border: 0; margin-top: 0;
}
nav.navbar.bootsnav li.dropdown .mega-menu-full ul {margin: 0; list-style: none; border-top:0px solid #eee;}
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {margin: 0 auto; width: 1070px; display: flex; flex-wrap: wrap; background: transparent;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header { color: #fff; display: inline-block; font-size: 11px; font-weight: 600; margin-bottom: 8px; white-space: inherit; padding: 0 40px; border-bottom: none; text-transform: uppercase; line-height: 1.42857143;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-align: left; font-size: 12px; color: #9d9d9d; padding:3px 40px; text-transform: none !important; margin: 0; display: block; position: relative; overflow: hidden; left: 0}
nav.navbar.bootsnav li.dropdown.megamenu-fw .icon-list-menu li > a > i {font-size: 14px; vertical-align: middle; width: 24px; display: inline-block;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.05);}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border: 0;}

/* label argomento 2° livello */
.mega-menu-secondo-livello { position: relative; padding:0px; margin: 0 15px 15px 15px; }
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.mega-menu-secondo-livello-title, 
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.mega-menu-secondo-livello-title:hover { 
     display:inline-block !important; text-transform: uppercase  !important; padding: 6px 15px 6px 15px !important; 
     /*color:#ffffff !important;*/ font-weight: bold !important; font-size: 13px !important; 
     margin: 10px 30px 6px 0px !important; }

/* label argomento 3° livello */
.mega-menu-terzo-livello {padding:0px 20px 20px 20px;margin-top:0px;}
.mega-menu-box-shadow::before {  content: ''; 
position: absolute;  bottom: 10px;  right: 10px; width: 70%;  height: 5px;
    background: #000; box-shadow: 0 15px 10px rgba(0,0,0,0.5); -webkit-transform: skew(4deg) rotate(4deg); -ms-transform: skew(4deg) rotate(4deg); transform: skew(4deg) rotate(4deg);
    z-index: -1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}

@media (max-width: 991px) { 
    .mega-menu-secondo-livello { margin: 0 15px 5px 15px; }
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.mega-menu-secondo-livello-title:hover {  
        margin: 5px 15px 2px 0px !important; }
    .dropdown.megamenu-fw span.ti-angle-down { display: none !important; }
    nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul:first-child {
        margin-top: 15px; margin-bottom: 12px;
    }
    .header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top {
        top: 0px;
    }
}


/* MASONRY MENU */
ul.grid-menu {list-style:none}
.grid-menu:after {content: ''; display: block; clear: both;}
.grid-menu-sizer, .grid-menu-item {width: 25%; display:block;}
.grid-menu-item {float: left; border-color: hsla(0, 0%, 0%, 0.5);}
li.grid-menu-item {line-height:16px;}

@media (max-width: 1199px) { 
    .grid-menu-item { width: 33% !important; }
}
@media (max-width: 991px) { 
    .grid-menu-item { width: 50% !important; }
}
@media (max-width: 767px) { 
    .grid-menu-item { width: 100% !important;}
}


.padding-widget-half {padding: 50px 60px;}
.padding-widget-fullwidth  {padding: 50px 60px;}

@media (max-width: 1199px) { 
    .padding-widget-half {padding: 30px 20px;}
    .padding-widget-fullwidth  {padding:35px 30px;}
}
@media (max-width: 991px) { 
    .padding-widget-half {padding: 30px 20px;}
    .padding-widget-fullwidth  {padding: 10px 30px 15px 30px;}
}
@media (max-width: 767px) { 
    .padding-widget-half {padding:20px;}
    .padding-widget-fullwidth  {padding: 5px 20px;}
}



/* menu */

.navbar-brand {
    margin-right: 0;
}
.elements-social-header ul li { margin: 0px; }
.elements-social-header ul li a { padding: 4px 8px; min-width: 34px; text-align:center; display: block; }

header nav .navbar-nav.text-normal > li > a { font-weight: 800; font-size: 13px; color:#333;  }
header nav .fa.fa-angle-down { margin-left:5px; font-size: 12px; color:#999; }


.simple-dropdown .dropdown-menu { /*background: rgba(255,255,255,1);*/ background-color: #f0f0f0;  
    min-width: 300px; padding: 13px 0 15px; }
.simple-dropdown .dropdown-menu > li > a, .simple-dropdown .dropdown-menu > li > a:hover, .simple-dropdown .dropdown-menu > li, .simple-dropdown .dropdown-menu > lihover { font-size: 14px; color: #333; } 
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul {
    background: rgba(255,255,255,1);
}
header nav.navbar .navbar-nav>li.active>a, header.header-appear nav.bootsnav.header-light .navbar-nav>li.active>a, header.header-appear nav.bootsnav.header-light-transparent .navbar-nav>li.active>a, nav.navbar.bootsnav ul.nav>li.active>a {
    color: rgba(0,0,0,.9) !important;
}
header nav .navbar-nav>li>a {
    color: #000000 !important;
    font-size: 12px;
    font-weight: 400 !important;
    margin: 0 15px;
    padding: 5px 0;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* megamenu */

/* altezza logo + padding tag A = modificare di conseguenza */
/* desktop */
header a.logo img { max-height: 90px; height:90px; margin: 10px 0 !important; }
nav.navbar.navbar-default ul.nav > li > a { padding: 45px 0;}

/* altezza logo + padding tag A = modificare di conseguenza */
/* desktop/sticky */
header.sticky a.logo { 
    display: none; 
}


header.sticky a.logo img { max-height: 40px; height: 40px; margin: 0px 0 !important; 
  transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    margin-top: -180px; 
}
header .nomescuola  { 
    padding-bottom: 0px; 
} 
header.sticky .nomescuola  { 
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s; 
    padding-bottom: 0px; color: #666666;
} 

header .nomescuola .padre { color: #ffffff; }
header .nomescuola .figlio, header.sticky .nomescuola .padre {  color: #666666; }



@media (max-width: 991px) { 
    header.sticky a.logo {  display: block; }
    .nomescuola {  padding:18px 15px 0 15px; color: #666 !important;  }   
}

.logo-header { margin: 15px 0; }
header.sticky .logo-header { margin: 13px 0 5px 0; }

nav.navbar.navbar-default ul.nav > li > a { padding: 16px 0; }
nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown>ul.dropdown-menu>li.active>a {
    color: #000;
}

.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top { top: 176px; background: #fff; box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.0); }

nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.mega-menu-column:first-child .dropdown-header { padding-left: 15px; }
nav.navbar.bootsnav li.dropdown .menu-back-div > ul { width: 100%; }
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header, .dropdown-header { 
    color: #333; font-size: 17px; letter-spacing: 1px; font-weight: 800; margin-bottom: 15px; white-space: inherit; 
    padding: 0 0px 0 15px; border-bottom: none; text-transform: none; line-height: 1.42857143;
}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li { border-right: 0px solid #efebe6; }
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a, 
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a:hover { 
    color: #333; padding: 8px 0px 8px 0px !important; font-size: 13px; line-height:20px;  font-weight: 400; }
.dropdown-header.all-products { min-height: 49px; }
.mega-menu-column a.style-1 {
    position: relative;
    padding: 0px; display: block;
    margin: 0 0 0px 0;
    border-top: 0px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mega-menu-column a.style-1 div { padding: 0px 0px; display: block; }
.mega-menu-column a.style-1 span { float: right; margin-top:6px; font-size: 10px; } /* freccia sottomenu */
.mega-menu-column a.style-1:before {
    content: "";
    width: 15px;
    height: 2px;
    background-color: #0270b5;
    position: absolute;
    bottom: -1px;
    left: 0;
}



/* topbar */
.separator-line-verticle-extra-small { width: 1px; height: 10px; }
.top-header-area-bg-white { top:0; left:0; width: 100%; height: 160px; display: block;
background-color: transparent; position: fixed; z-index: 80; }
.top-header-area a.btn-top, .btn-group .btn-top {  padding:10px 15px !important;  background-color: transparent; border:0; }
.header-with-topbar .top-header-area { border-bottom: 1px solid #eeeeee !important; }
.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top {  
    border-top: 0px solid #eeeeee !important; border-bottom: 1px solid #eeeeee !important; background: #fff; 
    box-shadow: 0; }
.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top { top: 180px; overflow: visible; }
header.sticky .navbar-fixed-top {
    top:59px !important;
    transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top { top: 116px; overflow: visible; }
}

@media (max-width: 1024px) { 
    header.sticky .navbar-fixed-top {
    top:0px !important;}
}




a.header-search-form { padding: 10px 15px 10px 15px !important; }
header.sticky a.header-search-form { padding: 19px 0 18px !important; }
header .link-hidden-scroll, .section-form-cerca-prodotti-per-nome-desktop {
    display: block;     
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s; 
}
header.sticky .link-hidden-scroll, .section-form-cerca-prodotti-per-nome-desktop { display: none !important;  }

@media (max-width: 991px) { 
    a.header-search-form { padding: 20px 15px 15px 15px !important; position: absolute; top:0; right:60px; z-index: 3; }
    header.sticky a.header-search-form {  padding: 20px 15px 15px 15px !important; }
}

/* transizione */
.section-form-ricerca-libera { transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
header .section-form-ricerca-libera { margin-top:15px; margin-bottom:0px; }
header.sticky .section-form-ricerca-libera {  margin-top:10px; margin-bottom:0px; }

@media (min-width: 992px) and (max-width: 1300px) {
    .section-form-ricerca-libera { width: 100%; float:left; }
    .navbar-collapse.collapse  { float:right;  width: 100%; }
    header .section-form-ricerca-libera {  margin-top:20px; margin-bottom:0px; }
    header.sticky .section-form-ricerca-libera {  margin-top:10px; margin-bottom:0px; }
}

/* MENU MOBILE WHITE */
@media (max-width: 1024px) { 
    header nav .navbar-nav.text-normal > li > a { font-size: 13px;  }
    header nav .navbar-nav > li > a { margin: 0 10px; }
}
@media (max-width: 1200px) { 
    header a.logo img { max-height: 40px;}
    nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
        padding: 26px 0; font-size: 12px;  font-weight: 400;
    }
    .mega-menu-column.col .display-list-item span { display: none; }
}
@media (max-width: 991px) { 
    nav.navbar.bootsnav .navbar-nav li { background-color: #f7f7f7; }
    #accordion {padding-top:0px; height: auto !important; }
    header a.logo img, header.sticky a.logo img { max-height: 50px; margin: 5px 0 0 15px !important;  height: 50px; }
    header.sticky a.logo img { max-height: 50px; height: 50px;  }
    nav.navbar .container-fluid {  padding-left: 0px;  }
    
    nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li > a, header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
        padding: 11px 30px 11px 20px;
        color: #333; font-weight: 400;font-size: 15px; color:#333; text-align: left;  font-weight: bold;
    }
    header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover { color: rgba(0,0,0,0.9); }
    .navbar-nav > li.dropdown > .fas { top: 0;  color: #000;  font-size: 17px; 
        padding: 13px 20px 13px; font-weight: 800; width: 100%; border-bottom: 0px solid #ff0066; right:0px; text-align: right; }
    .fa.fa-angle-down.hidden-mobile { display: none; }
    header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a {
    color: #000 !important; }
    nav.navbar.bootsnav .navbar-nav>li>a { background-color: #f9f9f9;  border-bottom: solid 1px #fff; }
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu,  nav.navbar.bootsnav .navbar-nav li ul li { background-color: #efebe6;}
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li { padding-left: 10px;  padding-right: 0px;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a, nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li > a {
        color: #000 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 0px 10px 0 !important;
    }
    nav.navbar.bootsnav li.dropdown .mega-menu-full {padding: 10px 0px 10px 0px;}
    nav.navbar.bootsnav.no-full .navbar-collapse { max-height:550px !important; height: 550px !important; overflow-y: auto!important; }
    .cerca-nel-sito {padding-right: 0 !important;}
    nav.navbar.bootsnav .navbar-toggler {display: inline-block; }
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu, nav.navbar.bootsnav .navbar-nav li ul li {
        background-color: rgba(255, 2255, 2255, 1);
    }
    nav.navbar.bootsnav .navbar-nav { background-color: #efebe6; }
    .dropdown megamenu-fw .ti-angle-down { display: none !important; }
}

@media (max-width: 991px) { 

    /* ul categoria */
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown {
    margin-bottom: 15px; margin-top: 15px;
    }
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown.show ul.dropdown-menu li > a.dropdown-toggle {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        color: #fff !important; display: inline-block !important; padding:0px !important;
    }
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown.show ul.dropdown-menu li > a.dropdown-toggle span {
        background-color: #0270b5 !important;
        padding: 4px 10px !important;
    }
    /* ul prodotto */
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown.show ul.dropdown-menu li > a.dropdown-toggle > li > a {
        background-color: transparent;
        color: #333 !important;
    }
    .simple-dropdown .dropdown-menu>li.dropdown>ul li a { color: #000; font-size: 14px; }

        .navbar .container-fluid.box-layout { padding-left: 0px; padding-right: 0px; }
    nav.navbar.bootsnav .navbar-toggle { top: 0px; padding-top:18px; padding-bottom:15px; z-index: 10;   }
    .mobile-toggle span { display: block; width: 24px; height: 2px !important; background: #232323; content: "";  margin: 5px 21px !important; }
    .mobile-toggle span:nth-child(2) { margin: 5px 21px 5px !important; }

   /* PANEL MOBILE */  
   /* panel menu */   
    .full-width-pull-menu .link-style-2 { padding:130px 25px 30px 25px; position: relative; z-index: 1; }   
    button.close-button-menu { float: right; padding: 8px 15px 15px 10px; background-color: transparent; color: #232323; border: 0; position: absolute;
        height: 57px; width:48px; outline: none; top: 0px; right: 0; left:auto; z-index: 99999;
    }  
    .padding-menu-mobile-fixed { position: absolute; top:0px; left: 0px; z-index: 3; 
        padding: 15px 15px 5px 15px;  display: block; background-color: #ffffff; width:100%; }

    .padding-menu-mobile-fixed .logo-menu-wrap { text-align:left; display: block; height: 40px; }
    .padding-menu-mobile-fixed .logo-menu-wrap img { max-height: 55px; height: 55px; margin: 0px 0 15px 0px;   }
    .input-search-mobile { padding:0px 0px;  display: block; border: 1px solid #ccc !important; position: relative; }

    .input-search-mobile span.ti-search { font-size: 14px; margin-right:12px; position: absolute; top:10px; background-color: #fff; padding:5px; right:0; z-index: 3; }
    .input-search-mobile input {
        display: block;
        width: 100%;
        height:  auto;
        padding: 0px 0px 0 10px !important;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 0px solid #ced4da !important;
        border-radius: 0;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .full-width-pull-menu .link-style-2 .li-border { border-top: 1px solid #dee2e6!important; margin-top:10px; margin-bottom:10px; }
    


    .full-width-pull-menu .link-style-2 ul { list-style: none; margin: 0; padding:0; z-index: 0;}
    .full-width-pull-menu .link-style-2 ul li { display: table; width: 100%;}
    .full-width-pull-menu .link-style-2 ul li a { 
        background:inherit;color: #000; font-size: 14px; line-height: 24px; position: relative; padding: 8px 30px 8px 0; 
        display: block; font-weight: 400; border-top: 0px solid #ddd; border-right: 0; letter-spacing: 0.5px;
    }
    .full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.show  > a { color: #333 }
    .full-width-pull-menu .link-style-2 ul li.show > a:after  { background:#333 }
    .full-width-pull-menu .link-style-2 .dropdown ul { display: block !important; height: 0;overflow: hidden }
    .full-width-pull-menu .link-style-2 .dropdown ul { position: inherit; left: 0; right: 0px; padding:0; background-color: inherit; 
        border: 0; float: none; box-shadow: none; margin: 0 0 4px 0px; background-color: #f9f9f9; padding: 5px 10px; }
    .full-width-pull-menu .link-style-2 .dropdown.show ul { display: block; height: 100%; }
    .full-width-pull-menu .link-style-2 .dropdown ul li { border-bottom: 1px solid #e3e3e3; padding: 7px 0; }
    .full-width-pull-menu .link-style-2 .dropdown ul li a { 
        background:inherit;color: #000; font-size: 14px; line-height: 18px; position: relative; padding: 10px 4px 10px 4px; 
        display: block; font-weight: 500; 
    }
    .full-width-pull-menu .link-style-2 .dropdown ul li:last-child { border-bottom: 1px solid transparent; }
    .full-width-pull-menu .link-style-2 .dropdown ul li a:hover, .dropdown ul li a:focus {background-color: inherit; color: #000 !important; }
    .full-width-pull-menu .link-style-2 .dropdown ul li ul { padding:0; margin: 0 0 15px 0 !important;  }
    .full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu { padding-left: 15px; padding-top: 2px; }
    .full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu li { border-bottom: 0; padding: 5px 0 0 0; }
    .full-width-pull-menu .link-style-2 .dropdown ul li:last-child { margin-bottom: 0;}
    .full-width-pull-menu .link-style-2 .dropdown span.dropdown-toggle { 
        width: 100%; height: 30px; top: 21px; right: 0px; 
    }


}


/* breadcrumb */
.top-space { margin-top:229px; }
@media (max-width: 991px) { 
    .top-space { margin-top:60px; } .breadcrumb  { padding:10px 0px; }
}

.page-title { padding:15px 0; }
.breadcrumb  { padding:0;}
.breadcrumb ol {  list-style: none; margin:0; padding:0; letter-spacing: 0px; }
.breadcrumb ol li { display: inline-block; font-size: 13px; } 
.breadcrumb ol li:fist-child a { color:#666; padding: 0 10px 0 0 !important; }
.breadcrumb ol li a { color:#666; padding: 0 10px; }
.breadcrumb ol li span.active { color:#0270b5; padding: 0 10px; display: inline-block; }   
.breadcrumb ol > li:after { content: "|"; padding: 0px; color:#999; display: inline-block; vertical-align: middle; font-size: 8px; opacity: 1; letter-spacing: 1;  font-size: 14px; }
.breadcrumb ol > li:last-child:after { display: none; }

@media (max-width: 991px) {
    .page-title { padding:10px 10px; }
    .page-title  .box-layout {  padding: 0 0px !important; }  
    .breadcrumb ol li { font-size: 12px; } 
    .breadcrumb ol li a { color:#666; padding: 0 7px; }

}


/* LABEL */
.label-theme { padding:6px 25px; letter-spacing: 1px; font-size: 15px; margin-left:-15px;}
.label-theme-annuncio { 
    padding:6px 25px; letter-spacing: 1px; font-size: 15px; display: inline-block; margin-left:0;
}

.label-theme:after {
    content: ""; position: absolute; display: inline-block; z-index: -1; 
    bottom: -10px; left: -10px;  width: 0; 
    border-width: 10px;  border-style: solid; border-color: transparent transparent #777 transparent; transform: rotate(45deg);
}
/*.label-theme::before { content: ''; position: absolute; bottom: 15px;  right: 15px;  width: 80%;  height: 15px;
    background: #000; -webkit-transform: skew(4deg) rotate(4deg); -ms-transform: skew(4deg) rotate(4deg);  transform: skew(4deg) rotate(4deg);
    z-index: -1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}*/
.label-focus-on  { /*position: absolute; left:-10px; top:15px; z-index: 2; background: url(/assets/img/japanparts/label.png) no-repeat right top;*/ }
.label-focus-on-txt { background-color: #0270b5; color: #fff; font-size: 14px; font-weight: 800; padding: 6px 15px 6px 15px; margin-right:30px; 
    letter-spacing: 1px; text-align: left; text-transform: uppercase; margin-top:15px;}

.label-focus-on-grey  { /*position: absolute; left:-10px; top:15px; z-index: 2; background: url(/assets/img/japanparts/label-grey.png) no-repeat right top;*/ }
.label-focus-on-grey-txt { background-color: #0270b5; color: #fff; float:left; font-size: 12px; font-weight: 400; padding: 6px 15px 6px 15px; margin-top:15px; 
    letter-spacing: 1px; text-align: right; text-transform: uppercase; margin-left:-30px;}


@media (max-width: 991px) { 
    .label-theme { padding:6px 15px; letter-spacing: 0px; font-size: 14px; margin-left:-15px;}
    .page-schedaannuncio .label-theme { margin-left:0px;}
}

/* icon play video */
.icon-play { z-index: 999; }
.icon-play img {  width: 54px !important; height: 54px !important; margin: 0 auto; z-index: 999 !important; }


/* formattazione-testi */
.formattazione-testi p { margin-bottom: 9px; }
.formattazione-testi ol { margin: 10px 0 20px 0; }
.formattazione-testi ol li { text-align: left; margin: 0; padding: 6px 12px; border-bottom: 1px solid #eee; }
.formattazione-testi b, .formattazione-testi strong { font-weight: bold !important; }
.formattazione-testi a { text-decoration: underline !important; color: #333; }
.formattazione-testi a:hover {  text-decoration:underline  !important; color: #333; }
.formattazione-testi h1, .formattazione-testi h2, .formattazione-testi h3, .formattazione-testi h4 { padding: 0 !important;  }
.formattazione-testi h5, .formattazione-testi h6 { padding: 10px 0 5px 0 !important;  }
.formattazione-testi blockquote { 
    padding: 30px 40px 30px 80px;  margin: 20px 0 !important; font-style: italic; 
    border-left: 0px; display: block; 
    color: #000000 !important;
    background-color: #ffc813;
}

.formattazione-testi blockquote {
    position: relative;
}
.formattazione-testi blockquote::before{
    
    content: "";
    position: absolute;
    left: 20px;
    top:60px;
    z-index: 9;
    padding: 0 !important;

    background: url("/assets/img/virgolette-white.png"); background-repeat: no-repeat;
    height: 72px;
    width: 72px;
    position: absolute;
    pointer-events: none;
    margin: -35px 2px 2px 2px;
    z-index: 9;
    padding: 0;
}


.formattazione-testi ul { list-style: none; margin: 0px 0 20px 0; padding: 0;}
.formattazione-testi ul li { position: relative; padding: 10px 0 10px 0px; margin: 0 0 0px 0; 
    border-top: 0px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.formattazione-testi ul li:before { content: ""; width: 30px; height: 2px; 
    background-color: #ffc813; position: absolute; bottom: -1px; left: 0; }


/* formattazione-testi */
h2  p { margin-bottom: 9px; }
h2  ol { margin: 10px 0 20px 0; }
h2  ol li { text-align: left; margin: 0; padding: 6px 12px; border-bottom: 1px solid #eee; }
h2  b, h2  strong { font-weight: bold !important; }
h2  a { text-decoration: underline !important; color: #333; }
h2  a:hover {  text-decoration:underline  !important; color: #333; }
h2  h1, h2  h2, h2  h3, h2  h4 { padding: 0 !important;  }
h2  h5, h2  h6 { padding: 10px 0 5px 0 !important;  }
h2  blockquote { padding: 15px 20px;  margin: 10px 0 !important; font-style: italic; 
    border-left: 4px solid #ffc813; background-color: #f9f9f9; display: block; }

h2 ul { list-style: none; margin: 0px 0 20px 0; padding: 0;}
h2 ul li { position: relative; padding: 10px 0 10px 0px; margin: 0 0 0px 0; 
    border-top: 0px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
h2 ul li:before { content: ""; width: 30px; height: 2px; background-color: #ffc813; position: absolute; bottom: -1px; left: 0; }


/* footer */
.logo-footer { max-height: 100px; }
footer .lista ul { list-style: none; margin: 0px 0 20px 0; padding: 0;}
footer .lista ul li { position: relative; padding: 8px; margin: 0 15px 0px 0; border-top: 0px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
footer .lista ul li:before { content: ""; width: 15px; height: 2px; background-color: #0270b5; position: absolute; bottom: -1px; left: 0; }



/* swiper */

/* PUNTINI BOTTOM 
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {   
  bottom: 20px;
}
.swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {  margin: 0 0 0px 0;}
*/
.swiper-container-horizontal>.swiper-pagination-bullets{
    margin: 0 !important; text-align: left !important;
    left: 20px  !important;
    width: 80% !important; /* non mettere 100 altrimento va sopra al bottone zoom */
}
.swiper-container-horizontal.swiper-pagination-center>.swiper-pagination-bullets {
    margin: 0 !important; text-align: center !important;
    left: 0px  !important;
    width: 100% !important; /* se non  */
}
.swiper-pagination-bottom-minus .swiper-pagination-bullets {    bottom: 20px;}
.swiper-pagination-bottom-minus.swiper-container-horizontal .swiper-wrapper {  margin: 0 0 0px 0;}
.swiper-button-next, .swiper-button-prev {  background-size: inherit; height: auto;  width: auto; top: 50%;  margin-top: -20px; background: rgba(255,255,255,0.6);  color:#333;}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { background-image: none; font-family: 'themify';  font-size: 15px;  color: #000;  padding:10px !important; display: block;}
.swiper-pagination-bullet-active { background: #000000 !important;}
@media (max-width: 991px) { 
    .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper { margin-bottom: 30px; } 
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px !important; }
}

/* swiper */
.swiper-button-next, .swiper-button-prev { background-size: inherit; height: auto; width: auto; top: 50%;  margin-top: -20px; background: rgba(0,0,0,0.6);  color:#333; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { background-image: none; font-family: 'themify'; font-size: 20px; color: #fff; padding:10px; width: 44px; height: 44px;}
.swiper-button-next.swiper-button-black:before { content: "\e649";}
.swiper-button-prev.swiper-button-black:before { content: "\e64a";}
.swiper-button-next { right: 0px !important; left: auto !important;}
.swiper-button-prev { left:0px !important; right: auto !important;}
.swiper-button-prev.swiper-button-black.swiper-button-disabled { display: none; }
.swiper-button-next.swiper-button-black.swiper-button-disabled { display: none; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: none !important; }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: none !important; }

/* slider btn square */
.swiper-button-next { right: -0px !important; left: auto !important;}
.swiper-button-prev { left:-0px !important; right: auto !important;}
.swiper-button-next, .swiper-button-prev {
    background-size: inherit;
    height: auto;
    width: auto;
    top: 50%;
    margin-top: -20px;
    background: #ffffff;
    color: #fff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { 
    background-image: none; font-family: 'themify'; font-size: 20px; color: #000; 
    padding:15px 10px 15px 10px !important; width: 40px; height: 60px; margin-top: -30px;
}
.swiper-button-next, .swiper-button-prev { background-size: inherit; height: auto; width: auto; }

.swiper-button-next { margin-right: 0px; }
.swiper-button-prev { margin-left: 0px; }

/* .swiper-full-screen */   .swiper-full-screen .swiper-button-next, .swiper-full-screen .swiper-button-prev  { top: 51%; } 
/* swiper-news-home */      .swiper-news-home .swiper-button-next, .swiper-news-home .swiper-button-prev  { top: 25%; } 
 

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px;  width: 100%; }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: none !important;
}
.swiper-pagination-bullet { display: none !important; }
.swiper-button-prev:after { content: ''; display: none;}
.swiper-button-next:after { content: ''; display: none;}

.h4.title-slider { color: #222 !important; }


/* form */
input, textarea, select {
    border: 0;
    border-bottom: 1px solid #d1d1d1;
    font-size: 16px !important;
    padding: 10px 0px 10px 0;
    width: 100%;
    margin: 0 0 0px 0;
    max-width: 100%;
    resize: none; 
    background-color: transparent;
}
.section-newsletter input {
    border: 0;
    border-bottom: 1px solid #ddd;
    font-size: 18 !important!;
    padding: 20px 0 15px!important;
    width: 100%;
    margin: 0 0 10px;
    max-width: 100%;
    resize: none;
    background-color: transparent;
    text-align: center !important;
}
.select-style, form .btn { /*margin-bottom: 10px; margin-top: 10px; */ }
.big-select { min-width: 250px; }
.big-input, .big-textarea, .big-select select { padding: 11px 25px; }

.col-search { position: absolute; right: 0; top:20px; }
.form-check {
    position: relative;
    display: block;
    padding-left: 30px !important;
}
label { font-weight: 400px; }
input[type=checkbox], input[type=radio] {
    float: left;
    margin: 0 8px 0 -26px;
    margin-top: 1px \9;
    width: 18px;
    height: 18px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border .15s ease-in-out,color .15s ease-in-out;
    transition: border .15s ease-in-out,color .15s ease-in-out;
}

/* modal */
.modal-header {
    border-bottom: 0px solid #dee2e6;
}

#newlogic {
    padding-top: 0px;
    margin: 0!important;
    text-align: center;
}
#firma {
    display: block;
    margin: 0 auto;
    width: 129px; text-align: center;
    height: 12px;
    text-indent: -9999px;
    background: url(/assets/img/newlogic.png) no-repeat;
    opacity: .6;
}

/*
.box-shadow-right-rotate::before {
    content: '';
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 60%;
    height: 15px;
    background: #000;
    box-shadow: 0 15px 10px rgba(0,0,0,0.5);
    -webkit-transform: skew(4deg) rotate(4deg);
    -ms-transform: skew(4deg) rotate(4deg);
    transform: skew(4deg) rotate(4deg);
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
*/
.label-tag { display: inline-block; padding: 5px 7px; margin:1px 1px;  }
.label-tag.link { text-decoration: underline; }
.label-tag.etichetta { font-weight: bold; }


@media (min-width: 1200px) {
    .col-lg-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}


/* item-square */
.item-square:hover img { opacity: 0.6; } 



/* ---------------------------------------------------------------
dividi sezione in due colonne
-----------------------------------------------------------------*/

.two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.four-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.five-col { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
.six-col { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }


@media (max-width: 1199px) { /* md */
.two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.four-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.five-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.six-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
}
@media (max-width: 991px) { /* sm */
  .two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .three-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .four-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .five-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .six-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media (max-width: 767px) { /* xs */
  .two-col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .three-col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .four-col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .five-col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .six-col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}


@media (min-width: 1500px) and (max-width: 6000px) { 
    .col-xl-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.aside-title2 {position: relative; overflow:hidden; margin-bottom:15px; display: none;}
.aside-title2 span {display: inline-block; vertical-align:middle; margin-left: 60px; }
.aside-title2:before {content: ""; display: inline-block; width: 40px; background: #0270b5; height: 2px; top: 80%; position: absolute;}
.aside-title2:after {display:none;}

@media (max-width: 991px) { 
    .aside-title2 { margin-bottom:10px;}
    .aside-title2 span {margin-left: 40px; }
    .aside-title2:before {content: ""; width: 25px;}
    #widget-allegato .text-small { font-size: 10px; }
}

/* ACCORDION */
.accordion-style1 .panel-heading i { padding-right:20px;
}

.visible-desktop { display: block !important; }
.visible-mobile { display: none !important; }

@media (max-width: 991px) { 
    .visible-desktop { display: none !important; }
    .visible-mobile { display: block !important; }
}

::-webkit-input-placeholder { /* Chrome */
  color: #999 !important;
  transition: opacity 250ms ease-in-out; 
  opacity: 1 !important;
}
:focus::-webkit-input-placeholder {
  opacity: 0.5 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999 !important;
  transition: opacity 250ms ease-in-out; 
  opacity: 1 !important;
}
:focus:-ms-input-placeholder {
  opacity: 0.5 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999 !important;
  opacity: 1 !important;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0.5 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #999 !important;
  opacity: 1 !important;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0.5 !important;
}

.form-control:focus {
    color: #000 !important; 
    background-color: #fdfde5 !important;
    opacity: 1 !important;
}


/* image */
.img-fluid { max-width: 100%; height: auto;}
.h-100 { height: 100% !important;}
.m-0 { margin: 0 !important;}
.ratio { position: relative; overflow: hidden; }
.ratio:before { content: ""; display: block; }
.ratio>a, .ratio>div {  position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important; }
.ratio>img, .ratio>div>img, .ratio>a>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    display: block;
    font-family: "blur-up: always", "object-fit: cover";
    object-fit: cover;
}
.ratio{position:relative;overflow:hidden}.ratio>a,.ratio>div{position:absolute;top:0;left:0;bottom:0;right:0;width:100% !important;height:100% !important}.ratio:before{content:"";display:block}.ratio>img,.ratio>div>img,.ratio>a>img{position:absolute;top:0;left:0;width:100%;height:100% !important;display:block;font-family:"blur-up: always", "object-fit: cover";object-fit:cover}.ratio.object-fit-contain>img{font-family:"blur-up: always", "object-fit: contain";object-fit:contain}.ratio.object-pos-bottom>img{object-position:50% 100%}.ratio .ls-blur-up-img{filter:blur(10px);-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);-o-filter:blur(10px);opacity:1 !important;filter:alpha(opacity=100) !important;transition:opacity 1000ms,filter 1500ms}@media (prefers-reduced-motion: reduce){.ratio .ls-blur-up-img{transition:none}}.ratio .ls-blur-up-img.ls-inview.ls-original-loaded{filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);-o-filter:blur(5px);opacity:0 !important;filter:alpha(opacity=0) !important}.ratio-1_1{padding-bottom:100% !important}.ratio-16_9{padding-bottom:56.25% !important}.ratio-4_3{padding-bottom:75% !important}.ratio-3_4{padding-bottom:133.3333333333% !important}.ratio-3_2{padding-bottom:66.6666666667% !important}.ratio-3_1{padding-bottom:33.3333333333% !important}.ratio-2_1{padding-bottom:50% !important}.ratio-2_3{padding-bottom:150% !important}.ratio-1_2{padding-bottom:200% !important}@media (min-width: 576px){.ratio-sm-1_1{padding-bottom:100% !important}.ratio-sm-16_9{padding-bottom:56.25% !important}.ratio-sm-4_3{padding-bottom:75% !important}.ratio-sm-3_4{padding-bottom:133.3333333333% !important}.ratio-sm-3_2{padding-bottom:66.6666666667% !important}.ratio-sm-3_1{padding-bottom:33.3333333333% !important}.ratio-sm-2_1{padding-bottom:50% !important}.ratio-sm-2_3{padding-bottom:150% !important}.ratio-sm-1_2{padding-bottom:200% !important}}@media (min-width: 768px){.ratio-md-1_1{padding-bottom:100% !important}.ratio-md-16_9{padding-bottom:56.25% !important}.ratio-md-4_3{padding-bottom:75% !important}.ratio-md-3_4{padding-bottom:133.3333333333% !important}.ratio-md-3_2{padding-bottom:66.6666666667% !important}.ratio-md-3_1{padding-bottom:33.3333333333% !important}.ratio-md-2_1{padding-bottom:50% !important}.ratio-md-2_3{padding-bottom:150% !important}.ratio-md-1_2{padding-bottom:200% !important}}@media (min-width: 992px){.ratio-lg-1_1{padding-bottom:100% !important}.ratio-lg-16_9{padding-bottom:56.25% !important}.ratio-lg-4_3{padding-bottom:75% !important}.ratio-lg-3_4{padding-bottom:133.3333333333% !important}.ratio-lg-3_2{padding-bottom:66.6666666667% !important}.ratio-lg-3_1{padding-bottom:33.3333333333% !important}.ratio-lg-2_1{padding-bottom:50% !important}.ratio-lg-2_3{padding-bottom:150% !important}.ratio-lg-1_2{padding-bottom:200% !important}}@media (min-width: 1200px){.ratio-xl-1_1{padding-bottom:100% !important}.ratio-xl-16_9{padding-bottom:56.25% !important}.ratio-xl-4_3{padding-bottom:75% !important}.ratio-xl-3_4{padding-bottom:133.3333333333% !important}.ratio-xl-3_2{padding-bottom:66.6666666667% !important}.ratio-xl-3_1{padding-bottom:33.3333333333% !important}.ratio-xl-2_1{padding-bottom:50% !important}.ratio-xl-2_3{padding-bottom:150% !important}.ratio-xl-1_2{padding-bottom:200% !important}}@media (min-width: 1440px){.ratio-xxl-1_1{padding-bottom:100% !important}.ratio-xxl-16_9{padding-bottom:56.25% !important}.ratio-xxl-4_3{padding-bottom:75% !important}.ratio-xxl-3_4{padding-bottom:133.3333333333% !important}.ratio-xxl-3_2{padding-bottom:66.6666666667% !important}.ratio-xxl-3_1{padding-bottom:33.3333333333% !important}.ratio-xxl-2_1{padding-bottom:50% !important}.ratio-xxl-2_3{padding-bottom:150% !important}.ratio-xxl-1_2{padding-bottom:200% !important}}.ratio_auto{max-width:100%;max-height:100%;width:auto;height:auto}
.ratio-30_14{padding-bottom:46.666666% !important}   
/*.ratio-2_1{padding-bottom:47.2% !important}  900x445 */

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px;  height: 0;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* grid*/
@media (min-width: 1441px) and (max-width: 6000px) { /* xxl */
    .col-xxl-12 { flex: 0 0 100%; max-width: 100%; }
    .col-xxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; }
    .col-xxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .col-xxl-9 {  flex: 0 0 75%; max-width: 75%; }
    .col-xxl-8 {  flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .col-xxl-7 {  flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .col-xxl-6 {  flex: 0 0 50%; max-width: 50%; }
    .col-xxl-5 {  flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .col-xxl-4 {  flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .col-xxl-3 {  flex: 0 0 25%; max-width: 25%; }
    .col-xxl-2 {  flex: 0 0 16.66666667; max-width: 16.66666667%; }
    .col-xxl-1 {  flex: 0 0 8.33333333%; max-width: 8.33333333%; }
    .col-xxl-20 {  flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 1201px) and (max-width: 1440px) { /* xl */
    .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
    .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; }
    .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .col-xl-9 {  flex: 0 0 75%; max-width: 75%; }
    .col-xl-8 {  flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .col-xl-7 {  flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .col-xl-6 {  flex: 0 0 50%; max-width: 50%; }
    .col-xl-5 {  flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .col-xl-4 {  flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .col-xl-3 {  flex: 0 0 25%; max-width: 25%; }
    .col-xl-2 {  flex: 0 0 16.66666667; max-width: 16.66666667%; }
    .col-xl-1 {  flex: 0 0 8.33333333%; max-width: 8.33333333%; }
    .col-xl-20 {  flex: 0 0 20%; max-width: 20%; }    
}
@media (min-width: 993px) and (max-width: 1200px){ /* lg */
    .col-lg-20 {  flex: 0 0 20%; max-width: 20%; }  
}
@media (min-width: 768px) and (max-width: 992px){ /* lg */
    .col-md-20 {  flex: 0 0 20%; max-width: 20%; }  
}

/* grid*/
@media (min-width: 1441px) and (max-width: 6000px) { /* xxl */
    .xxl-width-100{ width: 100% !important; }
    .xxl-width-90 { width: 90% !important; }
    .xxl-width-80 { width: 80% !important; }
    .xxl-width-70 { width: 70% !important; }
    .xxl-width-60 { width: 60% !important; }
    .xxl-width-50 { width: 50% !important; }
    .xxl-width-40 { width: 40% !important; }
    .xxl-width-30 { width: 30% !important; }
    .xxl-width-20 { width: 20% !important; }
    .xxl-width-10 { width: 10% !important; }
}
@media (min-width: 1201px) and (max-width: 1440px) { /* xl */
    .xl-width-100{ width: 100% !important; }
    .xl-width-90 { width: 90% !important; }
    .xl-width-80 { width: 80% !important; }
    .xl-width-70 { width: 70% !important; }
    .xl-width-60 { width: 60% !important; }
    .xl-width-50 { width: 50% !important; }
    .xl-width-40 { width: 40% !important; }
    .xl-width-30 { width: 30% !important; }
    .xl-width-20 { width: 20% !important; }
    .xl-width-10 { width: 10% !important; }  
}


.entry-date {
    position: relative; 
    width: 90px;
    height: 80px;
    color: #ed574c;
    background: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.entry-date.entry-date-absolute {
    /*position: absolute;
    top: 20px;
    right: 20px; 
    z-index: 999; */
}
.entry-date .giornonumero {
    font-size: 34px;
    line-height: 53px;  font-weight: 800;
}
.entry-date .day, .entry-date .month {
    color: #ee3224;
}
.entry-date .mese {
    font-size: 12px; 
    font-weight: normal;
    text-transform: uppercase; line-height: 15px;
}
.entry-date .anno {
    font-size: 12px;
    text-transform: uppercase;
}

.entry-date {
    width: auto;
    height: auto; padding:10px 15px;
    background: #fff; color: #000;
    text-align: center;
}
.entry-date.data-black {
    width: auto;
    height: auto; padding:10px 15px;
    background: #000; color: #000;
    text-align: center;
}

.entry-date {
    font-size: 12px;
    line-height: 20px; margin-bottom:10px;
}   
.entry-date .day {
    font-size: 34px;
    line-height: 43px;
}
.entry-date .month {
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
}
.entry-date .day, .entry-date .month {
    color: #000;
}


.two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.four-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.five-col { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
.six-col { -webkit-column-count: 5; -moz-column-count: 5; column-count: 6; }

@media (max-width: 1199px) { /* md */
.four-col, .five-col, .six-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}
@media (max-width: 991px) { /* sm */
.four-col, .five-col, .six-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media (max-width: 767px) { /* xs */
.four-col, .five-col, .six-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}
@media (max-width: 480px) { /* xs */
.two-col, .three-col, .four-col, .five-col, .six-col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}

@media (min-width: 1681px) and (max-width: 5000px) {
   
    .ratio-xxl-7_1 {
        padding-bottom: 14.28571%  !important;
    }
    .ratio-xxl-6_1 {
        padding-bottom: 16.66666% !important;
    }
    .ratio-xxl-5_1  {
        padding-bottom: 20% !important;
    }
    .ratio-xxl-4_1  {
        padding-bottom: 25% !important;
    }
    .ratio-xxl-3_1  {
        padding-bottom: 33,333333333% !important;
    }
}
@media (min-width: 1441px) and (max-width: 1680px) {

    .ratio-xl-7_1 {
        padding-bottom: 14.28571% !important;
    }
    .ratio-xl-6_1 {
        padding-bottom: 16.66666% !important;
    }
    .ratio-xl-5_1  {
        padding-bottom: 20% !important;
    }
    .ratio-xl-4_1  {
        padding-bottom: 25% !important;
    }
    .ratio-xl-3_1  {
        padding-bottom: 33,333333333% !important;
    }
}
@media (min-width: 1201px) and (max-width: 1440px) {
    .ratio-lg-7_1 {
        padding-bottom: 14.28571% !important;
    }
    .ratio-lg-6_1 {
        padding-bottom: 16.66666% !important;
    }
    .ratio-lg-5_1  {
        padding-bottom: 20% !important;
    }
    .ratio-lg-4_1  {
        padding-bottom: 25% !important;
    }
    .ratio-lg-3_1  {
        padding-bottom: 33,333333333% !important;
    }
}
@media (min-width: 1200px) and (max-width: 1200px) { /* md */
    .ratio-md-7_1 {
        padding-bottom: 14.28571% !important;
    }
    .ratio-md-6_1 {
        padding-bottom: 16.66666% !important;
    }
    .ratio-md-5_1  {
        padding-bottom: 20% !important;
    }
    .ratio-md-4_1  {
        padding-bottom: 25% !important;
    }
}