/*
 Author:       Cobweb Software
 Author URI:
 Template:     cobwebprogressive
 Version:      1.0.0
*/

/* TABLE OF CONTENTS

0. Layout
1. Defaults
    1.1. Typographical Elements
    1.2. Headings
    1.3. Forms
    1.4. Menus
    1.5. Header
    1.6. Main
    1.7. Sidebar
    1.8. Footer
2. Helper Classes
3. Modules
4. Components

*/

@font-face {
    font-family: "Cobweb";
    src: url("../assets/fonts/tnr-font.ttf") format("ttf");
}

/* -------------------------------------------------------------------------- *
 * 0. Layout                                                                  *
 * -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- *
 * 1. Defaults                                                                *
 * -------------------------------------------------------------------------- */
body{
    max-width: 1170px;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    background-image: url('../images/background-cover.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body #content p{
    line-height: 20px;
}

body.innerPage #content p{
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Open Sans", sans-serif;
    margin: 0 0 5px 0;
}

h1{
    font-size: 36px;
    line-height: 38px;
}

h2, .home-page-timeline .cd-horizontal-timeline .events-content h2{
    font-size: 28px;
    line-height: 30px;
}

h3{
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
}

.container{
    width: 100%;
    padding: 0;
}

.customModules .module-title h3{
    margin: 0;
    padding: 10px 0 10px 30px;
    color: #fff;
    border-bottom: 5px solid #FFF;
    text-align: left;
}
/* -------------------------------------------------------------------------- *
 * 1.1. Typographical Elements                                                *
 * -------------------------------------------------------------------------- */


a {
    text-decoration: none;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    color: #000;
}

a:hover{
    text-decoration: none;
}

p{
    margin-bottom: 0;
}

.main_content_center p{
    margin-bottom: 15px;
}

#wrapper{
    background: transparent;
}

.page-header{
    margin: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
/* -------------------------------------------------------------------------- *
 * 1.4. Menus                                                                 *
 * -------------------------------------------------------------------------- */
.header-bottom{
    position: relative;
    background: #e8e8e8;
    padding: 12px 0 12px 0;
}
.muzeen_magazin{
    position: absolute;
    top: -80px;
    right: -130px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
}
.muzeen_magazin a {
    display: inline-block;
}
.muzeen_magazin > div {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    margin-left: -10px;
}
.muzeen_magazin > a + a {
    margin-left: -5px;
}
.header_top_right .muzeen_magazin{
    display: none;
}
.muzeen_magazin a:hover img{
    transform: scale(1.08, 1.08);
}
.sticky-header .muzeen_magazin{
    top: -63px;
    }
.muzeen_magazin img{
    width: 130px;
    transition: all 0.3s ease;
}

/* MOBILE MENU */

#mobileMenu{
    display: none;
}

.sticky-mobile{
    position: fixed;
    top: 0;
    z-index: 999;
}

#header .header_top_right .sticky-mobile .fa-bars, #offcanvas-toggler .fa-bars{
    color: #000;
}

body:after{
    position: fixed;
    top: 0;
    width: 0;
    height: 0;
    background: rgba(0,0,0,0.8);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    z-index: 999;
}

.offcanvas:after{
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.offcanvas-menu {
    width: 300px;
    height: 100%;
    background: #fff;
    color: #999;
    position: fixed;
    top: 0;
    left: -300px;
    opacity: 1;
    z-index: 9999;
    overflow-y: scroll;
}

.offcanvas-menu .nav, .offcanvas-menu .close-offcanvas{
    padding: 10px;
}

.offcanvas-menu li a, .close-offcanvas .fa-remove{
    color: #444;
}

.offcanvas-menu li{
    border-bottom: 1px solid #eee;
}

.ltr .offcanvas-menu {
    -webkit-transition: opacity 500ms cubic-bezier(0.7,0,0.3,1), right 400ms cubic-bezier(0.7,0,0.3,1);
    transition: opacity 500ms cubic-bezier(0.7,0,0.3,1), right 400ms cubic-bezier(0.7,0,0.3,1);
}

.offcanvas-menu .menu .nav-child {
    position: relative !important;
    padding: 0;
    padding-left: 10px;
    background: #fff !important;
    border-top: none !important;
}

.offcanvas-menu .menu .nav-child li a{
    color: #444;
    text-decoration: none;
    border-bottom: none;
    font-size: 14px;
}

.offcanvas-menu .nav>li>a:hover{
    background: none;
    color: #3A539B;
}

.offcanvas-menu .nav-child li{
    border: none;
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 5px;
    line-height: 18px;
    text-align: left;
}

/* END MOBILE MENU*/

/* -------------------------------------------------------------------------- *
 * 1.5. Header                                                                *
 * -------------------------------------------------------------------------- */

#top-bar{
    display: block;
    border: 0;
    background: #fff;
    padding: 20px 0;
    height: auto;
}

