/* 
    Created on : 9-mag-2018, 16.05.58
    Author     : spozzar
*/
@font-face {
    font-family: 'alte_haas_groteskbold';
    src: url('../assets/fonts/altehaasgrotesk_bold-webfont.woff2') format('woff2'), url('../assets/fonts/altehaasgrotesk_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Body*/
body, html {
    font-family: 'alte_haas_groteskbold', Helvetica, sans-serif;
    /*background-color: #fcfcfc;*/
    background-color: #ffffff;
    background-image: url('../assets/img/ecommerce/bg-grunge-glider.gif') !important;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
}


#wrapper {
     /*background-color: #fcfcfc;*/
    background-color: #ffffff;
    background-image: url('../assets/img/ecommerce/bg-grunge-glider.gif') !important;
    animation-fill-mode: both;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/*Testata*/
.topnav-top #header {
     height: 83px; 
}

.header-transparent.transparent-dark #topbar {
    background:  #FFFFFf;
    border-bottom: #FFFFFf;
}

#topbar .topbar-text .topbar-text-item i {
    font-size: 0.9rem; 
    opacity: .4;
    padding-right: .5rem;
    position: absolute;
    left: 3px;
    top: 12px;
}

#topbar {
    position: fixed;
    z-index: 200;
    top: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 38px !important;
    line-height: 38px  !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    font-family: 'PT Sans Narrow', sans-serif;
    background-color: #0a253e;
}


#topbar .topbar-menu>ul>li {
    display: block;
    position: relative;
    float: left;
    font-size: 0.9rem;
    height: 38px;
    line-height: 38px;
    border-left: 1px solid #eee;
    color: rgba(0, 0, 0, .7);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.topnav-top #main-menu>ul>li>a, .topnav-top .main-menu>ul>li>a, .topnav-top .nav-tools li a {
    height: 80px;
}

.header-transparent.transparent-dark.topnav-top #main-navigation #main-menu>ul>li>a, .header-transparent.transparent-dark.topnav-top #main-navigation .main-menu>ul>li>a, .header-transparent.transparent-dark.topnav-top #main-navigation .nav-right i, .header-transparent.transparent-dark.topnav-top #main-navigation .tools-btn span, .header-transparent.transparent-dark.topnav-top .toggle-menu span.menu-label {
    color: #FFFFFF;
}

#main-navigation .nav-right i, #main-navigation a:not(.btn) {
    color: #555 !important;
    
}

#main-menu ul ul a, .main-menu ul ul a {
    height: 38px;
    line-height: 29px;
    font-weight: 500;
}


.menu-mobile.topnav-top .mobile-menu-btn .toggle-menu {
     top: 3px;
}


body:not(.topnav-top):not(.header-scroll-transparent):not(.dark-skin) #main-navigation>.main-nav-wrapper {
     border-bottom: #E6E6E6; 
}

.header-scroll-dark:not(.topnav-top) #header #main-navigation .main-nav-wrapper, .header-scroll-dark:not(.topnav-top) #header #topbar {
    background: #FFFFFF;
}

.header-scroll-dark:not(.topnav-top) #header #main-navigation .main-nav-wrapper {
    background: #FFFFFF !important;
	border:1px solid #E6E6E6 !important;
}



#topbar .topbar-text, #topbar .topbar-text a {
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    font-weight: 400;
    font-family: 'PT Sans', sans-serif;
}

.topnav-top #main-navigation .main-nav-wrapper {
    height: 80px !important;
    box-shadow: none;
    
}

#main-navigation .main-nav-wrapper {
    height: 80px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#main-menu>ul>li>a, .main-menu>ul>li>a {
    height: 80px;
    font-size: 1.143rem;
    font-weight: 400;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    /* font-family: 'Roboto'; */
}

.topnav-top #topbar~#main-navigation #main-menu>ul>li>a, .topnav-top #topbar~#main-navigation .main-menu>ul>li>a, .topnav-top #topbar~#main-navigation .nav-tools li a:not(.btn) {
    height: 80px;
}

