/*LAYOUT.CSS*/
body{ padding:0px; margin:0px;}
.clr{ clear:both;}
.none{ display:none !important;}
.flex{ display: flex; align-items: center; justify-content: center;}

body::-webkit-scrollbar {
width: 8px;
background-color:#fff;
}

body::-webkit-scrollbar-thumb {
background-color: #ccc;
}

.container{ width:90%; max-width:1680px; margin:0 auto; position:relative;}
.flex{ display: flex; align-items: center; justify-content: center;}

#featured_products h2{ font-size:100px; line-height:1;}

.bkg_center{ background-repeat:no-repeat; background-position:center; background-size:cover;}

#logo {
    width: 350px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
    display: none;
}

#logo img{ width: 100%; }
#apri_menu{ width:80px; height:80px; position:absolute; top:10px; right:10px; z-index:1; background-color:red; z-index:99; position:fixed;}
#open_menu{ width:80px; height:80px; position:absolute; top:10px; right:10px; z-index:1; z-index:99;}
.menu_in{ }
#wrapper_menu{ position:fixed; z-index:9; background-color:rgba(0,0,0,0.97); display:none;}

.h_grid_menu_1{ border-right:3px solid rgba(250,250,250,0.4); border-bottom:3px solid rgba(250,250,250,0.4); border-top:3px solid rgba(250,250,250,0.4); border-left:3px solid rgba(250,250,250,0.4);}
.h_grid_menu_2{ border-bottom:3px solid rgba(250,250,250,0.4); border-right:3px solid rgba(250,250,250,0.4); border-left:3px solid rgba(250,250,250,0.4);}
.h_grid_menu_3{ border-right:3px solid rgba(250,250,250,0.4); border-top:3px solid rgba(250,250,250,0.4); border-bottom:3px solid rgba(250,250,250,0.4);}
.h_grid_menu_4{ border-bottom:3px solid rgba(250,250,250,0.4); border-right:3px solid rgba(250,250,250,0.4);}

p.payoff{ font-family: 'Lato', sans-serif;}

#menu_wp ul li a{ font-family: 'Lato', sans-serif; font-size:50px; line-height:1.25; color:#fff; text-decoration:none; text-transform: uppercase;}
#menu_wp ul li.current-menu-item  a{ color:#f46636;}
#menu_wp ul li a:hover{ color:#f46636;}

.overlay_video{ position: absolute; top: 0px; left: 0px; z-index: 1; background-color: rgba(0, 0, 0, 0.7);}

/*#title1{ font-family: 'Lato', sans-serif; font-size: 400px; color: #fff; position: absolute; top: 0px; left: 0px; z-index: 3; }
#title2{ font-family: 'Lato', sans-serif; font-size: 400px; color: #fff; position: absolute; top: 100px; left: 0px; z-index: 3; }
#title3{ font-family: 'Lato', sans-serif; font-size: 400px; color: #fff; position: absolute; top: 200px; left: 0px; z-index: 3; }*/


#img_home {
    position: absolute;
    bottom: 10%;
    left: 5%;
    z-index: 3;
    width: 90%;
    height: auto;
}