#top-bar .moduletable{
    display: inline-block;
    padding: 0px 5px 0px 5px;
}

#top-bar .mod-languages,
#top-bar .moduletable .custom{
    position: relative;
}

#top-bar .mod-languages{
    padding-left: 10px;
}

#top-bar .mod-languages li:first-child a{
    padding: 0 0 0 4px;
}

#top-bar .mod-languages li:last-child a{
    padding: 3px;
}

#top-bar .moduletable .custom{
    padding-left: 5px;
}

#top-bar .mod-languages:after,
#top-bar .moduletable .custom:after{
    content: '';
    border-left: 1px solid #DDD;
    position: absolute;
    top: 10px;
    height: 25px;
    left: 0;
}

#top-bar .moduletable:first-child{
    width: 620px;
    text-align: left;
}

#top-bar .moduletable:first-child .custom:after{
    border-left: 0;
}

#top-bar .moduletable:first-child .custom div{
    font-size: 24px;
    font-family: 'PT Sans', sans-serif;
}

#top-bar .moduletable i{
    color: #000;
    font-size: 18px;
}

#top-bar p{
    margin-bottom: 0;
}

#top-search{
    margin: 0;
}

#top-search form{
    width: 80% !important;
    padding: 0 0px;
}

#top-search form input{
    width: 75%;
    float: right;
    font-size: 24px;
    text-indent: 15px;
    border: 1px solid #e6e6e6;
}

#header, #header-wrap{
    height: auto;
}

.header_top_left, .header_top_right{
    padding: 0;
}

.header_top_left .logo-wrapper{
     overflow: hidden;
}

.header_top_left .logo-wrapper a:hover{
    opacity: 1;
}

.header_top_left_block{
    border-right: 6px solid white;
    transform: skewX(-5deg);
    margin-left: -10px;
    width: 250px;
    height: 110px;
}

.header_top_left img{
    display: block;
    width: 160px;
    transform: skewX(0deg);
    position: absolute;
    top: -70px;
    left: 35px;
    background: #ffffff;
    border: 1px solid #d1b28e;
    padding: 2px;
}

.sticky-header .header_top_left{
    display: none;
}

#header.sticky-header #header-wrap{
    left: 50%;
    width: 1170px;
    transform: translate(-50%);
    height: auto !important;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 6px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 6px 12px 0px rgba(50, 50, 50, 0.75);
}

body.top-search-open .pre_header_right .moduletable:first-of-type .custom{
    opacity: 0;
}
/* -------------------------------------------------------------------------- *
 * 1.6. Main                                                                  *
 * -------------------------------------------------------------------------- */
#content{
    background: transparent;
    overflow:  visible;
}

.main_content,
.content_bottom .customModules,
.main_content_top{
    background: #fff;
}

.main_content{
    margin: 0;
}

.innerPage .main_content_inner{
    margin: 0;
}

div.itemContainer {
    float: none;
}

.innerPage #k2Container, .innerPage .item-page, #k2Container.itemViewDefault{
    padding: 0 15px;
    margin-bottom: 0;
}

