/* Author: Glacom Italia srl Author URI: https://www.glacom.it Version: 1.0 ----------------------------------------------------------------- 01. Reset Stylesheet 02. Base Typography 03. Base Styles 04. Nonsemantic Base Styles 05. Structure 06. Header 07. Menu 08. Content 09. Images 10. Comments 11. Footer 12. Private 13. Portfolio 14. Plugins 15. Retina 16. Responsive styles -----------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 01. Reset Stylesheet by html5doctor.com v1.6.1 /*---------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { text-decoration:underline;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del, strike { text-decoration: line-through; } abbr[title], dfn[title], acronym { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /*---------------------------------------------------------------*/ /* 02. Base Typography /*---------------------------------------------------------------*/ body { font-family: "Open Sans Condensed", Arial, Sans-Serif; font-size:16px; font-weight:300; line-height: normal; background-color:#ffffff; background-image:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-wrap: break-word;} pre, code, kbd, samp { font-family: "Open Sans Condensed", Arial, Sans-Serif; } /*---------------------------------------------------------------*/ /* 03. Base Styles /*---------------------------------------------------------------*/ body, select, input, textarea {color: #393939; font-family: "Open Sans Condensed", Arial, Sans-Serif;} input, textarea {box-sizing: border-box;} h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {/*float:left;*/ width:100%;color:#1c1c1e; font-family: 'Amatic SC', cursive; margin-bottom:15px} h1{font-size:35px; font-weight:bold; line-height:120%; padding: 20px 0px } h2{font-size:28px; font-weight:bold; line-height:120%;} h3{font-size:22px} h4{font-size:20px} h5{font-size:17px} h6{font-size:14px} html { overflow-y: scroll; } *:focus { outline: none; } a{color:#000; text-decoration:none; outline:0; } a:hover, a:active { } a:hover, a:active, a:focus, a:link, a:visited { text-decoration:none; } p{margin-bottom:18px;} img{width:100%; height:auto;} em {font-style: italic;} small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { display:block; font:normal 12px/22px 'Montserrat', Monospace; background-color:#fafafa; background:repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); overflow:auto; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 */ word-wrap: break-word; /* IE */ padding:0em 1em; border: 1px dashed #cccccc; margin: 0 0 1em 0;} hr {background-color: #000; border: 0; clear: both; height: 1px; margin-bottom: 18px; } iframe, embed, video, audio{max-width:100%;} .ie7 img {-ms-interpolation-mode: bicubic;} /* Quote tag */ q:before, q:after { content:'"'; } /* Definition list */ dl {padding-top:20px; padding-bottom:20px;} dt {float: left; clear: left; width: 130px; text-align: right; font-weight: bold;} dt:after {content: ":";} dd {margin: 0 0 0 150px; padding: 0 0 0.5em 0;} /* Bloquote */ blockquote:after {font-family: "Open Sans Condensed", Arial, Sans-Serif; content: "\f10e"; font-size:19px; position:absolute; bottom:10px; right:20px;} blockquote p { font-size: 16px; margin-bottom: 10px;} blockquote {border: 1px solid #EDEDED; background:#f9f9f9; margin-bottom:16px; padding:40px; position:relative; border-radius:4px;} blockquote cite {display: block; font-size: 12px; color: #555; margin-top:15px;} blockquote cite:before {content:"\2014"; padding-right:5px;} /* Form style */ input,textarea{ font-size: 13px; border:2px solid #ececec;} input:focus,textarea:focus {outline: 0; border-color:#dedede; transition: border-color 0.3s; } input{padding:0 10px; height:44px;} textarea { overflow: auto; padding:10px; height:160px;} .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: middle; background:none;height:auto} input[type="checkbox"] { vertical-align: bottom; background:none;height:auto;} .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } input[type=button], input[type=submit], button {-webkit-appearance: button;} input, select, textarea { margin: 0;} /* Selection style */ ::-moz-selection{ background-color: #999999; color:#fff; text-shadow: none; } ::selection { background-color:#999999; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.196); } /* Button style */ input[type='submit'], button{display: inline-block; border:none; font-size: 11px; font-weight:400; line-height:1; letter-spacing:1px; text-transform:uppercase; height:auto; padding: 10px 15px; text-align: center; transition: background-color 0.15s ease-in-out;} button:after {font-family: "Open Sans Condensed", Arial, Sans-Serif; margin-left:35px; transition: all 0.15s cubic-bezier(.55,0,.1,1); } button:hover:after {-webkit-transform:translateX(5px); transform:translateX(5px);} input[type='submit']:active, button:active{color:#ffffff;} /* List style */ ul, ol { margin-left: 1.8em; } ol {list-style: decimal;} ol, ul.square, ul.circle, ul.disc, ul {margin-left: 30px;} ul.square {list-style: square outside;} ul.circle {list-style: circle outside;} ul.disc {list-style: disc outside;} ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 30px;} li {line-height: 1.4; margin-bottom:10px;} ul.large li {line-height: 21px;} nav ul, nav li { margin: 0; } /* Table Style */ table{background-color:#eeeeee; border-collapse:collapse; border-spacing: 0; padding:0; margin-bottom:18px; width:100%;} th{color:#ffffff; font-weight:bold; padding:10px 30px 10px 30px; text-align:center;} th a {color:#ffffff;} th a:hover {color:#f7f7f7;} tr{color:#696969; text-align:center;} tr:nth-child(odd) td{background:#ffffff;} td{padding:10px;vertical-align:middle; } tbody th{background:none; color:#444444;} tbody th a {color:#444444;} tbody th a:hover {color:#696969;} tbody tr:nth-child(odd) th{background:#ffffff;} .video-container { position:relative; margin-top:30px; margin-bottom:30px; padding-top:35px; height:0; overflow:hidden; width:100%; float:left; padding-bottom: 56.25%; /* the aspect ratio is 16:9, the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75% */ } .video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /*---------------------------------------------------------------*/ /* 04. Nonsemantic Base Styles /*---------------------------------------------------------------*/ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*---------------------------------------------------------------*/ /* 05. Structure /*---------------------------------------------------------------*/ #ico_menu_mobi, #social_mobi, #block_menu_prod_mobi { display:none; } header { margin:0 auto; float: left; z-index: 1000; width: 100%; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all .8 ease; position: fixed; background-color:transparent; } div.wrap { margin:0 auto; max-width:81.25em; padding-right:1.25em; padding-left:1.25em; } div.wrap2 { margin:0 auto; max-width:100%; padding:0px; margin:0px; padding-right:0; padding-left:0; } #cont_top { float:left; width:100%; position: fixed;} #logo { width:50%; float:left; height:110px; } #logo img { border:none; height:110px; } #social { width:50%; text-align:right; float:left; } #cerca { text-align:right; width:50%; float:left; height:55px; } /*#main-menu > li:hover > ul{display: block;max-height: 80vh;width:500px;overflow-x: visible; overflow-y: scroll;} #main-menu > li:hover > ul li{min-width: max-content;max-width: max-content} #main-menu > li:hover > ul li:hover > ul{display: block;margin-left: 200px;}*/ #icon_onthetop { font-size:20px;font-family: 'Amatic SC', cursive;font-style: normal;font-weight: normal;float:right; padding:15px 5px 15px 5px } #cont_top_menu { float:left; width:100%; background-color: transparent; z-index: 100;} #cont_top_menu_white { margin-top:60px; float:left; width:100%; height:150px; position: fixed; background-color: #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 10; /*height:250px */ } .flag_l { width: 60px; float: left; } .flag_l a { width: 50%; float: left; padding-left: 7px; box-sizing: border-box; padding-top: 15px; } /*.logo_menu { height: 150px; float: left; }*/ .logo_menu a{display: block;width: 120px;} .logo_menu img { height: 100%; float: left; /*padding-left: 7px; box-sizing: border-box; padding-top: 15px; */ padding: 10px; margin-top: 0.5em; margin-left: 0.5em; /*margin-bottom:20px; margin-left:5px; margin-right:5px; margin-top:20px;*/ background-color:#fff; -webkit-border-top-left-radius: 80px; -webkit-border-top-right-radius: 75px; -webkit-border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 70px; -moz-border-radius-topleft: 80px; -moz-border-radius-topright: 75px; -moz-border-radius-bottomright: 60px; -moz-border-radius-bottomleft: 70px; border-top-left-radius: 80px; border-top-right-radius: 75px; border-bottom-right-radius: 60px; border-bottom-left-radius: 70px; } .title_header{font-size: 4.1rem;} .summary_header, .btn_header{font-size: 1.1rem;} img#logo_before_menu { height: 40px; float:left; width:auto; margin-left:15px;margin-top:10px; display:none; } img#logo_before_menu_mobi { display:none; z-index: 10; } #cont_top_menu2 { padding: 0 0.5em; float:right; width:100%; margin-top: 0; background-color:#9DC865; z-index: 100; border-bottom: 1px solid green; text-align:left; height:63px; } #cont_top_menu1and2 { margin-top:63px; float:left; width:100%; background-color:transparent; height:50px; z-index: 100; position:absolute; } .img_header { top: 100px } .top_dx { float: right; width: auto; } .top_dx img { width: 20px; padding:15px 5px 15px 5px } .logo_nav { display: none } input[name='dacercare'] { width: 40px; height: 40px; transition: .8s; padding: 0px 20px; border-radius: 30px; background: url(/personalizzazione/tpl/files/003-magnifying-glass.svg) 10px center no-repeat; background-size: 20px; border: 0; margin-left: 15px;} input[name='dacercare']:focus { width: 200px; padding: 5px 40px; border: 1px solid green; } #cont_top_menu * { color: #000; font-weight: bold; vertical-align: middle; font-family: 'Amatic SC', cursive; font-size: 25px} #container_top_menu { float:left; width:100%; background-color:#fff; border-bottom:1px solid green; height: 63px; } #top_menu { height:30px; width:auto; float:left; text-align:left; display:table; } #top_menu_product { height:40px; width:80%; float:left; text-align:left; display:table; } #header_image { margin-top:126px; width:100%; height:auto; float:left; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center top; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all .8 ease; /*margin-top: 100px*/ } #header_image_noslide { background-repeat:no-repeat; /*background-position:center;background-size:cover;*/height:300px; padding-top: 126px;} #camera_wrap_1{ height:400px; } #cont_container { float:left; width:100%; /*border-bottom: 1px solid #000*/ } #container { float:left; width:100%; padding-top:20px; } #container2 { float:left; width:100%; padding:0px; } #testo1 { float:left; width:100%; margin-bottom:40px; /*margin-top: 250px;*/ font-family: "Open Sans Condensed", Arial, Sans-Serif; line-height: 30px; font-size: 20px; /*padding-top:200px;*/ } #testo1 h1 { font-family: 'Amatic SC', cursive; /*text-align:center;*/ } #testo1 img { padding-bottom:15px; padding-left:15px; padding-right:15px; } img.big_img_prod {margin-top:0px; margin-bottom:0px;} .margin_top_product { margin-top: 250px; } #testo_404 { float:left; width:100%; margin-bottom:40px; margin-top:40px; text-align:center; } #testo2 { width:48%; float:right; margin-bottom:40px; margin-left:3%; } #cellasx{ width:48%; float:left; margin-top:21px; } #testo3 { width:48%; float:right; margin-bottom:40px; margin-right:2%; margin-left:1%; line-height: 28px; margin-top:30px; } #cellaimage { width:48%; float:left; margin:0px; } #boxmiddle {width:100%;float:left} #box_A, #box_B, #box_C, #box_D, #box_E, #box_F { width:100%; float:left; height:auto; border: 0; box-sizing: border-box; } #box_A, #box_B { padding: 25px 0px } #box_B{padding-top: 0;} #box_C { padding-top: 10px } .checkout_button { width:100% } .state_trasp { width:60%;float:right; } select.state_trasp {border: 1px solid white; min-width: 100px; /*width:100%; max-width:150px*/ } .image_weare { position: relative; width: 50%; float: left; border: 0; box-sizing: border-box; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-height: 300px; } .text_weare { position: absolute; height: auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; font-weight: bold; font-size: 35px; line-height: 100%} .text_weare a { color: #fff } .image_weare img { max-width: 100%; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .image_weare:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } #box_G { width: 100%; float: left; position: relative; border: 0; box-sizing: border-box; min-height: 130px;} #box_G2 { width: 100%; float: left; /*background-color: #c3a34f;*/ position: relative; border: 0; box-sizing: border-box; min-height: 60px;} #box_G2 .text_boxg button { color:#fff; } .text_boxg { position: absolute; height: auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 16px;} .text_boxg button { margin-left: 10px; background-color: #fff; border: 1px solid #fff; font-weight: bold; color: #727272; font-size: 14px; margin-top: 10px } .text_boxg button:hover { background-color: #c19e28; color: #fff } .insta_title { width: 100%; float: left; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 22px; border: 0; box-sizing: border-box; padding: 30px} .foto_instagram { width: 25%; float: left; } .insta_link { width: 100%; float: left; text-align: center; border: 0; box-sizing: border-box; padding: 20px } .insta_link button { background-color: #4c68d7; border-radius: 2px; color: #fff; border: 1px solid #5379a9; } .insta_link button:hover { background-color: #fff; color: #4988bf } #box_E { text-align: center } .donde_encontrarnos { width: 33.33%; float: left; border: 0; box-sizing: border-box; padding: 0px 20px 50px 20px; } #box_E_2C { text-align: right } #box_E_2C .donde_encontrarnos { width: 100%; float: left; border: 0; box-sizing: border-box; padding: 0px; font-size: 26px; margin-top:40px; } #box_E_2C .donde_encontrarnos .content_dep { line-height: 22px; font-size: 16px } .title_de { width: 100%; float: left; border: 0; box-sizing: border-box; text-transform: uppercase; font-weight: bold; padding: 40px 0px; font-size: 20px; color: #1c1c1e;} .title_dep { font-weight: bold; color: #727272; font-size: 16px; padding-bottom: 10px} .content_dep { color: #a5a5a6; font-size: 14px; line-height: 16px } #box_F { background-color: #f6f7f7 } #box_D { padding-bottom: 30px; } .middleD_title { width: 100%; float: left; border: 0; box-sizing: border-box; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 22px; padding: 30px 0px; color: #1c1c1e; } footer { width:100%; margin-top:0px; color:#000; background-color:#fff; height:auto; float:left; padding: 10px 0px; border-top: 1px solid green; } #cont_footer { float:left; height:auto; width:100%; } #footer { text-align:left; width:100%; font-size:11px; float:left; padding:20px; box-sizing: border-box; border-top: 1px solid green; color: #000; } #footer a:visited, #footer a:hover, #footer a:link { color:#000; } #footer_social { width: 25%; float: left; border: 0; box-sizing: border-box; padding: 25px; } #footer_social img { height: 40px; width: auto; } .footer_social_icon { width: 100%; float: left; padding-top: 20px; border: 0; box-sizing: border-box; } .footer_social_icon ul { margin-left: 0 } .footer_social_icon img { position: relative; display: inline-block; padding: 5px; box-sizing: border-box; } #footer_info { width: 25%; float: left; border: 0; box-sizing: border-box; padding: 25px; } #footer_info img { height: 40px; width: auto; } .facebook:hover { background-color: transparent; border:0; cursor: pointer; } .facebook:hover .fa-facebook { color: blue } .twitter:hover { background-color: transparent; border:0; cursor: pointer; } .twitter:hover .fa-twitter { color: lightblue } .youtube:hover { background-color: transparent; border:0; cursor: pointer; } .youtube:hover .fa-youtube { color: red } .pinterest:hover { background-color: transparent; border:0; cursor: pointer; } .pinterest:hover .fa-pinterest { color: red } .instagram:hover { background-color: transparent; border:0; cursor: pointer; } .instagram:hover .fa-instagram { color: lightblue } #footer_social i { text-align: center; } #footer_social a { position: relative; } .footer_menu { text-align:left; width:25%; font-size:0.6875em; /* 11px / 16px = 0.6875em */ float:left; padding:25px; box-sizing: border-box; } .footer_title { width: 100%; float: left; box-sizing: border-box; font-style: normal; font-size: 16px; font-weight: 400; line-height: 24px; text-transform: uppercase; color: #000; font-family: 'Amatic SC', cursive;font-style: normal;font-weight: normal; padding-bottom: 20px; font-weight: bold } .footer_element a { width: 100%; float: left; box-sizing: border-box; padding: 10px 5px; border-bottom: 1px solid #4f4f52; font-size: 30px; font-style: normal; line-height: 18px; color: #000; font-family: 'Amatic SC', cursive;font-style: normal;font-weight: normal; } .footer_element:last-child a { border: 0; } .footer_text { width: 100%; float: left; border: 0; box-sizing: border-box; color: #fff; font-size: 14px } .footer_blog { width: 25%; float: left; padding:25px; border: 0; box-sizing: border-box;} /*div#box_component_text{margin-top:-220px !important;}*/ .footer_blog #box_component { width: 100%; float: left; padding: 0; border-bottom: 1px solid #4f4f52; padding-bottom: 0px; box-sizing: border-box; margin-bottom: 0px} .footer_blog #box_component_text { width:100%; float:left; text-align: left; display: flex; flex-direction: column-reverse; background-color: transparent; padding: 0px} .footer_blog #box_component_img { display: none } .footer_blog .bc_showall { text-align: left; } .footer_blog .bc_showall button { background-color: transparent; color: #a5a5a5; border:0; padding: 0 } .footer_blog .bc_showall button:hover { color: #fff; background-color: transparent; } .footer_blog .bc_title {color: #fff; font-size: 14px; font-weight: bold; padding-bottom: 0; margin-bottom:0px } .footer_blog .bc_data { color: #a5a5a5; font-size: 11px; padding-bottom: 0} .footer_blog .bc_summary { display: none; } .boxnews_input { width: 100%; float: left; } .news_sub { width: 100%; float: left; margin: 20px 0px; border: 0; box-sizing: border-box; height: 40px;} #boxnews_privacy { text-decoration: none; color: #fff; font-size: 11px} #boxnews_privacy a { text-decoration: none; color: #fff; } #boxnews_privacy input { height: 16px } #boxnews_subscribe input { background-color: #1c1b1c; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 5px; box-sizing: border-box; border-radius: 3px; } #boxnews_subscribe input:hover { background-color: #fff; color: #1c1b1c; border: 1px solid #fff; } .to-top { position: fixed; right: 5px; bottom: 30px; color: #fff; z-index: 2; width: 40px; height: 40px; font-size: 20px; border-radius: 50%; background: #727272; visibility: hidden; -moz-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .to-top.in-place { visibility: visible; -moz-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .to-top i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .collapsible { width: 100%; float: left; cursor: pointer; padding: 18px 18px 18px 0px; border: none; text-align: left; outline: none; font-size: 15px; color: #1c1b1c; background-color: #fff; font-weight: bold;} .active, .collapsible:hover { color: #000; } .collapsible:after { content: '\002B'; color: #000; font-weight: bold; margin-left: 15px; } .active:after { content: "\2212"; } .content { padding: 0px; max-height: 0; /*overflow: hidden;*/ transition: max-height 0.2s ease-out; box-sizing: border-box; /*color: #a5a5a5;*/ /*border-bottom: 1px solid #dadadc;*/} /* Alignments */ .alignleft { display: inline; float: left;} .alignright { display: inline; float: right;} .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .float-left { float:left;} .float-right { float:right;} /*---------------------------------------------------------------*/ /* 06. Popup /*---------------------------------------------------------------*/ #inserted { position: fixed; z-index: 100; padding-top: 150px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(246,247,247); background-color: rgba(246,247,247,0.4); } .inserted_content { background-color: #fefefe; margin: auto; border: 1px solid #F5F7F9; width: 80%; max-width: 450px; text-align: center; position: relative; padding: 30px; box-sizing: border-box; } .inserted_titolo { width: 100%; font-family: "Open Sans Condensed", Arial, Sans-Serif; font-size: 26px ; font-weight: bold; font-style: normal; padding-top: 20px; line-height: 100%;} .inserted_sottotitolo { width: 100%; font-family: "Open Sans Condensed", Arial, Sans-Serif; font-size: 20px; font-weight: normal; font-style: normal; padding-top: 20px;} /* The Close Button */ .inserted_close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .inserted_close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .popup_res { width: 100%; display: none; font-family: "Open Sans Condensed", Arial, Sans-Serif; padding: 30px; box-sizing: border-box; font-size: 40px } .popup {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);} .popup_title { text-align: center; font-weight: bold; font-size: 30px; box-sizing: border-box; padding-bottom: 20px } .popup_body { box-sizing: border-box; padding: 10px 0px } .popup_main {background-color: #fefefe;margin: 5% auto;padding: 20px;border:10px solid #000;border-radius:15px;opacity:1;width:694px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s} .popup_close {color:#aaa;float:right;font-size:28px;font-weight:bold;} .popup_close:hover,.popup_close:focus {color:black;text-decoration:none;cursor:pointer;} @-webkit-keyframes animatetop {from{top:-300px;opacity:0}to{top:0;opacity:1}} @keyframes animatetop {from{top:-300px;opacity:0}to{top:0;opacity:1}} /*---------------------------------------------------------------*/ /* Homepage /*---------------------------------------------------------------*/ #hp-slider{ max-height: 650px; height: calc(100vh - 137px); } #hp-slider .swiper-slide{ position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } #hp-slider .swiper-slide>div{ width: 90%; background-color: white; padding: 10px; position: absolute; left: 3%; bottom: 15px; border-radius: 5px; } /*#hp-slider .swiper-slide>div.small-slider{ width: 33.33% !important; height: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } #hp-slider .swiper-slide>div.small-slider>div{ width: 90%; background-color: white; padding: 10px; position: absolute; left: 3%; bottom: 15px; border-radius: 5px; }*/ #hp-slider .swiper-button-next, #hp-slider .swiper-button-prev{ background-color: rgba(0, 0, 0, 0.8); border-radius: 50%; width: 55px; height: 55px; } #hp-slider .swiper-button-next:after, #hp-slider .swiper-button-prev:after{ font-size: 28px; color: white; } /*---------------------------------------------------------------*/ /* 07. Menu /*---------------------------------------------------------------*/ #menu_top { margin-top:20px; display:table-row; } #menu_top div { display:table-cell; text-align:center; font-size:25px; padding: 15px; font-family: 'Amatic SC', cursive;} #menu_top div a:link, #menu_top div a:visited { color:#000; font-weight: bold; } #menu_top div a:hover { font-weight: bold; color: green; } 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; } /*---------------------------------------------------------------*/ /* 08. Content /*---------------------------------------------------------------*/ /* BLOG -------------------------------------------------------------------------------------------------------------------*/ article.elenco_post { width: 33.33%; float:left; margin-top:40px; border-bottom:1px solid #efefef; padding-bottom:40px; box-sizing: border-box; height: 600px} article.elenco_post:last-child {margin-bottom:0px;} div.elenco_post_img { width:100%; float:left; padding-right:5%; box-sizing: border-box; border: 0; } div.elenco_post_img img { width:100% } div.elenco_post_testo { width:65%; float:left; } div.elenco_post_content {width:100%; float:left; margin-top:20px; font-size: 16px; font-style: normal; font-weight: 300; line-height: 28px; color: #777;} div.elenco_post_testo div a { width: 100%; float: left; font-size: 21px; font-style: normal; font-weight: 400; line-height: 26px } #box_blog { width:100%; float:left; } #boxblog_mesi { float:left; background-color:#ededed; height:auto; padding:20px; margin-bottom:40px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.boxblog_content, div.boxblog_content a:link, div.boxblog_content a:visited { text-transform:uppercase; font-size:14px; line-height:180%; } div.boxblog_title { font-size:20px; font-weight:bold; margin-bottom:15px; } #box_component { width:25%; float:left; margin-bottom: 30px; padding: 20px; border: 0; box-sizing: border-box; overflow: hidden;} #box_component_text { width:100%; float:left; text-align: left; background-color: #fff; border: 0; box-sizing: border-box; padding: 0px 10px } #box_component_img { width:100%; float:left; background-color: #fff; position: relative; overflow: hidden; } #box_component_img img { -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } #box_component_img i { position: absolute; transition: all .4s ease-out; top: 100%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; height: 0 } #box_component_img:hover img { opacity: .5; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } #box_component_img:hover i { display: block; top: unset; margin-top: 0px; height: 250px } .image_middleA { width:50%; float:left; } .image_middleA > .img-wrap { padding:30px; } .content_middleA { width:50%; float:left; padding-top:4px; line-height: 28px; } .content_middleB { width:100%; float:left; line-height: 28px; } .establecimientos { float:left;width:19%; } .bc_data { width: 100%; float: left; box-sizing: border-box; padding-bottom: 20px; color: #727272; padding-top: 10px; font-size: 16px; } .bc_title { width: 100%; float: left; box-sizing: border-box; padding-bottom: 20px; font-weight: 700; color: #1c1c1e; font-size: 14px; } .bc_summary { width: 100%; float: left; box-sizing: border-box; padding-bottom: 10px; color: #727272; font-size: 16px; min-height:215px } .bc_showall { width: 100%; float: left; text-align: center; } .bc_showall button { background-color: #fff; border: 1px solid #000; } .bc_showall button:hover { background-color: #edeff3; color: #000; } #boxblog_cat { float:left; background-color:#ededed; height:auto; padding:20px; margin-bottom:40px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #social_share img { float:left; /*width:auto;*/ width:30px; margin: -10px; text-align:center; height: 30px } div.vedianche { width: 100%; float:left; margin-top:50px; padding-top: 20px; border-left:0px; border-right:0px; border-bottom:0px; background-color: #eee} div.vedianche_title { width: 100%; float: left; text-align: center; font-weight: bold; font-size: 30px; } div.post_vedianche {width:25%; float:left; padding: 15px; margin: 0; box-sizing: border-box; } div.post_vedianche:nth-child(3n) {margin-right:0%;} div.titlepost_vedianche {width:100%; float:left; font-size:16px; font-weight:bold; background-color: #fff; padding-left: 5px; box-sizing: border-box;} div.datapost_vedianche, div.elenco_post_data { width: 100%; float: left; padding-top: 5px; font-size:16px; color:#aaa; line-height: 25.6px; font-weight: 300; font-style: normal; background-color: #fff; padding-left: 5px; box-sizing: border-box;} div.catpost_vedianche, div.elenco_post_cat {width:100%; float:left; padding-top:5px; font-size:12px; color:#aaa; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25.6px; background-color: #fff; padding-left: 5px; box-sizing: border-box;} .row_year { float:left; width:100%; height:auto; text-align:left; border-bottom:1px solid #d0d0d0; margin-top:5px; padding-bottom:5px; margin-bottom:3px; } .row_year:last-child { border-bottom: 0px; } .b_year { width:100%; float:left; font-size:1.2em; margin-bottom:2px; } .b_month { float:left; width:auto; } .b_month ul { clear:both; padding:0px; margin:0px; list-style-type:none; } li.meseanno { display:inline; margin-right:4px; } article header {width:100%;float:left;} article .post_abstract { width:90%; float: left; position:relative; padding:1px; margin: 2.5em 5% 1.5em 5%; } article .post_abstract.st_border { border:1px solid #dadada; } article .post_abstract.st_quote { padding:5px; } article .post_abstract.st_quote::before { font-family: 'FontAwesome'; content:'\f10d'; float:left; display:inline; font-size:2em; line-height:.3em; } /* content:'\f100'; */ article .post_abstract.st_quote::after { font-family: 'FontAwesome'; content:'\f10e'; float:right; display:inline; font-size:2em; line-height:.8em; } /* content:'\f101'; */ article .post_abstract p { padding:1em 1.5em !important; margin:0 !important; background-color:white; border-radius:16px; font-size:22px !important; line-height:34px !important; letter-spacing:0.01rem; font-style: italic !important; color:#666 !important; font-weight:normal !important; } article .post_abstract span.big_char { float:left; font-size:92px; line-height:42px; padding-top:11px; margin-right:8px; margin-bottom:10px; } article ul, article ol {margin:30px 0px 30px 30px;} article ul+h2 {margin-top:30px;} article li {list-style-type:circle;} article ol {margin-left:0px; padding-left:30px;} article h1 {margin-bottom:12px;} time.post_data {color:#999999;margin-top:5px; float: left;} article #post_share {width:50%;float:right;} article #post_content {width:100%; float:left;} article .post_dida_img {width:100%; float:left; margin-top:15px; font-style:italic; color: grey;} article figure.post_cont_image {width:100%; float:left; margin:30px 0px; text-align:center;} article figure.post_cont_image img {width:100%; max-width:600px;} article #cont_post_data {width:100%;float:left; } article #cont_post_title { width: 100%; float: left; } div.post_cont_image_slide {width:100%; float:left;height:auto;margin-bottom:50px;background-color:#fff;} /*height:500px;*/ div.post_cont_image_slide img {margin:auto;width:auto;height:500px;} div.post_cont_image_text {width:100%; float:left;height:50px;margin-top:15px; text-align:center;background-color:#fff; font-style:italic; color:grey;} div.post_cont_image_slide:hover .slick-next {display:block !important;} div.post_cont_image_slide:hover .slick-prev {display:block !important;} article div.post_cont_image_slide+h2 {margin-top:0px;margin-bottom:0px;} div.post_cont_social { width:100%; float:left; margin-top:20px; margin-bottom:20px; text-align:center; } div.post_cont_social .post_social_emb { width:auto; margin:0 auto; } div.post_cont_social .post_social_emb div { max-width:100%; } div.post_cont_social .post_social_emb iframe, div.post_cont_social .post_social_emb span { margin:0 auto !important; } /* BOX LATERALI -------------------------------------------------------------------------------------------------------------------*/ div.boxlat { width:100%; float:left; margin-bottom:40px; } div.boxlat-title { font-size:20px; font-weight:bold; margin-bottom:15px; border-bottom:1px solid #ededed; padding-bottom:15px; } div.boxlat-content { width:100%; float:left; } /* NEWSLETTER -------------------------------------------------------------------------------------------------------------*/ div.newsl_label { width:100%; text-align:center; float:left; } div.news_input { width:100%; float:left; text-align:center; } input.newsl { max-width:300px; margin-top:5px; margin-bottom:10px; font-size:14px; text-align:left; padding:3px; } /* PRODOTTI / CATEGORIE ------------------------------------------------------------------------------------------------------------*/ div#path-box { color:#afafaf; font-style:italic; padding-bottom:15px; } div#path-box a:link, div#path-box a:visited, div#path-box a:hover { color:#afafaf; } div.cat_description { width:100%; float:left; height:auto; } div.cat_element { width: 100%; float: left; padding: 60px 0px } div.categ { width:14.66%; float:left; text-align:center; margin-bottom:20px; height:auto; margin-left:1%; margin-right:1%; } div.cat_img img { width:100%; margin-bottom:10px; } a.cat_name { line-height:120%; font-size:1.1em; text-transform:lowercase; color:#a53642; width:100%; height:100%; } #prod_cont { width:100%; float:left; } div.product { width:14.66%; float:left; text-align:center; margin-bottom:10px; height:auto; margin-left:1%; margin-right:1%; } div.product_icon img { width:50px; } div.product_thumb { width:100%; float:left; margin-bottom:10px; } div.product_thumb img { width:100%; } div.product_name { width:100%; float:left; text-align:center; } div.product_name a:link, div.product_name a:visited, div.product_name a:hover { line-height:120%; font-size:1em; } div.product_price { width:100%; float:left; margin-top:5px; } div.product_producer { width:100%; float:left; margin-top:10px; } /* SCHEDA PRODOTTI ------------------------------------------------------------------------------------------------------------*/ #product_image { float:left; width:40%; margin-top:10px; margin-right:5%; } #product_detail { float:left; width:55%; margin-top:10px; } #product_detail h1 { font-size: 45px; } #cont_big_img { width:100%; float:left; } #cont_big_img img { width:100%; padding-bottom: 10px } div.product_img_small1, div.product_img_small2, div.product_img_small3, div.product_img_small4, div.product_img_small5, div.product_img_small6 { width:32%; float:left; margin-bottom:10px; } div.product_img_small1, div.product_img_small2, div.product_img_small4, div.product_img_small5 { margin-right:2%; } div.product_img_small1 img, div.product_img_small2 img, div.product_img_small3 img, div.product_img_small4 img, div.product_img_small5 img, div.product_img_small6 img { width:100%; } div.product_download { margin-top:10px; width:100%; float:left; text-transform:uppercase; } div.product_download img { width:15px; margin-right:7px; } #askinfo { float:left; text-align:left; width:100%; margin-top:25px; } #askinfo_button { text-align:center; float:left; background-color:grey; padding:6px; border-radius:2px; } #askinfo_button a:link, #askinfo_button a:visited, #askinfo_button a:hover { color:white; text-transform:uppercase; } #social_share { float:left; text-align:left; width:100%; margin:30px 0px; } #accessory { width:100%; float:left; border:1px solid grey; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top:30px; padding-top:20px; padding-bottom:20px; } #accessory_title { font-size:1.4em; width:99%; float:left; text-transform:uppercase; margin-left:1%; margin-bottom:15px; } div.accessory_prod { width:14.66%; float:left; text-align:center; margin-bottom:10px; height:auto; margin-left:1%; margin-right:1%; } div.accessory_icon { position:absolute; left:0px; top:0px; } div.accessory_icon img { width:40px; } div.accessory_img { width:100%; float:left; } div.accessory_name { width:100%; float:left; } .ecommerce { width: 100%; float: left; position: relative; border: 0; box-sizing: border-box; margin: auto; } #tot { font-weight: bold; font-size: 20px; color: #727272; padding-bottom: 20px; box-sizing: border-box; } .variant { width: 100%; float: left; box-sizing: border-box; padding-bottom: 20px; color: #a5a5a5; } #title_variant { float: left; width: auto; margin: auto; box-sizing: border-box; padding-right: 5px } div[id*="op_"] { float: left; width: 100%; margin: auto; box-sizing: border-box; } .varopt { width: 100%; text-align:left; float:left; font-size:15px; padding:5px; color: #a5a5a5; box-sizing: border-box; } #product_qta { width: auto; float: left; box-sizing: border-box; margin: auto; padding-right: 5px } #product_btn { width: auto; float: left; box-sizing: border-box; margin: auto; } #product_btn button { padding: 15px 60px; background-color: #1c1c1e; color: #fff; font-weight: bold; text-align: center; } .riferimento { width: 100%; float: left; box-sizing: border-box; padding-top: 50px; color: #a5a5a5;} .riferimento a { color: #a5a5a5; } #social_share .fa-facebook { color: #3B5998; } #social_share .fa-twitter { color: #00aced; } .quantity { position: relative; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity input { width: 70px; height: 42px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 1px solid #eee; } .quantity input:focus { outline: 0; } .quantity-nav { float: left; position: relative; height: 42px; } .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #dadadc; width: 20px; text-align: center; color: #333; font-size: 13px; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #dadadc; } .quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; } .quantity-button.quantity-up i, .quantity-button.quantity-down i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* BOX IN EVIDENZA/RANDOM/OFFERTA/CATEGORIE ------------------------------------------------------------------------------------------------------------*/ #cont_prod_inevidence, #cont_prod_random, #cont_prod_inoffer, #cont_cat_inevidence { width:100%; float:left; position: relative; } #prod_inevidence_title, #prod_random_title, #prod_inoffer_title { width:100%; float:left; text-transform:uppercase; margin-bottom:7px;} div.prod_inevidence, div.prod_random, div.prod_inoffer, div.cat_inevidence { width:33.33%; float:left; margin-bottom:10px; height:auto; margin-left:1%; margin-right:1%; } div.prod_inevidence2 { width: 25%; float:left; margin-bottom:10px; height:auto; padding: 0px 10px 10px 10px; box-sizing: border-box; } div.prod_random_icon img { width:40px; } .prod_inevidence { float: left; margin: auto !important; border: 0; box-sizing: border-box; padding: 20px; text-align:left; } .prod_overlay { position: absolute; bottom: 0px; left: 0; right: 0; background-color: #1c1c1e; width: 100%; height: 0; transition: height .5s ease; overflow: hidden; color: #fff; text-align:center; max-width: 390px; margin-left: auto; margin-right: auto;} .overlay_correlate { max-width: 280px !important } .prod_overlay_text { padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; font-weight: bold; font-size: 14px; } .prod_inevidence_a { max-width: 400px; margin-right: auto; margin-left: auto; } .prod_inevidence_a a { max-width: 400px } #cont_prod_inevidence { float: left; width: 23%; border: 0; box-sizing: border-box; padding: 0px; margin:10px; height: 400px; overflow: hidden; } .prod_inevidence_img { overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; text-align: center; height: 260px; background-image:url('/personalizzazione/tpl/files/rebost-greenlines.svg'); background-repeat: no-repeat; background-position: bottom; /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:transparent;*/ /*z-index: 999999;*/ } .prod_inevidence_img img { -moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; /*margin:20px;*/ z-index: -999999; position:relative; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); } .prod_inevidence_img:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .prod_inevidence_img:hover .prod_inevidence_name {/*opacity:0.7; background:black;*/} .prods_inevidence_name { font-family: 'Amatic SC', cursive; width: 100%; float: left; /*position: absolute;*/ height: auto; text-align: center; /*top: 50%; left: 50%; transform: translate(-50%, -50%);*/ text-transform: uppercase; font-weight: bold; font-size: 20px; border: 0; box-sizing: border-box; padding: 20px; color: #000; /*opacity:0.7; background:black;*/ min-height:40%; vertical-align:middle} .prod_inevidence:hover .prod_overlay { height: 60px } .prod_inevidence2:hover .prod_overlay { height: 60px } .prod_inevidence_name { width: auto; float: left; padding-top: 10px; margin-left: auto; margin-right: auto; } .prod_inevidence_name a { width: 100%; float: left; font-weight: bold; color: #1c1c1e; font-size: 14px } .prod_inevidence_name font { width: 100%; float: left; font-weight: bold; color: #a5a5a5; } #cont_cat_inevidence, #cont_prod_inevidence { float: left; width: calc(100% / 4 - 40px); border: 0; box-sizing: border-box; padding: 0px; margin:20px; margin-top: 70px; height: 260px; overflow: visible; } #categ { float: left; width: 25%; border: 0; box-sizing: border-box; padding: 10px; height: auto; overflow: hidden; } .class_isnew_display{ position: absolute; top: 0; width: 100%; text-align:center; font-weight:bold; background-color:#fff; color: green; font-family: 'Amatic SC', cursive; font-size: 30px } .class_isnew_nodisplay{ display: none; } .cat_inevidence_img, .prod_inevidence_img { overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; background-size: 100%; text-align: center; height: 100%; background-image:url('/personalizzazione/tpl/files/rebost-greenlines.svg'); background-repeat: no-repeat; background-position: bottom; /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:transparent;*/ /*z-index: 999999;*/ } .cat_inevidence_img img { -moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; position:relative; padding-top:30px; /*margin:20px;*/ z-index: -999999; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .cat_inevidence_img:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .cat_inevidence_img:hover .cat_inevidence_name {/*opacity:0.7; background:black;*/} .cat_inevidence_name { font-family: 'Amatic SC', cursive; width: 100%; float: left; /*position: absolute;*/ height: auto; text-align: center; /*top: 50%; left: 50%; transform: translate(-50%, -50%);*/ text-transform: uppercase; font-weight: bold; font-size: 26px; border: 0; box-sizing: border-box; padding: 20px; color: #000; /*opacity:0.7; background:black;*/ min-height:40%; vertical-align:middle } .relative { position: relative !important; } #cont_prod_correlate { width: 100%; float: left; position: relative; margin-bottom: 25px; margin-top: 40px; } .correlate_title { width: 100%; float: left; font-size: 20px; font-weight: bold; padding-bottom: 20px; box-sizing: border-box; text-align: center; color:#1c1c1e; } .prod_correlate { float: left; margin: auto !important; border: 0; box-sizing: border-box; padding: 20px; text-align:left;width: 25%; } .prod_correlate_img { position: relative; } .prod_correlate_img .prod_img { border: 2px solid #dadadc; max-width: 400px; } .prod_img img { display: block; } .prod_correlate:hover .prod_overlay { height: 60px; } .prod_correlate_name { width: auto; float: left; padding-top: 10px; margin-left: auto; margin-right: auto; } .prod_correlate_name a { width: 100%; float: left; font-weight: bold; color: #1c1c1e; font-size: 14px; } .prod_correlate_name font { width: 100%; float: left; font-weight: bold; color: #a5a5a5; } /* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/ .lab_cont { width:15%; text-align:left; float:left; font-size:15px; padding-top:5px; margin: 10px 0px 0px 0px; color: #a5a5a5; box-sizing: border-box; } .inp_cont { width:35%; float:left; margin: 5px 0px; box-sizing: border-box;} .inp_cont input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; max-width: 250px; margin: 12px auto 15px auto; padding: 6px 12px; border: 1px solid #e5e7e9; font-size: 14px!important; font-weight: 500; height: 44px; background-color: #f6f7f7 } .inp_cont select { background: #f6f7f7 url(down-arrow.png) no-repeat 97% center; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; max-width: inherit; margin: 12px auto 15px auto; padding: 6px 12px; border: 1px solid #e5e7e9; font-size: 14px!important; font-weight: 500; height: 44px; } .inp_cont textarea { width: 100%; max-width: inherit; margin: 12px auto 15px auto; padding: 6px 12px; border: 1px solid #e5e7e9; font-size: 14px!important; font-weight: 500; background-color: #f6f7f7 } .lab_btn { float:left; font-size:15px; color: #a5a5a5; box-sizing: border-box; } .btn_medium { width:50%; /*text-align:center;*/ padding-top:5px; /*margin: 10px 25%;*/ } .btn_paypal input { width: auto !important; padding: 0px 10px !important; } .lab_btn input, .lab_btn button, .lab_btn div { background-color: #a84550; border:1px solid #fff; width: 170px; height: 40px; text-transform: uppercase; color: #fff; font-size: 11px;} .lab_btn input:hover, .lab_btn button:hover ,.lab_btn div:hover { background-color: #a5a5a5 } input[type=submit] { margin-bottom:20px; width:30%; padding:1px; font-size:15px; cursor:pointer; } textarea { width:90%; padding:1px; margin-bottom:20px; resize:none; border:3px solid #D5D5D5; } input.radio { color:#000; border-style:none; width:25px; } ::-webkit-input-placeholder { /* Edge */ color: #000; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } ::placeholder { color: #000; } /* CERCA ------------------------------------------------------------------------------------------------------------*/ #cerca_form { float:left; padding-top: 5px } #input_dacercare { background-color:#f6f6f6; font-style:italic; height:26px; text-align:right; border:1px solid #e6e2df; padding-right:5px; width:60%; color:black; } #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; } /*---------------------------------------------------------------*/ /* 09. Images /*---------------------------------------------------------------*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget img {max-width: 100%; height: auto;} img.alignleft { margin-right: 1em;} img.alignright { margin-left: 1em;} /*---------------------------------------------------------------*/ /* 10. Comments /*---------------------------------------------------------------*/ /* Comment list */ #comments {padding-bottom:5px;} #comments h3 {font-size:20px;} #comments .comment-list li article{ background:#f7f7f7; padding:40px; margin-left:2px; margin-right:2px; } #comments .comment-list{margin:0 0 40px; list-style:none;} #comments .comment-list .children {list-style:none; margin:0px; padding-left:30px; position:relative;} #comments .comment-list .children li{margin:0;} #comments .comment-body {min-height:60px; padding: 0 0 30px 80px; margin:25px 0px 0px; display: block; position: relative; } #comments .comment-body p:last-child{margin-bottom:0px;} #comments .comment-body footer{margin-bottom:50px;} #comments .children .comment-body footer{margin-bottom:30px;} #comments .comment-body .comment-content {clear:both; line-height:1.6;} #comments .comment-author img{float:left; margin-right:20px; margin-top:-2px; border-radius:3px;} #comments .comment-author .fn{font-size:13px; font-weight:600; font-style:normal;} #comments .comment-author .says{display:none;} #comments .comment-meta{font-size:11px;} #comments .comment-meta a{color:#4F7383;} #comments .reply{position:absolute; right:40px; top:42px; } #comments .comment-reply-link{line-height:1; text-transform:uppercase; color:#4F7383; font-size:11px; font-weight:600; display:block;transition: all 0.15s;} #comments .comment-author .author-url{font-size:13px; font-weight:600; font-style:normal;} #comments .children .comment-body .comment-author img{width:40px; height:40px} /* Pingbacks and trackbacks */ #comments .pingback .comment-body {min-height:0px; margin:0px; padding:15px 0px;} #comments .pingback .comment-body:before {font-family: "Open Sans Condensed", Arial, Sans-Serif; content: "\f122"; color:#aaaaaa; padding-right: 8px; font-size:14px; vertical-align:-1px;} /* Comment form */ #comments .comment-list #respond{margin:0px 40px 50px 40px;} #comments .comment-form-info-fields{margin-bottom:25px;} #comments .comment-form-author input#author, .comment-form-email input#email, .comment-form-url input#url{width:100%; margin-top:3px;} #comments .comment-awaiting-moderation {color:#DB6A23;} #comments p.comment-form-comment {margin-bottom:25px;} #comments p.comment-form-comment label {display:none; } #comments p.comment-form-comment textarea#comment {width: 100%;} #comments p.comment-notes, p.logged-in-as, p.must-log-in {margin-bottom:40px; margin-top:0px; font-size:11px; text-transform:uppercase; letter-spacing:1px;} #comments h3.comment-reply-title {margin-bottom:5px; margin-top:40px;} #comments h3#comments-title {margin-top:40px;} #comments h3.comment-reply-title #cancel-comment-reply-link{display:inline-block; float:right; margin-right:2px; line-height:1; text-transform:uppercase; font-size:11px; font-weight:600; transition: all 0.15s;} #comments .comment-list .bypostauthor {} /* Comment form columns */ .col_container:before, .col_container:after {content: " "; display: table;} .col_container:after {clear: both;} .col_container .col_3{box-sizing: border-box; position: relative; float: left; width: 33.33333333333333%; min-height: 1px; padding-right: 20px;} .col_container .col_3:last-child{padding-right:0px;} /* Paragraph that wraps the submit button and hidden comment ID fields. */ p.form-submit {margin-bottom:0; } /*---------------------------------------------------------------*/ /* 11. Footer /*---------------------------------------------------------------*/ .site-footer{overflow-x:hidden;} .footer-sidebar{background:#f0f0f0; padding:100px 0px 100px 0px;} .footer-sidebar .vc_col-sm-3:last-child, .footer-sidebar .vc_col-sm-4:last-child, .footer-sidebar .vc_col-sm-6:nth-child(3), .footer-sidebar .vc_col-sm-12{margin:0;} /* Copyright area */ .site-info{width:100%; background:#f0f0f0; padding:0px 0px 100px 0px;} .site-info .widget {margin:0px; text-align:center; text-shadow: 1px 1px #fcfcfc;} #flag img {width:30px;margin:0px 3px; border:0;} /* Scroll to top button */ .scrollToTop{width:44px; height:44px; line-height:43px; font-size:18px; text-align:center; color: #fff; text-decoration: none; position:fixed; z-index:9999; bottom:-45px; right:20px; border-radius: 50%; transition: bottom 0.4s cubic-bezier(.55,0,.1,1); box-shadow: 0 2px 7px 0 rgba(0,0,0,.16);} .scrollToTop:hover{color:#fff;} .scrollToTop.scrollactive{bottom:20px;} /*---------------------------------------------------------------*/ /* 12. Private /*---------------------------------------------------------------*/ #block_login { display: none; position: fixed; z-index: 1000; background-color: rgb(255,255,255); max-width: 250px; width: 100%; right: 40px} #form_login { width: 100%; float: left; padding-top: 10px; margin-left: 0; text-align: center; } #form_login form { width: 100%; float: left; position: relative; padding: 0px 15px; box-sizing: border-box; } .tm-login-form { width: 100%; float: left; position: relative; max-width: 200px; margin: 5px auto; } .tm-login-form input { width: 100%; box-sizing: border-box; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e5e7e9; font-size: 14px!important; font-weight: 500; height: 44px; background-color: #f6f7f7; color: #000 !important; } #btn-form1 { width: 100%; box-sizing: border-box; margin: 0; } .cont_item_login { width: 100%; float: left; padding: 5px 10px; text-align: left; } .cont_item_login a { color: #a84550 !important; } .cont_item_login a:before { content:"\f105"; font-family: "FontAwesome"; padding-right: 3px} /*---------------------------------------------------------------*/ /* 13. Newsletter /*---------------------------------------------------------------*/ .newsletter_logo { width: auto; margin: 0 auto; text-align: center; height: 150px} .newsletter_logo img { position: absolute; margin-right: 50%; left: 50%; transform: translate(-50%, 0); width: auto; } .newsletter_title, .newsletter_title * { width: 100%; float: left; padding: 20px 30px; text-align: center; box-sizing: border-box; } .newsletter_error { width: 100%; float: left; text-align: center; color: #A84550; } .logo_mid { position: absolute; margin-right: 50%; left: 50%; transform: translate(-50%, 0); width: auto; margin: 0 auto; text-align: center; z-index: 999; } .logo_mid img { height: 200px; width: auto; } .logo_mid_mobi { position: relative; top: 0; padding-bottom: 20px; padding-top: 20px; outline: none; } .logo_mid_mobi img { height: 90px; width: auto; outline: none;} ..mm-list, .mm-list > li > h2 {} /*---------------------------------------------------------------*/ /* 14. Plugins /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* PRODUCT /*---------------------------------------------------------------*/ .checkout { background-color: transparent; } .checkout table, .checkout tr, .checkout td { font-size: 12px; } .checkout fieldset { background-color: #fff; border: 1px solid black; padding: 5px; } .checkout legend { background-color: #fff; font-size: 15px; color: blue; font-weight: bold; padding-right: 5px; } .checkout td.intprevright { font-weight: bold; border-bottom: 1px dotted black; padding-top: 10px; width: 150px;} .checkout td.intprevleft { vertical-align: top; padding-top: 10px; padding-left: 3px;} @page:right { margin-right: 1.0cm; margin-left: 1.0cm; margin-top: 2.0cm; margin-bottom: 1.0cm; } @page:left { margin-right: 1.0cm; margin-left: 1.0cm; margin-top: 1.0cm; margin-bottom: 1.0cm; } .cart_cont1 { float: left; width: 100% } h1.title_cart { padding-top: 100px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } .label { float: left; width: 100%; box-sizing: border-box; padding: 30px 0px; border-bottom: 1px solid #dadadc} .label_img { float: left; width: 15%; font-weight: bold; } .label_des { float: left; width: 30%; font-weight: bold; } .label_qty { float: left; width: 20%; font-weight: bold; } .label_price { float: left; width: 10%; font-weight: bold; } .cart { float: left; width: 70% } .cart_prod { float: left; width: 100%; box-sizing: border-box; padding: 15px 0px; } .cart_prod:last-child { border-bottom: 1px solid #dadadc } .cart_img { float: left; width: 15%; box-sizing: border-box; padding-right: 10px } .cart_desc1 { float: left; width: 30%; box-sizing: border-box; padding-right: 10px } .cart_desc2 { float: left; width: 20%; box-sizing: border-box; padding-right: 10px } .cart_price { float: left; width: 12%; box-sizing: border-box; padding-right: 10px } .cart_del { float: left; width: 3%; box-sizing: border-box; padding-right: 10px } .cart_recap { float: left; width: 20%; box-sizing: border-box; padding-right: 10px; padding-bottom: 20px } .cart_cont2 { float: right; width: 25%; border: 5px solid #f7f7f7; padding:15px;} .checkoutNOTlogged { float: right; width: 100%; /*border: 5px solid #f7f7f7; padding:10px;*/ } .cart_tot { float: right; width: 100%; /*padding-top: 130px*/ } .cont_bottoni { float: right; width: 100%; } .cart_info { float: left; width: auto;padding-top: 30px} .cont_tot { width: 100%; float: left; border-bottom: 1px solid #dadadc; padding-bottom: 15px; margin-bottom: 15px } .title_info_cart { width: 100%; float: left; } .title_tot { width: 100%; float: left; box-sizing: border-box; padding-bottom: 30px; font-size: 24px; font-weight: 400; line-height: 36px; } .lab_tot { width: 60%; float: left; box-sizing: border-box; } .price_tot { width: 40%; float: right; box-sizing: border-box; text-align: right;} form[name="typeofpaymentandconfcond"] { float: left; width: 100% } .termofsale { float: left; width: 100%; font-size: 20px; padding-bottom: 20px } .termofsale label { font-size: 13px; } .fattura { float: left; width: 100%; font-size: 20px; padding-bottom: 20px } .fattura label { font-size: 13px; } .checkout { float: left; width: 100%; padding-bottom: 20px; font-size: 13px; } .checkout_title { float: left;width: 100%; font-size: 20px; padding-bottom: 10px; padding-top: 5} .checkout_text { float: left; width: auto; padding-right: 30px } .checkout_l1 { float: left; width: 50%; } .checkout_l2 { float: right; width: 50%; } .checkout_4 { float: left; width: 100%; padding-top: 20px } .row { width: 100%; float: left; } .chkout_label { float: left; width: auto; font-weight: bold; padding: 5px 5px 0px 0px } .chkout_value { float: left; width: auto; padding: 5px 5px 0px 0px} .cart_signin { float: left; width: 100%; /*cursor: pointer;*/ padding-top: 40px } #payment_rapid_block { display: none } .email_sended { width: 100%; float: left; } .email_sended_msx { text-align: center; font-weight: bold; padding: 20px 0px; font-size: 25px } .email_sended_link { text-align: center; } .email_sended_link:before { font-family: 'FontAwesome'; content:'\f053'; } .hr_special { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: -20px; margin-right: -20px; border-style: inset; background-color: #dadadc;} /*---------------------------------------------------------------*/ /* 15. Retina /*---------------------------------------------------------------*/ /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #site-logo img.default-logo {display:none;} #site-logo img.retina-logo {display:inline-block;} }*/ a.to-whatsapp{position: fixed;right: 15px;bottom: 25px;color: #171717;z-index: 21;} a.to-whatsapp img {height:40px;width:65px;} /*---------------------------------------------------------------*/ /* 16. Responsive - Visual Composer related styles are inside core extend plugin /*---------------------------------------------------------------*/ /* Hide mobile menu on normal size screens */ @media only screen and (min-width : 979px) { html.mm-opening .mm-menu.mm-front {-webkit-transform: translate(100%, 0); transform: translate(100%, 0);} .mm-opened #mm-blocker{background:transparent; visibility:hidden; transition: background-color 0.3s ease-in, visibility 0s linear 0.3s;} } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES INCLUDING TABLET LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1219.98px){ #cont_cat_inevidence, #cont_prod_inevidence { height: 240px; } #hp-slider .swiper-button-next, #hp-slider .swiper-button-prev{ width: 47px; height: 47px; } #hp-slider .swiper-button-next:after, #hp-slider .swiper-button-prev:after{ font-size: 25px; } } @media only screen and (max-width: 1099.98px){ #cont_cat_inevidence, #cont_prod_inevidence { height: 220px; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence{ margin-top: 140px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name{ padding: 35px 20px 20px 20px; } #hp-slider .swiper-slide>div{ display: none; } } @media only screen and (max-width: 1023.98px){ #cont_cat_inevidence, #cont_prod_inevidence { height: 170px; } .cat_inevidence_img, .prod_inevidence_img { height: 195px; } } @media only screen and (max-width : 1024px){ body{overflow: hidden;} /* General */ body { -webkit-text-size-adjust: none; } #cont_top { float:left; width:100%; } #top { width:100%; float:left; position: relative; min-height: 50px } #ico_menu_mobi { display:block; width:100%; float:left; text-align:left; color:white; } #link_top_facebook { display:none; } #link_top_instagram { display:none; } #link_top_phone { display:none; } #link_top_phone_img { display:none; } #link_top_email_img { display:none; } #link_top_hours_img { margin:0px; padding-left:5px;padding-right:10px;} #link_top_whatsapp_img { margin:0px; padding-left:5px;padding-right:10px;} #link_top_address_img { margin:0px; padding-left:5px;padding-right:10px;} #link_top_address_link {margin:0px; padding:0px;} #cont_top_menu1and2 { margin-top:60px; float:left; width:100%; background-color:transparent; height:50px; z-index: 100; position:absolute; } #container_top_menu { height:50px; background-color: #fff; border-bottom: 1px solid green; } .menu-btn { position:fixed; top:5px; left: 15px; background-color:transparent; display:-ms-flexbox; display:flex; -ms-flex-align:initial; align-items:initial; /*width:50px;*/ height:80px; z-index:1000; overflow:hidden; cursor:pointer; outline:none; border:none; padding:0; } .menu-btn__icon { width:24px; overflow:hidden; transform-origin:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; display:block; top: 0; transform: translate(0, -100%); margin:auto; } .menu-btn__icon:before, .menu-btn__icon:after { content: ""; } .menu-btn__icon:before, .menu-btn__icon:after, .menu-btn__icon__middle { display:block; margin-bottom:6px; width:100%; height:3px; background-color:green; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .menu-btn__icon:before { transform:translateX(0); transform-origin:left top; } .menu-btn__icon__middle { transform:translateX(0); text-indent:999%; } .menu-btn__icon:after { transform:translateX(0); margin-bottom:0; transform-origin:left bottom; } /*.menu-btn:not(.is-active):hover .menu-btn__icon:before { transform:translateX(4px); } .menu-btn:not(.is-active):hover .menu-btn__icon:after { transform:translateX(8px); } .menu-btn:not(.is-active):hover .menu-btn__icon__middle { transform:translateX(-3px); }*/ .menu-btn.is-active .menu-btn__icon { transform:translate(0, -100%) rotate(-90deg); overflow:visible; } .menu-btn.is-active .menu-btn__icon__middle { animation:middle 0.5s 0.2s 1 forwards ease } .menu-btn.is-active .menu-btn__icon:before { animation:before 0.5s 0.2s 1 forwards ease } .menu-btn.is-active .menu-btn__icon:after { animation:after 0.5s 0.2s 1 forwards ease } .menu-btn.is-leave .menu-btn__icon { transform:rotate(0); overflow:hidden; } .menu-btn.is-leave .menu-btn__icon__middle { animation:middle 0.5s 0.2s 1 forwards ease reverse } .menu-btn.is-leave .menu-btn__icon:before { animation:before 0.5s 0.2s 1 forwards ease reverse } .menu-btn.is-leave .menu-btn__icon:after { animation:after 0.5s 0.2s 1 forwards ease reverse } #footer_info { width: 100%; float: left; border: 0; box-sizing: border-box; padding: 25px; } .footer_social_icon {text-align:center;} .margin_top_product { margin-top: 100px; } #testo1 h1 { text-align:center; font-family: 'Amatic SC', cursive; } #testo1 h2 { text-align:center; margin-bottom:15px; font-family: 'Amatic SC', cursive; } /*#testo1 img { padding-bottom:0px; padding-left:0px; padding-right:0px;*/ /*margin-top:-50px; margin-bottom: -40px;*/ /*}*/ #testo1 img { padding-bottom:15px; padding-left:0px; padding-right:0px; padding-top: 15px; } img.big_img_prod {margin-top:-50px; margin-bottom: -40px;} .riferimento { padding-top:0px;} #cont_prod_correlate { margin-top: 0px; } @keyframes middle { 100% { opacity:0 } } @keyframes before { 100% { transform: rotate(45deg) } } @keyframes after { 100% { transform: rotate(-45deg) } } #cont_menu_mobi { width:100%; height:100%; position:fixed; top:0; left:0; z-index:0; opacity:0; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-bottom:10px; overflow-y:scroll; } #cont_top_menu_mobi { width:100%; float:left; text-align:center; } /* Title area */ #cont_top_menu { position: relative; width: 100%; float: right; text-align: right; } #cont_top_menu2, .logo_menu a { display: none !important } .img_header { top: 50px } #header_image { margin-top: 50px; } #header_image_noslide { background-repeat:no-repeat; /*background-position:center;background-size:cover;*/height:150px; } .page-header { background-size: auto !important; } .flag_l { display: none } img#logo_before_menu { display: none; } img#logo_before_menu_mobi { display: block; height:45px; float:left;width: auto;left: 45%;position: fixed;} .flag_l_mobi { float: left; position: absolute; left: 50%; transform: translate(-50%, 0%); } .flag_l_mobi a { width: 60px; float: left; box-sizing: border-box; padding: 20px 20px; box-sizing: border-box; } .logo_nav { display: block; width: 100%; float: left; box-sizing: border-box; padding: 5px; position: relative; } .logo_nav img { height: 40px; width: auto; position: absolute; left: 50%; transform: translate(-50%, 0%); } .top_dx { position: absolute; right: 0; width: auto } div.prod_inevidence { width: 100%; float: left; } div.prod_inevidence2 { width: 100%; float: left; } /*#cont_cat_inevidence { width: 45%; float: left; height: 100%; margin-left:8px; margin-right:8px; margin-bottom:15px;} #cont_prod_inevidence { width: 45%; float: left; height: 100%; margin-left:8px; margin-right:8px; margin-bottom:15px;}*/ /*.cat_inevidence_img { height: 159px; }*/ /*.prod_inevidence_img { height: 190px; }*/ .image_weare { width: 100%; float: left; } #box_component { width: 100%; float: left; } .foto_instagram { width: 100%; float: left; } .donde_encontrarnos { width: 100%; float: left; } #box_E_2C { text-align: center; padding-bottom: 50px; } #footer_social { width: 100%; float: left; } .footer_menu { width: 100%; float: left; } .footer_blog { width: 100%; float: left; } #tot { padding-bottom: 0 } .prod_correlate { width: 100%; float: left; } .text_boxg { width: 90% } footer { text-align: center; } .footer_title { text-align: center; } .footer_element { text-align: center; } .bc_data { text-align: center; } .bc_title { text-align: center; } .footer_blog .bc_showall { text-align: center; } .top_dx img { padding: 15px 5px 15px 10px; } .top_dx img:last-child { padding-right: 15px } .tm-login-form { max-width: unset; } #form_login { padding: 10px; box-sizing: border-box; } #cerca_form { width:auto; text-align:center; float: right; } .label { display: none } .cart { width: 100% } .cart_cont2 { width: 100%; border: none; padding:0px; } .checkoutNOTlogged { width: 100% } .cart_img { width: 45%; padding: 10px; box-sizing: border-box; order: 2; } .cart_desc1 { width: 45%; padding: 10px; box-sizing: border-box; order: 1; } .cart_desc2 { width: 45%; padding: 10px; box-sizing: border-box; order: 3; } .cart_price { width: 30%; padding: 10px; box-sizing: border-box; order: 4; } .cart_del { width: 20%; padding: 10px; box-sizing: border-box; order:5; } .cart_tot { float: left; width: 100%; padding-top: 30px; box-sizing: border-box; } .checkout_l2 { padding-top: 30px } .cart_recap { float: left; width: 33%; box-sizing: border-box; padding-right: 10px; padding-bottom: 20px } .cart_recap:nth-child(4n) { width: 50% } div.cat_element { padding: 0px } .popup {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);} .popup_main {background-color: #fefefe;margin: 15% auto;padding: 20px;border:10px solid #000;border-radius:15px;width:80%;opacity:1;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s} .popup_close {color:#aaa;float:right;font-size:28px;font-weight:bold;} .popup_close:hover,.popup_close:focus {color:black;text-decoration:none;cursor:pointer;} @-webkit-keyframes animatetop {from{top:-300px;opacity:0}to{top:0;opacity:1}} @keyframes animatetop {from{top:-300px;opacity:0}to{top:0;opacity:1}} h1.title_cart { padding-top: 60px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } .image_middleA { width:100%; float:left; } .image_middleA > .img-wrap { padding:0px; } .content_middleA { width:100%; float:left; padding-top:4px; line-height: 28px; } .content_middleB { width:100%; float:left; line-height: 28px; } .establecimientos { float:left;width:49%; } a.to-whatsapp{position: fixed;right: 5px;bottom: 5px;color: #171717;z-index: 2;} a.to-top{bottom: 10px;} a.to-whatsapp img {height:40px;width:40px;} #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence{ margin-top: 180px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 60px 15px 20px 15px; } } @media only screen and (max-width: 899.98px){ #cont_cat_inevidence, #cont_prod_inevidence { width: calc(100% / 3 - 40px); height: 185px; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence{ margin-top: 160px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 35px 15px 20px 15px; } .cat_inevidence_img, .prod_inevidence_img { height: 220px; } } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES STARTING TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 979px) { /* Navigation */ #site-header{position:relative;} .toggle-mobile-menu{display:block;} #site-navigation{display:none;} /* Sidebar layout change */ #content.float-left, #content.float-right, #sidebar {width:100%;} #sidebar.float-right, #sidebar.float-left{padding:60px 0px 0px;} #sidebar .widget-area aside { width:100%; } /* Comment form */ .col_container .col_3 {float: none; width: 100%; padding-right:0px; margin-top:15px;} #comments p.comment-notes, p.logged-in-as, p.must-log-in {margin-bottom:20px;} /* Footer forms */ .footer-sidebar .widget input {width:100%;} .footer-sidebar .widget input[type="submit"] {width:100%;} } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* WordPress gallery */ .gallery-columns-1 .gallery-item {max-width: 100%;min-width: 100%;} .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {min-width: 48%;max-width: 48%;} .flag_l { display: none } /*Verificare con Mattia*/ #top_menu { display: none } .top_dx { width: 100%; float: left; } div.prod_inevidence { width: 50%; float: left; } div.prod_inevidence2 { width: 50%; float: left; } /*#cont_cat_inevidence { width: 45%; float: left; height: 400px; margin-left:8px; margin-right:8px; margin-bottom:15px;} #cont_prod_inevidence { width: 45%; float: left; height: 100%; margin-left:8px; margin-right:8px; margin-bottom:15px;}*/ .cat_inevidence_img { overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; background-size: 100%; text-align: center; background-image:url('/personalizzazione/tpl/files/rebost-greenlines.svg'); background-repeat: no-repeat; background-position: bottom; /*height: 385px;*/ /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color:transparent;*/ /*z-index: 999999;*/ } .image_weare { width: 100%; float: left; max-height: 500px } #box_component { width: 50%; float: left; } .foto_instagram { width: 100%; float: left; } .donde_encontrarnos { width: 100%; float: left; } #footer_social { width: 100%; float: left; } .footer_menu { width: 100%; float: left; } .footer_blog { width: 100%; float: left; } #tot { padding-bottom: 0 } .prod_correlate { width: 100%; float: left; } .text_boxg { width: 90% } footer { text-align: center; } .footer_title { text-align: center; } .footer_element { text-align: center; } .bc_data { text-align: center; } .bc_title { text-align: center; } .footer_blog .bc_showall { text-align: center; } } /* * ------------------------------------------------------------------------------------------- * MOBILE BOTH VIEWS * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 0px) and (max-width: 767px) { /* Top bar */ #top-bar {padding-bottom:15px; padding-top:15px;} #topleft-widget-area {margin-bottom:15px;} #topleft-widget-area, #topright-widget-area {padding-left:0px; padding-right:0px;} #top-bar ul li, #top-bar #topright-widget-area ul {float:none; text-align:center; margin:0 auto;} .cat_inevidence_img { height: 190px; } .prod_inevidence_img { height: 190px; } #cont_cat_inevidence, #cont_prod_inevidence { height: 185px; margin-top: 50px; } /* Title area */ .page-header { padding:150px 0px 40px 0px;} .title_header{font-size: 3.5rem;} .summary_header, .btn_header{font-size: 1rem;} /* Footer */ .vc_responsive .footer-sidebar .vc_col-sm-3, .vc_responsive .footer-sidebar .vc_col-sm-4, .vc_responsive .footer-sidebar .vc_col-sm-6 {margin-bottom:50px;} /*.vc_responsive .footer-sidebar .vc_col-sm-3 { width: 100%;}*/ /* Search page */ .search-results .results-container { -moz-column-count:1; -moz-column-gap: 0px; -moz-column-width: 100%; -webkit-column-count:1; -webkit-column-gap: 0px; -webkit-column-width: 100%; column-count: 1; column-gap: 0px; column-width: 100%; } .search-no-results .error-icon {visibility:hidden;} /* Footer */ .footer-sidebar {padding-bottom:10px;} /* 404 page */ .error404 .page-header h1.page-title {font-size:100px;} div.categ { width:100%; } div.prod_cont { width:100%; float:left; margin-top:20px; height:auto; } div.product { width:100%; max-width:230px; margin: 0 auto; height:246px; float:none; } #product_image { width:100%; } #cont_big_img { min-height:0px; } #product_detail { width:100%; margin-top:10px; margin-left:0%; } .prod_img { width:100%; } div.variant { width:100%; margin-bottom:10px; } #acquista_ora { width:100%; margin-top: 10px } #product_qta { padding-right: 15px } #condividi { display:none; } #social_share img { margin: 3px;/*display:none;*/ } .hr_special { display:none; } #condividi_mobile { display:block; width:100%; margin-bottom:20px; } #social_share_mobile { display:block; width:100%; margin:0px; } #hp-slider .swiper-slide>div{display: block;} #hp-slider .swiper-slide.ncol-1{width: 100% !important;} #hp-slider .swiper-slide.ncol-3{width: 100% !important;} #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 20px 15px 20px 15px; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence{ margin-top: 50px; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence{ margin-top: 110px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 65px 15px 20px 15px; } } /*#hp-slider .swiper-slide{ width: 100% !important; }*/ @media only screen and (max-width: 675.98px) { #cont_cat_inevidence, #cont_prod_inevidence { width: calc(100% / 2 - 40px); height: 270px; } .cat_inevidence_img, .prod_inevidence_img { height: 270px; } .title_header{font-size: 3rem;} #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 10px 15px 20px 15px; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence{ margin-top: 100px; } } @media only screen and (max-width: 619.98px) { #cont_cat_inevidence, #cont_prod_inevidence { height: 245px; } .cat_inevidence_img, .prod_inevidence_img { height: 220px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 35px 15px 20px 15px; } } @media only screen and (max-width: 529.98px) { #cont_cat_inevidence, #cont_prod_inevidence { height: 243px; } .cat_inevidence_img, .prod_inevidence_img { height: 190px; } .cat_inevidence_name { font-size: 20px; min-width:170px; margin-left:-20px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 60px 20px 20px 20px; margin: 0 auto; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence { margin-top: 70px; } } @media only screen and (max-width: 500px) { #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 10px 20px 20px 20px; margin: 0 auto; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence { margin-top: 50px; } } @media only screen and (max-width: 459.98px) { #cont_cat_inevidence, #cont_prod_inevidence { height: 160px; } .cat_inevidence_img, .prod_inevidence_img { height: 160px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 10px 15px 20px 15px; margin: 0 auto; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence { margin-top: 120px; } } @media only screen and (max-width: 394.98px) { #cont_cat_inevidence, #cont_prod_inevidence { height: 200px; } .cat_inevidence_img, .prod_inevidence_img { height: 130px; } .title_header{font-size: 2.5rem;} #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { margin: unset; min-width: unset; padding: 25px 12px 20px 12px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name>a:first-of-type{ line-height: 24px !important; display: block; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence { margin-top: 65px; } /* #anchor_list_products #cont_prod_inevidence .cat_inevidence_name i{ display: block; margin-top: -26px; }*/ #anchor_list_products #cont_prod_inevidence .cat_inevidence_name br{ display: none; } } @media only screen and (max-width: 377.98px) { .cat_inevidence_img, .prod_inevidence_img { height: 135px; } } @media only screen and (max-width: 349.98px) { #cont_cat_inevidence, #cont_prod_inevidence { height: 115px; } .cat_inevidence_name { font-size: 17px; margin-top: -10px; } .prod_inevidence_img { height: 105px; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name { padding: 15px 12px 20px 12px; } #anchor_list_products #cont_prod_inevidence a.afegiralallista { position: absolute; top: 75%; } #anchor_list_products #cont_prod_inevidence .cat_inevidence_name>a:first-of-type { line-height: 22px !important; display: block; } #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence, #anchor_list_products #cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence+#cont_prod_inevidence { margin-top: 85px; } } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Table style */ th{padding: 10px;} td{padding: 10px 5px;} /* WordPress Gallery */ .gallery-columns-1 .gallery-item {max-width: 100%;min-width: 100%;} .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {min-width: 48%;max-width: 48%;} } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT & LOWER * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { #hp-slider .swiper-button-next, #hp-slider .swiper-button-prev{ width: 44px; height: 44px; } #hp-slider .swiper-button-next:after, #hp-slider .swiper-button-prev:after{ font-size: 24px; } /* Table style */ th{padding: 5px;} td{padding: 5px 2px;} /* Definition list*/ dt {text-align:left; width:auto;} dd {clear:both; margin:0;} /* Posts */ .previous_post_link a,.next_post_link a {float:none; display:block; text-align:center;} .previous_post_link a:before {margin-right:5px;} .next_post_link a { margin-bottom:20px;} .previous_post_link a {margin-bottom:0px;} /* Comment form */ #comments .comment-list #respond{margin:0px 0px 50px 0px;} #comments .comment-list .children .children {border-left:none;} #comments .comment-body{padding-bottom:50px;} #comments .comment-body footer {text-align:center; margin-bottom:25px;} #comments .comment-author img {margin:0 auto; float:none;} #comments .comment-author .fn {display:block; clear:both; margin-top:10px;} #comments .children .comment-body{padding-left:40px; padding-bottom:50px;} #comments .comment-list .children {padding-left: 0px;} #comments .reply {position:relative; right:auto; top:auto; text-align:center; margin-top:37px;} #comments h3.comment-reply-title #cancel-comment-reply-link {display:block; float:none; margin-top:10px;} #comments ol.children li .comment-body .comment-author img { width:50px; height:50px;} #comments ol.children li ol li .comment-body .comment-author img { width:40px; height:40px;} #comments ol.children li ol li ol li .comment-body .comment-author img { width:30px; height:30px;} #comments ol.children li ol li ol li ol li .comment-body .comment-author img { width:20px; height:20px;} /* Copyright area */ .site-info i {margin-bottom:10px;} /* WordPress Gallery */ .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item , .gallery-columns-5 .gallery-item , .gallery-columns-6 .gallery-item , .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {max-width: 100%;min-width: 100%;} } @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) { div.wrap { margin:0 auto; max-width:82.25em; padding-right:0.75em; padding-left:0.75em; } #login_mobi img { height:36px; padding-top:2px; padding-right:0.3125em; } #ico_login { float:right; width:50%; text-align:right; } #logo { width:100%; text-align:center; height:auto; } #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; } #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 { display:none; } #ico_menu_mobi { display:block; width:100%; float:left; text-align:left; color:white; } #menu_mobi { width:80%; font-size:1em; padding:0.188em; } #header_image { min-height:260px; } #camera_wrap_1{ height:250px; } #testo2 { width:100%; float: left; margin: 0; } #testo3 { width:100%; float: right; margin-bottom:40px; line-height: 28px; margin-top:30px; max-width:81.25em; } #container2 { padding-left:30px; padding-left:20px; padding-right:20px; width:90%;} #cellasx{ width:100%; } #cellaimage { display:none; } #categ { width: 100%; height: 100%; } #block_login { max-width: 100%; right: 0; } /* PRODOTTI / CATEGORIE ------------------------------------------------------------------------------------------------------------*/ div.categ, div.product, div.accessory_prod { width:47%; margin-left:1.5%; margin-right:1.5%; } div.product_icon img { width:40px; } div.accessory_prod { margin-bottom:20px; } #accessory_title { text-align:center; } span.producer img{ width:70px; } div.product_thumb { margin-bottom:5px; } #product_image { width:100%; margin-top:10px; } #cont_big_img img { max-width:400px; } #product_detail { width:100%; margin-top:10px; } div.product_img_small1, div.product_img_small2, div.product_img_small3, div.product_img_small4, div.product_img_small5, div.product_img_small6 { max-width:140px; } #block_menu_prod { display:none; } #block_menu_prod_mobi { display:block; width:100%; height:40px; float:left; background-color:#ebebeb; padding-top:2px; padding-bottom:2px; } #menu_prod_mobi_ico { width:100%; height:40px; background-image:url(menu_prod.png); background-repeat:no-repeat; background-position:left top; padding-left:45px; padding-top:10px; color:#000; font-size:1.125em; } /* 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 { width:98%; margin-left:1%; float:left; margin-bottom:5px; margin-right:1%; max-width: 100%;} .inp_cont input { max-width: 100%; } input[type=submit] { width: 100% } textarea { width:90%; padding:1px; margin-bottom:20px; resize:none; } input.radio { color:#000; border-style:none; width:25px; } input { color:#000; } div.newsl_label { width:100%; text-align:center; float:left; } div.news_input { width:100%; float:left; margin-bottom:10px; text-align:center; } input.newsl { width:90%; font-size:14px; text-align:left; padding:3px; } #boxblog_cat { width:100%; height:auto; } #boxblog_mesi { width:100%; height:auto; } #post_bigimg { width:100%; } div.elenco_post_img { width:100%; float:left; text-align:center; margin-right:0%; } div.elenco_post_img img { width:100%; max-width:400px; margin-bottom:10px; } div.elenco_post_testo { width:100%; } /* BLOG new ------------------------------------------------------------------------------------------------------------*/ div.post_cont_image_slide img {height:250px;} div.post_vedianche { width: 100% } div.post_vedianche:nth-child { padding-right:5%;} article #cont_post_data, article #post_share { width:100%; float:left;} #social_share_fb, #social_share_tw, #social_share_gp, #social_share_pt { float:left; } } /* !!! 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; } div.categ, div.product { width:23%; } .lab_cont { width:100%; max-width: 100%;} .inp_cont { width:100%; max-width: 100%;} .inp_cont input { max-width: 100%; } } .slide_content{ position: absolute;bottom: 75px;left: 75px;right:75px;display: block;background-color: rgba(255,255,255,0.88);padding: 20px 25px;border-radius: 5px;width: -webkit-max-content;width: max-content;margin:auto;max-width: 80%; } @media only screen and (max-width: 991.98px){ .slide_content{ left: 0; right: 0; bottom: 50px; } } @media only screen and (max-width: 399.98px){ .slide_content{ left: 0; right: 0; bottom: 15px; } }