.header-transparent.topnav-top #header #main-navigation .main-nav-wrapper {
	background: #FFFFFF !important;
	border:1px solid #E6E6E6 !important;
}


.header-transparent.topnav-top #header #main-navigation .barLogin {
	background: rgba(10, 37, 62, 0) !important;
}

.header-scroll-dark:not(.topnav-top) #header #main-navigation .barLogin {
    background: rgba(10, 37, 62, 0);
}

@media (max-width:768px) {
	.header-transparent.topnav-top #header~#main-content {
		margin-top: 0px !important;
	}
}

@media (max-width:400px) {
	.topnav-top #header {
		height: 50px !important;
	}
	
	.header-transparent.topnav-top #header #main-navigation .barLogin {
		background: #FFFFFF !important;
	}
	
	.header-scroll-dark:not(.topnav-top) #header #main-navigation .barLogin {
		background: #FFFFFF;
	}
	
	
	.header-transparent.topnav-top #header~#main-content {
		margin-top: -10px !important;
	}
	
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		border-top: none;
		padding: 6px; 
	}
	

}

.header-scroll-dark #main-navigation #main-menu>ul>li>a, .header-scroll-dark #main-navigation .main-menu>ul>li>a, .header-scroll-dark #main-navigation .nav-right i, .header-scroll-dark #main-navigation .tools-btn span {
    color: #000000 !important;
    
}
.header-scroll-dark #main-navigation #main-menu>ul>li>a{
    font-family: 'alte_haas_groteskbold', Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 14px;
}

.header-transparent.transparent-dark #topbar .topbar-menu>ul>li a, .header-transparent.transparent-dark #topbar .topbar-menu>ul>li a i {
    color: #555 !important;
}


#topbar .topbar-menu>ul ul {
    position: absolute;
    padding: 10px 0;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 300;
    background: #FFFFFF;
    font-family: 'Roboto';
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.17);
}

#topbar .topbar-menu>ul ul li {
    height: 38px;
    list-style: none;
    padding: 0 8px !important;
}

#topbar .topbar-menu>ul>li:hover {
    background: #FFFFFF;
}

#topbar .topbar-menu>ul ul li a {
    display: block;
    color: #555;
    width:100%;
    line-height: 38px;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: left;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    border-bottom: 1px solid #e3e3e3;
}



#main-navigation.submenu-dark #main-menu .mega-menu-content, #main-navigation.submenu-dark #main-menu>ul>li:not(.mega-menu) ul, #main-navigation.submenu-dark .main-menu .mega-menu-content, #main-navigation.submenu-dark .main-menu>ul>li:not(.mega-menu) ul, .header-dark #main-menu ul li ul, .header-dark .main-menu ul li ul {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.17);
}

#main-navigation.submenu-dark #main-menu .mega-menu-content .menu-title, #main-navigation.submenu-dark #main-menu>ul>li.mega-menu .mega-menu-content a:not(.menu-title):not(.btn):hover, #main-navigation.submenu-dark #main-menu>ul>li>ul a:hover, #main-navigation.submenu-dark .main-menu .mega-menu-content .menu-title, #main-navigation.submenu-dark .main-menu>ul>li.mega-menu .mega-menu-content a:not(.menu-title):not(.btn):hover, #main-navigation.submenu-dark .main-menu>ul>li>ul a:hover, .header-dark #main-menu>ul>li.mega-menu .mega-menu-content a:not(.menu-title):not(.btn):hover, .header-dark #main-menu>ul>li>ul a:hover, .header-dark .main-menu>ul>li.mega-menu .mega-menu-content a:not(.menu-title):not(.btn):hover, .header-dark .main-menu>ul>li>ul a:hover {
    font-family: 'Roboto';
    color: #555!important;
    line-height: 38px;
    font-size: .8rem;
    border-bottom: 1px solid #e3e3e3;
}
#main-navigation.submenu-dark #main-menu>ul>li.mega-menu .mega-menu-content>ul>li>ul a, #main-navigation.submenu-dark .main-menu>ul>li.mega-menu .mega-menu-content>ul>li>ul a, #off-top-menu p a, .header-dark #main-menu>ul>li.mega-menu .mega-menu-content>ul>li>ul a, .header-dark .main-menu>ul>li.mega-menu .mega-menu-content>ul>li>ul a {
    color: #000;
}