.post-masonry > .entry{
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.post-grid.grid-3 .entry{
    margin-right: 15px;
}

.post-masonry .entry-image{
    height: 270px !important;
}

.post-masonry .entry-title{
    height: 55px;
    overflow: hidden;
}

.post-masonry .entry-title h2{
    line-height: 18px;
}

.post-masonry .entry-content-intro{
    height: 180px;
    margin-bottom: 30px;
    overflow: hidden;
}

.itemFullText ul{
    margin: 0 0 10px 25px;
}

div.k2Pagination{
    padding: 0;
    margin: 0 0 0 0;
}

div.k2Pagination ul{
    margin: 0;
}

div.k2Pagination ul li a{
    padding: 4px 12px;
    margin: 0 3px;
    color: inherit;
    border: 1px solid #ddd;
}

div.k2Pagination ul li a:hover, div.k2Pagination ul li.active a:hover{
    color: #fff;
    border: 1px solid #ddd;
}

div.k2Pagination ul li.active a{
    color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{
    border-left-width: 1px;
}

.chrono_credits{
    display: none;
}

.gbs3 .btn, .gbs3 .btn:hover{
    color: #fff;
}

.contact-page-form{
    margin-top: 20px;
}

.contact-page-form .gbs3 .form-group{
    margin-bottom: 0;
}

.contact-page-form .gbs3 .form-horizontal .control-label, .contact-page-form .gbs3 .pull-left{
    float: none !important;
}

.contact-page-form .gbs3 .gcore-display-table{
    display: block;
}

.contact-page-form .gbs3 .A, .contact-page-form .gbs3 .btn{
    width: 100% !important;
}

.contact-page-form .gbs3 #form-row-captcha .gcore-input{
    padding: 0 !important;
    width: 100% !important;
}

/* SUBCATEGORIES */
.portfolio.portfolio-3{
    margin-bottom: 0;
}

.portfolio-3 .category-desc{
    margin-left: 0;
    margin-right: 0;
}

.portfolio-3 .category{
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.portfolio-3 .category:hover{
    box-shadow: 5px 5px 10px #909090;
}

.portfolio-3 .pictures-count{
    margin-left: 15px;
    width: 50px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    background: #E3E1E2;
    font-size: 12px;
    line-height: 14px;
    color: #686868;
    position: relative;
    float: left;
}

.portfolio-3 .pictures-count:before {
    position: absolute;
    top: 0;
    content: " ";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.portfolio-3 .portfolio-desc{
    padding: 10px 5px 10px;
    background: #F2F2F2;
}

.portfolio-3 .category-main-image{
    padding: 0;
    height: 200px;
    background-size: cover!important;

}

.portfolio-3 .category-images{
    width: 122px;
    margin-top: 2px;
    margin-right: 2px;
    height: 70px;
    overflow: hidden;
    float: left;
    background-size: cover!important;
}

.portfolio-3 .category-images:nth-child(5){
    margin-right: 0;
}

.portfolio-3 .portfolio-overlay a{
    margin: 0px 0 0 -18px;
}

.masonry-thumbs a, .masonry-thumbs img{
    height: 170px !important;
    width: 285px !important;
}


/* CHRONOFORM */

.chronoform-style{
    width: 50%;
}

.chronoform-style-2{
    width: 70%;
}

.chronoform-style .gbs3 .gcore-label-left{
    min-width: 100% !important;
}

.chronoform-style .gbs3 .gcore-form-row .gcore-input,
.chronoform-style .gbs3 .form-control,
.chronoform-style .gbs3 .gcore-form-row{
    width: 100% !important;
}

.chronoform-style .gbs3 .btn-default,
.chronoform-style-2 .gbs3 .btn-default{
    color: #fff;
    text-shadow: none;
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    text-transform: capitalize;
}

.chronoform-style .gbs3 .btn-default:hover,
.chronoform-style-2 .gbs3 .btn-default:hover{
    opacity: 0.9;
    color: #fff;
}

/* CHRONOFORM 2 */

.chronoform-style-2 .gbs3 .gcore-label-left,
.chronoform-style-2 .gbs3 #form-row-captcha .gcore-label-left{
    min-width: 35% !important;
}

.chronoform-style-2 .gbs3 .form-control,
.chronoform-style-2 .gbs3 #fin-dropdown12{
    width: 100% !important;
}

.chronoform-style-2 .gbs3 #fin-button11{
    float: right;
}

.chronoform-style-2 .gbs3 #form-row-dropdown12 label,
.chronoform-style-2 .gbs3 #form-row-radio13 label{
    font-size: 9px;
    line-height: 11px;
}

.chronoform-style-2 .gbs3 .gcore-input{
    display: inline-block;
    width: 65% !important;
}

.chronoform-style-2 .gbs3 #form-row-dropdown12 .gcore-label-left{
    min-width: 100% !important;
}

/* CHRONOFORM SPAM */

#form-row-captcha .gcore-label-left{
    min-width: 100% !important;
}

#form-row-captcha .gcore-input{
    width: 30% !important;
}

