/* Custom Css */
html {
    margin: 0 !important;
}

h1 a {
    color: #fff;
}

.overflow-auto {
    overflow: auto !important;
}

.box-cookie-policy {
    right: auto;
    left: 100px;
}

/* Pdf */
#catalogo {
    height: 600px;
    position: relative;
}

.flipbook-menu-btn {
    display: inline-block !important;
}
/* End Pdf */

/* Lightbox */
.mfp-bg {
    z-index: 9999999;
}

.mfp-wrap {
    z-index: 99999999;
}
/* end Lightbox */

/* Wrapper */
@media (min-width: 992px) {
    .side-header.side-header-right:not(.open-header) #wrapper {
        /*margin: 0 !important;*/
        position: absolute;
        top: 10%;
        width: 70% !important;
        background-color: transparent;
        max-height: 80%;
        overflow: visible;
    }
    
    .side-header.side-header-right:not(.open-header) #wrapper.white {
        background-color: rgba(255,255,255,0.8);
    }
    
    .content-wrap {
        padding: 20px 0;
    }
    
    .side-header.side-header-right:not(.open-header) #wrapper.full-photogallery {
        width: calc(100% - 260px) !important;
        max-height: 100%;
        top: 0;
        position: relative;
    }
    
    .side-header.side-header-right:not(.open-header) #wrapper.full-photogallery .container {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .side-header.side-header-right:not(.open-header) #wrapper.full-photogallery #portfolio {
        width: 100%;
    }
    
    .side-header.side-header-right:not(.open-header) #wrapper.full-photogallery h1 {
        padding: 0 20px;
    }
}

#content {
    background-color: transparent;
    width: 100%;
}

#wrapper {
    z-index: 99999;
}

.blackBG {
    background-color: rgba(0,0,0,0.8);
}

.blackBG h1 {
    color: #fff;
}
/* end Wrapper */

/* Slider */
#slider {
    position: fixed;
}
/* end Slider */

/* Header */
#header a {
    color: #fff;
}

#header a:hover {
    color: #337ab7;
}

#primary-menu-trigger {
    color: #fff;
    font-size: 30px;
}

.side-header.side-header-right #header {
    background-color: rgba(0,0,0,.55);
    border-right: none;
    border-left: none;
}

.side-header #primary-menu ul li a {
    color: #fff;
    font-size: 25px;
    transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}

.side-header #primary-menu ul ul li a {
    font-size: 20px;
}

#primary-menu > ul > li:hover > a,
#primary-menu > ul > li.current > a,
#primary-menu > ul ul > li:hover > a,
#primary-menu > ul ul > li.current > a {
    color: #fff;
    opacity: 0.6;
}

/*#primary-menu > ul > li.current > ul,
#primary-menu > ul ul > li.current > ul {
    display: block !important;
}*/

@media (min-width: 992px) {
    .arrow-down a:after {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

#primary-menu ul ul a {
    color: #fff !important;
}

.side-header #primary-menu ul ul li:hover > a {
	background-color: transparent !important;
	color: #fff !important;
    opacity: 0.6;
}

.social-icon {
    color: #fff;
}

@media (min-width: 992px) {
    .side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after {
        margin: 40px 0 0 auto;
    }
}

#header .footer-box {
    float: right;
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
    width: 100%;
    transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}

#header .footer-box a {
    display: block;
    background-color: #FFFFFF;
    padding: 10px;
    color: #555;
    transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
}

#header .footer-box a:hover {
    background-color: #B6B6B6;
    color: #FFF;
}

@media (min-width: 992px) {
    .side-header #primary-menu ul > li.sub-menu > a:after {
        right: -16px;
    }
}

.openMenu ul {
    display: block !important;
}

@media (min-width: 992px) {
    .side-header #primary-menu ul > li.openMenu > a:after {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
/* end Header */

/* Footer */
#footer-custom {
    position: absolute;
    bottom: 30px;
    color: #fff;
    box-sizing: border-box;
    width: 260px;
    padding: 0 30px;
    margin: 0;
}
/* end Footer */

/* Post */
@media (min-width: 992px) {
    .post-masonry-full .entry {
        background-color: #fff;
        width: 45% !important;
        margin: 5px !important;
        border: none;
    }
}

.more-link {
    border-bottom: 1px solid #000;
    color: #000;
}

.more-link:hover {
    border-bottom: 1px solid #337ab7;
    color: #337ab7;
}

.post-grid .entry {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    background-color: transparent;
    float: left;
    margin: 0;
    border: none;
    border-bottom: 1px solid #fff;
}

.entry-image {
    width: 25%;
    float: left;
    
}

.entry-image > a,
.entry-image .slide a,
.entry-image img {
    width: 100%;
    float: left;
}

.entry-content-wrapper {
    float: left;
    width: 75%;
    box-sizing: border-box;
    padding-left: 50px;
}

#posts .entry-content,
.entry-meta,
#post .entry-title {
    float: left;
    width: 100%;
    color: #fff;
}

#posts .entry-content,
.entry-image {
    margin-top: 10px;
}

#posts .entry-title {
    padding-left: 10px;
}

#posts .entry-content > div {
    float: left;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}
/* end Post */

/* Portfolio */
#portfolio-filter {
    background-color: #fff;
}

.portfolio-full .portfolio-item {
    padding: 10px 5px 0;
}

.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-nomargin.portfolio-notitle .portfolio-desc {
    margin: 0 5px;
    width: calc(100% - 10px);
}

.portfolio-3 .portfolio-item {
    width: 23%;
}