#img_centraline{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: auto;
    opacity: 0.4;
    background-image: url(../images/mappature-centraline-bergamo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#appuntamento{}
.appuntamento{ height: 200px; z-index: 2; }
.appuntamento1{ background-color: #191919; }
.appuntamento2{ background-color: #f46636; 
background-image: url(../images/triangle.png);
background-size: auto auto;
background-repeat: no-repeat;
background-position: 0px -30px;
}

.appuntamento2{}
.appuntamento2_i{ padding-left: 100px;}

.t1{ font-family: 'Lato', sans-serif; color: #fff; font-size: 3.2vw; text-transform: uppercase;}
.t2{ font-family: 'Lato', sans-serif; color: #fff; font-size: 1.4vw; font-weight: 400;}
.t3 {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 5vw;
    text-transform: uppercase;
    padding-left: 80px;
    background-image: url(../images/icon-tel.png);
    background-size: 65px auto;
    background-repeat: no-repeat;
    background-position: left center;
}

.s2_l{ height: 600px; background-image: url(../images/lattoneria-bergamo.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.s2_r{ height: 600px; }


.s3_l{ height: 600px; float: right; background-image: url(../images/tubi-canaline-a-bergamo.jpg); background-repeat: no-repeat; background-position: center left; background-size: cover;}
.s4_l{ height: 600px; float: right; background-image: url(../images/camini-su-misura-bergamo.jpg); background-repeat: no-repeat; background-position: center left; background-size: cover;}
.s3_r{ height: 600px; float: right;}


.img_page_float{ float: right; }
.h_page{ height: 45vw; }
.img_page{ background-repeat: no-repeat; background-size: cover; background-position: center;}
.img_officina_1{ background-image: url(../images/biesse-racing-bergamo.jpg);}
.img_officina_2{ background-image: url(../images/elaborazioni-centraline-biesse-bergamo.jpg);}
.img_officina_3{ background-image: url(../images/Rimappatura-centralina-biesse-racing-bergamo.jpg);}
.img_officina_4{ background-image: url(../images/Rimappatura-centralina-milano-biesse-racing-bergamo.jpg);}
.img_officina_5{ background-image: url(../images/sala-prova-biesse-racing-rimappature-centraline-bergamo.jpg);}

#h_section2, #h_section3{ background-color: #fff; position: relative; border-bottom: 1px solid #ddd;}
.intro{ font-family: 'Lato', sans-serif; color: #111; font-size: 1.2vw; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;
    background-image: url(../images/rs.png);
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    }
.intro strong{ font-weight: 900;}
.p1{ font-family: 'Lato', sans-serif; color: #111; font-size: 35px; line-height: 1; text-transform: uppercase; margin-bottom: 20px; font-weight: 900;}
.p2{ font-family: 'Lato', sans-serif; color: #111; font-size: 1.1vw; line-height: 1.6; font-weight: 400; margin-bottom: 20px;}

a.link_default {
    display: inline-block;
    padding: 10px;
    background-color: #f46636;  
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
}

a.link_default:hover{ background-color: #111;}


#h_section4{ position: relative; border-bottom: 1px solid #ddd; height: 600px; text-align: center;
background-image: url(../images/bkg-biesse-racing.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}


#h_section4, #h_section6{ position: relative; border-bottom: 1px solid #ddd; height: 600px; text-align: center;
background-image: url(../images/lavorazioni-ferro-bergamo.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}


#h_section4 .intro, #h_section6 .intro{ background-image: none; }
#h_section4 .p1, #h_section4 .p2, #h_section6 .p1, #h_section6 .p2{ color: #fff;}
#h_section4_i, #h_section6_i{ width: 800px; }


#h_section4 .intro img, #h_section6 .intro img{
height: 12px;
margin-right: 4px;
}


.flag {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
}


#h_section5{ position: relative; width: 100%; height: auto; background-color: #000;}
#h_section5 .p1{ font-size: 4vw; color: #fff; text-transform: none;}
#h_section5 .p2{ font-size: 1.2vw; color: #fff;}
#h_section5 .scopri_easy, #h_section5 .scopri_easy a{ font-size: 1.4vw; color: #f46636; text-decoration: none;}
#h_section5 .scopri_easy img{
height: 12px;
margin-right: 4px;
}


#h_section5_i{ padding-top: 80px; }

#h_section5{ position: relative; overflow: hidden;}
.grid{ width: 100%; position: relative; height: 300px;}
.grid_h{ height: 500px;}
.grid_h_i{ width: 60%;}


.icon_grid{ width: 250px; height: auto; position: absolute; right: 150px; bottom: 0px;}


#h_section7{ position: relative; background-color: #fff; z-index: 1; text-align: right;}
#h_section7 .w50{ height: 600px;}

#h_section7 .intro, #h_section8 .intro{ background-image: none; }
#h_section7 .intro img, #h_section8 .intro img{ width: 10px; margin-right: 5px; }


.item-home-gallery{ width: 100%; height: 400px; background-color: #ccc; }

#galleria_home{ margin-top: 100px; width: 90%;}
#w_referenze{ margin-top: 50px; width: 90%;}

#h_section8{ position: relative; background-color: #f1f1f1; z-index: 1; text-align: center;}
#h_section8_i{ padding: 100px 0px;}



#h_section9{ position: relative; background-color: #fff; z-index: 1; text-align: right;}
#h_section9 .w50{ height: 450px;}

#h_section9 .intro{ background-image: none; }
#h_section9 .intro img{ width: 10px; margin-right: 5px; }


#h_section9 #w_referenze{ text-align: left; }

.stars{ width: 150px !important; height: auto; margin-bottom: 20px;}


#h_section9 #w_referenze p{font-family: 'Lato', sans-serif; color: #111; font-size: 1.25vw; font-weight: 400;}



#h_section9 .item-home-gallery{ background-color: #fbdfdf;}


#h_section9 .item-home-gallery{ height: 450px;}


#footer{ position: relative; background-color: #000;}

#footer .p1{ color: #fff; font-size: 4.5vw;}
#footer .p2{ color: #fff; font-size: 1.7vw; line-height: 1.5;}


#footer .p2 strong{ font-family: 'Lato', sans-serif; font-size: 35px;}
#footer .p2 strong a{ text-transform: none; text-decoration: none; color: inherit; font-size: 4vw; }

.icon_call{ width: 100%; max-width: 800px; height: auto; margin-top: 50px; margin-left: -10%;}

.red{ color: #f46636;}

.icon_social{ width: 50px;}
.icon_fb{ margin-right: 10px;}


#intro_indoor_page{ width: 100%; height: 500px; position: relative; background-color: rgba(0,0,0,0.6); z-index: 1; overflow: hidden;}

#intro_indoor_page .p1, #intro_indoor_page .p2{ color: #fff; text-align: center; font-size: 28px;}
#intro_indoor_page_i{ padding-top: 250px; }

#wrapper_indoor_page{ position: relative; z-index: 1; }
#intro_indoor_page .p1{ font-size: 4.5vw; margin-bottom: 10px;}
#intro_indoor_page .p2.intro{ text-transform: inherit; }



span.slogan {
    color: #fff;
    opacity: 0.05;
    font-size: 25vw;
    position: absolute;
    left: 0px;
    bottom: -120px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}


.content_box p{ font-family: 'Lato', sans-serif; color: #111; font-size: 1.1vw; line-height: 1.5; font-weight: 400; margin-bottom: 20px;}

.content_box p a{ text-decoration: none; color: #f46636;}

.wrapper_social img{ width: 50px; height: auto; }




/*contact form*/
span.wpcf7-list-item { margin: 0px;}

.cento.submit input.wpcf7-submit {
width: 100%;
height: auto;
display: inline-block;
border: none;
padding: 10px 15px;
font-size: 23px;
font-family: 'Lato', sans-serif;
background-color: #cd000b;
text-transform: uppercase;
color: #fff;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.cento.submit input.wpcf7-submit:hover{ background-color:#0f609b;}

.privacy a{ font-family: 'Lato', sans-serif; font-size:16px; line-height:21px; color:#cd000b; text-decoration:none;}

.cento textarea {
height: 80px;
width: 99%;
border: none;
background-color: #fff;
border: 1px solid #ddd;
font-size: 16px;
padding-left: 10px;
padding-top: 10px;
font-family: 'Lato', sans-serif;
resize: none;
}

.cento {
margin-bottom: 5px;
clear: both;
}
.cento_i{ padding-right:30px;}

.cinquanta{ width: 33.3%;; position:relative; float:left;}
.cinquanta_i{ padding-right:30px;}

.cinquanta input {
height: 50px;
width: 95%;
border: none;
background-color: #fff;
border: 1px solid #ddd;
font-size: 16px;
padding-left: 5%;
padding-right: 0px;
}

.cinquanta {
margin-bottom: 20px;
}


.container .cento p{ text-align:left; font-size: 16px;}

.input_invia{ text-align:center; margin-top:20px;}
.input_invia input[type=submit]{ background-color:#f46636; border:none; text-transform:uppercase; font-size:18px; line-height:25px; color:#fff; padding:15px 20px; height:auto !important; width:50%}
/*contact form*/


#primary #intro_indoor_page .p1 {
    font-size: 5vw;
}

.input_privacy p{font-family: 'Lato', sans-serif;}
.input_privacy a{ color: inherit;}

.page_blog_i {
    width: 70%;
    margin: 0 auto;
    padding: 0px 7%;
    border-left: 2px dotted #ccc;
    border-right: 2px dotted #ccc;
    padding-bottom: 100px;
    padding-top: 50px;
}

#primary img{ width: 100% !important; height: auto !important; margin: 20px 0px;}
#primary iframe{ width: 100% !important; height: 450px !important; margin: 30px 0px;}

#primary h3, #big_related h3{
    font-family: 'Lato', sans-serif;
    color: #111;
    font-size: 2.7vw;
    line-height: 1;
    margin-bottom: 30px;
}


#primary p{ font-family: 'Lato', sans-serif; color: #111; font-size: 1.25vw; font-weight: 400;
    line-height: 1.8vw;
    margin: 20px 0px;
}



#info_single{ margin-top: 80px; }
#info_single p{ font-size: 2vw; font-weight: 400; line-height: 2.5vw; text-align: center;}
#info_single p a{ color: #f46636; text-decoration: none; font-weight: bold;}

.shadow_single{ width: 100%; height: 400px; background-color: rgba(0,0,0,0.9); position: absolute; top: 0px; left: left;}
#intro_indoor_page_i{ position: relative;z-index: 1; }

.mie_tag{ display: inline-block; margin-right: 20px; margin-bottom: 20px; background-color: #f46636; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 12px; letter-spacing: 2px;}

.fixed{ position: fixed !important; }


#big_related h3{ text-align: center; color: #fff;}
.item_related{ background-color: #ddd;}


#big_related{ position: relative; width: 100%; height: auto; background-color: #000; }

.item_related{ height: 400px;}
.shadow_related{ width: 100%; height: 400px; position: absolute; top: 0px; left: 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.77+55,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.77) 55%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 55%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 55%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.item_related_i{ text-align: center; color: #fff; position: relative; z-index: 2; height: 400px; width: 100%;}
.item_related p {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 3.2vw;
    line-height: 1;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: rgba(150,0,0,0.7);
    padding: 15px 5px;
}

.item_related a{ font-family: 'Lato', sans-serif; color: #fff; font-size: 1vw; font-weight: 400; text-decoration: none; background-color: #f46636; padding: 10px; text-transform: uppercase; letter-spacing: 2px;}

.item_related.w50 {
    width: 95%;
    float: left;
    position: relative;
    margin: 0% 2.5%;
}


.owl-prev{
width: 50px;
height: 50px;
position: absolute;
top: 40%;
left: -4%;
background-image: url(../images/prev.jpg) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
}



.owl-next{
width: 50px;
height: 50px;
position: absolute;
top: 40%;
right: -4%;
background-image: url(../images/next.jpg) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
}


.wrapper_article_blog{ position: relative; height: 550px; margin-bottom: 50px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.shadow_cat{ width: 100%; height: 550px; position: absolute; top: 0px; left: 0px; z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.77+55,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.77) 55%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 55%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 55%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.wrapper_article_blog_i{ position: relative; z-index: 3; background-color: rgba(150,0,0,0.4);}

.cat_title{
font-family: 'Lato', sans-serif;
color: #fff;
font-size: 4.5vw;
line-height: 1;
text-transform: uppercase;
margin-bottom: 30px;
}

.wrapper_article_blog a{
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    background-color: #f46636;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.more-link{ display: none; }

.cat_intro p{ margin-bottom: 30px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 1.5vw;
}






 #h_section7 #galleria_home .w50 {
    height: 400px;
}
#galleria_home .item_related.w50 {
    width: 100%;
    margin: 0px;
    margin: 0px;
}


#galleria_home .item_related a{ background-color: transparent !important; }
#galleria_home .item_related a img{ width: 60px; height: auto; }


#galleria_home .item_related p {
    font-size: 3.5vw;
    margin-bottom: 15px;
    line-height: 3.1vw;
}

#galleria_home .item_related_i_i{ width: 80%; margin-right: 0 auto; }

#first_cat_post .wrapper_article_blog {
    width: 95%;
    float: none;
    text-align: center;
    margin-bottom: 30px;
}

#first_cat_post .wrapper_article_blog_i { width: 60%;}




#wrapper_contant{ width: 80%; margin: 0 auto; max-width: 90%;}


.tecnmologie_indoor{ text-align: center; }

.shadow_tecnmologie_indoor{ position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,0.9); z-index: 1;}
.tecnmologie_indoor_i{ position: relative; z-index: 2; }

.white{ color: #fff !important; }


.shadow_tecnmologie_indoor1{ background-color: rgba(40,0,0,0.87);}
.shadow_tecnmologie_indoor2{ background-color: rgba(0,0,0,0.9);}
.shadow_tecnmologie_indoor3{ background-color: rgba(60,0,0,0.87);}
.shadow_tecnmologie_indoor4{ background-color: rgba(0,0,0,0.9);}


.tecnmologie_indoor .tecnmologie_indoor_i{ width: 60%; margin: 0 auto; }

.link_default:hover{ cursor: pointer; }


.wrapper_article_blog { 
    width: 50%;
    position: relative;
    float: left;
}

#other-articles .wrapper_article_blog_i{ background-color:transparent; }

#other-articles .cat_title {
    font-size: 3vw;
    padding: 20px;
    background-color: rgba(150,0,0,0.7);
}




#other-articles .wrapper_article_blog {
    width: 45%;
    margin: 2.5%;
}


.icon_tecno_indoor{ width: 7vw; height: auto; margin-top: 0 auto; margin-bottom: 20px;}


.intro img{
	    width: 10px;
    margin-right: 5px;
}





#main_title {
    position: absolute;
    text-align: center;
    width: 90%;
    bottom: 20%;
    z-index: 1;
    left: 5%;
}


#main_title h1{
    color: #fff;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 85px;
    line-height: 1;
    font-weight: 900;
}

#main_title p{
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
    letter-spacing: 1px;
    font-weight: 100;
    margin-top: 30px;
}


#h_section1{ 
    background-image: url(../images/luiselli-lattoneria-bergamo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#menu_wp{ text-align: center; }




#bkg_indoor{ 
    position: absolute; top: 0px; left: 0px; width: 100%; height: 700px;
    background-image: url(../images/stopfire-sistemi-antincendio.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.container_text{ width: 900px; max-width: 90%; margin: 0 auto; }

.p2 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    font-weight: 100;
}


ul#menu-home li{ margin: 15px 0px; }

/*#img-indoor-1{ background-image: url(../images/lavorazione-rame-bergamo.jpg);}*/
#img-indoor-1{ background-image: url(../images/luiselli-lamiere-lattoneria-albino.jpg); background-position: center top;}

/*#img-indoor-2{ background-image: url(../images/lattoneria-albino.jpg); }*/
#img-indoor-2{ background-image: url(../images/luiselli-albino-lattoneria.jpg); }

#img-indoor-1.img-lavorazioni-1{ background-image: url(../images/camini.jpg); }

/*#img-indoor-2.img-lavorazioni-2{ background-image: url(../images/luiselli-lattoneria-albino-lamiere-5.jpg); }*/
/*#img-indoor-2.img-lavorazioni-2{ background-image: url(../images/luiselli-lattoneria-tubi-albino-bergamo.jpg); }*/
#img-indoor-2.img-lavorazioni-2{ background-image: url(../images/luiselli-lattoneria-albino-lamiere-1.jpg); }

#img-indoor-1.img-lavorazioni-3{ background-image: url(../images/coperture-e-facciate-in-lamiera.jpg); }
#img-indoor-2.img-lavorazioni-4{ background-image: url(../images/luiselli-albino.jpg); }

#slider_page{ width: 100%; height: 450px; background-color: #ddd; }


#crediti_i{ padding: 10px; }
#crediti p{  font-family: 'Lato', sans-serif; font-size: 10px;}



.content_box .contact_wrapper p{ font-size: 25px; margin: 60px 0px;}




#img-indoor-1-g{ background-image: url(../images/lavorazione-rame-bergamo.jpg);}

#img-indoor-2-g{ background-image: url(../images/lattoneria-albino.jpg); }













/*RESPONSIVE*/
/*1680*/
@media (max-width: 1680px) {
	
#featured_products h2 {
font-size: calc(50px + (100 - 50) * ((100vw - 767px) / (1680 - 767)));
}



}
 




/*RESPONSIVE*/
/*1200*/
@media (max-width: 1200px) {
	

#main_title h1 {
font-size: 8vw;
}



.content_box p, .p2 {
    font-size: 1.5vw;
}


.container{ width:90%; max-width:980px;}

.t3 {
    font-size: 4vw;
    padding-left: 60px;
    background-size: 50px auto;
 }

.appuntamento { height: 120px;}

#h_section4, #h_section6 { height: 400px;}
#h_section5_i {
    padding-top: 0px;
}

.p50 {
    padding: 20px;
}


.icon_grid {
    width: 200px;
}


.s2_l, .s2_r, .s3_l, .s4_l, .s3_r, #h_section7 .w50, .h_page{ height: 400px;}

#h_section8_i {
    padding: 50px 0px;
}

#galleria_home { margin-top: 50px;}

#wrapper_menu_i{ margin-top: 5%; }

#intro_indoor_page {
    height: 300px;
}

#intro_indoor_page_i {
    padding-top: 130px;
}

span.slogan {
    bottom: -50px;
}

#wrapper_tecnologie .h600 {
    height: 450px;
}

.wrapper_article_blog, .shadow_cat{ height: 450px; }

#other-articles .wrapper_article_blog, #other-articles .shadow_cat{ height: 430px; }

#info_single {
    margin-top: 0px;
}

.page_blog_i {
    padding-bottom: 50px;
}





}








/*980*/
@media (max-width: 980px) {
	
    .container{ width:90%; max-width: inherit;}


    #img_home {
        bottom: 15%;
    }
    .t3 {
        padding-left: 40px;
        background-size: 35px auto;
    }


    .s2_l, .s2_r, .s3_l, .s4_l, .s3_r, #h_section7 .w50, .h_page {
        height: 420px;
    }

    #h_section4, #h_section6 {
        height: 330px;
    }


    .p2, #h_section9 #w_referenze p, .content_box p {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    a.link_default {
        font-size: 12px;
    }