/* CHRONOFORM RADIO */

.gbs3 .gcore-form-row .gcore-label-checkbox{
    min-width: 100% !important;
}

.gbs3 .gcore-form-row .gcore-radio-item{
    display: inline-block;
}

.gbs3 .gcore-form-row .gcore-radio-item .gcore-label-checkbox{
    display: inline;
}

.chronoform-style-2 .gbs3 .gcore-form-row .gcore-single-column{
    float: right;
}

#sp-left .atrium div{
    background-color: #e8e8e8;
    border-radius: 4px;
    border: none;
    border-bottom: 3px solid #eeeeee;
    box-shadow: none;
    margin-bottom: 0px;
    padding: 0px;
}

#sp-left .atrium h4{
    padding: 15px 0px 0px 5px;
}

#sp-left .atrium ul li{
    padding-left: 0;
}


#chronoform-eventsReservation #fin-agree input {
    min-width: 0;
}

#chronoform-eventsReservation span.help-block {
    margin-top: 5px;
}

#chronoform-eventsReservation #sendBtn, #button5 {
    color:#fff;
    text-shadow: none;
    background-image: -webkit-linear-gradient(top, #214928 0, #21492f 100%);
    background-image: -moz-linear-gradient(top, #214928 0, #21492f 100%);
    background-image: linear-gradient(to bottom, #214928 0, #21492f 100%);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}
#chronoform-eventsReservation #sendBtn:hover, #button5:hover {
    background-color: #214928;
    opacity: 0.9;
}

#chronoform-eventsReservation .gcore-display-table, #fin-button5 {
    display: block;
}

#chronoform-eventsReservation .A, #button5 {
    min-width: 100%;
}

#chronoform-eventsReservation #form-row-captcha .form-control{
    height: 40px;
    font-size: 20px;
}

#chronoform-eventsReservation #chronoform-container-16,
#chronoform-eventsReservation #time-container,
#chronoform-eventsReservation #children-container{
    width: 33.3% !important;
}

#chronoform-eventsReservation #chronoform-container-24,
#chronoform-eventsReservation #email-container{
    width: 50% !important;
}

#chronoform-eventsReservation #time-container,
#chronoform-eventsReservation #children-container,
#chronoform-eventsReservation #email-container{
    padding-left: 20px;
}

/* -------------------------------------------------------------------------- *
 * 1.8. Footer                                                                *
 * -------------------------------------------------------------------------- */
#footer{
    border-top: 0;
}

#footer .footer-widgets-wrap{
    padding: 15px 15px 0 45px;
}

#footer .pre-footer .row{
    display: flex;
}

#footer .pre-footer-col{
    border-right: thin solid #e3e3e3;
}

#footer .pre-footer .pre-footer-col:last-child{
    border-right: 0;
}

#footer .pre-footer .footerModules.moduletable{
    margin-bottom: 30px;

}

#footer .pre-footer h3{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 8px;
    text-decoration: none;
    display: block;
}

#footer .pre-footer .nav{
    display: inline-block;
}

#footer .pre-footer .nav li{
    line-height: 16px;
    list-style-type: none;
}

#footer .pre-footer .nav > li > a{
    padding: 0;
}

#footer .pre-footer .nav li a{
    color: #e3e3e3;
    font-size: 13px;
}

#footer .pre-footer .nav li a:hover,
#footer .pre-footer .nav li a:focus{
    text-decoration: underline !important;
    color: #fff;
    background: none;
    opacity: 1;
}

#copyrights{
    padding: 10px 0;
    margin-top: 10px;
}

#copyrights .container{
    padding: 0 15px;
}

#copyrights{
    color: #fff;
}

#copyrights a{
    color: #929292;
}

#copyrights p{
    margin-bottom: 0;
}
/* -------------------------------------------------------------------------- *
 * 3. Modules                                                                 *
 * -------------------------------------------------------------------------- */

.innerPage .main_content_bottom .customModules, .content_bottom .customModules{
    margin-top: 25px;
}

.home-page-slider .slide .text{
    width: 370px;
    padding: 0 30px 10px 70px;
    margin-left: -16px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    border-right: 6px solid white;
    transform: skewX(-5deg);
    z-index: 9;
}

.home-page-slider .slide .text, .home-page-slider .slide .background{
    height: 370px;
}

