/* 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. Widgets 13. Portfolio 14. Plugins 15. Retina 16. Popup Offer 17. 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: 'Overpass', sans-serif; font-size:16px; font-weight:300; line-height: 150%; background-color:#ffffff; background-image:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-wrap: break-word; color:#3d3630; } pre, code, kbd, samp { font-family: 'Overpass', sans-serif; } /*---------------------------------------------------------------*/ /* 03. Base Styles /*---------------------------------------------------------------*/ body, select, input, textarea {color:#3e3f3e; font-family: 'Overpass', 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 { font-weight: normal; color:#393939; margin-bottom:12px; float:left; width:100%;}*/ h1 { font-size:35px; font-weight:bold; line-height:120%; color:#3e3f3e; font-family: 'PT Serif', serif; } h2 { font-size:28px; font-weight:bold; color:#3e3f3e; line-height:120%; font-family: 'PT Serif', serif; } 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:#3e3f3e; text-decoration:none; outline:0; } a:hover, a:active { outline: none; } a:hover, a:active, a:focus, a:link, a:visited { text-decoration:none; outline: none;} p{margin-bottom:18px;} img{max-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 Monaco, 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: arial; 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: text-bottom; background:none;} input[type="checkbox"] { vertical-align: bottom; background:none; border:none; } .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; background-color:#4F7383; border:none; color: #fff; font-size: 11px; font-weight:400; line-height:1; letter-spacing:1px; text-transform:uppercase; height:auto; padding: 18px 24px; text-align: center; border-radius: 2px; transition: background-color 0.15s ease-in-out;} /*button:after {font-family: arial; content: "\f105"; 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%; } .google-maps { position: relative; padding-bottom: 35%; /* (height / width = 0.54 = 54%) */ height: 0; overflow: hidden; } .google-maps 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; } div.wrap { margin:0 auto; max-width:81.25em; padding-right:1.25em; padding-left:1.25em; } #cont_top { position:fixed; top:0; width:100%; background-color:#fff; z-index:1500; -webkit-transition: -webkit-transform 0.45s ease; -moz-transition: -moz-transform 0.45s ease; -o-transition: -o-transform 0.45s ease; transition: transform 0.45s ease; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } #cont_top.scrolled { -webkit-transition: -webkit-transform 0.45s ease; -moz-transition: -moz-transform 0.45s ease; -o-transition: -o-transform 0.45s ease; transition: transform 0.45s ease; -webkit-transform: translateY(-44px); -moz-transform: translateY(-44px); -ms-transform: translateY(-44px); -o-transform: translateY(-44px); transform: translateY(-44px); } #cont_top_top, #cont_top_top_mobi { display:block; float:left; width:100%; text-align:right; border-bottom:#f0f1f2 solid 1px; background-color:#fff; -webkit-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; margin:0 auto; padding-left:15px; padding-right:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /*.scrolled #cont_top_top { display:none; }*/ #cont_top_top_mobi { display:none; } #top { width:100%; height:110px; padding:15px; padding-bottom:0px; float:left; background-color:#fff; /*position:inherit;*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .scrolled #top { height:90px; } #logo { float:left; width:15%; z-index:998; -webkit-transition:top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition:top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-bottom:15px; line-height:0%; font-size:0px; } #logo a { line-height:0%; font-size:0px; } #logo .logo_notscroll { height:80px; max-width:unset; } #logo .logo_scroll { display:none; } /*.scrolled #logo { position:fixed; top:15px; left:15px; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }*/ .scrolled #logo .logo_notscroll { display:none; } .scrolled #logo .logo_scroll { display:block; height:60px; width:auto; } #cont_btn_book { float:left; width:15%; z-index:998; -webkit-transition:top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition:top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-bottom:15px; position:inherit; } /*.scrolled #cont_btn_book { position:fixed; top:25px; right:15px; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }*/ #cont_menu { float:left; width:70%; height:100%; padding-left:100px; padding-right:100px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:inherit; } /*.scrolled #cont_menu { position:fixed; top:0; left:15%; z-index:1000; height:80px; }*/ .header_image_home { width:100%; height:auto; min-height:450px; float:left; } .header_image { width:100%; height:auto; min-height:450px; float:left; background-repeat:no-repeat; background-size:cover; background-position:center top; } .cont_container, .container, .cont_home { float:left; width:100%; } .cont_container { margin-top:154px; } .page .cont_container { background-color:#f0f1f2; } .prod .cont_container { margin-bottom:70px; } .book .container { margin-top:100px; margin-bottom:100px; } .cont_home { background-color:#f0f1f2; padding-top:100px; padding-bottom:100px; } .cont_page { width:100%; float:left; padding-top:100px; padding-bottom:100px; } .cont .cont_page { background-color:#f0f1f2; } #testo1 { max-width:1120px; margin:0 auto; padding-bottom:100px; } #testo_404 { float:left; width:100%; margin-bottom:40px; margin-top:40px; text-align:center; } .bg_pattern { float:left; width:100%; height:40px; background-color:#a6cc77; /* pattern */ } /* 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;} .collapsible { width:100%; float:left; cursor:pointer; padding-bottom:10px; text-align:left; outline:none; font-size:18px; font-weight:bold; } .collapsible:after { content: '\f107'; font-weight: bold; margin-left:15px; font-family:'FontAwesome'; } .active:after { content: '\f106'; font-weight: bold; margin-left:15px; font-family:'FontAwesome'; } .content { width:100%; float:left; padding:0; max-height:0; overflow:hidden; transition: max-height 0.2s ease-out; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:20px; padding-left:10px; } /*---------------------------------------------------------------*/ /* 06. Header /*---------------------------------------------------------------*/ /*#cont_top:not(.scrolled)::before { position:fixed; width:100%; height:100px; top:0px; left:0; background-color:#fff; opacity:0; content:""; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #cont_top.scrolled::before { position:fixed; width:100%; height:100px; top:0px; left:0; background-color:#fff; opacity:1; content: ""; z-index:990; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }*/ #cont_top_top ul { display:inline; list-style-type:none; float:right; margin:0px; } #cont_top_top li.cont_top_top_item { float:left; border-left:#efefef solid 1px; color:#aaabaa; text-transform:uppercase; margin-bottom:0px; font-size:13px; letter-spacing:1px; line-height:100%; } #cont_top_top li.cont_top_top_item > a:link, #cont_top_top li.cont_top_top_item > a:visited, #cont_top_top li.cont_top_top_item > a:hover { color:#aaabaa; font-size:13px; letter-spacing:1px; line-height:100%; display:inline-block; padding:12px 24px; } #cont_top_top li.cont_top_top_item a:hover { color:#359337; } #cont_top_top li.cont_top_top_item.dropdown:hover a { color:#aaabaa !important; font-size:14px; } #cont_top_top li.cont_top_top_item.dropdown:hover a:hover { color:#359337 !important; } #cont_top_top li.cont_top_top_item a ~ a { border-left:1px solid #efefef; padding-left:5px; margin-left:5px; } #cont_top_top li.cont_top_top_item.dropdown { position:relative; padding:14px 30px; } #cont_top_top li ul.dropdown-menu, #cont_top_top_mobi li ul.dropdown-menu { position:absolute; top:100%; left:0; z-index:1110; /*display:none;*/ float:left; min-width:90px; padding:0; margin:0 0; list-style:none; font-size:14px; text-align:left; background-color:#fff; border:1px solid #efefef; /*-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175);*/ background-clip:padding-box; } #cont_top_top_mobi li ul.dropdown-menu { height:100vh; } .cont_top_top_item ul { list-style:none; padding:0; margin:0; float:right; } .cont_top_top_item.dropdown .dropdown-menu { border-bottom-left-radius:0; border-top-left-radius:0; border-bottom-right-radius:0; border-top-right-radius:0; -webkit-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; border:1px solid #efefef; min-width:0; width:100%; display:block; opacity:0; visibility:hidden; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .cont_top_top_item.dropdown:hover .dropdown-menu { opacity:1; visibility:visible; /*display:block;*/ } .cont_top_top_item.dropdown .dropdown-menu li { border-bottom:1px solid #efefef; margin-bottom:0px; } .cont_top_top_item.dropdown .dropdown-menu li:hover { background-color:#efefef; } .cont_top_top_item.dropdown .dropdown-menu li a { padding:12px 30px; display:block; color:#aaabaa; } #cont_top_top li.cont_top_top_item.dropdown:hover .dropdown-menu li a:hover /*, #cont_top_top_mobi li.cont_top_top_item.dropdown:hover .dropdown-menu li:hover a*/ { color:#359337 !important; } .cont_top_top_item.dropdown .dropdown-menu li:last-child { border-bottom:0px; } .cont_top_top_item svg { width:12px; height:12px; /*padding-left:5px;*/ } #cont_top_top li.cont_top_top_item.social > a { padding:10px 20px; } #cont_top_top li.cont_top_top_item.social > a ~ a { border-left:0px; padding-left:0px; } .cont_top_top_item.social svg { width:23px; height:20px; } .cont_top_top_item .social_fb, .cont_top_top_item .dropdown_arrow { fill:#aaabaa; } .cont_top_top_item a:hover .social_fb, .cont_top_top_item a:hover .dropdown_arrow { fill:#359337; } /*---------------------------------------------------------------*/ /* 07. Menu /*---------------------------------------------------------------*/ #top_menu { width:100%; height:100%; float:left; text-align:center; position:inherit; border:0; } #top_menu::before, #top_menu::after, #top_menu_collapse::after, #top_menu_collapse::before, #top_menu ul::before, #top_menu ul::after { content: " "; display: table; } .scrolled #top_menu { position:unset; } .menu-btn { position:absolute; top:10px; right:15px; background-color:transparent; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; width:50px; height:40px; z-index:1000; overflow:hidden; cursor:pointer; outline:none; border:none; padding:0px; z-index:1000; -webkit-transition:top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition:top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /*.scrolled .menu-btn { top:15px; }*/ .menu-btn__icon { width:35px; 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; 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:8px; width:100%; height:3px; background-color:#3e3f3e; -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;} /*.blog .menu-btn__icon:before, .blog .menu-btn__icon:after, .blog .menu-btn__icon__middle { background-color:#664f3d; } .blog .scrolled .menu-btn__icon:before, .blog .scrolled .menu-btn__icon:after, .blog .scrolled .menu-btn__icon__middle { background-color:#fffdfa; }*/ .menu-btn.is-active .menu-btn__icon { transform: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 } @keyframes middle { 100% { opacity:0 } } @keyframes before { 100% { transform:translateY(10px) translateX(5px) rotate(45deg); background-color:#3e3f3e; } } @keyframes after { 100% { transform:translateY(-10px) translateX(5px) rotate(-45deg); background-color:#3e3f3e; } } #top_menu_collapse { overflow-x:visible; width:auto; height:100%; } #top_menu ul { display:flex; align-items:stretch; justify-content:space-between; width:100%; margin:0; padding:0; height:100%; overflow-x: visible; } #top_menu ul li { display:inline-block; flex:0 1 auto; list-style-type:none; padding-top:30px; font-size:18px; position: inherit; } .scrolled #top_menu ul li { padding-top:20px; } .dropdown { position:relative; } #top_menu ul li > a { height:100%; position:relative; display:block; font-size:17px; letter-spacing:1px; } #top_menu ul li > a#current_menu_top, #top_menu ul li > a:hover { color:#359337; } #top_menu .dropdown-menu { position:absolute; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; list-style:none; font-size:14px; text-align:left; background-color: #fff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; z-index:1100; } #top_menu .open > .dropdown-menu { display: block; } #top_menu ul > li > .dropdown-menu { margin-top: 0; } #top_menu ul li .dropdown-menu { width:100%; display:block; opacity:0; visibility:hidden; border:0; background-color:#f0f1f2; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); padding: 55px 0 15px; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #top_menu ul li .dropdown-menu { padding-top: 0; } #top_menu ul li .dropdown-menu { -webkit-transition: opacity 400ms ease-in-out 0s, visibility 400ms ease-in-out 0s, padding-top 400ms ease-in-out 0s; -o-transition: opacity 400ms ease-in-out 0s, visibility 400ms ease-in-out 0s, padding-top 400ms ease-in-out 0s; transition: opacity 400ms ease-in-out 0s, visibility 400ms ease-in-out 0s, padding-top 400ms ease-in-out 0s; } #top_menu ul li .dropdown-menu { -webkit-box-shadow: 0px 18px 18px rgba(0, 0, 0, .06); box-shadow: 0px 18px 18px rgba(0, 0, 0, .06); border-bottom: 1px solid rgba(0, 0, 0, .07); } #top_menu ul li.dropdown.open .dropdown-menu { opacity:1; visibility:visible;height: 485px;overflow-x: scroll;} #top_menu li.dropdown.open::after { content:''; position:absolute; bottom:0; margin-left:-15px; border-style:solid; border-width:0 12px 16px 12px; border-color:transparent transparent #f0f1f2 transparent; } .dropdown-menu-title { display:block; border-bottom:1px solid #e3e4e6; margin-bottom:40px; } .dropdown-menu-title .close-menu { width:100%; color:#000; padding-bottom:20px; padding-top:20px; } .dropdown-menu-title .close-menu a.link-pages { width:auto; display:inline-block !important; color:#359337; text-transform:uppercase; font-size:20px; font-weight:bold; } .dropdown-menu-title .close-menu a.link-close { float:right; margin-top:3px; margin-right:5px; } .dropdown-menu-title .close-menu img { width:16px; } .dropdown-menu-cont { display:block; margin-bottom:40px; margin-top:40px; } .menu_prod { width:23%; float:left; margin-left:2.5%; margin-bottom:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .menu_prod:first-child, .menu_prod:nth-child(5), .menu_prod:nth-child(9) { margin-left:0px; } /*.menu_prod:nth-child(4) { padding-right:0px; }*/ .menu_prod_title { width:100%; color:#359337; font-size:20px; font-weight:bold; line-height:150%; padding-bottom:3px; } .menu_prod_summ { width:100%; font-size:16px; line-height:150%; min-height: 57px; } .menu_prod_img { width:100%; } .menu_prod_img img { width:100%; max-width:100%; } /*---------------------------------------------------------------*/ /* 08. Content /*---------------------------------------------------------------*/ button.btn_book, button.btn_book_book { width:auto; float:right; background-color:#359337; color:#fff; padding:15px 25px; margin-top:17px; margin-bottom:17px; font-size:14px; text-transform:uppercase; border-radius:25px; margin-right:1px; border:1px solid #359337; } button.btn_book:hover, button.btn_book_book:hover { background-color:#fff; color:#359337; } .scrolled #cont_btn_book button.btn_book, .scrolled #cont_btn_book button.btn_book_book { margin-top:7px; margin-bottom:7px; } a.btn_book, a.btn_book_book { display:block; width:auto; float:right; background-color:#359337; color:#fff; padding:15px 25px; margin-top:17px; margin-bottom:17px; font-size:14px; text-transform:uppercase; border-radius:25px; margin-right:1px; border:1px solid #359337; } a.btn_book:hover, a.btn_book_book:hover { background-color:#fff; color:#359337; } .scrolled #cont_btn_book a.btn_book, .scrolled #cont_btn_book a.btn_book_book { margin-top:7px; margin-bottom:7px; } .cont_btn { width:100%; display:block; } .btn_radius { margin:0 auto; border:1px solid #efefef; border-radius:18px; text-transform:uppercase; color:#aaabaa; padding:14px 22px 12px 22px; line-height:14px; font-size:14px; display: inline-block; -webkit-transition: all 0.4s; transition: all 0.4s; } /* HOME */ .cont_book { width:100%; height:auto; position:absolute; left:0; top:153px; background-color:#a6cc77; padding:70px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .scrolled .cont_book { top:130px; } .cont_container .cont_book { position:unset; top:unset; left:unset; float:left; } .cont_book .cont_book_close { position:absolute; top:50px; right:50px; cursor:pointer; } .cont_book .cont_book_close img { width:20px; } .cont_form_search { width:100%; height:auto; } .cont_form_search span { width:100%; display:inline-block; font-size:28px; margin-bottom:40px; } .cont_form_search form { width:100%; } .cont_form_search .cont_form_inplab { width:auto; display:inline-block; padding:5px 20px; border-radius:25px; background-color:#359337; height:40px; margin-right:50px; } .cont_form_search .cont_form_inplab:last-child { margin-right:0px; } .cont_form_search .cont_form_inp { width:auto; display:inline-block; position:relative; height:45px; float:left; } .cont_form_search .cont_form_inp img { height:30px; padding-top:5px; padding-right:10px; } .cont_form_search .quantity input { border:none; background-color:transparent; font-size:30px; font-weight:bold; color:#fff; width:70px; padding-left:20px; padding-right:20px; text-align:center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; height:45px; } .cont_form_search .quantity input[type=number]::-webkit-inner-spin-button, .cont_form_search .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .cont_form_search .quantity input[type=number] { -moz-appearance: textfield; } .cont_form_search .quantity-button { position:absolute; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor:pointer; } .cont_form_search .quantity-down { left:0; } .cont_form_search .quantity-up { right:0; } .cont_form_search .quantity-button i { opacity:0.4; color:#fff; } .cont_form_search .cont_form_lab { width:auto; display:inline-block; color:#fff; text-transform:uppercase; padding-left:10px; height:35px; float:left; padding-top:10px; } .cont_form_search .cont_form_day { width:auto; display:inline-block; color:#fff; text-transform:uppercase; padding-left:10px; padding-right:10px; height:40px; float:left; } .cont_form_search .cont_form_day span { margin-bottom:0px; } .cont_form_search .cont_form_day span:nth-child(1) { height:30px; text-align:center; font-size:30px; line-height:100%; display:block; } .cont_form_search .cont_form_day span:nth-child(2) { height:10px; text-align:center; font-size:10px; text-transform:uppercase; line-height:100%; display:block; } .cont_form_search .cont_form_day img { height:30px; padding-top:5px; } .cont_form_search .btn_radius { border:1px solid #359337; color:#fff; font-size:20px; width:auto; margin-bottom:0px; border-radius:20px; padding:12px 15px; line-height:100%; background-color:transparent; margin-top:50px; } .cont_form_search .btn_radius img { height:18px; vertical-align:middle; } .testo_home { float:left; width:61%; margin-right:8%; } .testo_home a:link, .testo_home a:visited, .testo_home a:hover { color:#359337; text-transform:uppercase; display:block; margin-top:30px; } .title_home { display:block; width:100%; margin-bottom:40px; } .title_home h1 { color:#359337 !important; text-transform:uppercase; font-size:18px !important; font-family: 'Overpass', sans-serif; letter-spacing:1.5px; } .testo_home p:nth-child(2) { font-size:20px; line-height:160%; } .testo_home p:nth-child(3) { font-size:16px; line-height:160%; } .offer_home { float:left; width:31%; background-color:#f6b6a8; } .offer-slider { width:100%; background-color:#f6b6a8; } .offer-slider .slick-list { padding:20px; } .offer-slider p.status { width:100%; } .offer-slider p.status:last-child { text-align:center; } .offer-slider p.status a:link, .offer-slider p.status a:hover, .offer-slider p.status a:visited { color:#d0401b; text-transform:uppercase; font-weight:bold; font-size:16px; } .offer-slider p.status span { display:inline-block; float:right; } .offer-slider .figure { width:80%; margin:0 auto; text-align:center; margin-top:40px; margin-bottom:30px; } .offer-slider .figure img { border-radius:50%; max-width:70%; margin:0 auto; } .offer-slider .title { text-align:center; font-weight:bold; font-size:18px; font-family: 'PT Serif', serif; } .offer-slider .subtitle { text-align:center; font-size:14px; line-height:130%; } .boxAB { width:100%; float:left; position:relative; height:800px; background-color:#fff; text-align:center; overflow-x:visible; opacity:0; } .boxAB .sec_bloc { position:relative; display:table; width:50%; height:100%; background-repeat:no-repeat; background-size:cover; } .boxAB:nth-child(even) .sec_bloc:nth-child(1) { float:left; } .boxAB:nth-child(even) .sec_bloc:nth-child(2) { float:right; } .boxAB:nth-child(odd) .sec_bloc:nth-child(1) { float:right; } .boxAB:nth-child(odd) .sec_bloc:nth-child(2) { float:left; } .boxAB .box_title { width:100%; text-align:center; display:table-cell; padding-left:25%; padding-right:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .boxAB .box_title span:nth-child(1) { width:100%; text-transform:uppercase; color:#359337; display:inline-block; margin-bottom:30px; font-weight:bold; letter-spacing:1px; } .boxAB .box_title span:nth-child(2) { width:100%; font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; margin-bottom:30px; font-size:18px; line-height:150%; } .boxAB .cont_btn { text-align:center; margin-bottom:20px; } .boxAB .cont_btn .btn_radius:hover { background-color:#aaabaa; color:#fff; } .boxAB.observable.visible { opacity:1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .boxC { width:100%; float:left; position:relative; background-color:#f0f1f2; text-align:center; padding-top:50px; padding-bottom:50px; } .boxC .sec_bloc { position:relative; display:block; width:100%; background-color:#a6cc77; opacity:0; padding:30px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; } .boxC .box_title span:nth-child(1) { text-transform:uppercase; color:#359337; display:inline-block; margin-bottom:5px; font-weight:bold; letter-spacing:1px; } .boxC .box_title span:nth-child(2) { width:100%; font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; font-size:20px; } .boxC .sec_bloc.observable.visible { opacity:1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .boxD { /*width:50%;*/ width: 100%; float:left; position:relative; background-size:cover; background-position:top left; background-repeat:no-repeat; height:500px; } .boxD:before { position:absolute; top:0; height:100%; width:100%; content:""; background-color:rgba(0,0,0,0.4); } .boxD .sec_bloc { position:relative; display:table; width:100%; height:100%; opacity:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .boxD:nth-child(1) .sec_bloc { text-align:left; padding-left:50px; } .boxD:nth-child(2) .sec_bloc { text-align:right; padding-right:50px; } .boxD .box_title { display:table-cell; z-index:1; line-height:22px; font-size:16px; padding-top:10px; vertical-align:middle; } .boxD .box_title span:nth-child(1) { width:100%; text-transform:uppercase; color:#fff; display:inline-block; margin-bottom:20px; font-weight:bold; letter-spacing:2px; } .boxD .box_title span:nth-child(2) { width:100%; font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; margin-bottom:30px; font-size:32px; color:#fff; } .boxD .btn_radius.green { border:0px; color:#fff; background-color:#359337; font-weight:bold; border:1px solid #359337; } .boxD .btn_radius.green:hover { color:#359337; background-color:#fff; } .boxD .sec_bloc.observable.visible { opacity:1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .title_page { width:40%; float:left; } .testo_page { width:56%; float:left; padding-left:4%; } .title_page a.catalogo,.testo_page a.catalogo { width:auto; float:left; background-color:#359337; color:#fff; padding:12px 24px; margin-top:24px; font-size:14px; text-transform:uppercase; border-radius:25px; border:1px solid #359337; transition-duration: 0.25s;} .title_page a.catalogo:hover,.testo_page a.catalogo:hover { background-color:#F0F1F2; color:#359337; } @media (min-width: 980px){ .testo_page a.catalogo{ display: none; } } @media (max-width: 979.98px){ .title_page a.catalogo{ display: none; } } /* PRODOTTI BOOKING */ .list_prod { width:100%; margin-bottom:70px; } .list_prod .figure { position:relative; overflow:hidden; } .list_prod .figure::after { content:''; position:absolute; left:0; bottom:0; height:100%; width:100%; z-index:0; background: -moz-linear-gradient(35deg, rgba(48, 27, 25, 0.45) 0%, rgba(48, 27, 25, 0) 40%, rgba(48, 27, 25, 0) 100%); background: -webkit-linear-gradient(35deg, rgba(48, 27, 25, 0.45) 0%, rgba(48, 27, 25, 0) 40%, rgba(48, 27, 25, 0) 100%); background: linear-gradient(35deg, rgba(48, 27, 25, 0.45) 0%, rgba(48, 27, 25, 0) 40%, rgba(48, 27, 25, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33301b19', endColorstr='#00301b19',GradientType=1); } .list_prod .figure img { max-width:100%; display:block; height:auto; } .list_prod .figure .figcaption { display:block; z-index:9; position:absolute; bottom:0; width:100%; color:#fff; padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .list_prod .figure .figcaption .list_prod_title { margin-bottom:15px; font-size:36px; font-weight:bold; font-family: 'PT Serif', serif; letter-spacing:0.2px; line-height:30px; color:#fff; } .list_prod .figure .figcaption span { font-size:19px; width:40%; display:block; } .list_prod .figure .arrow { position:absolute; right:0; bottom:0; background-color:transparent; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; width:0; height:0; border-style:solid; border-width: 0 0 160px 160px; border-color: transparent transparent #f0f1f2 transparent; } .list_prod a:hover .figure .arrow { background-color:transparent; border-width: 0 0 180px 200px; border-color: transparent transparent #a6cc77 transparent; } .list_prod .figure .arrow i { left:-100px; top:120px; margin:0; font-weight:normal; position: absolute; font-size:30px; color:#a6cc77; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .list_prod a:hover .figure .arrow i { left:-80px; top:140px; } .list_prod .figure:hover .arrow i { color:#f0f1f2; } /* SCHEDA PROD */ .prod_breadcrumb { display:block; border-bottom:1px solid #e3e4e6; margin-bottom:70px; padding-top:15px; padding-bottom:15px; font-size:16px; font-weight:bold; line-height:100%; letter-spacing:1.5px; } .prod_breadcrumb .link_pages:link, .prod_breadcrumb .link_pages:hover, .prod_breadcrumb .link_pages:visited { color:#359337; text-transform:uppercase; } .prod_breadcrumb i { padding-left:20px; padding-right:20px; } .prod_header { display:block; width:100%; float:left; padding-bottom:70px; } .prod_cont_40 { width:45%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .prod_cont_50 { width:50%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .prod_cont_60 { width:55%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /*.prod_header .prod_cont_50:nth-child(2), .prod_price .prod_cont_50:nth-child(2) { padding-left:100px; } .prod_cont .prod_cont_50:nth-child(1) { padding-right:100px; }*/ .prod_header .prod_cont_40, .prod_price .prod_cont_40 { padding-left:100px; } .prod_cont .prod_cont_60 { padding-right:150px; } .prod_header span:nth-child(1) { width:100%; display:inline-block; margin-bottom:30px; } .prod_header span h1 { color:#359337; text-transform:uppercase; font-size:16px; letter-spacing:1px; font-family: 'Overpass', sans-serif; } .prod_header span:nth-child(2) { width:100%; font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; font-size:16px; margin-bottom:30px; line-height:150%; } .prod_header span:nth-child(3) { width:100%; display:inline-block; font-size:15px; margin-bottom:50px; } .prod_header .btn_radius, .prod_price .btn_radius { color:#3e3e3e; background-color:transparent; font-weight:bold; border-color:#3e3e3e; margin-bottom:20px; font-size:12px; letter-spacing:1px; } .prod_header .btn_radius.green, .prod_price .btn_radius.green { color:#359337; border-color:#359337; } .prod_header .btn_radius:hover, .prod_price .btn_radius:hover { color:#fff; background-color:#3e3e3e; } .prod_header .btn_radius.green:hover, .prod_price .btn_radius.green:hover { color:#fff; background-color:#359337; } .prod_icon { width:100%; float:left; display:block; padding-top:70px; padding-bottom:70px; } .prod_icon_item { float:left; /*width:16.665%;*/ width: 14%; text-align:center; } .prod_icon_item .prod_icon_item_bg { width:80px; height:80px; margin:0 auto; background-color:#f0f1f2; border-radius:50%; position:relative; -webkit-transition:background 0.8s ease; transition:background 0.8s ease; } .prod_icon_item .prod_icon_item_bg img { width:40px; height:40px; position:absolute; top:50%; left:50%; margin:-20px 0px 0px -20px; } .prod_icon_item .prod_icon_item_bg:hover { background-color:#a6cc77; } .prod_icon_item span { width:100%; display:inline-block; margin-top:30px; margin-bottom:30px; text-transform:uppercase; font-size:14px; } .prod_cont { width:100%; float:left; display:block; padding-bottom:70px; } .prod_cont img { width:100%; max-width:100%; } .prod_price, .prod_corr { width:100%; float:left; display:block; padding-top:70px; padding-bottom:70px; } .prod_corr { padding-top:70px; padding-bottom:70px; } .prod_corr span { width:100%; font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; margin-bottom:35px; font-size:32px; color:#fff; line-height:140%; } .prod_corr .menu_prod { width:30%; margin-right:5%; padding-right:0; padding-left:0; margin-bottom:0; margin-left:0px; } .prod_corr .menu_prod:nth-child(4) { margin-right:0; } .prod_corr .menu_prod_img { margin-bottom:20px; } .prod_corr .menu_prod_summ { color:#fff; } /* pers. calendario */ .prod .fc-toolbar.fc-header-toolbar { background-color:#359337; margin-bottom:0px; padding-bottom:5px; padding-top:10px; } .prod .fc-toolbar.fc-header-toolbar h2 { color:#fff; font-family: 'Overpass', sans-serif; text-transform:uppercase; font-size:20px; padding-top:5px; } .prod .fc-toolbar.fc-header-toolbar .fc-prev-button, .prod .fc-toolbar.fc-header-toolbar .fc-next-button { background-color:transparent; border-radius:0px; box-shadow:none; border:0px; background-image:unset; text-shadow:none; } .prod .fc-toolbar.fc-header-toolbar .fc-icon-left-single-arrow::after { font-family:'FontAwesome'; content:"\f053"; font-weight:normal; font-size:18px; top:unset; color:#fff; } .prod .fc-toolbar.fc-header-toolbar .fc-icon-right-single-arrow::after { font-family:'FontAwesome'; content:"\f054"; font-weight:normal; font-size:18px; top:unset; color:#fff; } .prod .fc-body, .prod .fc td { border-color:#fff; border-width:2px; text-align:center; } .prod .fc td { background-color:#dfe2e3; } .prod .fc-day-number { width:100%; font-size:20px; padding-top:15px; font-weight:bold; color:#3d3630; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .prod .fc-event { background-color:transparent; border:none; color:#3d3630; padding-top:5px; } .prod .fc-event .fc-title { font-size:18px; } /*.prod .fc-bg .fc-today { background-color:#359337 !important; }*/ .prod .fc-day-header { border-width:0px; } .prod .fc-day-header span { font-weight:normal; } .prod_price .prod_price_optional { width:100%; float:left; display:block; margin-bottom:20px; } .prod_price .prod_price_optional span { width:100%; float:left; padding-bottom:10px; text-align:left; outline:none; font-size:18px; font-weight:bold; } .prod_price .prod_price_iva { width:100%; float:left; display:inline-block; padding-bottom:20px; text-align:left; font-size:16px; } .prod_price #prod_price_optional_list { width:100%; float:left; padding-left:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .prod_price #prod_price_optional_list ul { width:60%; list-style-type:none; margin-left:0px; } .prod_price #prod_price_optional_list li { padding:5px 15px; border-bottom:1px solid #cbcbcb; font-size:15px; } .prod_price #prod_price_optional_list li span { float:right; font-weight:normal; width:auto; padding-bottom:0px; font-size:15px; } .prod_price #prod_price_optional_list li:last-child { border-bottom:0px; } /* LAVORA CON NOI */ @media (max-width: 979.98px) { .cont_container.lcn .testo_page{display: flex;flex-direction: column;} .cont_container.lcn .testo_page a{max-width: max-content;} } #posizioni-aperte, .form_candidatura_wrap{ background-color: #f0f1f2;padding-top: 96px;padding-bottom: 96px; } .form_candidatura_wrap{background-color: #fff;} #posizioni_aperte_wrap{ display: grid;grid-gap: 56px;grid-template-columns: repeat(2, minmax(0,1fr));list-style: none;margin-left: 0; } #posizioni_aperte_wrap li{ margin-bottom: 0; } #posizioni_aperte_wrap li h3{ color: #359337;font-size: 24px;font-weight: bold;margin-bottom: 12px; } #posizioni_aperte_wrap li a{width: auto;float: left;background-color: #359337;color: #fff;padding: 12px 24px;font-size: 14px;text-transform: uppercase;border-radius: 25px;border: 1px solid #359337;transition-duration: 0.25s;margin-top: 4px;} #posizioni_aperte_wrap li a:hover{background-color: #fff;border-color: #359337;color: #359337;} .form_candidatura_wrap h4{font-size: 32px;font-weight: bold;line-height: 120%;color: #3e3f3e;font-family: 'PT Serif', serif;text-align: center;} form#lavoraconnoi{max-width: 760px;margin-left: auto;margin-right: auto;} form#lavoraconnoi .cont_btn{display: flex;} form#lavoraconnoi [type="file"]{width: 100%;padding: 11px 15px;height: 48px;margin-bottom: 15px;} form#lavoraconnoi .cont_btn button{margin-left: auto;margin-right: auto; color: white;min-width: 182px;min-height: 48px;} @media (max-width: 979.98px) { #posizioni-aperte,.form_candidatura_wrap{padding-top: 56px;padding-bottom: 56px;} } @media (max-width: 767.98px) { #posizioni_aperte_wrap{grid-gap: 48px;grid-template-columns: repeat(1, minmax(0,1fr));} } /* SERVIZI */ .gallery_immagini, .gallery_imgimg, .gallery_imgname { width:100%; float:left; } .gallery_immagini { display:flex; align-content:flex-end; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; } .gallery_img { width:30%; float:left; margin-right:5%; margin-bottom:70px; } .gallery_img:nth-child(3n+0) { margin-right:0px; } .gallery_imgimg { position:relative; overflow:hidden; height:285px; } .gallery_imgname { line-height:150%; margin-top:10px; } .gallery_imgname span:nth-child(1) { display:inline-block; width:100%; text-transform:uppercase; color:#359337; font-weight:bold; margin-bottom:5px; } .gallery_imgname span:nth-child(2) { display:inline-block; width:100%; font-weight:bold; font-family: 'PT Serif', serif; margin-bottom:10px; font-size:20px; } .gallery_imgimg img { width:100%; max-width:100%; position:relative; top:0; -webkit-transition: none; transition: none; cursor: pointer; } .gallery_imgimg img:hover { transform: scale(1.0); } .gallery_imgimg .slick-prev, .gallery_imgimg .slick-next, .slick-lightbox .slick-prev, .slick-lightbox .slick-next { background-image: url(img/arrow_slide.svg); width: 35px; height: 100%; background-repeat: no-repeat; } .slick-lightbox .slick-prev, .slick-lightbox .slick-next{ width: 50px; height: 50px; } .slick-lightbox-close::before { font-size: 35px; } .btn-menu{ width: max-content; background-color: #e8b70f; padding: 6px 20px; margin-top: 12px; display: flex; align-items: center; text-align: center; border-radius: 8px; } .btn-menu:hover{ background-color: #d9ab0c; } @media (max-width: 525px){ .slick-lightbox .slick-prev, .slick-lightbox .slick-next{ width: 30px; height: 30px; } .slick-lightbox .slick-prev { left: 3px; } .slick-lightbox .slick-next { right: 3px; } .gallery_imgimg .slick-prev { left: 8px; } .gallery_imgimg .slick-next { right: 8px; } } .serv_eco_title { width:100%; float:left; padding-top:50px; padding-bottom:50px; border-bottom:2px solid #4b4b4b; text-align:center; } .serv_eco_title span:nth-child(1) { display:inline-block; width:100%; text-transform:uppercase; color:#359337; letter-spacing:1.3px; font-weight:bold; margin-bottom:5px; } .serv_eco_title span:nth-child(2) { display:inline-block; width:100%; font-weight:bold; font-family: 'PT Serif', serif; font-size:20px; margin-bottom:30px; } .serv_eco_title span:nth-child(3) { display:inline-block; width:100%; } .eco_item_container{width:100%;display: flex;flex-direction: row;} .serv_eco_item { width:20%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:50px 25px; text-align:center; } .serv_eco_item .serv_eco_bgicon { width:100px; height:100px; margin:0 auto; background-color:#359337; border-radius:50%; margin-bottom:20px; position:relative; -webkit-transition:background 0.8s ease; transition:background 0.8s ease; } .serv_eco_item .serv_eco_bgicon img { width:50px; height:50px; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; } .serv_eco_item span:nth-child(2) { display:inline-block; width:100%; text-transform:uppercase; color:#359337; font-weight:bold; margin-bottom:15px; min-height:50px; } .serv_eco_item .serv_eco_bgicon:hover { background-color:#3e3f3e; } .serv_eco_item a{font-weight: bold; box-shadow: inset 0px -0.3rem #359337;margin-top:5px;display: inline-block} /* BOOKING */ .cont_book2 { width:100%; float:left; display:block; padding:30px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f0f1f2; } .cont_filtri_search { width:100%; height:auto; } .filtro_search { display:inline-block; width:auto; margin-right:70px; font-size:18px; text-transform:uppercase; line-height:100%; } .filtro_search input { height:18px; margin-right:10px; } .cont_result_search > span { font-size:24px; } .result_search_item { width:100%; float:left; display:block; margin-bottom:70px; } .result_search_item_cont { width:50%; float:left; } .result_search_item_cont:nth-child(2) { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:100px; } .result_search_item_cont img { } .result_search_item_cont span { width:100%; display:inline-block; } .result_search_item_cont span:nth-child(1) { margin-bottom:20px; font-size:15px; } .result_search_item_cont span h2 { color:#359337; text-transform:uppercase; font-size:18px; letter-spacing:1px; font-family: 'Overpass', sans-serif; margin-bottom:25px; font-weight:bold; } .result_search_item_cont span:nth-child(3) { font-family: 'PT Serif', serif; font-size:16px; line-height:140%; margin-bottom:40px; font-weight:bold; } .result_search_item_cont span:nth-child(4) { margin-bottom:30px; font-size:24px; font-weight:bold; } .result_search_item_cont span:nth-child(4) span { margin-bottom:0px; font-size:18px; width:auto; padding-right:5px; } .result_search_item_cont .btn_radius.green { color:#359337; background-color:transparent; font-weight:bold; border-color:#359337; margin-bottom:20px; font-size:12px; letter-spacing:1px; } .result_search_item_cont .btn_radius.green:hover { color:#fff; background-color:#359337; } .cont_form_item .prod_cont_50:nth-child(2) { padding-left:100px; } .cont_form_item .prod_cont_50 span:nth-child(1) { width:100%; display:inline-block; margin-bottom:20px; } .cont_form_item .prod_cont_50 span h1 { color:#359337; text-transform:uppercase; font-size:20px; letter-spacing:1px; font-family: 'Overpass', sans-serif; margin-bottom:25px; } .cont_form_item .prod_cont_50 span:nth-child(3) { width:100%; font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; font-size:16px; margin-bottom:50px; line-height:140%; } .cont_form_item .btn_radius { background-color:transparent; font-weight:bold; margin-bottom:20px; font-size:11px; } .cont_form_item .btn_radius i { margin-right:8px; font-size:11px; } .prod_cont_100 { width:100%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .cont_form_item span.error { width:100%; display:block; padding-top:40px; color:#d0401b; text-align:center; font-size:18px; } .cont_form_item form { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:150px; padding-right:150px; margin-top:100px; } .cont_form_item .cont_form_inplab { width:auto; display:block; padding:5px 20px; border-radius:25px; background-color:#a6cc77; height:50px; float:left; margin-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /*.cont_form_item .cont_row_inplab { width:100%; float:left; position:relative; min-height:70px; }*/ .cont_form_item .cont_row_inplab {width: 100%;position: relative;min-height: 70px;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: row;flex-wrap: wrap; justify-content: space-between;-webkit-justify-content: space-between;} .cont_form_item .cont_form_inplab.c1 { position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); } /*.cont_form_item .cont_form_inplab.c2 { width:47%; margin-right:6%; }*/ .cont_form_item .cont_form_inplab.c2 {width: 47%;margin-right: 6%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;} /*.cont_form_item .cont_form_inplab.c3 { width:30%; margin-right:5%; }*/ .cont_form_item .cont_form_inplab.c3 {margin-right: 4%;display: flex;flex-direction: row;justify-content: space-between;align-items: center; width: 100%;} .cont_form_item .cont_form_inplab.c3:nth-child(3), .cont_form_item .cont_form_inplab.c2:nth-child(even) { margin-right:0px; } .cont_form_item .cont_form_inp { width:auto; display:inline-block; position:relative; height:45px; float:right; max-width:70%; } .cont_form_item .c1 .cont_form_inp, .cont_form_item .priv .cont_form_inp { float:left; } .cont_form_item .cont_form_inp img { height:30px; padding-top:5px; padding-right:10px; } .cont_form_item .quantity {height: 100%;display: flex;flex-direction: row;align-content: center;} .cont_form_item .quantity.select-box{flex-direction: column;} .cont_form_item .quantity input[type=number] { border:none; background-color:transparent; font-size:25px; font-weight:bold; color:#3d3630; padding-left:20px; padding-right:20px; text-align:center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -moz-appearance: textfield; width: 70px;} .cont_form_item .quantity input[type=number]::-webkit-inner-spin-button, .cont_form_item .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .cont_form_item .quantity input[type=text] { border:0px; background-color:transparent; height:100%; margin-bottom:0px; color:#3d3630; width: 75px; text-align:right; font-size:25px; font-weight:bold; line-height:100%; } .cont_form_item .quantity input::placeholder, .cont_form_item .quantity input::-webkit-input-placeholder, .cont_form_item .quantity input::-moz-placeholder, .cont_form_item .quantity input:-ms-input-placeholder, .cont_form_item .quantity input:-moz-placeholder { color:#3d3630; } .cont_form_item select { -moz-appearance:none; -webkit-appearance:none; appearance:none; width:100%; color:#3d3630; border:0; text-overflow:' '; background:transparent url("img/arrow-down-sel.png") no-repeat 100% center; font-size:25px; padding-bottom:0px; margin-right: 150px; height: 100%;} .cont_form_item select option { background-color:#454446; color:#fff; font-size:16px; } .cont_form_item .quantity-button { position:absolute; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor:pointer; } .cont_form_item .quantity-down { left:0; } .cont_form_item .quantity-up { right:0; } .cont_form_item .quantity-button i { color:#3d3630; } /*.cont_form_item .cont_form_lab { width:auto; display:inline-block; color:#3d3630; padding-left:10px; height:35px; float:left; padding-top:10px; }*/ .cont_form_item .cont_form_lab { width:100%; display:inline-block; color:#3d3630; padding-left:5px; padding-right: 20px;} .cont_form_item .cont_form_day { width:auto; display:inline-block; color:#3d3630; text-transform:uppercase; padding-left:10px; padding-right:10px; height:40px; float:left; } .cont_form_item .cont_form_day span { margin-bottom:0px; } .cont_form_item .cont_form_day span:nth-child(1) { height:30px; text-align:center; font-size:30px; line-height:100%; display:block; } .cont_form_item .cont_form_day span:nth-child(2) { height:10px; text-align:center; font-size:10px; text-transform:uppercase; line-height:100%; display:block; } .cont_form_item .cont_form_day img { height:30px; padding-top:5px; } .cont_form_item .cont_form_block_text { width:100%; float:left; margin-top:50px; } .cont_form_item .cont_form_inplab.text { width:47%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f0f1f2;} .cont_form_item .cont_form_inplab.text:nth-child(odd) { margin-right:6%; } .cont_form_item .cont_form_inplab.text .cont_form_inp { height:40px; width:100%; max-width:100%; } .cont_form_item .cont_form_inplab.text input[type=text] { width:100%; border:0px; background-color:transparent; height:100%; margin-bottom:0px; color:#3d3630; } .cont_form_item .cont_form_inplab.priv { background-color:transparent; width:70%; margin:0 15%; } .cont_form_item .cont_form_inplab.priv .cont_form_lab { max-width:90%; color:#3d3630; font-size:11px; line-height:140%; text-transform:unset; } .cont_form_item #src_book_prod .cont_btn { float:left; text-align:center; } .cont_form_item #src_book_prod>div.cont_row_inplab:nth-of-type(2){ flex-wrap: nowrap; } .cont_form_item .btn_radius.btn_book2 { border:1px solid #359337; color:#359337; font-size:16px; width:auto; margin-bottom:0px; border-radius:20px; padding:12px 15px; line-height:100%; background-color:transparent; margin-top:50px; font-weight:normal; } .cont_form_item .btn_radius.btn_book2:hover { background-color:#359337; color:#fff; } .cont_checkout form { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:150px; padding-right:150px; } .cont_checkout .cont_row_inplab { width:100%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px; background-color:#f0f1f2; margin-bottom:40px; } .cont_checkout .cont_row_inplab h1 { margin-bottom:20px; font-size:24px; color:#359337; font-family: 'Overpass', sans-serif; } .cont_checkout .cont_form_lab { margin-bottom:5px; } .cont_checkout .cont_form_lab.space { margin-bottom:20px; } .cont_checkout .cont_form_lab span { display:inline-block; } .cont_checkout .cont_form_lab span:nth-child(1):after { content:':'; padding-right:5px; } .cont_checkout .cont_form_tot { width:100%; margin-top:40px; font-weight:bold; font-size:20px; } .cont_checkout .cont_form_fixcosts { width:100%; margin-top:20px; font-size:14px; } .cont_checkout .cont_form_rules { width:100%; margin-top:20px; font-size:16px; } .cont_checkout .cont_btn { text-align:center; } .cont_checkout .cont_row_inplab .cont_btn { text-align:right; } .cont_checkout .btn_radius.btn_book2 { font-size:14px; width:auto; margin-bottom:0px; border-radius:20px; padding:12px 15px; line-height:100%; background-color:#fff; margin-top:30px; font-weight:normal; letter-spacing:2px; } /*.cont_checkout .btn_radius.btn_book2:hover { background-color:#efefef; color:#fff; }*/ .cont_checkout .btn_radius.btn_check { border:1px solid #359337; color:#359337; font-size:15px; width:auto; margin-bottom:0px; border-radius:20px; padding:12px 18px; line-height:100%; background-color:transparent; margin-top:50px; font-weight:normal; letter-spacing:2px; } .cont_checkout .btn_radius.btn_check:hover { background-color:#359337; color:#fff; } .cont_checkout #cont_resp_transaction.cont_row_inplab { width:calc(100% - 300px); margin:50px 150px; display:none; background-color:transparent; text-align:center; } @media (max-width: 1310px){ .cont_form_item .cont_form_inplab.c3{ width: unset; } } @media (max-width: 1200px){ .cont_form_item form{padding-left:125px;padding-right: 125px;} .cont_form_item .cont_form_inplab.c3{margin-right: 6%;width:47%;} .cont_form_item .cont_form_inplab.c3:nth-of-type(even){margin-right: 0;} .cont_form_item #src_book_prod>div.cont_row_inplab:nth-of-type(2){flex-wrap: wrap;} .cont_form_item .cont_form_lab { padding-right: 15px;} } @media (max-width: 1100px){ .cont_form_item form { padding-left: 100px; padding-right: 100px; } .cont_form_item .cont_form_lab{ padding-left: 0; } .cont_form_item .cont_form_lab { padding-right: 10px; } .cont_form_item .cont_form_inplab.c2 { width: 48%; margin-right: 4%; } } /* BLOG -------------------------------------------------------------------------------------------------------------------*/ .list_elenco_cat { width:100%; float:left; margin-bottom:40px; } .filtro_cat { width:auto; display:inline-block; margin-right:35px; text-transform:uppercase; color:#359337; font-size:16px; cursor:pointer; letter-spacing:1px; } .filtro_cat.selected { border-bottom:1px solid #359337; } .list_elenco_post { width:100%; float:left; display:flex; align-content:flex-end; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; } article.elenco_post { width:30%; float:left; margin-right:5%; margin-bottom:70px; position:relative; } article.elenco_post:nth-child(3n+0) { margin-right:0px; } .elenco_post_itemLink { display:block; width:100%; text-decoration:none; position:relative; } .elenco_post_img { position:relative; display:block; width:100%; overflow:hidden; height:285px; } .elenco_post_img img { width:100%; max-width:100%; position:absolute; top:0; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .elenco_post_img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .elenco_post_testo { width:100%; float:left; margin-top:20px; } .elenco_post_cat { width:100%; float:left; margin-bottom:10px; color:#359337; letter-spacing:1px; text-transform:uppercase; font-size:14px;} .elenco_post_data { margin-bottom:15px; display:inline-block; font-size:12px; padding:0 10px; line-height:20px; color:#fff; background:#3e3f3e; text-transform:uppercase; font-family:'Montserrat', sans-serif; } .elenco_post_testo h2 { font-size:22px; line-height:130%; font-weight:bold; font-family: 'PT Serif', serif; margin-bottom:25px; } .elenco_post_content { font-size:16px; line-height:20px; margin-bottom:30px; width:100%; float:left; line-height:150%;} .elenco_post_btn { position:absolute; bottom:-20px; left:0px; } .elenco_post_btn span { color:#359337; display:inline-block; vertical-align:top; font-size:14px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; cursor:pointer; font-weight:bold; } .elenco_post_btn span i { padding-left:20px; font-size:16px; } .elenco_blog_pag { color:#aaabaa; display:inline-block; vertical-align:top; font-size:15px; text-decoration:none; text-transform:uppercase; cursor:pointer; border-bottom:2px solid #aaabaa; } .elenco_blog_pag i { font-size:18px; } article .post_cont_35 { width:35%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:100px; margin-top:100px; } article .post_cont_65 { width:65%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:100px; } 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 #post_share, article .post_share_mobi { width:100%; height:30px; margin-top:30px; } article .post_share_mobi { display:none; } article #post_share img, article .post_share_mobi img { width:30px; margin-left:5px; } article #post_content { width:100%; line-height:175%; font-size:16px; } article .post_summary { width:100%; margin-bottom:20px; font-weight:bold; font-size:24px; line-height:140%; } article #post_content h2 { font-size:22px; margin-bottom:10px; margin-top:10px; } article .post_dida_img { width:100%; float:left; margin-top:5px; font-style:italic; color: grey; text-align:center; } article .post_cont_image_head { width:100%; float:left; } article .post_cont_image_head figure.post_cont_image { width:100%; overflow:hidden; height:750px; background-repeat:no-repeat; background-position:center center; background-size:cover; } @media (max-width: 1199.98px){article .post_cont_image_head figure.post_cont_image{height: 540px;}} @media (max-width: 979.98px){article .post_cont_image_head figure.post_cont_image{height: 480px;}} @media (max-width: 829.98px){article .post_cont_image_head figure.post_cont_image{height: 420px;}} @media (max-width: 729.98px){article .post_cont_image_head figure.post_cont_image{height: 360px;}} @media (max-width: 619.98px){article .post_cont_image_head figure.post_cont_image{height: 320px;}} @media (max-width: 539.98px){article .post_cont_image_head figure.post_cont_image{height: 280px;}} @media (max-width: 479.98px){article .post_cont_image_head figure.post_cont_image{height: 240px;}} @media (max-width: 419.98px){article .post_cont_image_head figure.post_cont_image{height: 220px;}} @media (max-width: 389.98px){article .post_cont_image_head figure.post_cont_image{height: 210px;}} article #post_content figure.post_cont_image { width:100%; max-width:1120px; margin:20px auto 20px auto; float:left; height:auto; margin-top:50px; } article figure.post_cont_image img { width:100%; } article #cont_post_data { width:100%; position:relative; margin-bottom:10px; } time.post_data { font-size:14px; font-weight:bold; letter-spacing:1px; } article .cont_post_cat { width:100%; color:#359337; letter-spacing:1px; text-transform:uppercase; font-size:14px; } article h1 { width:100%; font-weight:bold; font-family: 'PT Serif', serif; font-size:28px; line-height:140%; margin-bottom:30px; } article #post_content a:link, article #post_content a:visited { border-bottom:1px solid #359337; } article #post_content a:hover { border-bottom:2px solid #359337; } div.post_cont_image_slide {width:100%; float:left;height:auto;margin-bottom:0px;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; } .vedianche { float:left; padding-top:50px; padding-bottom:50px; width:100%; background-color:#3e3e3e; margin-top:50px; } .vedianche span.title_vedianche { font-weight:bold; font-family: 'PT Serif', serif; font-size:24px; color:#fff; letter-spacing:1px; margin-bottom:40px; display:block; } .vedianche .elenco_post_testo h2, .vedianche .elenco_post_content { color:#fff; } /* CONTATTI -----------------------------------------------------------------------------------------------------------------------*/ .cont .cont_cont_page { display:flex; align-content:strethc; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; } .cont .cont_title_page { width:65%; float:left; margin-right:5%; background-color:#f6b6a8; padding:40px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .cont .title_page { width:100%; text-align:center; } .cont .testo_page { width:30%; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#fff; line-height:180%; } .cont .testo_page span { font-weight:bold; font-family: 'PT Serif', serif; font-size:18px; display:inline-block; margin-bottom:10px; } .cont .testo_page a:link, .cont .testo_page a:hover, .cont .testo_page a:visited { color:#359337; text-decoration:none; } .cont_inp_cont, .cont_inp_priv { width:100%; float:left; margin-bottom:5px; } form#list .cont_inp_cont, form#list .cont_inp_priv, form#list .cont_inp_btn { max-width:400px; margin:0 auto; float:unset; margin-bottom:15px; } .cont_inp_cont_2c { width:48%; float:left; } .cont_inp_cont_2c:nth-child(1) { margin-right:2%; } .cont_inp_cont_2c:nth-child(2) { margin-left:2%; } .cont_inp_cont label { width:100%; color:#3e3f3e; display:block; font-size:14px; padding-left:8px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .cont_inp_cont input, .cont_inp_cont textarea { width:100% !important; border:none !important; background-color:#efefef; border-radius:26px; margin-bottom:15px !important; font-size:16px !important; color:#3e3f3e !important; padding:10px 15px !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:auto !important; font-size:16px; } .cont_inp_priv { color:#3e3f3e; font-size:12px; line-height:115%; position:relative; min-height:60px; } .cont .cont_title_page .cont_btn { text-align:center; } .cont .cont_btn .btn_cont { border-color:#d0401b; background-color:#d0401b; color:#fff; padding:12px 25px; } .cont .cont_btn .btn_cont:hover { border-color:#fff; background-color:#fff; color:#d0401b; } #cont_response { display:block; width:100%; font-size:16px; padding-bottom:15px; padding-top:15px; min-height:55px; text-align:center; color:#d0401b; } #cont_response.msgOK { color:#3e3f3e; font-size:20px; opacity:1; } .cont .prod_cont_50 { margin-bottom:80px; } .cont_cont_ico, .cont_cont_tit, .cont_cont_des { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:50px 50px 30px 50px; text-align:center; } .cont_cont_ico img { width:60px; } .cont_cont_tit { padding:0px 50px; font-weight:bold; font-family: 'PT Serif', serif; font-size:18px; } .cont_cont_des { padding:20px 50px 0px 50px; } .maps { width:100%; float:left; } /* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/ .lab_cont { width:10%; text-align:left; float:left; font-size:15px; padding-top:5px; margin-bottom:2px; margin-left:10%; } .inp_cont { width:45%; margin-left:10%; float:left; margin-bottom:5px; margin-right:10%; } input[type=text] { margin-bottom:10px; width:80%; padding:1px; font-size:0.9em; height:27px; border:2px solid #d5d5d5; color:black; } 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; } /* NEWSLETTER -------------------------------------------------------------------------------------------------------------*/ .list #testo1 { padding-top:50px; } .list h2 { font-size:18px; text-align:center; } .list .cont_btn { text-align:center; } .list .btn_radius.btn_list { border-color:#359337; color:#359337; font-size:16px; letter-spacing:1.5px; line-height:100%; margin-top:30px; background-color:#fff; border-radius:22px; } .list .btn_radius.btn_list:hover { background-color:#359337; color:#fff; } .priv .title_page { width:100%; margin-bottom:40px; } .priv .testo_page { width:100%; padding-left:0px; } /*---------------------------------------------------------------*/ /* 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 /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 11. Footer /*---------------------------------------------------------------*/ .cont_pre_footer { width:100%; float:left; display:block; background-color:#3e3e3e; } .pre_footer { width:100%; float:left; display:table; margin-top:40px; margin-bottom:40px; } .footer_sx, .footer_dx { float:left; width:30%; display:table-cell; text-align:center; padding-top:20px; } /*.footer_dx { float:right; }*/ .footer_center { float:left; width:40%; display:table-cell; text-align:center; border-left:1px solid #4b4b4b; border-right:1px solid #4b4b4b; padding:20px 30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .footer_center .footer_center_cont { width:100%; padding-bottom:30px; } .footer_center .footer_center_cont:first-child { border-bottom:1px solid #4b4b4b; margin-bottom:30px; } .footer_center .footer_center_cont span { font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; width:100%; margin-bottom:20px; font-size:20px; color:#fff; } .footer_center .footer_center_cont .btn_radius.green { font-weight:bold; color:#359337; padding:15px 40px; border-radius:25px; letter-spacing:1.5px; border:1px solid #929292; } .footer_center .footer_center_cont .btn_radius.green:hover { background-color:#359337; border-color:#359337; color:#fff; } .footer_center .footer_center_cont img { width:100%; max-width:60%; } ul#menu_footer { list-style-type:none; margin:0; width:100%; } ul#menu_footer li { width:100%; text-align:center; } ul#menu_footer li a:link, ul#menu_footer li a:visited, ul#menu_footer li a:hover { color:#fff; text-decoration:none; font-size:15px; line-height:100%; position:relative; display:inline-block; } .boxF { width:100%; float:left; } .boxF span:nth-child(1) { width:100%; font-weight:bold; font-family: 'PT Serif', serif; display:inline-block; margin-bottom:30px; font-size:20px; color:#fff; } .boxF span:nth-child(3) { width:100%; display:inline-block; margin-bottom:5px; color:#929292; } .boxF .box_content { width:160px; height:160px; background-color:#a6cc77; border-radius:50%; margin:0 auto; position:relative; margin-bottom:25px; } .boxF .box_content img { width:60px; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .boxF .cont_btn a { color:#359337; text-decoration:underline; font-size:16px; } footer { width:100%; margin-top:0px; float:left; position:relative; padding-top:30px; padding-bottom:30px; } #footer { text-align:center; width:100%; font-size:14px; line-height:130%; } #footer a:visited, #footer a:hover, #footer a:link { color:#3e3f3e; } #footer a.link_glacom:visited, #footer a.link_glacom:link, #footer a.link_glacom:hover { color:#aaabaa; } a.to_top { position:absolute; right:15px; bottom:15px; display:inline-block; background-color:#3e3e3e; background-image:url(img/arrow_to_top.svg); background-size:18px; z-index:2; width:40px; height:40px; border-radius:50%; background-repeat: no-repeat; background-position: center center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transform-origin:center; } #footer-convenzioni img{width: 90%;max-width: unset;} #footer-convenzioni a{display: block;} #footer-convenzioni a>img{max-width: 150px;} #cookieChoiceInfo span { color:#fff; font-family: 'Overpass', sans-serif !important; } #cookieChoiceInfo a:link, #cookieChoiceInfo a:visited, #cookieChoiceInfo a:hover { text-decoration:none; color:#fff; font-weight:bold; font-family: 'Overpass', sans-serif !important; } /*---------------------------------------------------------------*/ /* 12. Widgets /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 13. Portfolio /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 14. Plugins /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 15. Retina /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* 16. Popup offer / Popup map /*---------------------------------------------------------------*/ .popup, .map-popup-container, #popup-offer-container{ position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; z-index: 9999; } .map-popup-container{ background-color: rgba(0, 0, 0, 0.5); } .popup, #popup-offer-container{ background-color: rgb(13 6 0 / 70%); } .popup>div, .map-popup-box, #popup-offer-box{ height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); /* cursor: pointer; */ } .popup>div>div, .map-popup, #popup-offer{ position: relative; width: 100%; z-index:10; max-width: 475px; margin: 1.75rem auto; border-radius: 25px; cursor: default; } #popup-offer{ overflow: hidden; } .map-popup{ background-color: #fff; } .popup>div>div, #popup-offer{ background-color: whitesmoke; } .popup>div>div{ padding-top: 20px; padding-bottom: 20px; } #popup-dog h3{ font-size: 24px; margin-bottom: 30px; text-align:center; } #popup-dog ul{ columns:2; text-align:left; column-gap: 40px; font-size: 15px; } .map-popup-box{ /*transform: unset;*/ } .map-popup{ /*max-height: 85%; height: 85%; background-size: auto 100% !important; background-color: transparent; border-radius: 0;*/ } .map-popup img{ /*display: none !important;*/ } .zoom{ display: none; /*width: 500px; max-width: 95vw;*/ margin: 0 auto; position: fixed !important; top: 0; left: 50%; z-index: 99999; height: 94vh; top: 2.5vh; transform: translateX(-50%); } .zoom img{ /* width: 100%; */ height: auto; max-height: 94vh; max-width: unset !important; } @media (max-width: 576px){ .zoom{ height: 70vh; top: 10vh; } .zoom img{ max-height: 70vh; } .zoom-map-close{ top: 70px !important; } } .zoom-map-cover{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(0,0,0, 0.4); cursor: pointer; } .zoom-map-close{ display: none; position: fixed; z-index: 999999; cursor: pointer; } .zoom-map-close svg{ width: 30px; height: 30px; } #popup-offer>div{ padding: 30px 20px 30px 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; } #popup-offer-img { position: relative; height: 220px; display: block; width: 100%; border-top-right-radius: 20px; border-top-left-radius: 20px; overflow: hidden; } #popup-offer-img>div{ height: 100%; border-top-right-radius: 20px; border-top-left-radius: 20px; background-position: center; background-size: cover; background-repeat: no-repeat; } .popup-close, #popup-offer-close { display: flex; align-items: center; justify-content: center; position: absolute; top: 7px; right: 12px; cursor: pointer; padding: 5px !important; z-index: 99999; border-radius:50% !important; background-color:#fff; width:18px; height:18px; } .popup-close>img, #popup-offer-close>img{ width: 12px; padding:3px; } .popup h4, #popup-offer h4{ text-align:center; margin-bottom: 1rem; } #popup-offer h4 a{ /* color: #359337; color: rgb(251 171 51); */ color: #171717; font-size: 24px; line-height: 35px; } #popup-offer h4 a span{ box-shadow: inset 0 -0.4rem #75E6DA; } #popup-offer p { margin-top: 14px; font-size: 15px; line-height: 21px; margin-bottom: 0; } #popup-offer>div>a{ /*background: linear-gradient(90deg, rgba(210,77,46,1) 0%, rgba(248,195,24,1) 100%); background: linear-gradient(90deg, rgba(53,147,48,1) 0%, rgb(69 235 128) 100%);*/ background-color: #75E6DA; border: 2px solid #75E6DA; border-radius: 25px; color: #fff; margin: 0 auto; display: block; text-align: center; width: max-content; margin-top: 20px; transition: all .3s; max-width: calc(100% - 60px); font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 13px 30px 10px 30px; position: relative; } .popup>div>div>div:last-of-type, #popup-offer>div:last-of-type{ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /*---------------------------------------------------------------*/ /* 17. Responsive - Visual Composer related styles are inside core extend plugin /*---------------------------------------------------------------*/ /* * ------------------------------------------------------------------------------------------- * ALL DEVICES INCLUDING TABLET LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width : 1200px){ #cont_menu { padding-left:30px; padding-right:30px; } .menu_prod { width:32%; margin-left:2%; } .menu_prod:first-child, .menu_prod:nth-child(4), .menu_prod:nth-child(7) { margin-left:0px; } .menu_prod:nth-child(5) { margin-left:2%; } .elenco_post_img, .gallery_imgimg { height:215px; } .serv_eco_item span:nth-child(2) { } .eco_project_container{padding-bottom:40px;} .eco_item_container {flex-wrap: wrap; justify-content: center;} .serv_eco_item { width:33%; padding: 50px 25px 25px 25px; } } /* * ------------------------------------------------------------------------------------------- * TABLET LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 979px) and (max-width: 1024px) { #logo .logo_notscroll { height:70px; } #top_menu ul li > a { font-size:15px; } button.btn_book, button.btn_book_book { font-size:11px; } .elenco_post_img, .gallery_imgimg { height:205px; } .prod_price #prod_price_optional_list ul { width:90%; } .prod .fc-day-number { padding-top:5px; font-size:15px; } .prod .fc-event .fc-title { font-size:14px; } .cont_form_item .cont_form_inplab.c3 { width: 48%; margin-right: 4%; } /*.cont_form_item .cont_form_inplab.c3:nth-child(3) { margin-right:6%; }*/ .cont_form_item .cont_form_inplab.c3:nth-child(2n) {margin-right:0px; } } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES STARTING TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media (max-width: 991px){ #footer-convenzioni img{ width: 50%;} } @media only screen and (max-width: 979px) { #cont_top_top { display:none; } #cont_top_top_mobi { display:block; padding:0px; position:inherit; border-bottom:0px; } #cont_top_top_mobi ul.mobi_first_lev { margin:0px; display:table; width:100%; float:left; } #cont_top_top_mobi .cont_top_top_item { display:table-cell; width:auto; text-align:center; margin-bottom:0px; height:50px; font-size:16px; line-height:50px; position:inherit; } /*#cont_top_top_mobi .cont_top_top_item.dropdown { position:relative; }*/ #cont_top_top_mobi .cont_top_top_item:nth-child(1) { background-color:#359337; color:#fff; text-transform:uppercase; } #cont_top_top_mobi .cont_top_top_item:nth-child(1) .btn_book, #cont_top_top_mobi .cont_top_top_item:nth-child(1) .btn_book_book { margin-top:0px; border:0px; float:none; padding:0px; font-size:16px; } #cont_top_top_mobi .cont_top_top_item:nth-child(1) button.btn_book:hover, #cont_top_top_mobi .cont_top_top_item:nth-child(1) button.btn_book_book:hover { background-color:#359337; color:#fff; } #cont_top_top_mobi .cont_top_top_item:nth-child(2) { background-color:#f0f1f2; color:#3e3f3e; text-transform:uppercase; } #cont_top_top_mobi .cont_top_top_item:nth-child(3) { width:80px; background-color:#fff; color:#3e3f3e; } #cont_top_top_mobi ul.lang_mobi { display:inline; width:100%; padding-left:30px; margin-left:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #cont_top_top_mobi ul.lang_mobi li { display:inline; border-bottom:0px; text-transform:lowercase; padding:12px 20px 12px 0px !important; font-size:18px; background-color:transparent; } #cont_top_top_mobi ul.lang_mobi li:hover { background-color:transparent; } #cont_top_top_mobi ul.lang_mobi li a:link, #cont_top_top_mobi ul.lang_mobi li a:visited, #cont_top_top_mobi ul.lang_mobi li a:hover { color:#359337 !important; display:inline-block; padding:0px; } a.link_menu_mobi:hover, a.link_menu_mobi:visited, a.link_menu_mobi:link { display:block; width:100%; padding-left:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:100%; margin-bottom:25px; text-transform:uppercase; font-size:16px; } a.link_menu_social_mobi svg{width: 20px; height:20px;color:black;padding-left: 30px;} a.link_menu_social_mobi+a.link_menu_social_mobi svg{padding-left:10px;} #cont_top_top_mobi ul.menu_mobi { width:100%; float:left; margin:0px; margin-bottom:32px; } #cont_top_top_mobi .cont_top_top_item.dropdown .dropdown-menu li:hover { background-color:transparent; } .menu_mobi li a { display:inline-block; width:100%; margin-bottom:12px; font-size:16px; padding:0px !important; } .menu_mobi li ul.menu_mobi_sub { display:none; float:left; width:100%; } .menu_mobi li { padding:12px 50px 0px 50px !important; float:left; width:100%; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .menu_mobi .menu_prod { padding:12px 0px !important; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:0px !important; margin-left:0px; } .menu_mobi li.menu_prod a { margin-bottom:0px; } .menu_mobi .menu_prod_title { font-size:16px; line-height:100%; padding-bottom:0px; text-transform:uppercase; } .menu_mobi li.dropdown_sub > a:after { position:absolute; top:15px; right:50px; background-image:url(img/down_menu.png); background-repeat:no-repeat; width:15px; height:15px; background-size:cover; content:''; } .menu_mobi li.dropdown_sub.open_sub > a:after { background-image:url(img/up_menu.png); } #top { height:110px; margin-top:50px; } .scrolled #top { display:none; } #logo { width:100%; height:80px; text-align:center; } #logo .logo_notscroll { height:80px; } #cont_menu, #cont_btn_book .btn_book, #cont_btn_book .btn_book_book { display:none;} /*#cont_top:not(.scrolled)::before, #cont_top_home:not(.scrolled)::before { height:70px; } #cont_top.scrolled::before, #cont_top_home.scrolled::before { height:70px; }*/ .cont_book { top:50px; padding:70px 25px; } .cont_book .cont_book_close { top:30px; right:30px; } .cont_form_search span { font-size:28px; } .cont_form_search .cont_form_inplab { margin-right:0px; margin-bottom:10px; } .cont_container { margin-top:160px; } .header_image_home, .header_image { min-height:200px; } .testo_home { width:100%; margin-right:0px; margin-bottom:50px; } .offer_home { width:100%; } .cont_page { padding-top:60px; padding-bottom:60px; } .title_page { width:100%; margin-bottom:40px; } .testo_page { width:100%; padding-left:0px; line-height:180%; } .boxAB { height:1000px; } .boxAB .sec_bloc { width:100%; height:50%; } .boxAB:nth-child(2n+1) .sec_bloc:nth-child(1), .boxAB:nth-child(2n) .sec_bloc:nth-child(2) { float:left; } .boxAB .box_title { padding-left:10%; padding-right:10%; } .boxD { height:450px; width:100%; } .boxD:nth-child(1) .sec_bloc, .boxD:nth-child(2) .sec_bloc { text-align:left; padding-left:10%; } .boxD .box_title { padding-bottom:40px; vertical-align:bottom; } .boxD .box_title span:nth-child(2) { line-height:120%; } .list_prod .figure .figcaption .list_prod_title { font-size:24px; } .list_prod .figure .figcaption span { font-size:16px; } .list_prod .figure .arrow { border-width: 0 0 100px 100px; } .list_prod a:hover .figure .arrow { border-width: 0 0 70px 70px; } .list_prod .figure .arrow i { left:-50px; top:70px; } .list_prod a:hover .figure .arrow i { left:-30px; top:40px; } .prod_breadcrumb { display:none; } .prod_header { margin-top:40px; } .prod_cont_60, .prod_cont_50, .prod_cont_40 { width:100%; } .prod_cont_60 { margin-bottom:40px; } .prod_header .prod_cont_40 { padding-left:30px; padding-right:30px; } .prod_price .prod_cont_40 { padding-left:0px; } .prod_cont .prod_cont_60 { padding-right:0px; } .prod_price #prod_price_optional_list ul { width:70%; } .prod .fc-day-number { padding-top:8px; font-size:16px; } .prod .fc-event { padding-top:0px; } .prod .fc-event .fc-title { font-size:14px; } .prod_corr .menu_prod { width:100%; margin-right:0%; margin-bottom:70px; } .prod_corr .menu_prod:nth-child(4){ margin-bottom:0px; } .cont_book2 { padding:30px; } .filtro_search { margin-bottom:10px; } .book .container { margin-top:50px; margin-bottom:50px; } .result_search_item_cont { width:100%; } .result_search_item_cont:nth-child(2) { padding-left:0px; margin-top:15px; } .result_search_item_cont span:nth-child(3) { font-size:18px; line-height:170%; } .result_search_item_cont span:nth-child(4) { font-size:24px; } .result_search_item_cont span:nth-child(4) span { font-size:16px; } .cont_form_item .prod_cont_50:nth-child(2) { padding-left:0px; margin-top:50px; } .cont_form_item .prod_cont_50 span h1 { font-size:20px; } .cont_form_item .prod_cont_50:nth-child(3) { font-size:18px; line-height:170%; } .cont_form_item form { padding-left:50px; padding-right:50px; } .cont_form_item .cont_form_inplab.c1 { width:100%; } .cont_form_item .cont_form_inplab.c3, .cont_form_item .cont_form_inplab.c2, .cont_form_item .cont_form_inplab.text { width:100%; margin-right:0px; } .cont_form_item .cont_form_inplab.priv { width:100%; margin-right:0px; margin-left:0px; } .cont_form_item #src_book_prod .cont_btn { width:auto; margin:0 auto; float:none; } .cont_checkout form { padding-left:30px; padding-right:30px; } .gallery_img { width:100%; margin-right:0; } /*.gallery_imgimg { height: }*/ .gallery_imgname, .serv_eco_title span:nth-child(3) { line-height:170%; } /*.serv_eco_item { width:100%; }*/ .filtro_cat { margin-bottom:5px; } article.elenco_post { width:100%; margin-right:0px; margin-bottom:90px; } /*article .post_cont_image_head figure.post_cont_image { height:300px; }*/ article .post_cont_35, article .post_cont_65 { width:100%; padding-right:0px; margin-top:50px; } article #post_share { display:none; } article .post_share_mobi { display:block; float:left; width:100%; margin-top:50px; } .vedianche article .elenco_post_img { display:none; } .cont .cont_title_page { width:100%; margin-right:0px; margin-bottom:60px; } .cont .testo_page { width:100%; } .cont_inp_priv { min-height:150px; } .cont .prod_cont_50 { margin-bottom:0px; } .maps { margin-top:50px; margin-bottom:50px; } .google-maps { padding-bottom:80%; } .cont_inp_cont_2c { width:100%; } .cont_inp_cont_2c:nth-child(1), .cont_inp_cont_2c:nth-child(2) { margin-right:0px; margin-left:0px; } .footer_sx, .footer_dx { width:100%; padding-top:0px; } .footer_center { width:100%; border-left:0px; border-right:0px; border-top:1px solid #4b4b4b; border-bottom:1px solid #4b4b4b; margin-top:40px; margin-bottom:40px; padding:50px 0px; } .footer_center .footer_center_cont { padding-bottom:50px; } .footer_center .footer_center_cont:first-child { margin-bottom:50px; } .footer_center .footer_center_cont:nth-child(2) { padding-bottom:0px; } ul#menu_footer li a:link, ul#menu_footer li a:visited, ul#menu_footer li a:hover { font-size:16px; } footer { padding-bottom:70px; } #footer { line-height:150%; margin-left:10%; margin-right:10%; width:80%; } .footer_center .footer_center_cont img { width: 100%; max-width:350px;} } @media (max-width: 900px){ .serv_eco_item { width: 45%;padding: 50px 25px 25px 25px;} } @media (max-width: 768px){ #footer-convenzioni img{ width: 65%; } } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 979px) { .gallery_img, article.elenco_post { width:48%; margin-right:4%; } .gallery_img:nth-child(3n), article.elenco_post:nth-child(3n) { margin-right:4%; } .gallery_img:nth-child(even), article.elenco_post:nth-child(even) { margin-right:0px; } } /* * ------------------------------------------------------------------------------------------- * MOBILE BOTH VIEWS * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 700px) { .serv_eco_item { width: 70%;padding: 50px 0px 25px 0px;} .serv_eco_item span:nth-child(2){min-height: 35px;} .cont_form_item form { padding-left:20px; padding-right:20px; } } @media (max-width: 578px){ .cont_form_item form { padding-left:5px; padding-right:5px; } #popup-offer{max-width: 95%;} #footer-convenzioni img{width: 80%;} } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT & LOWER * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { .cont_form_item form { padding-left:0px; padding-right:0px; } .elenco_post_img { height:298px !important; } .elenco_post_img img { height:100%; width:auto; overflow:hidden; top:0; max-width:unset; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:unset; transition:unset; } .elenco_post_img:hover img { -webkit-transform:translateX(-50%); transform:translateX(-50%); } .prod_price #prod_price_optional_list ul { width:95%; } .serv_eco_item { width: 90%;} #footer-convenzioni img{ width: 94%;} } /* RIBBON NEW 2026 TENDE LODGE */ .list_prod#structure-tende-lodge { position: relative;overflow: hidden; } .list_prod#structure-tende-lodge::before { content: "NEW 2026"; position: absolute; display: block; background-color: #359337; color: white; font-weight: 700; text-decoration: none; padding: 8px; text-align: center; width: 300px; z-index: 100; transform: rotate(-45deg); left: -90px; top: 42px; font-size: 21px; } @media screen and (max-width: 479.98px) { .list_prod#structure-tende-lodge::before { font-size: 16px; padding: 6px; left: -108px; top: 28px; } } @media screen and (max-width: 379.98px) { .list_prod#structure-tende-lodge::before { font-size: 15px; padding: 5px; left: -116px; top: 22px; } } .prod_img[data-item-code="structure-tende-lodge"]{ position: relative;overflow: hidden; } .prod_img[data-item-code="structure-tende-lodge"]::before { content: "NEW 2026"; position: absolute; display: block; background-color: #359337; color: white; font-weight: 700; text-decoration: none; padding: 8px; text-align: center; width: 300px; z-index: 100; transform: rotate(-45deg); left: -90px; top: 42px; font-size: 21px; } @media screen and (max-width: 575.98px) { .prod_img[data-item-code="structure-tende-lodge"]::before { font-size: 16px; padding: 6px; left: -108px; top: 28px; } } .grecaptcha-badge { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* */ @media only screen and (max-width: 979px) { #cont_top_top_mobi .mobi_first_lev .cont_top_top_item { padding-top: 2px; padding-bottom: 2px; margin-bottom: 0 !important; } #cont_top_top_mobi .mobi_first_lev .cont_top_top_item a { margin-bottom: 0 !important; } #cont_top.scrolled { transform: translateY(0px) !important; } .link_menu_mobi { color: #aaabaa; padding: 12px 50px 0px 50px !important; display: flex !important; align-items: center; gap: 4px; } .link_menu_mobi svg{ width: 16.5px; height: 16.5px; transform: translateY(-1.5px); } .link_menu_social_wrapper{ display: flex; margin-top: 24px; justify-content: center; } } /* Mappa */ #cont_top_top li.cont_top_top_item:not(.social) a ~ a, #cont_top_top .cont_top_top_item { min-height: 44px; box-sizing: border-box; } #cont_top_top li.cont_top_top_item:not(.social) a ~ a, #cont_top_top .cont_top_top_item:not(.social):not(.dropdown):not(.map-trigger) { display: flex !important; align-items: center; } #cont_top_top .info-menu { display: flex; } #cont_top_top .info-menu > li { display: flex; align-items: center; } .cont_top_top_item.map-trigger a { display: flex !important; align-items: center; gap: 4px; } .cont_top_top_item.map-trigger a svg { width: 20px; height: 20px; transform: translateY(-1.5px); } .map-overlay { position: fixed; inset: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.45); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 999999; } .map-overlay.is-visible { opacity: 1; visibility: visible; } .map-overlay__iframe { display: block; width: 100%; height: 100%; height: 100dvh; border: 0; background: #fff; } .map-overlay__close { position: absolute; top: 0; right: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 0; background: white; color: black; line-height: 1; cursor: pointer; z-index: 2; transition: background 0.2s ease, transform 0.2s ease; padding: 0; } .map-overlay__close svg{ width: 36px; height: 36px; } .map-overlay__close:hover { background: rgb(227, 227, 227); } .map-overlay__close:focus { outline: 2px solid #fff; outline-offset: 3px; } body.map-overlay-open { overflow: hidden; } body.map-overlay-open .iubenda-tp-btn:not(.iubenda-floatable-tb-btn)[data-tp-float][data-tp-float="bottom-left"] { display: none !important; } .prod_cont_40 { display: flex; flex-direction: column; } .prod_cont_40 .cont_btn .btn_radius.green { background-color: #359337; color: white; } .prod_cont_40 .cont_btn .btn_radius.green:hover{ background-color: white; color: #359337; } .prod_cont_40 .cont_btn { display: flex; justify-content: flex-start; } .prod_cont_40 .cont_btn .btn_radius { display: flex; align-items: center; gap: 5px; line-height: 1; height: 48px; border-radius: 24px; box-sizing: border-box; max-width: 300px; margin: 0; margin-bottom: 16px; font-weight: 700; } .prod_cont_40 .cont_btn .btn_radius svg { width: 20px; height: 20px; transform: translateY(-1px); } .prod_cont_40 .extra-buttons button, .prod_cont_40 .extra-buttons a { font-size: 14px; text-decoration: underline; font-weight: 700 !important; margin: 0 !important; text-transform: none !important; padding: 0 !important; border: unset !important; height: auto !important; display: inline-block !important; letter-spacing: 0 !important; font-family: "Overpass", sans-serif !important; line-height: 1 !important; } .prod_cont_40 .extra-buttons button::first-letter { text-transform: uppercase; } .prod_cont_40 .extra-buttons button:hover { background-color: unset; color: #3e3e3e; } .prod_cont_40 .extra-buttons .cont_btn { display: inline-block !important; width: auto !important; } .prod_cont_40 .extra-buttons .cont_btn::after{ content: ''; display: inline-block; height: 18px; width: 1.5px; background-color: #3e3e3e; margin-left: 6px; margin-right: 6px; transform: translateY(4px); } @media only screen and (max-width: 979px) { .prod_cont_40 > .cont_btn a { width: 100%; max-width: unset !important; text-align: center; justify-content: center; } .prod_cont_40 .extra-buttons { display: inline-flex; justify-content: center; align-items: center; } .prod_cont_40 .extra-buttons a { transform: translateY(2px) translateX(3px); } } @media only screen and (max-width: 419px) { .prod_cont_40 .extra-buttons { flex-direction: column; gap: 12px; } .prod_cont_40 .extra-buttons .cont_btn::after { display: none; } .prod_cont_40 .extra-buttons a { transform: none; } }