#main-menu .mega-menu-content.col-5>div:not(.menu-bg-image), #main-menu .mega-menu-content.col-5>ul, .main-menu .mega-menu-content.col-5>div:not(.menu-bg-image), .main-menu .mega-menu-content.col-5>ul {
    width: 30%;
    position: relative;
    float: left;
    z-index: 3;
}

address, dl, ol, p, ul {
    margin-bottom: 0.7rem;
}

.widget-links li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
}

span.pe-7s-cart {
    color: #000;
    font-size: 24px;
}

.icon {
    font-size: 26px;
    display: inline-block;
    cursor: pointer;
}

span.pe-7s-user {
    color: #000;
    font-size: 24px;
}

span.pe-7s-search {
    color: #000;
    font-size: 24px;
}

span.pe-7s-switch{
    color: #000;
    font-size: 24px;
}
.mirror{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}


#list-user-quickview {
    display: none;
    position: absolute;
    right: 80px;
    background: #FFFFFF!important;
    width: 188px;
    padding-left: 0;
    padding: 0 1rem;
    box-shadow: 2px 1px 4px 1px rgba(0, 0, 0, .1);
}

#list-user-quickview li {
    list-style: none;
    display: block;
}

#list-user-quickview li a {
    height: 50px !important;
}


.inputFiltro{
    color: #3d3d3d !important;
    padding-right: 25px !important;
    line-height: 35px !important;
    border: 1px solid rgba(88,88,90,0.6) !important;
    font-size: 1.143rem !important;
    font-weight: 500 !important;
    line-height: normal !important;
    display: block !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    background: #fff !important;
}


#cart-quickview .cart-spese-trasporto {
    margin-bottom: 1rem;
    font-size: 0.8rem;
}
#cart-quickview .cart-spese-trasporto span {
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    color: #555;
}
#cart-quickview .cart-spese-trasporto span.cart-spese-trasporto-value {
    text-align: right;
    float: right;
    color: #555;
}

body:not(.left-nav) #main-menu .mega-menu-content ul ul, body:not(.left-nav) .main-menu .mega-menu-content ul ul {
    display: block!important;
    opacity: 1!important;
    border: none!important;
    left: 0;
    width: 100%!important;
    box-shadow: none!important;
    position: relative;
    padding: 5px!important;
}


.header-transparent #header~#main-content, .header-transparent.header-no-sticky #header~#main-content {
    margin-top: 0px;
}


.shop-breadcrumb-multi {
    float: left;
    margin-right: 2rem;
    margin-top: 7px;
}

.shop-breadcrumb-multi ul {
    padding-left: 0;
}

.shop-breadcrumb-multi ul li {
    color: #rgba(10,37,62,0.5);
    list-style: none;
    display: inline-block;
    font-weight: 400 !important;
    font-size: 0.9286rem;
}

.shop-breadcrumb-multi ul li a {
    color: #3d3d3d;
    font-size: 0.9286rem;
    transition: all .3s ease-out;
    font-weight: 400 !important;
}


.shop-breadcrumb-multi ul li a::after {
    color: #999;
    content: "\f105";
    padding-left: 8px;
    padding-right: 6px;
    opacity: .5;
    display: inline-block;
    font-family: FontAwesome;
}


@media (max-width: 768px){
    .flexslider .slides img{
	height: auto !important;
	width: 100% !important;
    }
}


@media (min-width:1200px) {
    .container-articolo {
	max-width: 90% !important;
    }
}



.prodotti-compatibili{
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
    padding-left: 0;
}


.prodotti-info__link{
    font-weight: bold;
}

.prodotti-compatibili .product .dots {
    display:none;
}