.home-page-slider .slide .background{
    background-size: 75%;
    background-position: right;
}

.home-page-slider .slide .text a, .home-page-slider .slide .text p, .home-page-slider .slide .text .data{
    color: #e8e5e5;
}

.home-page-slider .slide .text h3 a:hover{
    text-decoration: underline;
}

.home-page-slider .slide a:hover{
    opacity: 1;
}

.home-page-slider .slide .text .data{
    margin-left: 12px;
}

.home-page-slider .slide .text .title{
    transform: skewX(5deg);
    margin-top: 20px;
}

.home-page-slider .slide .text .field_sottotitolo{
    height: 140px;
    overflow: hidden;
}

.home-page-timeline .cd-horizontal-timeline{
    margin: 0;
    padding: 20px 20px 10px 20px;
}

.home-page-timeline .cd-horizontal-timeline .events-content{
    height: auto !important;
    margin: 0;
}

.home-page-timeline .cd-horizontal-timeline .timeline-image{
    float: left;
    margin-right: 15px;
    width: 500px;
    height: 300px;
}

.home-page-timeline .timeline-image img{
    max-height: 100%;
    max-width: 100%;
}

.home-page-timeline .cd-horizontal-timeline .events-content h2{
    text-align:  left;
}

.cd-horizontal-timeline .events-content li > *,
.home-page-timeline .cd-horizontal-timeline .events-content h2,
.cd-horizontal-timeline .timeline{
    max-width: 100%;
}

.home-page-timeline .cd-horizontal-timeline .events a:hover{
    opacity: 1;
}

.home-page-timeline .cd-horizontal-timeline .events-content ol{
    margin-bottom: 0;
}

.home-page-timeline .cd-horizontal-timeline .events-content ol li{
    padding: 0;
}

.home-page-timeline .cd-horizontal-timeline .events-content p{
    height: 80px;
    margin-top: 50px;
    overflow: hidden;
    text-align:  left;
}

.home-page-timeline .cd-horizontal-timeline .timeline{
    width: 100%;
    height: 50px;
}

.home-page-timeline .cd-horizontal-timeline .events{
    top: 25px;
    transform: translate(50%);
}

.home-page-before-footer .main-image{
    height: 200px;
    width: 100%;
}

.home-page-before-footer .thumbs{padding: 0px 15px 0 45px;}

.home-page-before-footer .thumbs div{
    height: 100px;
    line-height: 25px;
    text-align: center;
    border-right: 1px dotted #ccc;
    display: grid;
}

.home-page-before-footer .thumbs div.thumb-inner {
    height: auto;
    display: block;
    margin: auto;
}

.home-page-before-footer .thumbs div:last-of-type{
    border-right: 0;
}

.home-page-before-footer .thumbs img{
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
}

.home-page-before-footer i{
    margin-right: 5px;
}

.home-page-before-footer a{
    text-transform: uppercase;
}

.home-page-news .news-content{
    width: 20%;
    float: left;
    position:  relative;
    height: 250px;
    padding: 0 10px;
    text-align:  left;
}

.home-page-news .news-content:hover{
    opacity: 0.9;
}

.home-page-news .background{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}


.home-page-news .overlay{
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    background: #0000003d;
    z-index: 9;
}

.home-page-news .text{
    z-index: 99;
    position: relative;
}

.home-page-news h4{
    height: 55px;
    overflow: hidden;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 0;
}

.home-page-news .news-data{
    position: relative;
    z-index: 99;
}

.home-page-news h4 a, .home-page-news .text, .home-page-news .news-data{
    color: #fff;
}

.home-page-news .news-intro{
    height: 60px;
    overflow: hidden;
    margin-bottom: 70px;
}

.home-page-news a:hover{
    opacity: 1;
}

.home-page-news .portfolio-desc{
    padding: 0;
}

.home-page-news .portfolio-desc h3 {
    height: 25px;
    line-height: 10px;
    overflow:  hidden;
}

.home-page-news .portfolio-desc h3 a{
    line-height: 8px;
    font-size: 10px;
}

.home-page-news .portfolio-desc span{
    font-size: 10px;
    margin-top: 0;
}

.home-page-news .owl-carousel .owl-dots{
    display: none;
}

.home-page-news .owl-carousel.with-carousel-dots .owl-nav [class*=owl-]{
    margin-top: -20px;
}