.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img {
    width: 100%;
    height: auto;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.portfolio-overlay a {
    margin: -28px 0 0 -20px;
}

/*.portfolio-3.portfolio-nomargin .portfolio-item:hover {
    opacity: 0.8;
}*/

/*.side-header.side-header-right:not(.open-header) #wrapper.full-photogallery #portfolio .portfolio-item {
    border: 1px dashed #aaa;
}*/
/* end Portfolio */

/* News */
#news-page h1,
#news-page h2 {
    padding: 0;
}

#news-page .blackBG h1,
#news-page .blackBG h2,
#news-page .blackBG h2 a,
#news-page .blackBG h4,
#news-page .blackBG p {
    color: #fff;
}

@media (min-width: 992px) {
    #news-page.side-header.side-header-right:not(.open-header) #wrapper {
        overflow: auto;
    }
    
    #news-page.side-header.side-header-right:not(.open-header) #wrapper.full-photogallery .container {
        padding: 40px 55px;
    }
}

#news-page .entry-meta li {
    float: none;
    color: #333;
    line-height: normal;
    font-size: 15px;
}

#news-page .blackBG .entry-meta li {
    color: #fff;
}

#news-page .entry-meta li i {
    color: #333;
    font-size: 15px;
}

#news-page .blackBG .entry-meta li i {
    color: #fff;
}

#news-page .line,
#news-page .double-line {
    margin: 30px 0;
    border-top: 1px solid #999;
}

#news-page .post-grid .entry h3,
#news-page .post-grid .entry h3 a {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
}

.news-wrapper-col {
    float: left;
    width: 50%;
}

#video-news {
    margin-top: 50px;
}

@media (max-width: 991px) {
    .news-wrapper-col {
        width: 100%;
    }  
}

@media (max-width: 767px) {
#video-news,
#video-news video {
    width: 100%;
}
}
/* end News */

/* Distribution */
#distribution-page h1,
#distribution-page h2 {
    padding: 0 15px;
}

#distribution-page h4 {
    margin: 0 0 20px;
}

#distribution-page .blackBG h1,
#distribution-page .blackBG h2,
#distribution-page .blackBG h2 a,
#distribution-page .blackBG h4,
#distribution-page .blackBG p {
    color: #fff;
}

#distribution-page p {
    margin: 0;
}

#distribution-page a {
    color: #fff;
}

#distribution-page a:hover {
    color: #337ab7
}

@media (min-width: 992px) {
    #distribution-page.side-header.side-header-right:not(.open-header) #wrapper {
        overflow: auto;
    }
    
    #distribution-page.side-header.side-header-right:not(.open-header) #wrapper.full-photogallery .container {
        padding: 40px 55px;
    }
}

#distribution-page .entry-meta li {
    float: none;
    color: #333;
    line-height: normal;
    font-size: 15px;
}

#distribution-page .blackBG .entry-meta li {
    color: #fff;
}

#distribution-page .entry-meta li i {
    color: #333;
    font-size: 15px;
}

#distribution-page .blackBG .entry-meta li i {
    color: #fff;
}

#distribution-page .line,
#distribution-page .double-line {
    margin: 30px 0;
    border-top: 1px solid #999;
    float: left;
}

.submit-align {
    margin-top: 30px;
}

.blackBG label {
    color: #fff;
}

#rete-vendita {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
/* end Distribution */

/* Ajax Form */
#content-ajax {
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    padding: 40px;
    width: 60%;
    margin: 0 auto;
}

#content-ajax .postcontent {
    width: 100%;
}

.captcha {
    padding: 0px !important;
    width: auto;
}

#contact-form-result {
    margin: 0 0 20px;
    font-size: 20px;
}
/* end Ajax Form */

/* Responsive */

@media (min-width: 768px) {
    .ajax-form-carini {
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media (max-width: 991px) {
    #posts .entry-content > div {
        width: 50%;
        margin-bottom: 20px;
    }
    
    #posts .entry-content {
        display: flex;
        flex-wrap: wrap;
    }
    
    #footer-custom {
        position: relative;
        width: 100%;
        bottom: auto;
        margin: 0 0 20px;
        display: none;
    }
    
    #header .footer-box {
        float: none;
    }
    
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
        color: #fff !important;
    }
    
        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a,
        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a,
        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a {
        color: #fff !important;
    }
    
    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
        box-sizing: border-box;
        height: 100%;
    }
    
    #content-ajax {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow: auto;
        padding: 40px;
        border: 0px solid #fff;
    }
    
    body.device-touch.device-xs .portfolio-notitle .portfolio-desc,
    body.device-touch.device-xxs .portfolio-notitle .portfolio-desc,
    .portfolio-full.portfolio-notitle .portfolio-desc,
    .portfolio-nomargin.portfolio-notitle .portfolio-desc {
        bottom: 0px !important;
        display: block !important;
    }
}

@media (max-width: 767px) {
    #slider {
        top: 200px;
        height: 80%;
        height: calc(100% - 200px) !important;
    }
    
    #slider .swiper-wrapper {
        height: 100% !important;
    }
    
    #slider .swiper-wrapper .swiper-slide {
        height: 100% !important;
    }
    
    .container, #header.full-header .container, .container-fullwidth {
        width: 100% !important;
        background-size: cover;
        background-position: center;
    }
    
    .post-grid .entry, .post-masonry-full.grid-3 .entry {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        border-right: 1px solid #bbb !important;
    }
    
    #distribution-page .line,
    #news-page .line {
        display: none;
    }
    
    #posts .entry-content > div {
        width: 100%;
    }
}

@media (orientation:landscape) and (max-width: 767px) {
    body {
        min-height: 600px;
    }
    #slider {
        min-height: 400px;
        position: absolute;
    }
}

@media (max-height: 860px) {
    #footer-custom {
        display: none;
    }
}
/* End Responsive */