/*
    Theme Name: IPH
    Author: Solutions
    Author URI: https://www.studiosolutions.it
    Version: 1.0.0
    Template: genesis
    Text Domain: iph
*/
@charset "utf-8";
@font-face {
    font-family: Raleway-Black;
    src: url('../fonts/Raleway-Black.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-BlackItalic;
    src: url('../fonts/Raleway-BlackItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-Bold;
    src: url('../fonts/Raleway-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: RalewayBoldItalic;
    src: url('../fonts/Raleway-BoldItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-ExtraBold;
    src: url('../fonts/Raleway-ExtraBold.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-ExtraBoldItalic;
    src: url('../fonts/Raleway-ExtraBoldItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-ExtraLight;
    src: url('../fonts/Raleway-ExtraLight.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-ExtraLightItalic;
    src: url('../fonts/Raleway-ExtraLightItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-Italic;
    src: url('../fonts/Raleway-Italic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-Light;
    src: url('../fonts/Raleway-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-LightItalic;
    src: url('../fonts/Raleway-LightItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-Medium;
    src: url('../fonts/Raleway-Medium.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-MediumItalic;
    src: url('../fonts/Raleway-MediumItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-Regular;
    src: url('../fonts/Raleway-Regular.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-SemiBold;
    src: url('../fonts/Raleway-SemiBold.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-SemiBoldItalic;
    src: url('../fonts/Raleway-SemiBoldItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-Thin;
    src: url('../fonts/Raleway-Thin.ttf');
    font-display: swap;
}
@font-face {
    font-family: Raleway-ThinItalic;
    src: url('../fonts/Raleway-ThinItalic.ttf');
    font-display: swap;
}
@font-face {
    font-family: Roboto-Medium;
    src: url('../fonts/Roboto-Medium.ttf');
    font-display: swap;
}
@font-face {
    font-family: Roboto-Bold;
    src: url('../fonts/Roboto-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: Roboto-Regular;
    src: url('../fonts/Roboto-Regular.ttf');
    font-display: swap;
}
html body{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 18px;
    color: #363636;
}
html.isopenmenu {
    overflow: hidden;
}
body .vc_row:after,body .vc_row:before{
    display: none;
}
body.loadprod:before{
    content: "";
    background-color: #006699;
    opacity: 0.5;
    position: fixed;
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
}
body .vc_column-inner::after,body .vc_column-inner::before{
    display: none;
}
body .vc_column_container {
    min-height: 0px;
}
body .vc_row {
    width: 100%;
    margin: auto;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
body .vc_column_container>.vc_column-inner {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
body a{text-transform: none;color: initial;text-decoration: none;}
body a:hover{color: #21b7e9;text-decoration: none;}
body a:hover i{color: #21b7e9;}
a:focus, input:focus, button:focus{outline: none;box-shadow: none;}
.btn.focus, .btn:focus{box-shadow: none;}

i{cursor: pointer;}
.navbar {
    padding: .5rem 0px;
}
strong{
    font-family: Raleway-Medium;
}
@media (max-width: 1299px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
}


.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 0!important;}
.group_burger{display: none;}

.box{width: 100%;position: relative;}
.flex-mobile{display: flex;flex-direction: row;color: #ffffff;align-items: baseline;}
.sticky .flex-mobile .fas{
    color: #000000;
}
.sticky .flex-mobile .fas.fa-globe{
    color: #00ccff;
}
.sticky .header-top a.pto{
    color: #2b2b2b;
}
.container{
    display: block;
    position: relative;
    z-index: 3;
    padding-right: 0px;
    padding-left: 0px;
}
.container.medio-width {
    max-width: 1368px;
}

.site-header, .site-footer{display: none}
.container-full{width: 100%;position: relative;display: flex;max-width: 1368px;margin: 0 auto;padding: 0px 30px;
    flex-direction: column;}
.container-full.cont-full-width, .container.cont-full-width{
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.header-top{
    height: auto;
    padding: 25px 0px 15px 0px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    transition: 0.5s;
}
.header-top .container-full{
    flex-direction: unset;
}
.header-top .container-full{justify-content: space-between;align-items: center;}
.header-top .container{
    margin: 0;
    width: auto;
    flex-direction: row;
    align-items: baseline;
    padding-right: 30px;
    padding-left: 30px;
}
/*@media (max-width: 1135px){*/
/*    .header-top .container{*/
/*        padding-right: 30px;*/
/*    }*/
/*}*/

.clx{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.header-top .logo .s,
.header-top .logo .n
{
    display: flex;
    height: 35px;
    flex-wrap: unset;
}
.header-top .logo{
    height: 52px;
    display: inline-flex;
}
@media (max-width: 676px){
  .header-top .logo {
      max-width: 100px;
  }
}
body:not(.sticky):not(.home) .header-top.h_header_3 .logo .n {
    display: none;
}
body.home:not(.sticky) .header-top .logo .s{
    display: none;
}
.sticky .header-top .logo .s, .single-product .header-top .logo .s, .tax_page.header-top .logo .s, .h_header_2.header-top .logo .s{
    display: none;
}
@media (max-width: 991px){
    body.home .header-top .logo .n{
        display: none;
    }
    body.home.sticky .header-top .logo .n{
        display: flex;
    } 
    body.home:not(.sticky) .header-top .logo .s{
        display: flex;
    }
}
.header-top .logo .l_1{
    height: auto;
    width: 36px;
}
.header-top .logo .l_2{
    height: auto;
    width: 103px;
    margin-left: 5px;
}
.header-top .logo img{
    height: auto;
    width: 103px;
}
.header-top .navbar-expand-lg .navbar-nav .nav-link{
    padding: 0
}
.header-top .navbar .nav-link{
    position: relative;
    display: inline-flex;
    font-family: Raleway-Medium;
    font-size: 15px;
    line-height: 15px;
    color: #333333;
    text-transform: uppercase;
}

body:not(.sticky) .h_header_1.header-top .navbar .nav-link,body:not(.sticky) .h_header_3.header-top .navbar .nav-link, body:not(.sticky) .h_header_1 .cercamenu i, body:not(.sticky) .h_header_1 .burger::after , body:not(.sticky) .h_header_3 .cercamenu i, body:not(.sticky) .h_header_3 .burger::after{
    color: #ffffff;
}

header .container-full{
    max-width: 1700px;
}
.header-top .navbar .nav-link::before{
    content: '';
    position: absolute;
    right: 0px;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.header-top .fa-globe{
    color: #00ccff;
    margin-left: 18px;
}
.header-top a.pto{
    border: 1px solid #00ccff;
    padding: 5px 10px;
    color: #ffffff;
    margin-left: 21px;
    font-size: 15px;
    font-family: Raleway-ExtraBold;
}
.header-top .navbar .nav-link::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 0%;
    height: 2px;
    background-color: #fff;
    transition: 0.5s;
}
.header-top.header_2 .fa-search, .single .fa-search{
    color: #333333;
}
.header-top.header_2 a.pto, .single a.pto{
    color: #2b2b2b;
}
.header-top .navbar .nav-link:hover::before{
    width: 100%;
    left: 0%;
}
.header-top .navbar .nav-link.no-freccia::after{content: '';width: 0;}
.header-top .navbar .nav-link.icona-oem::after{
    content: '';
    background-image: url('../images/svg/azzurro.svg');
    position: relative;
    right: -2px;
    top: -1px;
    color: #ffffff;
    width: 7px;
    height: 11px;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.header-top .social-menu{margin-right: 20px;display: flex;flex-direction: column;}
.header-top .social-menu .folow{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    margin: 0;
}
.header-top .social-menu .icone-social{display: flex;flex-direction: row;}
.header-top .social-menu .icone-social a{
    width: 15px;
    margin: 0 4px;
    height: 15px;
    background-color: #00055b;
    border-radius: 100%;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-top .social-menu .icone-social a:first-child{margin-left: 0;}
.header-top .social-menu .icone-social a:last-child{margin-right: 0;}
.header-top .social-menu .icone-social i{
    font-size: 8px;
    color: #fff;
}
.header-top .lang-menu a{
    margin: 0 5px 0 0;
    padding: 0;
    font-family: Raleway-Light,Georgia, Verdana, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #22bbea;
    text-transform: uppercase;
}
.header-top .lang-menu a:last-child{
    margin: 0;
}
.header-top .lang-menu a.active{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
}
.header{
    height: auto;
    width: 100%;
}
.header.haslevel{
    height: 100vh;
}
.header.haslevel.hasass{
    height: 100vh;
    min-height: 670px;
}
.header-h-auto{
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.header-small .sfumatura{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0f0f0f;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.header .sfumatura{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0f0f0f;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.header-info{
    height: 100%;
    max-height: 100%;
    position: relative;
}
.header-small .header-titolo{
    padding: 100px 0;
}
.header-small.header_2 .header-titolo{
    padding: 80px 20px;
}
@media (min-height: 651px) AND (min-width: 993px){
    .site-container .header_2.header-small.header_fullh .header-h-auto .header-titolo{
        padding-bottom: 135px;
        align-items: flex-end;
    }
}
.header-small .header-titolo span.titolo{
    display: unset;
    margin: 0;
    width: 100%;
}
.header-small .header-titolo span.titolo, .header-small .header-titolo span.titolo *{
    font-size: 40px;
    line-height: 44px;
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    color: #ffffff;
}

@media (min-width: 676px) {
    .header-small .header-titolo span.titolo, .header-small .header-titolo span.titolo *{
        font-size: 47px;
        line-height: 47px;
    }
    .header-small .header-titolo span.titolo {
        padding-bottom: 0px;
        margin-bottom: 0px !important;
    }
}

40px
.header-info.hasass{
    max-height: calc(100% - 65px);
}
.hasass .header-info{
    height: calc(100vh - 140px);
}
.logo .icona{width: 65px}
.secondary-menu .nav-link{font-family: 'RalewayBlack', Fallback, sans-serif;}
.lang-menu{display: flex;flex-direction: row;}
.main-menu .nav-item{margin-right: 22px;}
.main-menu .nav-item:last-child{margin-right: 0;}
.header-top .navbar .nav-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.header-top .navbar{
    margin-right: -480px;
}
.sub-menu{
    display: none;
    height: auto;
    padding: 20px 11px;
    width: max-content;
    margin-top: 15px;
    background-color: #111111;
    color: #ffffff;
    font-family: Raleway-SemiBold,Georgia, Verdana, sans-serif;
    font-size: 15px;
    list-style-type: none;
    position: absolute;
    top: 0;
    right: 0;
}
.sticky .header-top .navbar .sub-menu .nav-link, .sticky .header-top .navbar .sub-menu .nav-link::after{
    background-color: #111111;
    color: #ffffff;
}
.header-top .container:not(.menu-lato) .navbar .nav-item:hover .sub-menu{display: block;}
.menu-lato .sub-menu{
    background-color: transparent;
    position: relative;
    margin-right: 6px;
    padding: 20px 11px 10px;
    margin-top: 0;
}
.open-sub .sub-menu{display: block;}
.sub-menu li{margin-bottom: 10px;}
.sub-menu li:last-child{margin-bottom: 0;}
.menu-lato .nav-item-link{display: flex;flex-direction: row}
.header-top .menu-lato .navbar .sub-arrow-down span.icona-oem{
    background-image: url('../images/svg/azzurro.svg');
    position: relative;
    right: -2px;
    top: -1px;
    color: #ffffff;
    width: 7px;
    height: 7px;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


.header_1 .secondary-menu .navbar {
    width: auto;
    display: inline-table;
}


.secondary-menu {position: relative;padding-top: 24vh;padding-bottom: 0;display: flex;flex-direction: column;justify-content: space-between;
    padding-bottom: 46px;}
.secondary-menu .navbar-expand-lg .navbar-nav{flex-direction: column;}

.header_1 .secondary-menu .navbar-nav{
    position: relative;
    display: table;
}

@media (min-width: 650px) {

    .home .site-container .header_1 .container-full{
        padding: 0 60px 0px 30px;
        max-width: 1700px;
    }
}

@media (min-width: 1300px) {

    .home .site-container .header_1 .container-full{
        padding: 0 95px 0px 45px;
    }
    .home .header_1 .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 1.1vw;
        line-height: 1.1vw;
    }

}
@media (max-height: 650px), (max-width: 992px){
    .header_1{
        overflow: hidden;
    }
    .header_1 .secondary-menu .navbar-nav:before{
        content: "";
        position: absolute;
        top: -50vh;
        width: 50vw;
        height: 200vh;
        background-color: #000;
        right: -60px;
        opacity: 0.6;
        min-width: 350px;
    }
}


.secondary-menu .navbar-expand-lg .nav-link{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 14px;
    line-height: 15px;
    padding-bottom: 8px;
}
.secondary-menu .navbar-expand-lg .nav-item{margin: 5px 0}


.tri{background-color: #0056a6;position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 100%;}
.header .tri{clip-path: polygon(100% 20%, 0% 100%, 100% 100%);opacity: 0.6;}
.tri polygon{opacity: 0.7;}
.header-container{
    height: 100%;
    position: relative;
    z-index: 7;
    padding-left: 30px;
    padding-right: 60px;
}
.header-container .row{height: 100%;}
.header-container .navbar-expand-lg .navbar-nav a{
    font-size: 14px;
    color: #99999b;
    position: relative;
    width: max-content;
}
.header-container .navbar-expand-lg .navbar-nav a:hover{
    color: #21b8ea;
}
.header-small{
    margin-top: 170px;
    position: relative;
    overflow: hidden;
}
.header_2.header-small{
    margin-top: 80px;
}
@media (min-width: 776px) {
    .header_2.header-small{
        margin-top: 80px;
    }
}
@media (min-width: 1250px) {
    .header_2.header-small{
        margin-top: 100px;
    }
}
@media (min-width: 1300px) {
    .home .secondary-menu{
        padding-left: 0;
    }
    .home .navbar-expand-lg .navbar-nav .nav-link{
        padding-left: 0;
    }
    .home .header-container{
        padding-left: 0;
    }
    .header-container{
        padding-left: 0;
    }
}
.header_2.header-small.header_fullh{
    margin-top: 0px;
    height: 100vh;
}
.header_2.header-small.header_fullh .header-h-auto {
    height: 100%;
    position: relative;
    overflow: hidden;
}
.header_2.header-small.header_fullh .header-h-auto .header-titolo{
    display: flex;
    align-content: center;
    align-items: center;
}
.header-container .navbar-expand-lg .navbar-nav a:hover::before{
    position: absolute;
    left: 8px;
    bottom: 4px;
    width: calc(100% - 20px);
    height: 2px;
    background-color: #2c3336;
    content: '';
    display: none;
}
.header-container .navbar-expand-lg .navbar-nav a.active{color: #21b8ea;}

.bg-img{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.bg-img_on{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 2;
    clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
    background-color: #fff;
}
@media (max-width: 1400px) , (max-height: 870px) {
    .bg-img{
        background-size: cover;
    }
}
.header-imaginebg{
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    padding-right: 0px !important;
    padding-left: 0px !important;

}
.header-imaginebg img{
    display: none;
    width: 100%;
}
.header-imaginebg .row{
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}
.header-imaginebg .row > div{
    padding-right: 0px;
    padding-left: 0px;
}


.sticky .header-top{
    background-color: #fff;
    padding: 15px 0px 15px 0px;
}

.sticky .header-top .navbar .nav-link,.sticky .header-top .social-menu .folow,.sticky  .header-top .navbar .nav-link::after{
    color: #363636;
}



@media (max-width: 992px){
    .header {
        height: 100%;
    }
    .bg-img {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    body .header .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .header .slogan{
        justify-content: flex-start;
    }

}



.container.menu-lato{display: none;background-color: #363636;max-width: 320px;width: 100%;position: fixed;right: 0;top: 0;height: 100vh;justify-content: flex-end;}
.menu-lato .navbar-expand-lg .navbar-nav{flex-direction: column;align-items: flex-end;margin-top: 20px;}

.menu-lato .navbar .nav-link{font-size: 20px;}
.menu-lato .navbar{padding: 10px 0;margin-top: 30px;}
.menu-lato .nav-item, .menu-lato .social-menu{margin-right: 0;}
.menu-lato .social-menu{padding-top: 10px;align-items: flex-end;}
.menu-lato .social-menu p{font-size: 15px;}
.menu-lato .social-menu .icone-social a{margin: 0 5px;}
/*.menu-lato .social-menu .icone-social i{font-size: 17px;}*/
.menu-lato .lang-menu{margin: 20px 0;}
.header-top .menu-lato .navbar .nav-link{
    color: #ffffff;
    margin-right: 0;
    align-items: flex-end;
}
.header-top .menu-lato .navbar .nav-item{
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.header-top .menu-lato .sub-menu .nav-link{
    margin-right: 0;
}
.header-top .menu-lato .navbar .nav-link::after{display: none;}
.header-top .menu-lato .navbar .nav-link.no-freccia{margin-right: 18px;}
.header-top .menu-lato .navbar .nav-link.no-freccia::after{display: none;}
.header-top .menu-lato .navbar .nav-link.icona-oem{margin-right: 0;}
.header-top .menu-lato .navbar .nav-link.icona-oem::after{display: block;}
.header-top .menu-lato .social-menu .follow-us{
    color: #ffffff;
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 11px;
    margin-bottom: 5px;
}
.menu-lato .sub-arrow-down{
    position: relative;
    right: 0px;
    top: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 12px;
    font-weight: 900;
    margin-left: 6px;
}
.menu-lato .group1, .menu-lato .group2{display: flex;flex-direction: column;align-items: flex-end;}
.header-top .menu-lato .navbar .nav-link::after{right: 0;top: -2px;margin-left: 8px;}
.header-top .menu-lato .navbar .nav-link.icona-oem::after{right: 2px;top: 0;margin-left: 11px;}
.header-top .menu-lato .navbar .nav-link.icona-oem{margin-right: 0;}
.header-top .menu-lato .navbar .nav-link::before{margin-top: 3px;}

.menu-lato .flex-mobile{display: flex;flex-direction: column;color: #ffffff;align-items: flex-end;justify-content: space-between;height: 100vh;padding: 35px 7.5px 30px;}

.slider-home-header,
.slider-home-header .swiper-wrapper,
.slider-home-header .swiper-slide{
    width: 100%;
    height: 100%;
}
.slider-home-header .swiper-slide{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.user-login{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    margin-left: 18px;
    top: 2px;
}
.user-login span{
    font-size: 10px;
    line-height: 10px;
    margin-top: 7px;
}
.user-login:hover,
.user-login:hover i{
    color: #ffffff;
}
.h_header_2 .user-login,
.h_header_2 .user-login:hover i,
.sticky .user-login,
.sticky .user-login:hover,
.sticky .user-login:hover i{
    color: #000000;
}
@media (max-width: 470px) {
    .user-login{
        display: none;
    }
}

.banner-sticky-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px 30px;
    background-color: #20b6e8;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
    font-size: 35px;
    line-height: 40px;
    color: #ffffff;
}
.banner-sticky-footer a,
.banner-sticky-footer a:hover i{
    color: #ffffff;
}
.banner-sticky-footer a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 55px;
}
.banner-sticky-footer .testo{
    padding: 0;
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}
@media (min-width: 420px) {
    .banner-sticky-footer{
        padding: 20px 70px;
    }
}
@media (min-width: 677px) {
    .banner-sticky-footer{
        display: none;
    }
}

.slogan{display: flex;flex-direction: row;align-items: flex-end;justify-content: flex-end;align-self: flex-end;padding-bottom: 69px;}
.slogan .text{
    margin-right: 50px;
    width: auto;
    z-index: 0;
}
.slogan .text .slogan_pretitle{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #ffffff;
    padding-bottom: 15px;
    min-height: 100px;
}
.slogan .text .slogan_title{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
}
.slogan .text .slogan_title span{color: #21b9ec;}




.search{
    position: relative;
    margin: 0 0 0 16px;
    z-index: 99;
    display: none;
    flex-direction: row;
    align-items: center;
    max-width: 270px;
}
@media (min-width: 1402px) and (max-width: 1550px){
    .search{
        margin: 0 0 0 86px;
    }
}
.search i{color: #ffffff;font-size: 20px}
.search input{
    border: 0;
    background-color: transparent;
    margin-left: 7px;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
}
.search input::placeholder{color: #ffffff; font-size: 14px;}
input:focus{outline: none;}


.group_burger{

}
.group_burger .gr{

}

.burger{
    margin: 0 0 0 10px;
    top: 0px;
    left: 15px;
    display: flex;
    width: 25px;
    height: 26px;
    position: relative;
    align-items: center;
    cursor: pointer;
    
}
.burger::after{
    position: relative;
    content: '\f0c9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-align: center;
    line-height: 12px;
    font-size: 20px;
    padding-left: 7px;
}

.cercamenu{
    margin: 0 0 0 10px;
    top: 0px;
    left: 0;
    width: 25px;
    height: 26px;
    position: relative;
    align-items: center;
    cursor: pointer;
    display: none;
}

.cercamenu i{
}

.open-menu .burger::after{position: absolute;top: 7px;left: 6px;content: '\f00d';font-family: 'Font Awesome 5 Free';font-weight: 900;text-align: center;line-height: 12px;font-size: 20px;}

@media (max-width: 400px) {
    body.home.sticky .header-top .logo .n{
        width: 150px;
    }
    .header-top .container{
        padding-left: 0;
    }
}
@media (max-width: 1250px) {
    .group_burger{
        display: flex;
        align-items: baseline;
    }
    .container-full .menucontainer{
        padding-right: 0px;
        align-items: center;
    }
    .open-menu .container.menu-lato{display: block;}
    .open-menu .container.menu-lato .flex-mobile{display: flex;}
    .flex-mobile{display: none}
    .header-top{
        background-color: #ffffff;
        height: auto;
        padding: 15px 0 15px 0;
    }
    .header-top .logo {
        padding: 7px 0px;
    }
}
@media (max-width: 1250px) {
    .header-top{
        background-color: #ffffff;
        height: auto;
        padding: 15px 0 15px 0;
    }
}

@media (max-width: 1135px) , (max-height: 870px){
    .header-top .container-full{
        padding: 0 30px 0px 30px;
        flex-direction: row;
    }
    .box.header-top{
        background-color: #ffffff;
    }
    .box.header-top.h_header_1, .box.header-top.h_header_3{
        background-color: transparent;
    }
    .sticky .box.header-top.h_header_1, .sticky .box.header-top.h_header_3{
        background-color: #ffffff;
    }
    .header-top .container{/* justify-content: flex-end; */text-align: right;}
}

@media (max-width: 1400px), (max-height: 870px){
    .cercamenu{
        display: flex;
    }
}
@media (min-width: 1401px), (min-height: 871px){
    .header-info .secondary-menu .search{
        display: flex;
    }
}
@media (max-width: 1401px){
    .header-info .secondary-menu .search{
        display: none;
    }
}
@media (max-width: 350px) {
    .header-top .logo span{
        display: inline-flex;
    }
}


@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}



.cta{ background-color: #2b2b2b;z-index: 9;align-items: center;display: flex; padding: 15px 0;height: 146px}
.cta .container {
    padding-right: 0px;
    padding-left: 0px;
}
@media (max-width: 767px){
    .scroll-btn{display: none;}
    .cta{ padding: 50px 0;height: auto}
}
.cta .container .row{justify-content: space-between;}
.cta .container .cta-testo{
    font-size: 24px;
    text-transform: uppercase;
    color: #20b6e8;
    margin: 0;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    line-height: 26px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cta .container .cta-testo a{
    border: 1px solid #cfcfcf;
    background-color: #363636;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #20b6e8;
}


.cta .container .cta-testo a i{
    transition: 0.5s;
    width: 35px;
    text-align: center;
}
.cta .container .cta-testo a:hover i{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}
.cta .container .cta-testo.num{
    font-size: 22px;
    line-height: 24px;
}
.cta .cols{display: flex;flex-direction: row;align-items: center;}
.cta .cols:nth-child(2){display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
.cta .svg{
    height: 37px;
    margin-right: 10px;
}
.cta svg{height: 100%;}

@media (max-width: 767px){
    .cta .cols:nth-child(2) {
        justify-content: flex-start;
        padding-top: 20px;
    }
}
@media (max-width: 991px){
    body .header .cta .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}



@media (max-height: 650px), (max-width: 992px){
    .header .header-info {
        /*height: auto;*/
        margin-top: 80px;
    }
    .header.header_1 .header-info {
        margin-top: 0px;
    }
    .header .tri {
        clip-path: unset;
        background-color: #00ccff;
        display: none;
    }
    .header {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
    }
    .header-imaginebg .row > div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bg-img_on, .header-imaginebg .row > div:first-child{
        display: none;
    }
    .header-container .navbar-expand-lg .navbar-nav a {
        color: #fff !important;
    }
    .header-container .navbar-expand-lg .navbar-nav a:hover::before{
        background-color: #ffffff;
        left: 0;
    }
}
@media  (min-width: 992px){
    .header-container .navbar-expand-lg .navbar-nav a:hover::before{
        left: 8px;
    }
}












.selection{background-color: #363636; display: flex;align-items: center; padding: 22px 0 32px;}
.selection .container-full  .container{
    flex-direction: row;
    align-items: center;
    padding-right: 0px;
    padding-left: 0px;

}
.selection .container .blocco{display: flex;flex-direction: column;margin: 0 30px 0 0;width: 120px;height: 70px}
.selection .container .blocco select{
    max-height: 45px;
    height: 45px;
    background-color: #252525;
    border: 0;
    color: #363636;
    padding: 8px;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
            linear-gradient(45deg, transparent 50%, #363636 50%),
            linear-gradient(135deg, #363636 50%, transparent 50%),
            linear-gradient(to right, #111111, #111111);
    background-position:
            calc(100% - 20px) calc(1em + 10px),
            calc(100% - 15px) calc(1em + 10px),
            100% 0;
    background-size:
            5px 5px,
            5px 5px,
            3.5em 4.5em;
    background-repeat: no-repeat;
}
.selection .container .blocco .title{margin: 0 0 5px 0;font-size: 11px; color: #ffffff;font-family: Raleway-SemiBold,Georgia, Verdana, sans-serif;}
.selection .container .blocco .input{display: flex;flex-direction: row;justify-content: flex-start;}
.selection .container .blocco .input input{width: 60px;max-height: 45px;height: 45px;border: 0;background-color: #252525;padding: 8px;font-family: Raleway-Medium;font-size: 11px;margin-right: 8px;}
.selection .container .blocco .input input::placeholder{color: #363636; }
.selection .container button{height: 45px;width: 45px;border: 1px solid #ffffff;background-color: #363636;margin: 25px 0 0 15px;}
.selection .container button i{color: #20b6e8}
.selection .container-full{margin-top: 0;}

@media (max-width: 767px){
    .selection .container-full .container {
        flex-direction: column;
        align-items: center;
        padding-right: 15px;
        padding-left: 15px;
    }
    .selection .container-full .container .blocco {
        width: 100%;
        margin-top: 30px;
    }
    .selection .container-full .container .blocco:first-child {
        width: 100%;
        margin-top:0;
    }
}

.grid{
    height: auto;
    position: relative;
    z-index: 25;
}

.grid .item{
    position: relative;
}
.grid .item:before{
    content: "";
    display: block;
    z-index: 1;
    position: relative;
    padding-top: 100%;
}

.grid .item > div{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index:2;
    padding: 75px 40px 36px 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.grid .row{display: flex;flex-direction: row;margin: 0;}
.grid .row .col-sm-12.col-md-6.col-lg-3, .grid .row .col-sm-12.col-md-12.col-lg-6{position: relative;padding: 0px;background-size: auto;background-repeat: no-repeat;background-position: center center;}
.grid .row .col-sm-12.col-md-6.col-lg-3 a, .grid .row .col-sm-12.col-md-12.col-lg-6 a{font-size: 46px;align-self: flex-end;color: #ffffff;}
.grid .row .grid-title{
    margin: 0;
    padding: 0;
    font-size: 32px;
    color: #ffffff;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    line-height: 32px;
}
.grid .row .grid-title.bold{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
}

@media  (min-width: 767px){
    .grid .col-lg-6.item:before{
        padding-top: 50%;
    }
}


.slide-prod{
    padding-top: 45px;
    padding-bottom: 30px;
    margin-top: 0px;
    position: relative;
}
.slide-prod .loader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 99;
    display: none;
}
@media  (min-width: 767px){
    .slide-prod{
        padding-top: 60px;
        margin-top: 110px;
    }
}
.home .slide-prod{
    margin-top: 40px;
}
.slide-prod, .home .slide-prod{
    overflow: hidden;
}
@media  (min-width: 767px){
    .slide-prod, .home .slide-prod{
        margin-top: 0;
    }
}
.slide-prod .row{justify-content: space-around;}
.slide-prod .text, .slide-prod .slide_prod_img{display: flex; flex-direction: column;}

@media (min-width: 992px){
    .slide-prod .text{
        padding-top: 60px;
    }
}

.slide-prod .text{
    padding-bottom: 30px;
  mix-blend-mode: color-burn;
}
.slide-prod .slide_prod_img{
    align-items: center;
    padding-right: 30px;
    padding-left: 30px;
}
.slide-prod .slide_prod_img img{
    max-width: 435px;
    width: 100%;
}
.slide-prod .border{
    border: 3px solid #22b8eb!important;
    padding: 55px;
    border-radius: 5px;
    background-color: #ffffff;
}
.home .slide-prod .border{
    background-color: unset;
}
@media (max-width: 550px){
    .slide-prod .slide_prod_img {
        padding-right: 0px;
        padding-left: 0px;
    }
}



.custombutton2{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
    margin-top: 60px;
}
.custombutton2:hover {
    color: #ffffff;
}
.custombutton2:hover i{
    color: #ffffff;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
.custombutton2 i{
    color: #ffffff;
    font-size: 15px;
    line-height: 15px;
    transition: 0.5s;
}
.custombutton2 button{
    background-color: transparent;
    border: 1px solid #ffffff;
    width: auto;
    height: auto;
    padding: 10px;
    margin: 0px;
    line-height: 10px;
    margin-left: 5px;
}


.slide-prod .tri{
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    background-color: #0056a6;
    opacity: 1;
    z-index: 0;
    width: 100vw;
    left: -30px;
    bottom: -31px;
}

@media (min-width: 1300px){
  .slide-prod .tri{
    left: calc(calc(50vw - calc(1140px / 2) ) * -1);
  }
}

.slide-prod .title{
    display: flex;
    flex-direction: column;
    color: #21bbef;
    justify-content: center;
}
.home .slide-prod .title{
    color: #363636;
}
.slide-prod .prod_testo{
    font-size: 14px;
    padding-top: 10px;
}

.slide-prod .prod_testo, .slide-prod .prod_testo *{
    font-size: 14px;
    font-family: Raleway-SemiBold,Georgia, Verdana, sans-serif;
    line-height: 20px;
    color: #666666;
}

.titolo{
    display: flex;
    flex-direction: row;
    color: #0060ab;
    margin-top: 9px;
    margin-bottom: 27px;
}
.titolo .nome-titolo{
    margin-bottom: 37px;
    font-size: 23px;
}
.titolo .svg{
    height: 45px;
    margin-right: 17px;
}
.single-product .titolo .svg{
    height: 55px;
}
@media (max-width: 991px){
    .single-product .titolo .svg{
        height: 40px;
    }
}
@media (max-width: 576px){
    .slide-prod .tri{
        display: none;
    }
    .custombutton2,
    .custombutton2:hover,
    .custombutton2 i,
    .custombutton2:hover i{
        color: #0056a6;
    }
    .custombutton2 button{
        border-color: #0056a6;
    }

}

.titolo .subtitle{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #606163;
}

@media (min-width: 992px){
    .titolo .subtitle{
        max-width: 60%;
    }
}
.video .titolo .subtitle{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #21bbef;
}
.titolo .svg svg{
    height: 100%;
}
.titolo .title .title_el{
    margin-top: -5px;
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    line-height: 48px;
    font-size: 45px;
}
.titolo.hassub .title .title_el {
    margin-top: 0px;
}
.titolo .title .title_el span{
    font-family:Raleway-ExtraBold,Georgia, Verdana, sans-serif;
}
.video-2 .titolo .title .title_el{
    font-size: 30px;
    line-height: 34px;
    color: #005ea8;
}

.logoinbox{
    width: 100%;
    padding-top: 0px;
    height: 0px;
}
.logoinbox img{
    height: 60px;
}
@media (max-width: 1400px), (max-height: 870px){
    .logoinbox img{
        height: 38px;
    }
}


@media (max-width: 992px){
    .logoinbox{
        display: none;
    }
}



.mappa{
    flex-direction: column;
    background-color: #586063;
    padding: 30px 0px;
    position: relative;
    overflow: hidden;
}

.mappa .content{
    display: flex;
    flex-direction: row;
    width: calc(100% - 240px);
    flex-wrap: wrap;
    position: relative;
    margin: auto;
}

@media (min-width: 1300px){
    .mappa .container-full{
        width: calc(100% - 80px);
        margin: 0px auto;
    }
}
.mappa .mappa_testo{
    flex-direction: column;
    padding-left: 0px;
    margin-top: 60px;
    padding-bottom: 0px;
    padding-right: 0px;
}
@media (max-width: 1400px), (max-height: 870px){
    .mappa .mappa_testo{
        margin-top: 38px;
    }
}
.mappa .mappa_testo .mappa_titolo{
    color: #21bbef;
    font-size: 17px;
    margin: 0;
    padding: 0;
    padding-bottom: 13px;
    padding-top: 36px;
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    line-height: 20px;
    text-transform: uppercase;
}
.mappa .mappa_testo .mappa_bigtitle{
    color: #ffffff;
    font-size: 68px;
    line-height: 68px;
    padding-bottom: 15px;
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
}
.mappa .mappa_testo .group .group-title.color{
    color:#21bbef;
}
.mappa .mappa_testo .group .group-title{
    font-size: 47px;
    margin-bottom: 0;
    line-height: 32px;
    text-transform: uppercase;
    color: #333333;
}
.mappa .mappa_testo .group .group-sottotitle{
    font-family: Raleway-SemiBold,Georgia, Verdana, sans-serif;
    color: #fff;
    font-size: 27px;
    line-height: 27px;
    padding-top: 18px;
}
.mappa .mappa_testo .group{
    padding-right: 20px;
}
.mappa .mappa_testo .numbers{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}
.mappa .mappa_testo .numbers .group{display: flex;flex-direction: column;
    margin-bottom: 30px;}
.imgmappa img{width: 100%;height: auto;}
.mappa .img{ padding: 0px;}

.mappa .custom{
    margin: 90px 0 0 0;
}

.custom.btn{
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
        border-radius: 0;
        padding: 0;
        border: 1px solid #ffffff;
    }
.custom.btn .btn_title, .custom.btn i{
    color: #fff;
    font-size: 12px;
    padding: 13px 12px;
    margin: 0px;
    transition: 0.5s;
}
.custom.btn .btn_title {
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    line-height: 13px;
    font-size: 13px;
}
.custom.btn button{background-color: transparent;border: solid #ffffff;border-width: 0 0 0 1px;color: #ffffff;width: 45px;display: flex;justify-content: center;}

.custom.btn:hover .btn_title{color: #21b7e9; }
.custom.btn:hover i{
    color: #21b7e9;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}


.imgmappa{
    position: relative;
    width: 100%;
    z-index: 1;
}
.testomappa{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
}

@media (max-width: 1300px){
    .imgmappa{
        position: absolute;
        left: 0px;
        top: 0px;
        margin: 0px;
    }
    .testomappa{
        height: auto;
        position: relative;
        margin: 0px;
    }
}
@media (max-width: 992px){
    .mappa .content {
        width: calc(100% - 30px);
    }
}
@media (max-width: 820px){
    .imgmappa{
        position: relative;
    }
}
@media (max-width: 550px){
    .mappa .mappa_testo .numbers {
        display: flex;
        flex-direction: column;
    }
    .mappa .mappa_testo {
        margin-top: 10px;
    }
}


@media (min-width: 992px){
.mappa .testo{ padding-left: 100px;margin-top: 150px; padding-bottom: 30px;}
}

.video{
    background-color: #111111;
    background-image:  url('../images/theme/GRAFICA.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.video .title{display: flex;flex-direction: column;}
.video .titolo{display: flex;flex-direction: row;color: #21bbef;margin-bottom: 12px;}
.video .svg{width: 52px;height: 68px;margin-right: 30px;}
.video.video-2 .svg{width: 100%;}
.video h2{ font-size: 45px;line-height: 30px;}
.video .subtitle{font-size: 15px;}
.video h2 span{ }
.video svg{width: 100%;}
.video .yt{
    height: 300px;
    width: 100%;
    background-color: #000000;
    position: relative;
    max-width: 100%;
    margin: auto;
}
.video .yt iframe{
    height: 100% !important;
    width: 100% !important;
}
.video .icona-yt{
    height: 50px;
    width: 67px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 33.5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    background-image: url(../images/theme/tasto-video.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.video.video-2 .icona-yt{
    height: 80px;
    width: 80px;
    border-radius: 100%;
    border: 5px solid #ffffff;
    color: #ffffff;
    font-size: 60px;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    background-image: unset;
    background-repeat: unset;
    background-size: unset;
    background-position: unset;
    cursor: pointer;
    background-color: #000000;
}
.video .bg-yt{
    height: 100%;
    width: 100%;
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 5
}
.video .yt.open .icona-yt, .video .yt.open .bg-yt{
    display: none;
}
.video .videoLocale{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.video .video_testo{
    padding-top: 14px;
}
.video .video_testo, .video .video_testo * {
    font-size: 14px;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    line-height: 20px;
    color: #000000;
}
.video .video_testo{
    font-size: 14px;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    line-height: 20px;
    color: #000000;
    width: 100%;
    position: relative;
    max-width: 498px;
    margin: auto;
}
.home .video .video_testo, .home .video .video_testo * {
    color: #ffffff;
}
.video .content {
    padding-top: 30px;
}
.video.video-2{
    background-color: #ffffff;
    background-image: unset;
    margin-bottom: 20px;
}

@media (min-width: 992px){
    .video .content {
        padding-top: 0px;
    }
}


@media (min-width: 768px){
    .mappa .testo .group span {
        font-size: 43px;
    }
    .mappa .testo .group p{font-size: 26px;}
}
.video .container-full .container{
    padding: 100px 0 120px 0;
}

.soxet{
    background-color: #252525;
    display: inline-block;
}
.soxet img{max-width: 180px;}
@media (max-width: 767px), (min-width: 1100px){
    .soxet img{max-width: unset;}
}
.info{display: flex;flex-direction: column;position: relative}
.info .headquaters{margin-bottom: 10px;font-family: Raleway-Medium,Georgia, Verdana, sans-serif;font-size: 13px;color: #ffffff;}
.info p, .soxet .info i{color: #ffffff;font-size: 12px;margin: 0;padding: 0;}
.info .title{color: #ffffff;font-size: 19px;margin: 0 0 15px 0;padding: 0;font-family: Raleway-Bold,Georgia, Verdana, sans-serif;}
.info .group{display: flex;flex-direction: row;position: relative;margin: 5px 0 5px -25px;max-width: 210px;}
.info .group.bordxl{border-bottom: 2px solid #595959;padding-bottom: 5px;}
.info .group.bord{border-bottom: 1px solid #595959;padding-bottom: 5px;}.info .group.bord.nobord{border-bottom: unset; }
.info .group i{
    position: relative;
    width: 14px;
    top: calc(50%- 7px );
    font-size: 16px;
    color: #33ccff;
    margin-right: 10px;
}
.info .group i.fa-phone-alt{
  top: 3px;
}
.info .group i.fa-map-marker-alt{
  top: 0px;
}
.info .group .text{display: flex;flex-direction: column;position: relative;}
.info .group .text {font-size: 11px;font-family: Roboto-Medium;color: #ffffff;}
.info .group .text .blue{color: #33ccff;}
.soxet .text span{color: #636363;}
.soxet .menu1, .soxet .menu2, .soxet .menu3{display: flex;flex-direction: column;color: #ffffff;}
.soxet .menu1 ul, .soxet .menu2 ul, .soxet .menu3 ul{list-style: none;padding: 0;}
.soxet .menu1 li, .soxet .menu2 li, .soxet .menu3 li{padding: 0;}
.soxet .menu1{font-size: 13px;font-family: Raleway-Regular,Georgia, Verdana, sans-serif;}
.soxet .menu1 span{font-family: Raleway-Bold,Georgia, Verdana, sans-serif;}
.soxet .menu2 a{font-size: 15px;font-family: Raleway-Bold,Georgia, Verdana, sans-serif;}
.soxet .menu3 a{font-size: 15px;font-family: Raleway-Regular,Georgia, Verdana, sans-serif;}
.soxet a{color: #ffffff;}
.soxet .container-full .container{padding: 60px 0 40px 0;}

.soxet .logo{
    height: auto;
    /*height: 52px;*/
    display: inline-flex;
    margin: 0 auto 15px auto;
}
.soxet .logo .l_1{
    height: 100%;
    margin-right: 5px;
}
.soxet .logo .l_2{
    height: auto;
    /*height: 100%;*/
}
.soxet .logo img{
    height: auto;
    /*height: 100%;*/
}
.soxet .row-sox{
    align-items: flex-start;
}
.soxet .cols{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.soxet .cols .svg{
    height: 37px;
    margin-right: 10px;
}
.soxet .cols svg{
    height: 100%;
}
.soxet .cta-testo{
    font-size: 13px;
    text-transform: uppercase;
    color: #22bbea;
    margin: 0;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    line-height: 22px;
}

@media (min-width: 676px){
    .soxet .cta-testo{
        font-size: 19px;
    }
}


.soxet .newsletter{
    color: #ffffff;
}
.soxet .col-mobile .social-menu{
    align-items: flex-start;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 15px;
}
.footer{background-color: #111111;height: 63px;display: flex;align-items: center;font-size: 10px }
.footer .container-full{margin-top: 0;}
.footer .menu{color: #ffffff;display: flex;flex-direction: row;align-items: center}
.footer .menu .copyright{margin-right: 8px;margin-bottom: 0;font-family: Raleway-Medium,Georgia, Verdana, sans-serif,Georgia, Verdana, sans-serif;font-size: 10px;}
.footer ul{list-style: none;padding: 0;display: flex;flex-direction: row;margin-bottom: 0;}
.footer .menu a{padding: 0 8px;border-left: 1px solid #a7a4a4;height: max-content;color: #a7a4a4;font-family: Raleway-Medium,Georgia, Verdana, sans-serif;font-size: 10px;}
.footer .copy{display: flex;justify-content: flex-end;}
.footer .copy a{color: #21b7e9;font-family: Raleway-Medium,Georgia, Verdana, sans-serif;font-size: 10px;}

@media (max-width: 991px) {
    .soxet .newsletter, .social-menu, .soxet .newsletter .col-sm-12{
        padding: 0;
    }
    .soxet .newsletter, .social-menu {
        margin-top: 20px;
    }
    .soxet .col-mobile{
        margin-top: 20px;
    }
    .social-menu{
        align-items: flex-start!important;
        padding-left: 30px;
    }
}
@media (max-width: 767px) {
    .social-menu{
        margin-top: 30px;
        padding-left: 0;
    }
}
@media (max-width: 991px) {
    .menu-popup .social-menu{
        margin-top: 0;
    }
}
@media (max-width: 575px) {
    .social-menu{
        align-items: center!important;
    }
    .soxet .cols, .soxet .col-logo{
        justify-content: center;
        text-align: center;
    }
    .soxet .col-mobile .social-menu{
        align-items: center!important;
    }

}
/***************************
MISSIONE
*/
 .corpo .container-full{height: 100%;
    z-index: 2;
    align-items: flex-end;
     flex-direction: unset;
}
 .header-info{height: 100vh;}
.path {
    height: auto;
    display: flex;
    align-items: center;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    color: #21b7e9;
    font-size: 17px;
    padding: 56px 0;
}
 .path a{color: #21b7e9}
  .path span a{color: #333333;font-family: Raleway-SemiBold,Georgia, Verdana, sans-serif;}
  .single-product .path a{
      color: #21b7e9;
      display: inline-block;
      width: auto;
  }
  .single-product .path a::first-letter {
      text-transform: uppercase;
    }
    .single-product .path span {
    color: #333333;
      display: inline-block;
      width: auto;
    }
  .single-product .path span::first-letter {
      text-transform: uppercase;
    }
    .single-product .path span span{
        color: #21b7e9
    }
 .tri{opacity: 0.8;background-color: #0056a6; }
 .corpo{ background-repeat: no-repeat;background-size: contain;background-position: center bottom;}
 .corpo h2{font-size: 47px;color: #1db5e6; }
 .corpo  .titolo p{font-size: 18px;color: #1e1e1e; margin-left: 50px;line-height: 20px;max-width: 195px}

.mission .title{display: flex;flex-direction: row;}
.mission .missioni .row{flex-direction: column;}
 .corpo .col-sm-12.col-md-12.col-lg-12{display: flex;justify-content: flex-start;flex-direction: row;
    padding-top:  4px;
padding-bottom: 60px;}
.titolosemplice{position: relative;font-size: 27px;line-height: 36px!important; color: #363636;max-width: 220px;width: 100%;font-family: Raleway-Bold,Georgia, Verdana, sans-serif;height: auto}
.titolosemplice::after{content: '';position: absolute;bottom: -5px;left: 0;width: 77px;background-color: #1cbbed;height: 3px;}
.titolosemplice.resp::after{top: 73px;}
 .testo {font-size: 15px;
     line-height: 21px;
     color: #363636;
     padding-left: 15px;
    padding-bottom: 30px;
 }

@media (max-width: 991px) {
    .testo{
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .path {
        padding: 30px 0 0;
    }
}
.sample-title{
    overflow-x: hidden;
}
.tri{clip-path: polygon(100% 0%, 0% 100%, 100% 100%);bottom: -1px;}
.corpo .container{flex-direction: column;justify-content: space-between;}
.prefooter .sample-title .testo {
     font-size: 35px;
     color: #ffffff;
     line-height: 39px;
     max-width: 100%;
     margin-bottom: 0;
     display: inline-flex;
     flex-direction: column;
     padding: 200px 0 40px;
     font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
}
.prefooter .sample-title .testo span{
      font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
}
.prefooter .sfondo-linee {
    background-image: none !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 430px;
    overflow: hidden;
}
.prefooter .sfondo-linee::before{
    padding-top: 100%;
    display: block;
    content: '';
}
.prefooter{

}
.prefooter .titolosemplice::after{
    display: none;
}
.woocommerce .tax-tri-text{
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.woocommerce .tax-tri-text .testo{
    max-width: 370px;
}
.woocommerce .tax-tri-text .testo p{
    margin: 0;
}
@media (max-width: 767px) {
    .woocommerce .tax-tri-text{
        justify-content: flex-start;
    }
    .woocommerce .tax-tri-text .testo{
        text-align: left!important;
    }
}
.sample-title .testo{font-family: Raleway-Bold,Georgia, Verdana, sans-serif;font-size: 16px;}
.title.extrabold{font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;font-size: 47px;}
.subtitle{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 23px;
    padding-left: 0;
}
.corpo .subtitle{padding-left: 76px;}


@media (max-width: 575px) {
    .title.extrabold h2{font-size: 25px;}
}
body .prefooter .container {
    padding-bottom: 0px;
}

@media (max-width: 1199px) {
     .prefooter .sample-title .testo{font-size: 40px;line-height: 43px;padding-left: 15px;}

}

@media (min-width: 992px) {
    .sample-title{
        margin-bottom: 30px;
    }
    .sample-title:last-child{
        margin-bottom: 0;
    }
}
@media (max-width: 677px) {
    .secondary-menu{
        padding-top: 30px;
        padding-bottom: 30px;
        height: 50vh;
        min-height: 430px;
        justify-content: center;
    }
    .slider-home-header, .slider-home-header .swiper-wrapper, .slider-home-header .swiper-slide{
        height: 50vh;
        min-height: 430px;
    }
    .header .sfumatura{
        height: 50vh;
        min-height: 430px;
    }
    .header_1 .secondary-menu .navbar-nav::before{
        top: -104px;
        min-height: 430px;
        height: 50vh;
    }
    .box .header-info.gray {
        background: #2b2b2b!important;
    }
    .header .slogan {
        padding-bottom: 0;
        padding-top: 50px;
    }
    .header .text .slogan_pretitle{
        display: none;
    }
}
@media (max-width: 991px) {

    body .container{
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .header-top{height: 95px;}
    /*.container{max-width: 100%!important;padding-left: 20px;padding-right: 20px;}*/
    /*.soxet img{max-width: 110px;}*/
    .soxet .col-mobile .col-sm-6.col-md-6.col-lg-4:last-child{margin-top: 10px;}
    .soxet .info .group .text p{display: flex;flex-direction: column-reverse;}
    .navbar.main-menu{padding: 0; }
    /*.flex-mobile{flex-direction: column;align-items: flex-end;}*/
    /*.header-top .container-full{flex-direction: column;align-items: center}*/
    /*.header-top .container{max-width: 100%;width: inherit;justify-content: center;}*/
    /*.open-menu .header-top .container{justify-content: flex-end;flex-direction: column-reverse;align-items: flex-end;}*/
    .header-top .social-menu{margin: 15px 0 0 0}
    .main-menu .nav-item:last-child{margin-right: 0;}
    .lang-menu{margin-top: 10px;}
    .soxet .col-mobile .row{margin: 0;justify-content: space-between;}
    .soxet .col-mobile .col-sm-6.col-md-6.col-lg-4{max-width: max-content;padding:0 5px;}
    .soxet .col-mobile .col-sm-6.col-md-6.col-lg-4:last-child{margin-top: 0;}

    .mission .missioni .col-sm-12.col-md-12.col-lg-12{flex-direction: column}
    .titolosemplice{margin-bottom: 20px; max-width: 100%;}
    .mission .corpo p{padding-left: 0;  max-width: 100%;}
    .titolo .subtitle {  max-width: 100%;}

    .mission .path p{margin-left: 0;}
}
@media (max-width: 813px) { /*mobile*/
    /*.main-menu.navbar-expand-lg .navbar-nav{flex-direction: column;}*/
    /*.open-menu .header-top .container{align-items: center;}*/
    /*.flex-mobile{align-items: center;}*/
    .main-menu .nav-item{margin-right: 0;}
    /*.open-menu nav.main-menu, .open-menu div.lang-menu, .open-menu .header-top .social-menu{margin-right: 0;}*/
}
@media (max-width: 767px) {
    /*.soxet .col-mobile .row{margin: 0;justify-content: space-between;}*/
    /*.soxet .col-mobile .col-sm-6.col-md-6.col-lg-4{max-width: max-content;padding:0 5px;}*/
    /*.soxet .col-mobile .col-sm-6.col-md-6.col-lg-4:last-child{margin-top: 0;}*/
    /*.footer .row{flex-direction: column;align-items: center;}*/
     .subtitle{padding-left: 0;margin-bottom: 0;}
    .footer .menu, .footer .copy{justify-content: center;}

    .open-menu .container.menu-lato{max-width: 100%;}
    /*.open-menu .menu-lato .flex-mobile{align-items: center;}*/
   .prefooter .sample-title .testo {font-size: 30px;line-height: 31px;padding-left: 0;}
    .soxet.soxet2 .col-mobile .social-menu, .wpcf7{
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .soxet .row{margin: 0;}
    .soxet .info .group i.fas{display: none;}
    .soxet .info{
        align-items: center;
    }
    .soxet.soxet1 .info{
        align-items: center;
        text-align: center;
        margin-top: 20px;
    }
    .soxet .col-mobile{margin-top: 0.5rem;}
    .soxet .col-mobile .row{flex-direction: column;align-items: center;text-align: center}
    .soxet .col-mobile .col-sm-6.col-md-6.col-lg-4{margin-top: 15px;}
    .soxet .col-mobile .col-sm-6.col-md-6.col-lg-4:last-child{margin-top: 15px;}
    .footer .container{display: flex;align-items: center;}
    .footer .row{flex-direction: column;justify-content: center;}

    .footer{height: max-content;padding: 20px 0;}
    .footer .menu{flex-direction: column;}
    .footer .menu ul{display: flex;flex-direction: row;margin: 20px auto;flex-wrap: wrap;justify-content: center;}
    .footer .menu a{padding: 0 5px; height: auto;margin-bottom: 5px;}
    .footer .menu .copyright{margin-right: 5px;}
    .footer .menu p{margin: 0;}
    .soxet .info .group{
        margin-left: 0;
    }
    .soxet.soxet1 .col-mobile .col-sm-6{
        margin-top: 20px;
    }
    .soxet.soxet1 .social-menu{
        margin-top: 20px;
    }
    .box.footer .row{
        width: 100%;
        margin: 0px;
    }
    .icone-social{
        justify-content: center;
    }
}
@media (max-width: 676px) {
    .footer {
        padding: 20px 0 100px;
    }
}

.logo-onslid{
    height: 60px;
    width: 100%;
}

@media (max-width: 767px) {
    .tri{
        clip-path: unset;
    }
    .prefooter .container-full{
        min-height: unset;
    }
    .prefooter .sample-title .testo{
        padding-top: 80px;
    }
}

@media (min-width: 767px)  and (max-width: 992px) {
    .prefooter .sample-title .testo{
        text-align: right;
    }
}
@media (max-width: 900px) {
    .soxet.soxet1 .first-col{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .soxet.soxet1 .second-col{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.popup-search{
    width: 250px;
    height: 50px;
    position: absolute;
    display: block;
    top: 35px;
    right: 0px;
    z-index: 9999;
    padding: 0px;
    background-color: #fff;
    opacity: 0;
    transition: 0.3s linear;
    visibility: hidden;
}
.gr.cercamenu .popup-search {
    width: 316px;
    right: -70px;
}

@media (max-width: 676px){ 
  .gr.cercamenu .popup-search {
    right: -98px;
  }
}
.gr.cercamenu .popup-search .gestore, .gr.cercamenu .popup-search .popup-res-search{
    max-width: 100%;
}
/*
.popup-search:before{
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0px;
    opacity: 0.8;
    z-index: 1;
}*/
.popup-search.attivo{
    opacity: 1;
    visibility: visible;
}
.popup-search .fa-times{
    position: relative;
    float: right;
    font-size: 26px;
    margin-right: 7px;
    z-index: 4;
}
.popup-search .gestore{
    top: 0px;
    position: relative;
    left: 0px;
    width: 100%;
    height: 50px;
    max-width: 300px;
    z-index: 5;
    margin: 0px;
}
/*
.popup-search .gestore:before{
    content: "";
    position: absolute;
    top: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 55px);
    background-color: #fff;
    left: -20px;
    opacity: 0.6;
    z-index: 2;
}*/
.popup-search .form{
    border-bottom: 2px solid #000000;
    width: 100%;
    position: relative;
    height: 50px;
}
.popup-search .form .fa-search.sdf{
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 3;
    color: #2b2b2b;

}
.popup-search input{
    width: 100%;
    border: none;
    padding: 10px;
    background-color: transparent;
}
.popup-search form{
    width: 100%;
}


.hasimgh img{display: none}
@media (max-width: 767px) {
    .corpo .col-sm-12.col-md-12.col-lg-12{
        padding-bottom: 0;
    }
    .hasimgh{
        position: relative;
    }
    .hasimgh img{
        display: block;
        width: 100%;
    }
    .corpo{
        background-image: unset;
    }
    .hasimgh .container-full{
        position: relative;
        top: 0;
        left: 0;
    }
    .hasimgh .container-full .container{margin: auto;}
    .prefooter .sample-title .testo{padding: 30px 0;}
    .corpo .container{padding-bottom: 0;}
}

.popup-res-search{
    top: 50px;
}
.res-search{
    background-color: #ffffff;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100vw;
    max-width: 400px;
    display: flex;
    height: auto;
    max-height: 500px;
    overflow-y: auto;
    padding: 0 20px;
}
.res-search ul, .popup-res-search ul{
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
}
.res-search li, .popup-res-search li{
    padding: 15px 10px;
    color: #99999b;
    border-bottom: 1px solid #22bbea;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.popup-res-search li{
    flex-direction: column;
}
.res-search .img, .popup-res-search .img{
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.popup-res-search .text{
    margin-top: 10px;
}
.popup-res-search{
    background-color: #ffffff;
    position: relative;
    bottom: 0px;
    display: flex;
    left: 0px;
    width: 100%;
    max-width: 300px;
    height: min-content;
    max-height: 290px;
    overflow-y: auto;
    top: auto;
}
/*.popup-search .load{*/
/*    left: -25px;*/
/*    bottom: 10px;*/
/*}*/
/*.popup-search .load:after{*/
/*    border: 6px solid #000;*/
/*    border-color: #000 transparent #000 transparent;*/
/*}*/
.load{
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.load:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: load 1.2s linear infinite;
}
@keyframes load {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.iph-load{
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -25px;
    bottom: 10px;
}
.iph-load:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 6px solid #000;
    border-color: #000 transparent #000 transparent;
    animation: iph-load 1.2s linear infinite;
}
@keyframes iph-load {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.sedi .blocco{
    display: flex;
    flex-direction: row;
    margin: 0 0 20px 0;
    padding: 10px;
}
.sedi .blocco .group{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.sedi .blocco h3{
    margin: 0 0 10px 0;
    line-height: 28px;
    text-align: justify;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
}
.sedi .blocco .img-thumbnail{
    width: 200px;
    height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 20px;
    min-width: 200px;
    border: 0;
}
.sedi .blocco .excerpt{
    margin: 10px 0 0 0;
}
.sedi .blocco button{
    margin: 0;
    width: max-content;
    color: #000000;
    border-left: 1px solid #000000;
}
.sedi .blocco .custom.btn{
    align-self: flex-start;
    margin-top: 10px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0;
    padding: 0;
    border: 1px solid #000;
}
.sedi .blocco .custom.btn:hover .btn_title, .sedi .blocco .custom.btn:hover .fas{
    color: #21b7e9;
}

.sedi .blocco .custom.btn .fas{
    color: #000000;
}
.sedi .blocco .btn_title{
    color: #000000;
}
.sedi .info{
    display: flex;
    flex-direction: column;
    margin-top: auto;
    width: max-content;
}
.sedi .info .info-group{
    display: flex;
    flex-direction: row;
    font-size: 13px;
    align-items: center;
}
.sedi .info .info-group p{margin: 0;}
.sedi .info .info-group .fas{
    margin-right: 10px;
}
@media (max-width: 575px){
    .sedi .blocco {
        flex-direction: column;
    }
    .sedi .blocco .img-thumbnail{
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        display: block;
        padding-top: 100%;
    }
    .sedi .info{
        width: 100%;
    }
    .sedi .blocco .custom.btn{
        width: 100%;
    }
}

.grid .row.main{
    position: relative;
    z-index: 1;
}
.grid .no-absolute{
    z-index: 0;
    visibility: hidden;
}
.grid .click{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    transition: 0.5s;
}
.grid .click.grid-absolute{
    z-index: 2;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}






.grid .click .item{
    position: relative;
}
.grid .click .sfumatura{
    background-color: rgba(32,178,227,0.5);
    z-index: 20;
    height: 100%;
    width: 100%;
}
.grid .click .sfumatura.last{
    background-color: #363636;
}
.grid .click .insieme{
    z-index: 20;
}
.grid .click .hastesto .freccia, .grid .click .sfumatura.last .freccia{display: none;}

.grid .click .insieme .grid-elementi{
    align-self: flex-start!important;
    margin-top: auto;
    margin-bottom: 14px;
}
.grid .click .insieme .grid-elementi .grid-test{
    margin-bottom: 27px;
    color: #ffffff;
    font-size: 14px;
    font-family: Raleway-SemiBold,Georgia, Verdana, sans-serif;
    overflow: auto;
    height: 100px;
    padding: 5px;
}
.grid .click .insieme .grid-elementi .selezione{
    color: #ffffff;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 15px!important;
}
.grid .click .insieme.hastesto{
    justify-content: unset;
}
.grid .click .grid-title{
    text-transform: uppercase;
    color: #ffffff;
    font-family: Raleway-SemiBold,Georgia, Verdana, sans-serif;
}
.grid .click .grid-title.bold{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
}
.grid .click .grid-title.gray{
    color: #363636;
}
.grid .click .grid-title.lowercase{
    text-transform: capitalize;
}
.grid .click .item:hover .sfumatura{
    background-color: unset;
}
.grid .click .item:hover .sfumatura.last, .grid .click .item:hover .grid-title.last, .grid .click .item:hover .fa-arrow-right.last{
    background-color: #363636;
    color: #ffffff;
}
.grid .click .item:hover .grid-elementi{
    display: none;
}
.grid .click .item:hover .grid-title, .grid .click .item:hover .fa-arrow-right{
    color: #363636;
}
.grid .click .item:hover .hastesto .freccia{
    display: block!important;
    color: #363636;
    margin-top: auto;
}
@media (min-width: 992px) and (max-width: 1300px){
    .grid .click .insieme{
        padding: 15px 36px 36px 36px;;
    }
    .grid .click .row .grid-title{
        font-size: 24px;
        line-height: 24px;
    }
}


/***************************************************** PRODOTTI */

.corpo.corpo-prodotti{
    background-image: unset;
}
.prodotti.corpo-prodotti{
    position: relative;
}
.prodotti.corpo-prodotti .sfondo{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: auto;
    width: 100%;
    margin-top: -50px;
}


.box.prodotti .container-full, .corpo-prodotti .titolo{
    padding: 5px 30px;
}
.box.prodotti .col-md-9{
    padding: 0;
}

.product_list a{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.single_product_img{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 80%;
    width: 100%;
    position: relative;
    border: 1px solid #a4b6c0;
    border-top: unset;
}
/*.single_product_list:hover .single_product_img::after{
    content: '';
    z-index: 21;
    background-color: rgba(26,146,188,0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}*/
.single_product_img::before{
    display: block;
    padding-top: 55%;
    content: '';
}
.single_product_info{
    display: flex;
    flex-direction: column;
    padding: 30px 25px;
    border: 1px solid #a4b6c0;
    border-top: unset;
}
.single_product_list{
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    padding-right: 0;
    margin-left: 30px;
    padding-left: 0px;
    background-color: #ffffff;
    transition: 0.3s;
}
.single_product_list:hover{
    transform: scale(1.07);
}
.single_product_title{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    background-color: #21b7e9;
    padding: 15px 20px;
}
.single_product_text{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 15px;
    line-height: 18px;
    color: #666666;
}
@media (min-width: 768px) and (max-width: 1024px){
    .col-md-6.single_product_list {
        -ms-flex: 0 0 calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
}
@media (min-width: 1024px) and (max-width: 1239px) {
    .single_product_list{
        -ms-flex: 0 0 calc(50% - 30px) !important;
        flex: 0 0 calc(50% - 30px) !important;
        max-width: calc(50% - 30px) !important;
    }
    .shop-product-list .sider_bar_woo.col-md-3{
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .shop-product-list .col-md-9{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
}
@media (min-width: 1024px) {
    .shop-product-list .col-lg-4 {
        -ms-flex: 0 0 calc(33.333333% - 30px);
        flex: 0 0 calc(33.333333% - 30px);
        max-width: calc(33.333333% - 30px);
    }
}
@media (max-width: 1023px) {
    .shop-product-list .sider_bar_woo.col-md-3{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .shop-product-list .col-md-9{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px;
    }
    .single_product_list:hover{
        transform: unset;
    }
}
@media (max-width: 991px) {
    .single_product_list{
        margin-top: 30px;
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .box.prodotti .col-md-9{
        margin-top: 30px;
    }
    .single_product_list{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 30px;
        margin-left: 0px;
    }
}
@media (max-width: 575px) {


}
.widget_product_categories ul{
    padding: 0;
    list-style-type: none;
}
.widget_product_categories a{
    color: #999999;
    font-size: 16px;
    line-height: 38px;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    text-transform: uppercase;
}
.widget_product_categories .active a{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    color: #21bbef;
}




.box-row-grid .container-full{
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: unset;
}
.box-row-grid .container-full .container{
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}
.box-row-grid .vc_row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.box-row-grid .item{
    position: relative;
}
.box-row-grid .sfumatura{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #242d3c;
    opacity: 0.6;
    z-index: 2;
    transition: 0.5s;
}
.box-row-grid:hover .sfumatura{
    background-color: #21bbef;
    opacity: 0.5;
}
.box-row-grid:hover {
    background-color: #21bbef;
}
.box-row-grid:hover .grid-title {
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
}

#wpcf7-f271-p267-o1{
    margin-left: 0px;
}
@media (min-width: 575px) {
    #wpcf7-f271-p267-o1 {
        margin-left: 50px;
    }
}
.wpcf7{
    margin-top: 30px;
    font-size: 15px;
    margin-bottom: 15px!important;
}
.wpcf7 .row{
    margin-top: 15px;
}
.wpcf7 label,
.wpcf7 .wpcf7-list-item-label{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{
    margin-top: 5px;
    width: 100%;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #0f6674;
}
.wpcf7 .wpcf7-text::placeholder, .wpcf7 .wpcf7-textarea::placeholder{
    color: #0f6674;
    text-transform: uppercase;
}
.wpcf7 .wpcf7-textarea{
    height: 100px;
}
.wpcf7 span.wpcf7-list-item{
    margin: 0 15px 0 0;
}
.wpcf7 span.wpcf7-list-item input{
    margin-right: 1px;
}
.wpcf7 input.wpcf7-submit{
    background-color: #00ccff;
    color: #ffffff;
    padding: 15px 40px;
    margin-top: 20px;
    border: 0;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
}
.wpcf7 .wpcf7-form-control.wpcf7-file{
    margin-top: 5px;
}

@media (max-width: 991px) {
    .wpcf7 .col-sm-12{
        margin-top: 10px;
    }
    .wpcf7 .row{
        margin-top: 0;
    }
}

.newsletter .wpcf7 label{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
}
.newsletter .wpcf7 .wpcf7-text{
    background-color: #252525;
    border: 0;
    border-bottom: 1px solid #21bbef;
    padding: 15px 0;
    color: #ffffff;
}
.newsletter .wpcf7 input.wpcf7-submit{
    background-color: #21bbef;
    color: #363636;
    padding: 5px 25px;
    margin-top: 0;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
}
.social-menu{
    display: flex;
    flex-direction: column;
    color: #ffffff;
    align-items: flex-end;
}
.social-menu .pos{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.icone-social{
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}
.social-menu .icone-social a{
    width: 15px;
    margin: 5px 4px 0 0;
    height: 15px;
    background-color: #0056a6;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    color: #ffffff;
    transition: 0.3s;
}
.social-menu .icone-social a:last-child{
    margin-right: 0;
}
.social-menu .icone-social a i{
    font-size: 15px;
    line-height: 15px;
}
.social-menu .icone-social a:hover i{
    color: #ffffff;
}
.social-menu .icone-social a.disattivo{
    background-color: #15375a;
}
.mappa-interattiva .rowx{
    margin-left: 50px;
}
.mappa-interattiva img{width: 100%;}
.mappa-interattiva .colx{
    display: flex;
    flex-direction: column;
    padding-right: 0px;
    padding-left: 0px;
}
.mappa-interattiva .map-info .colx:last-child{
    padding-right: 15px;
    padding-left: 15px;
}
.mappa-interattiva .option{
    display: flex;
    flex-direction: row;
    margin-top: auto;
    height: 40px;
    align-items: center;
    margin-top: 30px;
}

@media (min-width: 767px){
    .mappa-interattiva .option{
        padding-left: 15px;
    }
}

.mappa-interattiva .option span{
    margin-right: 10px;
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    color: #005cbf;
    cursor: pointer;
    min-height: 30px;
}
.mappa-interattiva .option span.selezione{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    position: relative;
}
.mappa-interattiva .option span.selezione::after{
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #1cbbed;
    content: '';
}
.mappa-interattiva .titolo-semplice{
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    font-size: 13px;
    line-height: 13px;
}
.mappa-interattiva .colx select{
    margin-top: 10px;
    height: auto;
    border: 1px solid #0f6674;
    width: 100%;
    padding: 12px 10px;
    line-height: 15px;
}
.mappa-interattiva .map{
    margin-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
}
.mappa-interattiva .dettagli{
    display: flex;
    flex-direction: row;
    margin: 15px 0;

}
.mappa-interattiva .map-info{
    margin-top: 0px;
}
.mappa-interattiva .list .map-info{
    margin-bottom: 40px;
}
.mappa-interattiva .icona{
    width: 50px;
    height: 50px;
    background-color: #0060ab;
    border-radius: 100%;
    padding: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-right: 10px;
}
.mappa-interattiva .icona i{
    color: #fff;
}
.mappa-interattiva .dettagli-info{
    display: flex;
    flex-direction: column;
}
.mappa-interattiva .dettagli span:first-child{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    margin-bottom: 10px;
    color: #005da8;
}
.mappa-interattiva .list-titolo-princ{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 40px;
    line-height: 40px;
}
.mappa-interattiva .list-titolo{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    color: #005da8;
}
.mappa-interattiva .list-titolo:first-child{
    margin: 30px 0 15px;
}
.mappa-interattiva .list{
    margin-top: 30px;
}

.box-row-grid{
    position: relative;
    padding: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 50%;
    float: left;
    height: auto;
    background-color: unset;
    transition: background-color 0.5s;
}
.box-row-grid .box-row-grid-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box-row-grid.item::before{
    content: "";
    display: block;
    z-index: 1;
    position: relative;
    padding-top: 100%;
}
.box-row-grid.item.col-lg-6::before{
    padding-top: 100%;
}
.box-row-grid.item.col-lg-4::before{
    padding-top: 100%;
}
.box-row-grid.item.col-lg-3::before{
    padding-top: 100%;
}
.box-row-grid.item.col-md-6.col-lg-4::before{
    padding-top: 100%;
}
.box-row-grid.item.col-md-6.col-lg-3::before{
    padding-top: 100%;
}


/*.box-row-grid.item{  */
/*  max-height: 480px;*/
/*}*/
.home .box-row-grid.item::before{
    padding-top: 100%;
}
.home .box-row-grid.item.col-lg-6::before{
    padding-top: 50%;
}
.home .box-row-grid.item.col-lg-4::before{
    padding-top: 50%;
}
.home .box-row-grid.item.col-lg-3::before{
    padding-top: 50%;
}
.home .box-row-grid.col-md-6.item.col-lg-4::before{
    padding-top: 100%;
}
.home .box-row-grid.item.col-md-6.col-lg-3::before{
    padding-top: 100%;
}
.box-row-grid.item div.box-row-grid-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 75px 40px 36px 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.box-row-grid .grid-title{
    margin: 0;
    padding: 0;
    font-size: 35px;
    color: #ffffff;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    line-height: 35px;
}
.box-row-grid .grid-title.bold{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
}
.box-row-grid a{
    font-size: 46px;
    align-self: flex-end;
    color: #ffffff;
}
.box-row-grid a i{
    color: #ffffff;
    transition: 0.5s;
}
.box-row-grid a:hover i{
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    color: #ffffff;
}
.box-row-grid .arr{
    position: absolute;
    bottom: 36px;
    right: 40px;
}
@media (max-width: 991px){
    .col-md-12.box-row-grid{
        width: 100%;
    }
}
@media (max-width: 767px) {
    .box-row-grid{
        width: 100%;
    }
    .home .box-row-grid.item.col-lg-6::before,
    .box-row-grid.item.col-lg-6::before{
        padding-top: 100%;
    }
}

.box-info-contatti .info .group i{
    top: 0;
}
article .soxet, article .soxet * {
    background-color: unset;
    color: #00ccff!important;
}
article .soxet .email{
    border: 2px solid #00ccff;
    display: flex;
    flex-direction: row;
    padding: 0 10px;
    margin-left: 20px;
}
article .soxet .arrow-cus{
    position: relative;
    margin-left: 10px;
    margin-right: 0;
    top: 0;
}

.menu-popup{
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    margin: 0;
    display: flex;
    background-color: #ffffff;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    opacity: 0;
    transition: 0.3s linear;
}
.menu-popup .row{
    margin: 0;
    height: 100%;
    width: 100%;
}
.menu-popup.attivo, .lingua.attivo{
    opacity: 1;
    z-index: 9999;
    overflow-y: scroll;
}
.menu-popup .pad{
    padding: 7% 70px;
}
.menu-popup .col-blu{
    background-color: #005da8;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu-popup .input-search{
    display: flex;
    flex-direction: column;
    position: relative;
}
.menu-popup .bold-title {
    color: #005da8;
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 40px;
}

@media (min-width: 768px){
    .voci2{
        padding-left: 32px;
        padding-right: 32px;
    }
}

.menu-popup .bold-title:hover{
    color: #00ccff;
}
.menu-popup .haschild .bold-title{
    margin-bottom: 15px;
}
.menu-popup .voci2 ul{
    margin-bottom: 40px;
}
.menu-popup ul{
    padding: 0;
    list-style-type: none;
}
.menu-popup li{
    margin-bottom: 15px;
}
.menu-popup li a{
    font-size: 19px;
    line-height: 19px;
    color: #333333;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
}
.menu-popup li.active a, .current-cat a{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    color: #00ccff;
}
.menu-popup li:hover a{
    color: #00ccff;
}
.menu-popup .svg{
    width: 22px;
    margin-left: 7px;
    margin-top: -5px;
    display: inline-block;
}
.menu-popup .bordi{
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}
.menu-popup .align-items{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

@media (min-width: 768px){
/*
    .menu-popup .align-items{
        align-items: self-start;
    }*/
}

.menu-popup .bold-title.trix{
    margin-bottom: 40px;
}
.menu-popup .social-menu{
    align-items: unset;
}
.menu-popup .folow{
    color: #999999;
}
.menu-popup .social-menu a.disattivo{
    background-color: #a3c4e0;
}
.menu-popup .closex{
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    color: #000;
    font-size: 25px;
    cursor: pointer;
    z-index: 1001;
}
.menu-popup .closex i{
    color: #1bb7ec;
    margin-left: 20px;
}
.menu-popup img{width: 100%}
.menu-popup .pad2 {
    padding: 60px 0;
}
.menu-popup .pad.pad2{
    padding: calc(7% + 60px) 100px;
}
.menu-popup .input-search span{
    font-family: Raleway-Light,Georgia, Verdana, sans-serif;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 30px;
}
.menu-popup .input-search input{
    height: 40px;
    padding: 10px;
    position: relative;
}
.menu-popup .input-search input::placeholder{
    font-family: Raleway-Light,Georgia, Verdana, sans-serif;
    font-size: 18px;
    line-height: 18px;
    position: relative;
}
.menu-popup .input-search input::before{
    position: absolute;
    top: 7px;
    left: 6px;
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-align: center;
    line-height: 12px;
    font-size: 20px;
}
@media (max-width: 1400px) {
    .menu-popup .pad{
        padding: 7% 0;
    }
    .menu-popup .pad.pad2{
        padding: calc(7% + 60px) 60px;
    }
}
@media (max-width: 1200px) {
    .menu-popup .col-blu{
        display: none;
    }
    .menu-popup .voci{
        max-width: 100vw;
        flex: 100%;
    }
}
@media (max-width: 767px) {
    .menu-popup .voci2{
        width: 270px;
    }
    .menu-popup .pad2{
        padding: 0 0 20px;
    }
    .menu-popup .pad2:first-child{
        padding: 60px 0 20px;
    }
    .menu-popup .closex{
        top: 20px;
        right: 20px;
    }
    .menu-popup .social-menu{
        align-items: flex-start!important;
    }
    .menu-popup .bordi{
        border: none;
    }
}
.box-info-contatti .headquaters{
    color: #005da8;
    font-size: 24px;
    line-height: 24px;
    font-family: Roboto-Bold;
}
.box-info-contatti .group .text, .box-info-contatti .group .text a{
    color: #005da8;
    font-size: 14px ;
    line-height: 17px ;
    font-family: Roboto-Regular;
}.box-info-contatti .group.onlytesto .text {    padding-left: 26px;}
.box-info-contatti .img-bgi{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}
.box-info-contatti .img-bgi img{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.box-info-contatti .img-bgi::before{
    content: '';
    padding-top: 70%;
    display: block;
}
.box-info-contatti
@media (min-width: 350px) {
    .box-info-contatti .group .text, .box-info-contatti .group .text a{
        font-size: 16px ;
        line-height: 20px ;
    }
}
@media (min-width: 450px) {
    .box-info-contatti .group .text, .box-info-contatti .group .text a{
        font-size: 18px ;
    }
}
.box-info-contatti .group .text div{
    line-height: 26px;
    display: flex;
    flex-direction: row;
}

.box-info-contatti .group .text .riga1{
    font-family: Roboto-Medium;
}
.box-info-contatti .group{
    align-items: baseline;
}
.box-info-contatti .group i.fa-map-marker-alt{
    font-size: 22px;
}
.box-info-contatti .group .text a.email{
    border: 2px solid #33ccff;
    padding: 5px 25px;
    color: #005da8;
    font-family: Roboto-ExtraBold;
    margin-left: 20px;
    padding-right: 10px;
}


.box-info-contatti .group .text a.email i{
    transition: 0.5s;
}
.box-info-contatti .group .text a.email:hover i{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}



.box-info-contatti .email .arrow-cus{
    margin: 0 0 0 10px;
    font-size: 20px;
    bottom: -2px;
}
.box-info-contatti .group .text span.bold{
    font-family: Roboto-Bold;
    margin-left: 5px;
}
.box-info-contatti .group .text span{
}
.box-info-contatti .group .text .email span {
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 14px;
}
.box-info-contatti .group .text span:first-child{
    min-width: 130px;
}
.box-info-contatti .group.bord, .box-info-contatti .group{
    max-width: 310px;
    margin: 0;
    padding: 20px 0;
}
.box-info-contatti .group:last-child{
    padding-top: 0;
}
.box-info-contatti .group-ritiro{
    border-top: 1px solid #595959;
    padding: 20px 0;
    max-width: 310px;
}
.box-info-contatti .group-ritiro .headquaters{
    font-size: 14px;
    line-height: 26px;
    color: #005da8;
}
.box-info-contatti .group-ritiro .headquaters i{
    position: relative;
    width: 14px;
    top: calc(50% - 7px );
    font-size: 16px;
    color: #33ccff;
    margin-right: 10px;
}
.box-info-contatti .group-ritiro .riga{
    line-height: 17px;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #005da8;
    padding-left: 25px;
    margin-bottom: 10px;
}
.box-info-contatti .group-ritiro a.email {
    border: 2px solid #33ccff;
    padding: 5px 10px 5px 25px;
    color: #005da8;
    font-family: Roboto-ExtraBold;
    margin-left: 20px;
    font-size: 14px;
    margin-top: 40px;
    display: block;
    width: max-content;
}
.box-info-contatti .group-ritiro .email span{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 14px;
}
.box-info-contatti .group-ritiro .email .arrow-cus {
    margin: 0 0 0 10px;
    font-size: 20px;
    bottom: -2px;
    color: #33ccff;
    position: relative;
    transition: 0.5s;
}

.box-info-contatti .group-ritiro .email:hover .arrow-cus{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

@media (min-width: 450px) {
    .box-info-contatti .group-ritiro .headquaters{
        font-size: 18px;
    }
    .box-info-contatti .group-ritiro .riga{
        font-size: 18px;
    }
    .box-info-contatti .group-ritiro a.email{
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .cust-flex .vc_row-fluid{
        flex-direction: column;
    }
    .cust-flex .vc_row-fluid .vc_col-sm-3, .cust-flex .vc_row-fluid .vc_col-sm-9{
        width: 100%;
    }
}

.box-link  {
    padding-right: 0px;
    padding-left: 0px;
}
.box-link ul{
    padding: 0;
    list-style-type: none;
    margin-top: 9px;
}
.box-link li{
    max-width: max-content;
    margin-bottom: 30px;
}
.box-link ul a{
    color: #1bb9ed;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    text-decoration: underline;
}
.box-link ul li:hover a{
    color: #0058a7;
}

@media (max-width: 575px) {
    .box-link ul a{
        font-size: 24px;
        line-height: 24px;
    }
    .mappa-interattiva .rowx{
        margin-left: 0;
    }
}

.woocommerce div.product div.summary {
    width: 100%;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
    width: 100%;
}
.single-product .product_meta {
   display: none;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}



.scroll-btn {
    display: block;
    position: absolute;
    bottom: 120px;
    right: -20px;
    text-align: center;
    z-index: 20;
}
.home .scroll-btn {
    top: calc(50% - 38px);
    bottom: unset;
}
.cont-full-width .scroll-btn {
    right: 120px;
}
.scroll-btn > * {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #969696;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
    color: #969696;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 35px;
    height: 55px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #969696;
    border-radius: 23px;
}
.scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 45%;
    width: 3px;
    height: 11px;
    margin: 0 auto;
    background: #969696;
    border-radius: 15px;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}
.home .scroll-btn > *,
.header_fullh .scroll-btn > *{
    color: #ffffff;
}
.home .scroll-btn > *.active,
.header_fullh .scroll-btn > *.active{
    color: #ffffff;
}
.home .scroll-btn .mouse,
.header_fullh .scroll-btn .mouse{
    border: 3px solid #ffffff;
}
.home .scroll-btn .mouse > *,
.header_fullh .scroll-btn .mouse > *{
    background: #ffffff;
}
@media (max-width: 991px) {
    .titolo{
        position: relative;
    }
    body:not(.home) .scroll-btn {
        position: absolute;
        right: 0px;
        bottom: -6px;
    }
}
@media (max-width: 676px) {
    .scroll-btn {
        display: none;
    }
}
.margin-add{
    padding: 45px 0 45px;
}
.contm{
    display: flex;
    flex-direction: column;
}
.for-scroll{
    width: 1140px;
    overflow-x: auto;
}
.rowm{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 1140px;
    overflow-x: auto;
}
.rowm-head{
    margin-top: 140px;
}
.colm-20{
    display: flex;
    flex-direction: row;
    max-width: 16.6666%;
    width: 100%;
    border: 1px solid #ffffff;
    align-items: center;
    justify-content: center;
    padding: 10px 60px;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    height: 55px;
    text-align: center;
}
.colm-20 a{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.rowm-head *{
    background-color: #28b8ff;
    padding: 10px 30px;
}
.colm-20.xl{
    max-width: 25%;
}
.colm-20.md{
    max-width: 16.6666%;
}
.colm-20.xs{
    max-width: 12.5001%;
}
.colm-20.link{
    text-decoration: underline;
}
.colm-20.file{
    font-size: 30px;
    line-height: 34px;
}
.colm-20.mobile{
    display: none;
}
.colm-20.desk span.onmobile{
    display: none;
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    margin-right: 8px;
}
.rowm-head .colm-20{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
    height: 90px;
}
.rowm-head .colm-20.link{
    text-decoration: unset;
}
.rowm-head .colm-20:hover{
    color: #ffffff;
    background-color: #006699;
}
.contm .rowm:nth-child(2n + 1) .colm-20{
    background-color: #dce3e7;
}
.contm .rowm:nth-child(2n) .colm-20{
    background-color: #ecf1f3;
}
.after_single_product_summary{
    display: none;
}
.woocommerce-product-gallery__trigger{
    display: none;
}
.container-full.bg-img{
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: auto;
    margin: 100px 0;
    padding: 0;
}
@media (min-width: 767px) {
    .container-full.bg-img{
        height: auto;
    }
}
.download{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #363636;
    margin-top: 50px;
}
.download .fa-arrow-right{
    color: #21bbef;
}
.download .fa-file-pdf{
    color: #e93232;
    margin-left: 10px;
    font-size: 30px;
}
@media (min-width: 550px) {
    .download{
        font-size: 22px;
    }
    .download .fa-file-pdf{
        font-size: 45px;
    }
}
.product_summary .title h2{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 60px;
    line-height: 64px;
    color: #3a3a3a;
}
.product_summary .title h2 span{
    color: #21bbef;
}
.product_summary .descr{
    max-width: 260px;
}
.product_summary .descr p{
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #363636;
}
/*.percorso *, .percorso span span, .path span *{*/
/*    color: #21b7e9;*/
/*}*/
@media (max-width: 1100px) {
    .colm-20{
        padding: 10px;
    }
    .colm-20.mobile{
        display: flex;
        max-width: 15%;
    }
    .colm-20.mobile .fa-sort-up{
        display: none;
    }
    .colm-20.mobile.change .fa-sort-up{
        display: block;
        margin-top: 5px;
    }
    .colm-20.mobile.change .fa-sort-down{
        display: none;
    }
    /*.colm-20.desk{*/
    /*    display: none;*/
    /*}*/
    .colm-20.desk span.onmobile{
        display: block;
    }
    .colm-20.desk.open{
        display: flex;
        max-width: 100%;
        order: 3;
    }
    .colm-20.xl{
        max-width: 35%;
    }
    .colm-20.md, .colm-20.xs{
        max-width: 16.6666%;
    }
}
@media (max-width: 991px) {
    .product_summary .title h2{
        font-size: 45px;
        line-height: 49px;
    }
}
@media (max-width: 575px) {
    /*.colm-20.link{*/
    /*    display: none;*/
    /*}*/
    .product_summary .title h2{
        font-size: 36px;
        line-height: 40px;
    }
    .colm-20.md, .colm-20.xs, .colm-20.mobile{
        max-width: 21.6666%;
    }
    .colm-20.link.open{
        display: flex;
        max-width: 100%;
        order: 3;
    }
    .colm-20{
        height: auto;
    }
    .rowm-head{
        margin-top: 30px;
    }
}
.lista-filtri{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    position: relative;
    background-color: #ffffff;
    padding: 20px 10px;
    border-bottom: 1px solid #5a6c78;
    transition: 0.4s;
}
.lista-filtri.open{
    height: auto;
    max-height: 500px;
    overflow-y: hidden;
}
/*.lista-filtri i{*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    right: 20px;*/
/*    display: block;*/
/*}*/
/*.lista-filtri i.fa-sort-up{*/
/*    display: none;*/
/*}*/
/*.lista-filtri.open i.fa-sort-up{*/
/*    top: 27px;*/
/*    display: block;*/
/*}*/
/*.lista-filtri i.fa-sort-down{*/
/*    display: block;*/
/*}*/
/*.lista-filtri.open i.fa-sort-down{*/
/*    display: none;*/
/*}*/
.lista-filtri i::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 20px;
    top: 30px;
    -webkit-transform: translate3d(0,-25%,0);
    transform: translate3d(0,-25%,0);
    border-top: 7px solid #c5d0d8;
    border-bottom: 9px solid transparent;
    border-left: 7px solid transparent;
    border-right: 9px solid transparent;
    -webkit-transition: .2s cubic-bezier(.455,.03,.515,.955);
    -o-transition: .2s cubic-bezier(.455,.03,.515,.955);
    transition: .2s cubic-bezier(.455,.03,.515,.955);
}
.lista-filtri.open i::after {
    border-top: 7px solid #273238;
    -webkit-transform: translate3d(0,-75%,0) scaleY(-1);
    transform: translate3d(0,-75%,0) scaleY(-1);
}
.lista-filtri span.titolo{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    color: #5a6c78;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    padding-right: 35px;
    margin-bottom: 0 !important;
}
.lista-filtri.open span.titolo{
    margin: 0 0 20px;
}
.lista-filtri .sub-lista{
    display: none;
    flex-direction: column;
    border-bottom: 1px solid #bbc6cc;
    margin-bottom: 20px;
}
.lista-filtri.open .sub-lista{
    display: flex;
}
.lista-filtri .sub-lista:last-child{
    border-bottom: unset;
    margin-bottom: unset;
}
.lista-filtri .sub-lista ul{
    padding: 0;
    list-style-type: none;
    margin-top: 20px;
}
.lista-filtri .sub-lista li{
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.lista-filtri .sub-lista .sub-titolo{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    color: #bbc6cc;
    font-size: 16px;
    line-height: 20px;
}
.lista-filtri .sub-lista label{
    margin: 0;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    color: #5a6c76;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    display: flex;
}
.lista-filtri .sub-lista .mex{
    margin-left: 30px;
    padding-top: 0px;
}
.lista-filtri .sub-lista input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.lista-filtri .sub-lista .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 3px solid #5a6c76;
}
.lista-filtri .sub-lista .link-cate{
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    color: #5a6c76;
    font-size: 16px;
    line-height: 18px;
}
.lista-filtri .sub-lista input:checked ~ .checkmark {
    background-color: #5a6c76;
}
.lista-filtri .sub-lista .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.lista-filtri .sub-lista input:checked ~ .checkmark:after {
    display: block;
}
.lista-filtri .sub-lista .checkmark:after {
    background-color: #5a6c76;
}
.corpo.corpo-prodotti .titolo{
    padding-left: 0;
    position: relative;
}
.corpo.corpo-prodotti .titolo .svg{
    position: absolute;
    top: 0;
    left: -65px;
    margin: 0;
}
.corpo.corpo-prodotti .titolo h2{
    color: #3a3a3a;
    font-size: 55px;
    line-height: 59px;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    margin-left: -2px;
}

.prodotti.corpo-prodotti .widget.dettagli, .prodotti.corpo-prodotti .widget.titolo{
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.prodotti.corpo-prodotti .widget.titolo .title{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    color: #3a3a3a;
    font-size: 35px;
    line-height: 50px;
    padding: 0;
    margin: 0;
}
.prodotti.corpo-prodotti .widget.titolo .subtitle{
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    color: #20baec;
    font-size: 28px;
    line-height: 32px;
    padding: 0;
    margin: 10px 0 0;
}
.prodotti.corpo-prodotti .widget.dettagli{
    max-width: 220px;
    width: 100%;
}
.prodotti.corpo-prodotti .widget,
.prodotti.corpo-prodotti .widget.widget_filtroiph{
    margin-top: 80px;
}
.prodotti.corpo-prodotti .widget .textwidget, .prodotti.corpo-prodotti .widget .textwidget * {
    font-family: Raleway-Regular,Georgia, Verdana, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #363636;
}
.prodotti.corpo-prodotti .widget .textwidget a {
    color: #20baec;
    font-size: 14px;
    line-height: 18px;
    margin-top: 18px;
}
.single-product .path{
    height: 20px;
    padding-top: 195px;
    padding-bottom: 20px;
}
.single-product .titolo{
    margin-top: 45px;
}
.header_2 p{
    margin-bottom: 0;
}
.header_2 .header-h-auto{
    background-color: #005ea8;
}
.header_2 strong{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
}
@media (max-width: 1300px) {
    .corpo.corpo-prodotti .titolo .svg{
        display: none;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .prodotti.corpo-prodotti .widget.titolo .title{
        font-size: 32px;
        line-height: 36px;
    }
}
@media (max-width: 767px) {
    .corpo.corpo-prodotti .wpb_text_column.wpb_content_element {
        margin-bottom: 30px!important;
    }
}

#mapd{
    width: 100%;
    height: 559px;
}

@media (min-width: 768px) {
    .sider_bar_woo .left-row{
        width: 100%;
    }
    .product_list{
        width: 100%;
    }
}

.sider_bar_woo .left-row .widget_filtroiph{
    margin-top: 0px;
}
.sider_bar_woo .left-row section.widget_filtroiph.margintop{
    margin-top: 80px;
}

.sortingevent {
    cursor: pointer;
}
.sortingevent span{
    display: flex;
    padding: 0px;
    background-color: transparent;

}
.sortingevent span:after{
    content: "\f0dc";
    width: 10px;
    height: 10px;
    margin-left: 10px;
    display: inline-block;
    margin-top: 0px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
}


.corpomission .entry{
    background-position: bottom center;
    background-image: url(../images/theme/uomo.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.corpomission .prefooter {
    margin-top: 50px;
}
@media (min-width: 992px){
    .corpomission .prefooter {
        margin-top: 300px;
    }
}

@media (min-width:676px){
    .corpomission .prefooter {
        margin-top: 150px;
    }
}

.error404 .entry{
    max-width: 500px;
    margin: auto;
    margin-bottom: 150px;
    padding: 0px 30px;
}
.error404 .search-form{
    margin-top: 50px;
}

.error404 .search-form .search-form-input{
    width: calc(100% - 75px);
}

div.wpcf7 .ajax-loader {
    position: absolute;
    top: 8px;
}

.vc_inline-link{

}

.langmenuitems{
    width: 100%;
    padding: 0px 30px;
}
.langmenuitems ul{
  column-count: 1;
}
.langmenuitems ul li{
    text-align: center;
}
@media (min-width: 676px){
    .langmenuitems ul {
      column-count: 3;
    }
}
@media (min-width: 992px){
    .langmenuitems ul {
      column-count: 4;
    }
}
@media (min-width: 768px) {
    .container .wpb_single_image,
    .container .titolo{
        margin-right: 50px;
        margin-bottom: 30px!important;
    }
    .container .titolo{
        margin-bottom: 27px;
    }
}
@media (max-width: 767px) {
    .container .wpb_single_image{
        margin-bottom: 30px!important;
    }

}
@media (max-width: 991px) {
    .col-sm-12.col-md-6.col-lg-4.item.box-row-grid{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

}
@media (min-width: 1580px) {
    .box-row-grid.item{
        max-height: 480px;
    }

}



@media (max-width: 767px){
    .wpcf7 .terminiduso, .wpcf7 .terminiduso.container_box {
        margin-top: 0px;
        padding-top: 2px;
        margin-bottom: 5px;
    }
}

.wpcf7 .container_box {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
    color: #363636;
    line-height: 26px;
    font-size: 15px;
    padding-top: 0px;
    cursor: pointer;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
    width: 100%;
}
.wpcf7 br{
    display: none;
}

.wpcf7 .container_box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    z-index: -1;
}
.wpcf7 .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 3px solid #363636;
}
.wpcf7 .sspecial.checkmark {
    top: 0;
}
.wpcf7 .sspecial .container_box {
    line-height: 20px;
    font-size: 14px;
    padding-top: 0px;
}
@media (min-width: 1024px){
    .wpcf7 .sspecial .container_box {
        padding-top: 0px;
    }
}
.wpcf7 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.pre_footer .wpcf7 .checkmark {
    border: 1px solid #fff;
}
.wpcf7 .container_box input:checked ~ .checkmark {
    background-color: #363636;
}
.wpcf7 .container_box input:checked ~ .checkmark:after {
  display: block;
}
.wpcf7 label:hover input,
.wpcf7 label:hover textarea{
    border: 1px solid #0060ab;
}
.wpcf7 label:hover input[type=file]{
    border: 0;
}
.wpcf7 .wpcf7-acceptance:hover .checkmark{
    border: 3px solid #0060ab;
}
.wpcf7 .container_box:hover input:checked ~ .checkmark {
    background-color: #0060ab;
}
.wpcf7 .form-c{
    padding: 0;
}


.btnmaps{
    margin: 0;
    padding: 20px 0;
    align-items: baseline;
    display: flex;
    flex-direction: row;
    position: relative;
    text-align: right;
    justify-content: flex-start;
}
.btnmaps.alignright{
    justify-content: flex-end;
}
.btnmaps .text{
    font-size: 18px;
    line-height: 20px;
    color: #005da8;
    display: flex;
    flex-direction: column;
    position: relative;
}
.btnmaps .text a.email{
    border: 2px solid #33ccff;
    padding: 5px 10px 5px 25px;
    color: #005da8;
    font-family: Roboto-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 18px;
    line-height: 20px;
}
.btnmaps .text .email span{
    font-family: Raleway-ExtraBold,Georgia, Verdana, sans-serif;
    font-size: 14px;
}
.btnmaps .text a.email i{
    margin: 0 0 0 10px;
    font-size: 20px;
    bottom: -2px;
    position: relative;
    width: 14px;
    top: calc(50% - 7px);
    color: #33ccff;
    transition: 0.5s;
}
.btnmaps .text a.email:hover i{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

.row-products{
    margin-bottom: 50px;
}

.customtax_page_22 #text-2{
    display: none;
}

.vc_images_carousel {
    width: 100% !important;
}

.langiphm{
    position: relative;
}


.langiphm .sub_langiphm{
    display: none;
    position: absolute;
    top: 30px;
    right: 0px;
    text-align: center;
    background-color: #252525;
    color: #fff;
}
.langiphm.openb .sub_langiphm{
    display: block;
}
.langiphm .sub_langiphm ul{
    margin: 0px;
    padding: 0px;
}
.langiphm .sub_langiphm ul li{
    width: 100%;
    list-style: unset;
    list-style-type: none;
    padding: 5px 10px;
}

.langiphm .sub_langiphm ul li::marker {
    display: none;
}

.langiphm .sub_langiphm ul li a{
    color: #fff;
    font-family: Raleway-Medium,Georgia, Verdana, sans-serif;
    font-size: 15px;
}

.div-search{
    position: relative;
}
.burgerhomedesk{
    display: flex !important;
    flex-direction: row !important;
}
.burgerhomedesk .gr.burger.icona-menu {
    margin-top: -15px;
    position: relative;
    top: 7px;
}
.sticky .burgerhomedesk .gr.burger.icona-menu{
    color: #363636 !important;
}
.header-top .burgerhomedesk .gr.burger.icona-menu{
    color: #363636 !important;
}

.mappa-interattiva .option span {
    display: flex;
}
.iconlista{
    width: 20px;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
}



.popup-search-input{
    border: 0;
    background-color: transparent;
    margin-left: 0px;
    padding: 0;
    font-size: 14px;
    margin-top: 4px;
    font-family: Raleway-Bold,Georgia, Verdana, sans-serif;
}
.popup-search-input::placeholder{font-size: 14px;}
input:focus{outline: none;}
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
}