.main_content_left, .main_content_right{
    margin-top: 5px;
}

.main_content_left .widget_links a, .main_content_right .widget_links a{
    background: url('../assets/canvas/images/icons/widget-link.png') right top no-repeat;
    font-size: 16px;
    display:  block;
    padding-left: 0;
}

.main_content_left .widget_links li, .main_content_right .widget_links li{
    border-bottom: 1px solid #ddd;
}

.main_content_left .widget_links .nav-child li:last-child,
.main_content_right .widget_links .nav-child li:last-child{
    border-bottom: 0;
}

.main_content_left .sidebar, .main_content_right .sidebar{
    width: auto;
    margin: 0;
    float: none;
}

.main_content_left .moduletable, .main_content_right .moduletable{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.main_content_left .moduletable:last-child, .main_content_right .moduletable:last-child{
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.breadcrumbs-container .breadcrumb{
    position: relative !important;
    width: auto !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 0 0 0 !important;
    background-color: #ffffff !important;
    padding: 15px !important;
    font-size: 12px;
}

.breadcrumbs-container .breadcrumb > li + li:before{
    display: none;
}

.breadcrumbs-container .divider{
    top: -1px;
    margin: 0;
}

.breadcrumbs-container .icon-location:before{
    content: "";
}

.breadcrumbs-container .divider:after{
    border: 0;
}

/*.n2-ss-align:before{*/
    /*content: "";*/
    /*position: absolute;*/
    /*bottom: 20px;*/
    /*width: 100%;*/
    /*border-top: 1px dashed rgba(255,255,255,.3);*/
    /*left: 0;*/
    /*z-index: 10;*/
/*}*/
/* -------------------------------------------------------------------------- *
 * 4. Components                                                              *
 * -------------------------------------------------------------------------- */

/* K2 extraItems Template */
#k2Container.extraItems {
    padding: 0px;
    margin: 0px -15px;
    background-image: url(../images/background-middle.jpg);
    background-position: top center;
    background-repeat: repeat-y;
    background-size: contain;
}
.extraItems-header {
    position: relative;
    padding: 150px 145px 20px;
    z-index: 1;
    font-family: "Cobweb";
}
.extraItems-header h1 {
    text-align: center;
    font-family: "Cobweb";
    font-weight: 400;
    font-size: 42px;
    font-style: italic;
}
.extraItems-header:before {
    content: "";
    background-image: url('../images/background-header.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 590px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.extraItems-header .row {
    margin-top: 150px;
}

.extraItems-middle {
    position: relative;
    text-align: center;
    padding: 10px 145px;
    z-index: 2;
}

.extraItems-footer {
    background-image: url('../images/background-footer.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 135px 145px;
}

.extraItems-middle #itemListLeading > div {
    float: left;
    width: 25%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
}
.extraItems-item a {
    overflow: hidden;
    background-color: #fff;
    padding: 2px;
    transition: all 0.3s ease;
}
.extraItems-item img {
    height: 130px;
    transition: all 0.3s ease;
}
.extraItems-item:hover img {
    transform: scale(0.98);
}

#k2Container.extraItems.Christmas .extraItems-header {
    background-size: cover;
    background-image: url('../images/background-Christmas-middle.jpg');
    background-repeat: no-repeat;
}

#k2Container.extraItems.Christmas .extraItems-middle,
#k2Container.extraItems.Christmas .extraItems-footer {
    background-size: cover;
    background-position: 0 -90px;
    background-image: url('../images/background-Christmas-middle-2.jpg');
    background-repeat: repeat-y;
}

#k2Container.extraItems.Christmas .extraItems-header .extraItems-header_title h1 {
    text-align: left;
    margin-bottom: 40px;
}

#k2Container.extraItems.Christmas .extraItems-header .extraItems-header_content {
    color: #181616;
    box-shadow: -200px 0 200px 20px rgb(226 223 226 / 50%) inset;
}

#k2Container.extraItems.Christmas .extraItems-header:before {
    content: none;
/*    background-image: url('../images/background-Christmas-header.jpg');*/
}

#k2Container.extraItems.Christmas .extraItems-header,
#k2Container.extraItems.Christmas .extraItems-footer {
    padding-left: 100px;
    padding-right: 100px;
}

#k2Container.extraItems.Christmas .extraItems-middle {
    padding-left: 90px;
    padding-right: 90px;
}