html, body { margin:0px; padding:0px; background-color:#f37126; /* background-color:#4d8890; */ } /*height:100%; */
body { color:#000; font-size:100%; font-family: 'Lato', sans-serif; font-weight:lighter; } /*background-color:#fff;*/
input, textarea { font-family: 'Lato', sans-serif; color:black; }
header { margin:0 auto; }
#ico_menu_mobi, #flag_mobi, #bottom_mobi { display:none; }
div.wrap { margin:0 auto;max-width:81.25em; /* 1300px / 16px = 81.25em */ padding-right:1.25em; /* 20px / 16px = 1.25em */ padding-left:1.25em; /* 20px / 16px = 1.25em */ }
#cont_sx_dx{width:100%; float:left;}
#cont_sx {width:16%; float:left; padding-top:20px; padding-bottom:20px; background-color:#f37126;/* background-color:#4d8890; */ padding-left:1%; padding-right:1%; position:relative; } /*height:100vh;*/
#logo {width:100%;float:right;text-align:center;margin-bottom:30px;}
#logo img {width:100%;max-width:300px;}
#top_menu { width:100%;float:left;}
#cont_dx {width:82%;float:left;background-color:#fff; position:relative; min-height:100vh; }
#image_header {width:100%;position:absolute;z-index:1;}
.rev_slider_wrapper { width:100%; padding:0; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; position:absolute !important; z-index:1; }
.rev_slider { position:relative; overflow:visible; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#top_dx {width:100%;float:left;padding-top:20px;z-index:2;position:relative;}
#cerca { width:155px; margin-right:20px; float:right; }
#social {width:50px;float:right;}
#social img {height:23px;}
#flag {width:70px;float:right;}
#footer { float:left; /*position:absolute; bottom:0;*/ text-align:left; color:#fff;/* color:#bfd4d7; */ width:100%; font-size:0.8em; line-height:140%; padding-top:60px; }
#footer a:visited, #footer a:hover, #footer a:link { color:#fff; /* color:#bfd4d7; */}
#testo_dx {width:96%;float:left;margin-top:60px;margin-left:2%;margin-right:2%;/*padding-bottom:50px;*/}
#cont_azienda {width:82%;float:left;background-image:url(azienda.jpg);background-size:cover;min-height:100vh;}
#testo_azienda {width:27%;float:left;margin-left:4%;padding:2.5%;margin-top:150px;font-size:0.8em;font-weight:100;line-height:135%;color:#616161;background-color:white;opacity:0.8;}
#google_maps {width:100%;position:absolute;z-index:1;}
#google_maps iframe {width:100%;height:350px;}
#testo_contatti {width:70%;float:left;margin-top:320px;margin-left:15%;margin-right:15%;padding-bottom:50px;color:#616161;}
#testo_contatti a:link, #testo_contatti a:visited {color:black;}
/* MENU TOP -------------------------------------------------------------------------------------------------------------------*/
#menu_top { margin-top:20px; display:table-row; }
#menu_top div { display:table-cell; text-align:center; font-size:15px; padding-top:15px; padding-bottom:15px; border-right:1px solid #fff; }
#menu_top div:first-child { border-left:1px solid #fff; }
#menu_top div a:hover, #menu_top div a:link, #menu_top div a:visited { color:#fff; text-transform:uppercase; }
#menu_top div a:hover#current_menu_top, #menu_top div a:link#current_menu_top, #menu_top div a:visited#current_menu_top { border-bottom:2px solid #049339; }
/* TESTO PAGINA -------------------------------------------------------------------------------------------------------------*/
h1 { color:#000; font-size:1em; text-transform:uppercase; font-weight:bold; text-align:left; line-height:110%; margin-top:0px; }
h2 { font-size:1.2em; font-weight:normal; margin-top:0px; }
h3 { font-size:1em; font-weight:normal; }
h4 { font-size:0.9em; font-weight:normal; }
h5 { font-size:0.8em; font-weight:normal; }
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
input.radio { color:#000; border-style:none; }
input { font-size:11px; background-color:#fff; margin-bottom:3px; width:100px; border:1px solid #a8a8a8; }
/* MENU TOP ------------------------------------------------------------------------------------------------------------*/
ul.menu_top { text-align:center; list-style-type:none; margin:0; padding-top:7px; width:100%; }
ul.menu_top li { color:#464646; font-size:0.98em; display:inline; margin-right:3%; margin-left:3%; }
ul.menu_top li#current_menu_top { color:#464646; }
ul.menu_top li a:hover, ul.menu_top li a:link, ul.menu_top li a:visited { color:#464646; text-transform:uppercase; }
ul.menu_top li#current_menu_top a:hover, ul.menu_top li#current_menu_top a:link, ul.menu_top li#current_menu_top a:visited { color:#464646; text-transform:uppercase; }
/* PRODOTTI / CATEGORIE ------------------------------------------------------------------------------------------------------------*/
#box_ordine {width:100%;float:left;margin-bottom:30px;color:#666666;font-weight:lighter;}
select#order, select#filter {width:200px;color:#666666;margin-left:10px;height:25px;border: 1px solid #f37126;/* border:1px solid #4d8890; */border-radius:3px;font-size:0.9em;font-family: 'Lato', sans-serif;}
#prod_cont { width:100%; float:left; display:flex; align-content: flex-end; flex-flow: row wrap; }
div.product { width:29.3333%; margin-right:2%; margin-left:2%; float:left; text-align:center; margin-bottom:30px; height:auto;}
div.product_thumb { width:100%; float:left; margin-bottom:10px; border-bottom:1px solid #b9b9b9; }
div.product_thumb img { width:100%; max-width:300px;}
div.product_name { width:100%; float:left; text-align:center; color:black; font-weight:bold; line-height:120%; text-transform:uppercase; font-size:1em; }
div.product_name a:link, div.product_name a:visited, div.product_name a:hover { color:black; font-weight:bold;line-height:120%; text-transform:uppercase; font-size:1em; }
div.product_code {width:100%;float:left;text-align:center;font-size:0.8em;}
div.product_summary_misure {width:100%;float:left;/*height:165px;*/}
div.product_summary {width:100%;float:left;margin-bottom:20px;margin-top:20px;text-align:left;font-size:0.8em;height:auto;position:relative;overflow:hidden; }
div.product_summary.readmore { height:48px; }
div.product_misure {width:100%;float:left;text-align:left;font-size:0.8em;height:65px;}
div.product_misure_det {width:100%;float:left;height:20px;}
div.product_misure_img {width:25px;float:left;}
div.product_misure_img img {width:15px;}
div.product_misure_text {float:left;}
div.prod_sum_more { position:absolute; bottom:0; right:0; }
div.prod_sum_more a:link, div.prod_sum_more a:hover, div.prod_sum_more a:visited { text-decoration:none;color:#f37126; /* color:#4d8890; */ font-weight:bold; }
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
.lab_cont { width:10%; text-align:left; float:left; font-size:15px; padding-top:5px; margin-bottom:2px; margin-left:10%; }
.inp_cont { width: 56%; margin-left:22%; float: left; margin-bottom: 5px; margin-right:22%;}
input[type=text] {margin-bottom: 10px;width: 100%;padding: 10px;font-size: 0.9em;color: black;text-transform:uppercase;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type=submit] { margin-bottom:20px; width:30%; padding:1px; font-size:15px; cursor:pointer; }
input.radio { color:#000; border-style:none; width:25px; }
#contact_privacy { text-align: center; float: left; color:#8c8c8c; width:100%; font-size: 0.8em;}
#contact_privacy a:link, #contact_privacy a:visited, #contact_privacy a:hover {color:black;}
textarea { width: 56%; color: black; text-transform:uppercase; font-size:0.9em; margin-left: 22%; margin-right: 22%; padding: 10px; margin-bottom: 20px; resize: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* DOWNLOAD ------------------------------------------------------------------------------------------------------------*/
div.download_box {width:570px;float:left;margin-left:50px;}
div.download_img {width:230px;float:left;margin-right:50px;}
div.download_img img {width:100%;float:left;border:1px solid #8f8f8f;}
div.download_title {width:290px;float:left;}
div.download_title_text {float:right;text-align:right;font-size:0.9em;font-weight:bold;line-height:100%;text-transform:uppercase;}
div.download_title_icon {float:right;width:31px;margin-left:7px;text-align:right;}
div.download_title_icon img {width:27px;}
div.download_email {width:290px;float:left;margin-top:30px;}
div.download_invia {width:290px;float:left;text-align:left; margin-top:20px; }
div.download_invia input {border:1px solid #f37126; color:#f37126;/*border:1px solid #4d8890;color:#4d8890;*/height:35px;font-weight:lighter;border-radius:3px;font-size:1em;text-transform:uppercase;width:160px;}
div.download_privacy {width:290px;font-size:12px;float:left;margin-top:5px;}
div.download_privacy a:link, div.download_privacy a:hover, div.download_privacy a:visited { text-decoration:none; font-weight:bold; color:#000; }
/* CERCA ------------------------------------------------------------------------------------------------------------*/
#cerca_form { padding-right:0px; width:150px; border-radius:5px;padding-left:5px; background-color:white; height:24px; }
#cerca_form_pages { padding-right:0px; width:150px; border-radius:5px;padding-left:5px; background-color:#d5d5d5; height:24px; }
#input_dacercare { font-size:0.8em; padding:0px; border:none; height:22px; width:118px; /* color:#4d8890;*/color:#f37126; background-color:transparent; }
#cerca2_menu { width:22px; height:22px; vertical-align:top; text-align:center; color:#FFF; border:0px none; margin:0px;background-color:transparent; padding:0px;}
/* VARI ------------------------------------------------------------------------------------------------------------*/
.clear { clear:both; }
l { clear:both; padding:0px; margin:0px; list-style-type:none; }
li { padding:0px; margin:0px; list-style-type:none; }
img { border:none; }
a:link, a:visited, a:hover { text-decoration:none; }
.main-menu-btn { position: absolute; top: -99999px; right:0; display:inline-block; width:28px; height:28px; text-indent:28px; white-space:nowrap; overflow:hidden; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #top_menu { display: block; }
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; clip: rect(1px,1px,1px,1px); }
#cookieChoiceInfo span { color:#fff; }
#cookieChoiceInfo a:link, #cookieChoiceInfo a:hover, #cookieChoiceInfo a:visited { color:#fff; font-weight:bold; }
#cookieChoiceDismiss { font-size: 14px; }
/********* MEDIA QUERY *************/
@media only screen and (max-width:768px), only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
html,body{background-color:white;}
div.wrap { margin:0 auto; max-width:82.25em; padding-right:0.75em; padding-left:0.75em; }
#logo { width:50%; text-align:center; height:auto; margin-bottom:0px; }
#logo img { width:100%; max-width:170px; height:auto; }
#cerca { width:100%; text-align:left; background-color:#ffffff; margin:0 auto; max-width:300px; float:none; }
#cerca_form { margin-top:3px; padding-top:14px; padding-bottom:3px; width:100%; text-align:center; }
#input_dacercare { width:80%; }
#cerca2_menu { width:30px; height:30px; font-size:16px; vertical-align:top; text-align:center; color:#FFF; border:0px none; background-color:grey; margin:0px; padding:0px; margin-left:-5px; }
#top_menu, footer, #top_dx { display:none; }
#ico_menu_mobi { display:block; width:25%;float:left; text-align:left; color:white; }
#menu_mobi { width:80%; font-size:1em; padding:0.188em; }
#top_mobi {width:25%;float:right;text-align:right;}
#flag_mobi {display:block;width:100%;float:left;}
#bottom_mobi {width:100%;float:left;padding-top:20px;padding-bottom:20px;background-color:#f37126;/*background-color: #4d8890;*/}
#social_mobi {display:block;width:100%;float:left;margin-bottom:15px;text-align:center;}
#footer_mobi {display:block;width:90%;padding-left:5%;padding-right:5%;float:left;text-align:center;line-height:130%;font-size:0.8em;color:#bfd4d7;}
#footer_mobi a:link, #footer_mobi a:visited {color:#bfd4d7;}
#cont_sx {width:98%;height:auto;}
#cont_dx {width:100%;display: inline-table;min-height: 0vh; padding-bottom:20px;}
#testo_dx {margin-top:20px;}
#cont_azienda {width:100%;}
#image_header {float:left;position:relative;}
#testo_azienda {width:78%;padding:6%;margin-top:40px;}
#testo_contatti {margin-top:370px;width:90%;margin-left:5%;margin-right:5%;}
div.download_box {margin:0 auto;float:none;width:100%;max-width:250px;margin-bottom:30px;padding-bottom:70px;}
div.download_img {width:100%;margin-right:0px;}
div.download_email, div.download_title, div.download_privacy, div.download_invia {width:100%;}
div.download_title {margin-top:20px;}
/* PRODOTTI / CATEGORIE ------------------------------------------------------------------------------------------------------------*/
div.product { width:47%; margin-left:1.5%; margin-right:1.5%; margin-bottom:30px; }
div.product_thumb { margin-bottom:5px; }
#product_image { width:100%; margin-top:10px; }
/*div.product_summary_misure {height:220px;}*/
/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
.lab_cont { width:100%; text-align:left; float:left; font-size:15px; padding-top:5px; margin-bottom:2px; margin-left:1%; }
.inp_cont, textarea {width:90%;margin-left:5%;margin-right:5%;}
input[type=submit] { margin-bottom:20px; width:30%; padding:1px; font-size:15px; cursor:pointer; }
input.radio { color:#000; border-style:none; width:25px; }
input { color:#000; }
.main-menu-btn { position:relative; top:0; }
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { position:absolute; top:50%; right:2px; height:2px; width:24px; background:#fff; -webkit-transition: all 0.25s;
transition: all 0.25s; }
.main-menu-btn-icon:before { content:''; top:-7px; left:0; }
.main-menu-btn-icon:after { content:''; top:7px; left:0; }
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 0; background: transparent; }
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #top_menu { display: none; }
#main-menu-state:checked ~ #top_menu { display: block; }
}
/* !!! schermi piccoli pc */
@media only screen and (min-width:769px) and (max-width:1024px){
div.wrap { margin:0 auto; max-width:81.75em; padding-right:1em; padding-left:1em; }
#cont_sx {width:20%;}
#cont_dx {width:78%;}
#cont_azienda {width:78%;}
#testo_azienda {width:47%;}
#testo_contatti {width:96%;margin-left:2%;margin-right:2%;}
div.download_box {margin-left:20px;width:530px;}
div.download_email, div.download_title, div.download_privacy, div.download_invia {width:250px;}
div.product {width:46%;}
/*div.product_summary_misure {height:200px;}*/
.lab_cont { width:10%; }
}