#h_section7 #galleria_home .w50, .shadow_related, .item-home-gallery {
    height: 300px;
}

#galleria_home .item_related p {
    font-size: 21px;
}

#galleria_home .item_related a img {
    width: 40px;
}

.item-home-gallery  .p100{ padding: 70px; }


#h_section9 .item-home-gallery {
    height: 350px;
}


.section_long .h_page {
    height: 600px;
}


.flag {
    max-height: 2px;
    opacity: 0.8;
}

#wrapper_tecnologie .h600 {
    height: 350px;
}


.wrapper_article_blog, .shadow_cat {
    height: 350px;
}



#other-articles .wrapper_article_blog, #other-articles .shadow_cat {
    height: 400px;
}


.cat_intro p, #primary p {
    font-size: 14px;
    line-height: 1.3;
}

#primary h3, #big_related h3, #info_single p {
    font-size: 24px;
}

.item_related_i, .item_related {
    height: 300px;
}



}









/*767*/
@media (max-width: 767px) {
	
#featured_products h2 { font-size: 50px;}



#img_home {
bottom: 20%;
}

.t1 {
    font-size: 32px;
    text-align: center;
	    line-height: 1;
}
	

.t2 {
    font-size: 16px;
    text-align: center;
}

.t3 {
    font-size: 45px;
}

