@font-face {
    font-family: "Artegra";
    src: url("../../fonts/Artegra/Artegra_Sans-Extended-Alt-400-Regular.otf");
}
body{
    font-family: "Artegra";
}
h1,h2,h3,h4,h5,h6{
    font-weight: bold !important;
}
a, a:visited{
    text-decoration: underline;
}
a:hover, a:focus{
    text-decoration: underline;
}
a, a:active{
    text-decoration: underline;
}
/* HEADER */
header .sup_header{
    font-size: 16px;
    padding: 9px 0;
    text-align: center;
    line-height: 1;
}
header .sup_header .banner{
    text-align: center;
    margin: 0;
}
header #logo img{
    width: 100%;
}
header .main_nav{
    border: 1px solid;
}
header .main-menu > ul > li > a{
    padding: 15px 15px;
    margin: 10px 0;
    font-size: 14px;
    //border-right: 3px solid #eeb52e;
    font-weight: bold;
    text-decoration: none;
}
header .main-menu > ul > li:first-child > a{
    padding-left: 0;
}
header .main-menu ul > li.submenu a{
    font-weight: bold;
    text-decoration: none;
}
header .main-menu ul > li.submenu > a:after{
    /*color: #000;
    font-family: 'Font Awesome\ 5 Free';
    content: "\f078";*/
    content: "";
}
header ul.top_tools > li a.access_link:before{
    content: "";
}
header ul.top_tools > li a.cart_bt:before{
    content: "";
}
header .top_tools{
    font-size: 24px;
}
header #header_menu img{
    width: 100%;
}
header .main-menu ul.mobile-menu li a{
    padding: 15px 15px !important;
    text-decoration: none;
}

/* TABLES */
table tr td, table tr th{
    vertical-align: middle !important;
}

.main_title h1{
    font-size: 3.8rem;
    font-weight: bold;
}
.main_title h2{
    font-size: 3.5rem;
    font-weight: bold;
    text-transform: uppercase;
}
.bold{
    font-weight: bold;
}
.btn{
    text-decoration: none;
}
.top_banner{
    padding: 30px 0;
}
.top_banner p{
    margin: 0;
    padding: 0;
}

@media (max-width: 991px){
    header .main_header #logo a img {
        width: 100%;
        height: auto;
    }
}

/* TABLETS IN BASSA RISOLUZIONE E SMARTPHONE (LANDSCAPE) */
@media (min-width: 481px) and (max-width: 767px){
    
}

/* SMARTPHONE (PORTRAIT) */
@media (max-width: 480px){
    header .main_header #logo a img {
        width: 100%;
        height: auto;
    }
    header ul.top_tools > li{
        margin: 0;
        text-align: right;
        display: block !important;
        width: 100%;
    }
    #newsletter-section h2{
        font-size: 2rem;
    }
    #newsletter-section input{
        max-width: 300px;
    }
}