.appuntamento2{ background-image: none; }

.appuntamento2_i {
    padding-left: 0px;
}


.s2_l, .s2_r, .s3_l, .s4_l, .s3_r, #h_section7 .w50, .h_page, .section_long .h_page {
    height: auto;
}

.s2_l, .s3_l, .s4_l, .img_officina_1, .img_officina_2, .img_officina_3, .img_officina_4, .img_officina_5, .img_officina_6{ height: 250px !important;}
 
.p1, #h_section5 .p1 {
font-size: 35px;
}


.grid_h_i {
    width: 80%;
}

#h_section5 .p50 {
    padding: 0px;
}

.intro {
    font-size: 12px;
    margin-bottom: 5px;
}

#h_section5{ text-align: center; }

.icon_grid{ display: none; }

#h_section5 .scopri_easy, #h_section5 .scopri_easy a {
    font-size: 18px;
}

.grid{ border-bottom: 1px solid rgba(250,250,250,0.3); }


#h_section5 .p100{ padding: 0px; }

#h_section7 {
    text-align: center;
}


#galleria_home {
    width: 100%;
}


.owl-prev{ left: 0px;}
.owl-next{ right: 0px;}


#h_section4, #h_section6 {
    height: 400px;
}


#h_section8 .p2{ width: 80%; margin: 0 auto; }


.cinquanta {
    width: 100%;
    position: relative;
    float: none;
    clear: both;
}

.input_privacy{ text-align: left; }

#h_section9 .w50{ height: auto;}
#h_section9_i{ padding-top: 50px; }


#w_referenze {
    margin-top: 0px;
    width: 100%;
}

#h_section9 .item-home-gallery {
    height: 350px;
    text-align: center;
}

.stars {
    width: 80px !important;
    margin: 0 auto;
    margin-bottom: 20px;
}


#footer .p1 {
    font-size: 30px;
}


#footer .p100 {
    padding: 30px;
}

.input_invia {
    text-align: left;
}


.h100{ height: 400px; }


#appuntamento .p20{ padding: 20px 10px !important; }



.appuntamento {
    height: auto;
}

#h_section7_i{ padding-top:50px;}

#galleria_home .item_related p {
    line-height: 1.1;
}


#galleria_home .item_related_i_i {
    width: 70%;
}

.cinquanta_i {
    padding-right: 0px;
}


.cinquanta input {
    height: 40px;
    font-size: 14px;
}


.input_invia input[type=submit] {
    padding: 10px;
}


#h_section9 .item-home-gallery {
    height: 280px;
}


#wrapper_social{ margin-top:15px;}


.menu_right{ display:none;}


#menu_wp ul li{ text-align:center;}


#menu_wp ul li a {
    font-size: 30px;
    line-height: 1.5;
}


#intro_indoor_page {
    height: 250px;
}

#logo {
width: 150px;
top: 0px;
left: 20px;
}

#logo img{ width:100%;}

.intro{
	background-image:none;
    width: 95%;
    margin: 0 auto;
}


#intro_indoor_page .p1 {
    font-size: 40px;
}

#intro_indoor_page {
    background-color: rgba(0,0,0,0.7);
	    border-bottom: 5px solid #fff;
}


.cento_i {
    padding-right: 12px;
}

#h_section9 {
    text-align: center;
}

#h_section9 .intro {
    margin-bottom: 10px;
}

.tecnmologie_indoor .tecnmologie_indoor_i {
    width: 90%;
}


.icon_tecno_indoor {
    width: 50px;
}



#wrapper_tecnologie .h600 {
    height: 450px;
}



.mappa_h{ height:300px !important;}


#h_section2, #h_section3{ text-align:center;}

}








/*480*/
@media (max-width: 480px) {


}



.intro {
    padding-left: 15px;
}