/* font-family: 'Montserrat', sans-serif; font-family: 'Amatic SC', cursive; */ * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} html, body {text-rendering:optimizeLegibility; min-height:100%;-webkit-transition: all .2s;transition: all .2s,} body {position:relative; color:#1D1D1D; margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:300;} body#home, html {height:100%;} /* rosso scuro 8C1513 */ .no-padding {padding:0 !important;} .no-margin {margin:0 !important;} .button:hover, a:hover {transition:all 0.5s;} a {color:#D20000;} a:hover {color:#1D1D1D; text-decoration:none!important;} a.fill-image:hover, a .img-responsive:hover, img.img-hover:hover {transform: scale(1.1, 1.1); transition: all 0.8s;} .img-responsive-height {height:100%; width:auto; z-index:10;} .coursive {font-family: 'Amatic SC', cursive;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:bold;} h1 {font-size:45pt; font-weight:500;} h1 span, h2 span, h3 span, h4 span {font-family: 'Amatic SC', cursive;} h2 {font-weight:600; font-size:28pt;} #home h2 {font-family: 'Amatic SC', cursive; font-size:45pt; text-transform:uppercase;} h3 {color:#1D1D1F; font-size:20pt;} h4 {font-size:15pt;} h5 {font-size:13pt; font-weight:400;} h6 {font-size:14px;} a.link {text-transform:uppercase; font-weight:800; display:block;} .link .fa, .link img {margin-left:15px; display:inline-block!important; width:auto!important; height:auto!important;} .label {display:none!important;} .red {color:#D20000;} .brown {color:#C8B39B;} .middlebrown {color:#AEA08E!important;} .darkbrown {color:#615D5A;} .white {color:#fff;} .green {color:#227944;} .lightgreen {color:#1BB658;} .mb-50 {margin-bottom:50px!important;} .mt-50 {margin-top:50px!important;} .m-30 {margin-top:30px!important; margin-bottom:30px!important;} .upper {text-transform:uppercase;} .pswp__caption {width: 100%;} .pswp__caption__center {font-size: 15px; color: #fff; max-width:80%; text-transform: uppercase; text-align:center;} /* GENERICI */ hr {width:90px; margin:0; padding:0; border-top:4px solid #D20000;} .text-center hr {margin-left:auto!important; margin-right:auto!important;} .sfum {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(53,41,30,0.8); z-index:0;} #brands header .sfum {display:none;} section {position:relative; margin:80px 0} #about_us section.box-gallery {margin:0px 0 80px 0;} #top-products {margin:0 0 50px 0;} .boxes {margin:80px 0 50px 0;} .bg {background:#F6EDE6;} .bg1 {background:#ECE2D8;} .bg2 {background:#E4DAD1;} .bg3 {background:#F5F4F2;} .bg-brown {background:#AEA08E;} .bg-green {background:#AEA08E;} .bg-lightgreen {background:#CAEED8;} .bg-red {background:#D20000;} .bg-pink {background:#F3C1B8;} .bg-blue {background:rgba(0,119,181,1)} .button.bg-brown:hover {background:#E4DAD1; color:#fff;} .button.bg-green:hover {background:#AEA08E; color:#fff;} .section {margin-top:50px; margin-bottom:50px;} .button {padding:15px 40px; border-radius:0; border:0; text-transform:uppercase; /*font-size:14px;*/ font-weight:600; color:#fff; display:inline-block; line-height:1.2em;} #contatti .button {background:#1D1D1F;} #contatti .button:hover {background:#AEA08E; color:#fff;} .form-control {padding:12px 20px; border:0; border-radius:0; margin:0 0 15px 0; background:#F6EDE6; width:100%; display:inline-block; line-height:1.2em; height:50px;} .sec-content .list-group a .fa {margin:0 10px;} .sec-content .list-group-item {border-radius:0; background:none; border:0; border-bottom:1px #ECE2D8 solid;} .sec-content .box-content-gallery .list-group-item {border-bottom:1px #fff solid;} /* column same height */ /*.row-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}*/ .row-flex .content {height: 100%;} .row-flex.box-content-gallery .content {padding:30px;} /* slider */ .slider, .slider .owl-stage-outer, .slider .owl-stage-outer .owl-stage, .slider .owl-stage-outer .owl-stage .owl-item, .slider .owl-stage-outer .owl-stage .owl-item .item {height: 100%;} .slider .owl-stage-outer .owl-stage .owl-item .item a {height:100%; display:block;} .slider#slide-news .owl-stage-outer .owl-stage .owl-item .item a {height:auto; color:#D20000} .slider .owl-prev, .slider .owl-next {position: absolute; top: 45%; left: -5%;} .slider .owl-next {position: absolute; left:inherit; right: -5%;} #box-mission .slider .owl-prev {left:-8%;} #box-mission .slider .owl-next {right:-8%;} /* HEADER */ header {position:relative; height:500px; background:url(/assets/images/top/home.jpg) center bottom no-repeat; background-size:cover;} #home header {height:800px; background:none;} #top .sfum {background:rgba(53,41,30,0.3); z-index:10} #about_us header {background:url(/assets/images/top/about_us.jpg) right center no-repeat; background-size:cover;} #larry_pisoni header {background:url(/assets/images/top/larry_pisoni.jpg) right top no-repeat; background-size:cover;} #erica_chemolli header {background:url(/assets/images/top/erica_chemolli.jpg) right center no-repeat; background-size:cover;} #brands header {background:url(/assets/images/top/dark.jpg) left bottom no-repeat; background-size:cover;} #mission header {background:url(/assets/images/top/mission.jpg) center center no-repeat; background-size:cover;} #services header {background:url(/assets/images/top/services.jpg) center bottom no-repeat; background-size:cover;} /*#products header {background:url(/assets/images/top/products.jpg) center center no-repeat; background-size:cover;}*/ #cooking_class header {background:url(/assets/images/top/cooking_class.jpg) center center no-repeat; background-size:cover;} #store_locator header {background:url(/assets/images/top/store_locator.jpg) center center no-repeat; background-size:cover;} #demos header {background:url(/assets/images/top/demos.jpg) center top no-repeat; background-size:cover;} #news header {background:url(/assets/images/top/news.jpg) center top no-repeat; background-size:cover;} /* FASCIA MENU */ #navbar {border-radius:0; border:0; margin:0; min-height:inherit; width:100%; position:relative; z-index:20;} #navbar .navbar {margin:0; border:0;} #navbar #box_menu {padding:45px 0 0 0; position:relative; z-index:20; } #navbar #box_menu #logo-top {} /*#home #navbar #box_menu #logo-top img {display:none;}*/ #logo-top img {width:180px;} #navbar #box_menu #logo-top .navbar-brand {padding:0px 0 0 15px; margin-top:-20px; height:auto;} #navbar #box_menu #logo-top img#logo_affix {display:none;} #navbar #box_menu #menu {margin:0;-webkit-transition: all .2s;transition: all .2s; margin-top:20px;} /*#home #navbar #box_menu #menu {float:none!important; text-align:center;}*/ #navbar #box_menu #menu li {margin:0px; float:none; display:inline-block;} #navbar #box_menu #menu li a {text-transform:uppercase; font-size:12px;color:#fff; font-weight:600;padding:25px 12px; letter-spacing:1px;} #navbar #box_menu #menu li.active a, #menu li a:hover {background:none;color:#EABD82;} /* dropdown menu*/ #navbar #box_menu #menu li .dropdown-menu {border-radius:0; border:0; margin:0; padding:0; background:none;} #navbar #box_menu #menu li .dropdown-menu li {margin:0; background:none; border-bottom:1px transparent solid; display:block;} #navbar #box_menu #menu li .dropdown-menu li a {text-align:center; padding:10px 15px; background:#fff; color:#000;} #navbar #box_menu #menu li .dropdown-menu li.active a, #navbar #box_menu #menu li .dropdown-menu li a:hover {color:#D20000} /* AFFIX */ #navbar.affix {position:fixed; background:#000; top:0; z-index:30;} #navbar.affix #box_menu {padding:0;} #navbar.affix #box_menu #menu {margin-top:0;} #navbar.affix #box_menu #logo-top .navbar-brand img {display:none;} #navbar.affix #box_menu #logo-top .navbar-brand img#logo_affix {display:block;} #navbar.affix #box_menu #logo-top .navbar-brand {padding:8px 15px; margin-top:0;} #navbar #box_menu #menu li a {padding:15px 8px;} /* JUMBOTRON */ .jumbotron {position:absolute; top:0; left:0; background:none; width:100%;margin:0 auto; padding:40px 0 0 0; z-index:10;} .jumbotron .jumbo-text {text-align:right;} .jumbotron h1, .jumbotron h5 {color:#fff;} .jumbotron h1 {margin:0; font-size:70px;} .jumbotron h1 .subtitle {font-size:40px!important; font-weight:700;} .jumbotron h5 {font-weight:100; text-transform:uppercase} .jumbotron .jumbo-img {text-align:center;} .jumbotron #logo {display:none;} .jumbotron #logo img {width:200px; max-width:100%; margin-bottom:20px;} /* madewithlove madeinitaly */ #madewithlove {position:absolute; top:calc(45% - 0px); left:calc(43% - 0px); z-index:10;} #madeinitaly {position:absolute; bottom:30px; left:40px; width:400px; z-index:10;} /* slogan */ #slogan {position:absolute; bottom:30px; left:0; width:100%; color:#fff; ; z-index:10;} #slogan h4 {font-weight:500} /* slider TOP */ #slider_top {height:100%; position:absolute; top:0; left:0; z-index:0;} #slider_top .owl-stage-outer, #slider_top .owl-stage-outer .owl-stage, #slider_top .owl-stage-outer .owl-stage .owl-item, #slider_top .owl-stage-outer .owl-stage .owl-item .item {height:100%;} #slider_top .owl-stage-outer .owl-stage .owl-item img.width-auto {display: inline-block; width:auto;} #slider_top .owl-stage-outer .owl-stage .owl-item .sfum {background: rgba(53,41,30,0.4);} #slider_top .owl-nav {position: absolute; top: 50%; width: 100%;} #slider_top .owl-nav .owl-prev {position: absolute; left: 30px;} #slider_top .owl-nav .owl-next {position: absolute; right: 30px;} #slider_top .owl-nav [class*=owl-] {background: none;} /* JUMBOTRON */ #home .jumbotron {padding:0; z-index:10;} #home .jumbotron h1 {margin:30px 0; font-size:65px; color:#fff!important;} #home .jumbotron #logo {display:block;} #home .jumbotron #logo img {width:350px;} /* ROUND - link / immagini tondi */ a.a-round {border:10px rgba(200,179,155, 0.3) solid; width:100px; height:100px; display:inline-block; position:relative; z-index:10;} a.a-round span {width:80px; height:80px; display:block; border:10px rgba(200,179,155, 0.5) solid; text-align:center;} a.a-round .ico {width:60px; height:60px; color:#B8A899; background:rgba(246,237,230, 1); padding-top:25px;} a.a-round .ico .fa {font-size:25px;} #middle a.a-round .ico {padding-top:18px;} #middle a.a-round {border:10px rgba(246,237,230, 0.3) solid;} #middle a.a-round span {border:10px rgba(246,237,230, 0.5) solid;} a.a-round {border:0; width:60px!important; height:60px!important;} a.a-round span {width:60px!important; height:60px!important; border-width:0px!important;} #middle a.a-round {border:0!important;} #middle a.a-round span {border-width:0px!important} a.a-round .ico.ico-fa {padding-top:18px;} a.a-round .ico.ico-fa .fa {font-size:15pt;} a.a-round.green {border:10px rgba(126,213,158, 0.3) solid!important;} a.a-round.green span {border:10px rgba(126,213,158, 0.5) solid!important;} a.a-round.green .ico {color:#fff; background:rgba(126,213,158, 1)!important} a.a-round.yellow {border:10px rgba(244,201,26, 0.3) solid!important;} a.a-round.yellow span {border:10px rgba(244,201,26, 0.5) solid!important;} a.a-round.yellow .ico {color:#fff; background:rgba(244,201,26, 1)!important} a.a-round.red {border:10px rgba(210,0,0, 0.3) solid!important;} a.a-round.red span {border:10px rgba(210,0,0, 0.5) solid!important;} a.a-round.red .ico {color:#fff; background:rgba(210,0,0, 1)!important} a.a-round.blue {border:10px rgba(0,119,181, 0.3) solid!important;} a.a-round.blue span {border:10px rgba(0,119,181, 0.5) solid!important;} a.a-round.blue .ico {color:#fff; background:rgba(0,119,181, 1)!important} .round {border-radius:50%;} .btn-more {text-align:right;} .btn-round {width:60px; height:60px; padding:15px 0 0 0; text-align:center; color:#fff; font-size:23px;} .btn-round:hover {color:#fff;} /* link tondi (es mission) */ .box-round a.round {display:block; /*width:100%; padding-bottom:100%;*/} .box-round a.round.block {width:100%; padding-bottom:100%; position:relative;} .box-round a.round.block img {position:absolute;} .box-round a.round.awag img {top:calc(50% - 52px); left:calc(50% - 75px);} .box-round a.round.humanesociety img {top:calc(50% - 75px); left:calc(50% - 90px);} /* box round (about us) */ .box-round a.a-round {position:absolute; left:25px; top:10px;} .box-round img.round {margin:0 auto 0px auto;} #box-aboutus .box-round img.round {width:90%; margin:7% auto;} #middle p.btn-links {text-align:center; margin-top:20px;} #about_us .box-round img.round {margin:0 auto;} a.box-image {position:absolute; left:0; top:0; width:100%; height:100%; display:block; overflow:hidden;} a.box-image .lbl-title {position:absolute; right:10px; top:15px; color:#fff; z-index:20;} /* round boxes (tppost) */ .roundboxes .box {margin-bottom:50px;} .roundboxes .box a {width:100%; height:100%; display:block; position:relative;} .roundboxes .box a .box-img img {border:1px #F6EDE6 solid;} .roundboxes .box a .box-text {padding:20px 20px 90px 20px; text-align:center;} .roundboxes .box a .label {position:absolute; bottom:230px; right:15px;} .roundboxes .box a p {margin:20px 0!important;} .roundboxes .box a .button {position:absolute; bottom:30px; left:20%; width:60%; padding:20px; text-align:center;} #gallery .roundboxes .box a .label {top:-15px; left:-15px; bottom:inherit; right:inherit;} #gallery .roundboxes .box a .box-text {padding:20px;} ul.pagination {margin:0 0 30px 0; width:100%; text-align:center;} ul.pagination > li {display:inline-block;} ul.pagination > li > a {background: #fff; border:1px #fff solid; color:#000; padding: 9px 15px; margin:0; font-weight: 600; border-radius:0!important;} ul.pagination > li > a:hover, ul.pagination li.active a {background:#E4DAD1!important; border:1px #E4DAD1 solid!important; color:#fff!important;} /* video */ .pswp__zoom-wrap .wrapper {height:100%;} .video-wrapper {text-align:center; height:100%; padding-top:100px} /* FRECCIA */ .a-round#arrow {position: absolute; bottom: -35px; left: calc(50% - 30px); display: none;z-index: 5;} a.a-round#arrow .ico {padding-top:20px;} #home .a-round#arrow {display:block;} /* loghi_top */ #loghi_top {position:absolute; bottom:20px; left:15px; width:80%; display:none; z-index:15;} #home #loghi_top {display:block;} #loghi_top a {margin:0 0 0 15px;} #loghi_top a img {height:60px;} #loghi_top a:first-child {margin:0;} #loghi_top .loghi:last-child {text-align:right;} /* MAIN */ #middle h1 {font-family: 'Amatic SC', cursive;} #middle h1 + hr {margin:15px 0 35px 0} #middle h2 + hr {margin:15px 0 25px 0} #services .sec-content .tabcontent h2 {font-size:20pt;} #services .sec-content .tabcontent h2 span {font-size:28pt;} #middle p {line-height:25px; margin:0;} #home #middle p {line-height:30px;} #middle .sec-content p {text-align:justify;} #middle p.bold {font-weight:600;} #middle h2 + p {margin:10px 0 30px 0;} #middle h2 + p.featured {margin:20px 0;} #middle h3 + p {margin-top:25px;} #middle p + p {margin-top:15px;} #middle p + h2 {margin-top:25px;} #middle p.featured, #middle .featured {font-size:1.3em; font-weight:500;} #middle p.featured + p {margin-top:20px;} #middle p span {font-size:1.3em; font-style:italic;} #middle p + a.link {margin-top:25px;} /* MODAL CENTER */ .modal iframe {border:0; width:100%;} #dialog-confirm .modal-dialog {width:40%; display: inline-block; vertical-align: middle;} #dialog-error .modal-dialog, #dialog-privacy .modal-dialog, #dialog-meteo .modal-dialog {display: inline-block; vertical-align: middle;} #dialog-error .modal-body, #dialog-confirm .modal-body, #dialog-privacy .modal-body, #dialog-meteo .modal-body { padding: 30px;} #dialog-privacy iframe {width:100%; height:45vh;} #dialog-privacy, #dialog-error, #dialog-confirm, #dialog-meteo {text-align: center; padding: 0!important;} #dialog-privacy::before, #dialog-error::before, #dialog-confirm::before, #dialog-meteo::before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;} #dialog-privacy .modal-footer .btn, #dialog-error .modal-footer .btn, #dialog-confirm .modal-footer .btn, #dialog-meteo .modal-footer .btn {display: block; margin: 0 auto; } /* video */ .sec-content .col-embed {margin-bottom:30px;} /* boxes */ .boxes .cnt-box {margin-bottom:15px; overflow:hidden;} .boxes .cnt-box:nth-child(2n) {padding-left:0;} .boxes .box {position:relative; padding:40px; color:#fff; overflow:hidden;} .boxes .box .box-text {position:relative; z-index:20;} .boxes .box h2 {font-size:40pt; line-height:50px;} .boxes .box h2 .upper {font-family: 'Montserrat', sans-serif; font-weight:800;} .boxes .box h5 {margin-top:15px; font-weight:600; text-shadow: 1px 1px 1px #fff;} .boxes .box a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:40px; color:#fff; margin:0;} .boxes .box.bg-pink h5 {color:#BF2E1B;} .boxes .box:nth-child(2) {margin-top:15px;} .boxes .box .img-bg {position:absolute; right:0; bottom:0; z-index:0;} .boxes .box .img-logo {position:absolute; right:30px; bottom:80px; z-index:10;} .boxes .box:first-child .img-logo {bottom:30px;} .boxes .box:first-child .img-logo.img-logo-2 {top:20px; bottom:inherit;} #home .boxes .box .box-text h2 {text-shadow:1px 1px 1px #000; margin-bottom:20px; font-size:38pt;} .boxes #box3 .box img.logo {width:140px; margin-bottom:20px;} .boxes .box .img-note {position:relative; margin:30px 0px 50px 0; z-index:10;} /* box beige */ .boxes .box.bg, .boxes .box.bg a {color:#B8A899;} /* box verde */ .boxes .box.bg-green {text-align:right;} .boxes .box.bg-green h5 {color:#227944;} .boxes .box.bg-green .img-bg {left:0; right:inherit;} .boxes .row-flex {margin-bottom:30px;} /* top products */ #top-products .box-top {padding-left:0;} #top-products .box-top a {display:block; position:relative; color:#fff; margin:0; overflow:hidden;} #top-products .box-top a .text {position:absolute; top:30px; left:80px; z-index:10;} #top-products .box-top a img.logo {width:140px; margin-bottom:10px; margin-left:-60px;} #top-products .box-top a:nth-child(2) {margin-top:20px;} #top-products .box-top#box3 a {height:100%; width:100%;} #top-products .box-top a img.img-bg {position:absolute; left:0; top:0; height:100%; width:auto; z-index:0;} /* fine top products */ /* box-aboutus */ #box-aboutus {padding:140px 0; color:#fff; background-image:url('/assets/images/bg_aboutus.jpg');} #box-aboutus p {font-weight:600;} #box-aboutus a:hover {color:#fff;} #box-aboutus .box-round a {color:#fff;} #box-aboutus .box-round a:hover {color:#D20000;} /* tabs verticali (services) */ .tabs .button {height:auto; padding: 12px 20px; color:#615D5A; text-align:center;} .tabs .button span {text-transform:lowercase;} .tabs .button.active, .tabs .button:hover {background:#E4DAD1; color:#fff;} .tabs .button:hover {transition:all 0.5s;} .tabs a.button {padding:40px; color:#fff;} .tabs a.button p {margin-bottom:0!important;} /* gallery */ .boxes.box-gallery .row-flex {margin-bottom:0px;} .boxes.box-gallery .box {padding:0px; height:calc(50% - 15px);} .boxes.box-gallery .box:first-child {height:50%;} .boxes.box-gallery .cnt-box.box-s .box:first-child {height:100%;} .boxes.box-gallery .cnt-box {height:450px; padding-left:0;} .boxes.box-gallery .cnt-box.box-s {height:225px;} .boxes.box-gallery .cnt-box:first-child {padding-left:15px;} .boxes.box-gallery .box a {margin:0; padding:0; display:block; width:100%;height:100%; color:red} /* box mission */ #box-mission .slider { width:80%; margin:0 10%;} #box-mission .slider .owl-stage-outer, #box-mission .slider .owl-stage, #box-mission .slider .owl-item, #box-mission .slider .owl-item .item {height:100%; width:100%; border:0;} #box-mission .slider .owl-item .item a {height:100%; width:100%; display:block; border:2px #fff solid!important} #box-mission .slider .owl-item .item a img {} #box-mission .bg {padding:90px;} #box-mission .bg p.featured {width:70%;} /* #slide-news */ #slide-news .item {padding:0 20px; height:100%;} #slide-news .item .bg1 {height:100%; padding-bottom:40px; position:relative;} #slide-news .item .image {height:300px; overflow:hidden;} #slide-news .item .image img {width:100%; height:100%;} #slide-news .item .text {padding:40px 35px 30px 35px; position:relative;} #slide-news .item.video .image {height:auto; overflow:hidden;} #slide-news .item.video .text {padding:20px 35px 30px 35px;} #slide-news .item .text h3 {margin:10px 0 10px 0;} #slide-news .item .text h3 + p {margin:0px;} #slide-news .item .text p {line-height:25px; margin:0;} #slide-news .item .label {position:absolute; top:-80px; left:15px;} .label span {position:absolute; left:30px; top:40%; font-size:14pt; font-family: 'Amatic SC', cursive; -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);} #slide-news .item a.more {position:absolute; bottom:30px; left:35px;} /* slide partners */ .owl-carousel#slide-partner .owl-item {padding:15px;} .owl-carousel#slide-partner .owl-item a img {border:1px #C8B39B solid} /* NEWSLETTER */ #newsletter #content .button {margin-top:40px;} /* #box-newsletter */ #box-newsletter {margin:150px 0 0 0; padding:60px 0; background-image:url('/assets/images/bg_aboutus.jpg'); background-position:center top; position:relative;} #box-newsletter .sfum {background: rgba(0,0,0,0.6);} #box-newsletter p {margin:0!important;} #box-newsletter .form-control {width:70%; background:#fff; margin:0; height:40px;} #box-newsletter .button {margin:0; width:28%; height:40px; padding:10px 30px;} #box-newsletter a.round.yellow {position:absolute; left:calc(50% - 30px); top:-30px;} #box-newsletter a.round.red {position:absolute; left:0%; bottom:-30px; display:none;} #box-newsletter a.a-round.red .ico {padding-top:15px;} /* subscription */ #frmnewsletter .button {width:100%; margin-top:0;} #frmnewsletter .row {margin-top:40px; margin-bottom:40px;} #frmnewsletter .row:last-child {margin-bottom:0px;} /* PRODUCTS */ #breadcrumb {margin:0; padding:30px 0; text-align:right;} #breadcrumb .breadcrumb {background:none; margin:0; border-radius:0;} #breadcrumb .breadcrumb li {font-weight:600; text-transform:lowercase;} #breadcrumb .breadcrumb li.active {text-transform:uppercase;} #middle .title p {width:45%; margin:25px 0;} /* PRODUCT SHEET */ #product #content .content {position:relative;} #product #content .content.box-img {text-align:center; border:3px #ECE2D8 solid;} #product #content .content.box-img a {display:block; padding:70px 50px; height:100%; position:relative;} #product #content .content.box-img a img.img-big {margin-left:auto; margin-right:auto;} #product #content .content.box-img a .ico {position:absolute; right:50px; top:40px; z-index:10;} #product #content .content.box-img a .icons {position: absolute; right:0px; bottom:5px; z-index:10; padding:4px 10px;} #product #content .content.box-img a .icons img {width:60px;} #product #content #details ul#menu-details {border:0;} #product #content #details ul#menu-details li{width:33.33333333%} #product #content #details ul#menu-details li a {text-transform:uppercase; border-radius:0; margin:0; padding:25px 40px; color:#fff; font-weight:600; font-size:13px; border:0; text-align:center;} #product #content #details ul#menu-details li a:hover {background:#ECE2D8;} #product #content #details ul#menu-details li.active a {color:#1D1D1F; background:#fff!important;} #product #content #details ul#menu-details li.bg-red.active a {color:#D20000;} #product #content #details ul#menu-details li.bg-green.active a {color:#1BB658;} #product #content #details .tab-content {padding:50px;} #product #content #details .tab-content .tab-pane {opacity:1!important;} #product #content #details .button {margin:30px 0 0 0; background:#1D1D1F;} #product #content #details .button:hover {background:#1D1D1F; color:#fff;} #product #content #details #nutrition .button {background:#D20000;} #product #content #details #ingredients .button {background:#1BB658;} /* PRODUCTS */ .gridFilters {} .gridFilters h3 {font-weight:800;color:#3a3023;float:left;margin-top:0;margin-bottom:30px;} .gridFilters a {color:#3a3023;font-weight:600;text-decoration:underline;} .gridFilters #icoRemove {margin-right:10px;} .gridFilters #icoRemove img {width:25px;} .gridFilters .removeFilters {margin-left:30px;} .gridFilters .filtersMenu {padding:0;float:right;} .gridFilters .filtersMenu > li {list-style-type:none;display:inline;padding:0 10px;} .gridFilters .filtersMenu > li > a {color:#efece5;} .gridFilters .filtersMenu > li > .active {color:#3a3023;} .gridFilters .filtersMenu > li > a .fa {font-size:18pt;} .gridFilters .filtersMenu > li > a:hover .fa {color:#E4DAD1;-webkit-transition: all .2s;transition: all .2s;} .gridFilters .filtersMenu > li.margined {margin-left:20px;} .gridFilters .filtersMenu > li > .view-mode {color:#fff;} .gridFilters .filtersMenu > li > .view-mode.active {color:#fff;} .gridFilters .filters {float:right;} .gridFilters .filters p {color:#3a3023;font-weight:800;float:left;margin-bottom:0;margin-right:20px;margin-top: 4px;} .gridFilters .filters .viewIcon {width: 25px;} #ulmodel #modalQuickView .prodSpecification {padding: 0 3px;} .gridProducts #icoCategory {position:absolute;right:20px;top:18px;width:30px;} .pageBreadcrumb {background:#fff;} #homeProducts .pageBreadcrumb {padding: 30px 35px;text-align: left;color:#3a3023;font-weight: 400;border-bottom:1px solid rgba(228,218,209,0.7);} #products .pageBreadcrumb {border-bottom:1px solid rgba(228,218,209,0.7); margin-bottom:50px;} .breadcrumb {margin:0;background:#fff;padding:30px 35px;text-align:left;} /*.breadcrumb > li:last-child, */ .breadcrumb > li:last-child span {text-decoration: underline !important;font-weight: 800;} .breadcrumb > li {color:#3a3023;font-weight:800;} .breadcrumb > li > a {color:#3a3023;font-weight:400;} .breadcrumb > li > a:hover {text-decoration: underline !important;} .breadcrumb>li+li:before {color:#3a3023;} .gridProducts .pagination {float:right;margin:0;padding:35px;} .gridProducts .pagination>li>a, .gridProducts .pagination>li>span {border:0;color:#3a3023;font-weight:800;font-size:11pt;-webkit-transition:all .3s;transition:all .3s;} .gridProducts .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {background:#fff;color:#E4DAD1;} .gridProducts .pagination>li.active>a {color:#E4DAD1;background:#fff;z-index:2;} .gridProdBottom {background:#fff;} /* .productsListView .btnAddToCart {width:60%;} .productsListView .homeBoxTitleProduct {display:none;} .productsListView .imgHomeProduct {margin-left:0 auto;} .productsListView .imageProdContent {position:absolute;height:100%;width:50%;float:left;} .prodListDescr {display:none;} .productsListView .prodListDescr {width:50%;float:right;height:50%;text-align:left;padding-top:50px;padding-right:75px;display:initial;} .productsListView .prodPrice {color:#3a3023;font-weight:800;font-size:15pt;margin-top:60px;} .productsListView .prodListDescr .typeProd {color:#3a3023;font-size:12pt;} .productsListView .prodListDescr .description {color:#3a3023;} .productsListView .homeTitleProduct a {color:#3a3023;} .productsListView .prodPrice br {display: none} .productsListView .prodPrice del {color:#dedbd4 !important;} .productsListView .prodPrice {position: absolute;bottom:50px;} .productsListView .grid-item .imgProdContent {margin-top: 30px !important;} */ #filtersForm .nice-select {width:100%;font-family:"Montserrat", sans-serif;background:#3a3023;border-radius:0;border:0;color:#fff;text-align:center !important;height:70px;padding-top:15px;font-weight:600;} #filtersForm .nice-select:hover {background:#493d2c;} #filtersForm .nice-select:after {border-bottom:2px solid #fff !important;border-right:2px solid #fff !important;height:8px;width:8px;right:90px;} #filtersForm .nice-select.yellow:after {border-bottom:2px solid #3a3023 !important;border-right:2px solid #3a3023 !important;} #filtersForm .nice-select.yellow {background:#E4DAD1 !important;color:#3a3023;font-weight:600;} #filtersForm .nice-select .option {color:#3a3023;font-weight:600;font-size:10pt;padding-top:10px;padding-bottom:10px;text-transform:uppercase;text-align:center;} #filtersForm .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background:#3a3023;color:#ffffff;} .nice-select .option.focus, .nice-select .option.selected.focus {background:#ffffff;color:#232323 !important;} #filtersForm .nice-select.open .list {width:100%;z-index:1000;background:#ffffff;border-radius:0;border:0 !important;max-height:500px;overflow-y:auto;box-shadow:2px 2px 30px rgba(0,0,0,0.4);margin-top:0;} #filtersNav {border-radius:0; background-color:transparent; border-color:#E4DAD1; border:0;} #filtersNav #filterMenu {padding:0;margin:0;width:100%;} #filtersNav #filterMenu > li {list-style-type:none;display:inline-block;} #filtersNav #filterMenu > li.dropdown {position:static} #filtersNav #filterMenu > li > a {border-radius:0;display:block;background:#ECE2D8;color:#3a3023;padding:20px 0;font-weight:600; line-height:30px;} #filtersNav #filterMenu > li > a:hover, #filtersNav #filterMenu > li > a:focus {background:#E4DAD1;color:#3a3023;font-weight:600;} #filtersNav #filterMenu > li > a:hover .fa {color:#3a3023;} /* check glutenfree vegan organic kosher */ #filtersNav #filterMenu > li > a.open {background:none; color:#3a3023; border-radius:0; border:0; text-align:left; box-shadow:none; position:relative;} #filtersNav #filterMenu > li > a.open .fa {font-size:20px; float:left; margin:7px 7px 0 0; line-height:48px;} #filtersNav #filterMenu > li > a.open img.ico {height:60px;} /* #filtersNav #filterMenu > li > a.open {background:#E4DAD1;color:#3a3023; border-radius:0; border:0;} #filtersNav #filterMenu > li > a.open:hover, #filtersNav #filterMenu > li > a.open.active {background:#EABD82; box-shadow:none;} #filtersNav #filterMenu > li > a.open .fa {color:#3a3023;} */ #filtersNav #filterMenu > li.dropdown, #filtersNav #filterMenu > li.box-search {margin-top:20px;} #filtersNav #filterMenu > li.dropdown:nth-child(2n) > a {background:#3a3023; color:#fff;} #filtersNav #filterMenu > li.dropdown:nth-child(2n) > a .fa {color:#fff;} #filtersNav #filterMenu > li.box-search .btn {border-radius:0; background:#ECE2D8;} #filtersNav.yamm #filterMenu .dropdown-menu {width:25% !important;border-radius:0;border:0;margin:0;padding:30px 0;} #filtersNav.yamm #filterMenu .dropdown-menu > li > a {color:#3a3023;text-transform:uppercase;font-weight:600;font-size:10pt;font-family:'Montserrat', sans-serif;padding:20px;text-align:center;-webkit-transform:all .2s;transition:all .2s;} #filtersNav.yamm #filterMenu .dropdown-menu > li > a:hover, #filtersNav.yamm #filterMenu .dropdown-menu > li.active > a {color:#D20000; background:none;} #filtersNav.yamm #filterMenu .dropdown-menu.brands > li > a:hover, #filtersNav.yamm #filterMenu .dropdown-menu.brands > li.active > a {background:#E4DAD1;} #filtersNav.yamm #filterMenu .dropdown-menu.brands > li.show-all {position:absolute; bottom:0; right:0; background:#F6EDE6;} #filtersNav.yamm #filterMenu .dropdown-menu.big {width:100% !important;left:0;} #filtersNav.yamm #filterMenu .dropdown-menu.big > li {display:inline;} #filtersNav.yamm #filterMenu .dropdown-menu.brands > li > a:hover {background:none;} #filtersNav.yamm #filterMenu .dropdown-menu.brands > li > img {max-width: 100%;} .box-list .box {margin-bottom:30px;} .box-list .box a {border:1px solid rgba(228,218,209,0.7); color:#3A3023; display:block; height:100%; width:100%; position:relative;} .box-list .box a:hover {color:rgba(210,0,0, 1)} .box-list .box a .box-img {height:280px; text-align:center; padding:20px; overflow:hidden;} .box-list .box a h3 {padding:10px 30px; color:#fff; font-family: 'Amatic SC', cursive;} .box-list .box a .box-text {padding:50px 30px 70px 30px; position:relative;} .box-list .box a .box-text .more {position:absolute; bottom:20px; right:20px;} .box-list .box a .more {position:absolute; bottom:20px; right:20px;} .box-list .box a .more img {margin-left:8px; display:inline-block;} .box-list .box a .icons {position: absolute; left:30px; bottom:20px; z-index:10;} .box-list .box a .icons img {display:inline-block; width:30px;} .box-search {height:72px;} .box-search form, .box-search .input-group, .box-search .form-control, .box-search .input-group-btn, .box-search .input-group-btn .btn {height:100%; border:0; box-shadow:none;} .box-search .input-group {width:100%;} .box-search .form-control {padding:0 20px; border:0;} /* SLIDE PRODUCTS HOME */ #slide-products {margin:0 0 50px 0;} #slide-products .owl-item img {width: auto;} #slide-products .owl-item .icons img {width:50px;} #slide-products .owl-stage-outer .owl-stage .owl-item, #slide-products .owl-stage-outer .owl-stage .owl-item .item, #slide-products .owl-stage-outer .owl-stage .owl-item .item .box {height: 100%;} #slide-products .owl-stage-outer .owl-stage .owl-item .item .box {margin:0 10px;} #slide-products .owl-dots {margin-top:20px;} #slide-products .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #AEA08E;} .box-list #slide-products .box a:hover {color:#E4DAD1;} /* FOOTER */ footer section {margin:0;} footer section.bg1 {padding:80px 0 70px 0;} footer section.bg2 {padding:20px 0 15px 0;} footer a.img-gallery {display:table-cell; padding:0; padding:0 5px 5px 0;} footer a.img-gallery img {width:50px; margin:0;} footer h6 {text-transform:uppercase; color:rgba(210,0,0, 1); font-weight:800; margin:10px 0 30px 0;} footer p {margin:0;font-weight:600; font-size:9pt; } footer .bg1 p {line-height:18pt;} footer a.logo {margin-bottom:17px; display:block;} footer a.social {width: 30px; height: 30px; border: 1px #615D5A solid; display: inline-block; padding:3px 0px; text-align:center; margin:18px 0 0 5px;} footer ul {margin:0; padding:0;} footer ul li {margin:0 0 5px 0; padding:0; list-style:none;} footer ul li:last-child {margin:0;} footer ul li a {text-transform:uppercase; font-weight:600;} footer #newconcept br {display:none;} footer #newconcept, footer #newconcept a, footer #newconcept a#link_privacy {color:#AEA08E; font-weight:700; padding:0; margin:0; font-size:8pt;} footer #newconcept a#link_privacy {margin-right:5px; padding-right:10px; border-right:1px #fff solid;} @media (max-width:1299px) { .box-slide .container {width:90%;} } @media (max-width:1199px) { body {border:3px solid orange;} #home header {height:600px;} #logo-top img {width: 140px;} #navbar #box_menu {padding:0px 0 0 0;} #navbar #box_menu #logo-top {text-align:right;} #navbar.affix #box_menu #logo-top {text-align:center; padding:15px 0 0 0;} #navbar #box_menu #logo-top .navbar-brand {padding:20px 0 15px 0; margin-top:0px; float:none; display:inline-block;} #navbar.affix #box_menu #logo-top .navbar-brand {padding:0;} #navbar #box_menu #logo-top {float:none;} #navbar #box_menu #menu {margin-top:0;} .jumbotron {padding: 80px 0 0 0;} } @media (max-width:991px) { body {border:3px solid blue;} #home header {height:480px;} #home .a-round#arrow {display: none;} #loghi_top {bottom: 20px; left: 0px; width:100%; text-align:center;} #home .jumbotron #logo img {width:250px;} #navbar #box_menu {padding: 0;} #navbar #box_menu #menu {float: none !important; text-align: center;} #navbar #box_menu #menu li a {font-size:10px; padding: 10px 4px;} #slider_top .owl-nav {display:none;} .boxes .box .img-logo {right: 20px;} .boxes .box.bg, .boxes .box.bg a {text-shadow: 1px 1px 1px #fff; color: #615D5A;} .boxes .box.bg-green h5 {color: #227944;} .boxes .box .box-text h2 {font-size:35pt!important;} /* top products */ #top-products h2 {font-size:35pt;} /* fine top products */ /* embed (video) */ .col-embed {margin-bottom:20px;} /* box newsletter */ #box-newsletter {padding:50px 0 60px 0;} #box-newsletter .form-control {width:60%;} #box-newsletter .button {width:38%;} #product #content #details ul#menu-details li {width: 100%;} #box-mission {margin:0;} #box-aboutus {margin-bottom:0;} #box-aboutus .link {margin-bottom:50px;} #box-aboutus .box-round img.round {width: 100%;} #middle p.btn-links {margin-top:0px;} #frmContatti {margin-top: 35px;} .sec-content .box-round img.round {margin:0 0 40px 0; width:300px;} .sec-content .section {margin-top:0;} .box-round a.round.block {width: 200px; padding-bottom: 200px; margin-bottom:30px;} .box-round a.a-round {left: 15px; top: 15px;} .slider .owl-nav {display:none;} footer .col:nth-child(3) h6, footer .col:nth-child(4) h6 {margin: 25px 0 20px 0;} } @media only screen and (min-width: 992px) { /* open dropdown menu on hover */ #menu .dropdown:hover .dropdown-menu {display: block;} } @media (max-width:767px) { body {border:3px solid red;} #home header {height:350px;} h1 {font-size: 45pt;} #navbar .navbar-header {position: absolute; margin:0; right:20px; top:20px; z-index: 20;} #navbar .navbar-toggle {z-index: 10; margin:0; border: 1px #FFF solid;} #navbar .navbar-toggle .icon-bar {background:#D20000; height:3px;} #navbar #box_menu {background: rgba(0,0,0,0.9); text-align:center; padding:20px 0 0 0; z-index:10;} #navbar #box_menu .navbar {margin:0;} #navbar #box_menu .navbar-header#logo-top {text-align: center; position: relative; top: 0; right: 0;} #navbar #box_menu .navbar-header#logo-top .navbar-brand {height:auto; margin:0; padding:0 0 15px 0; display:inline-block; float:none; border-bottom:1px rgba(255,255,255,0.4) solid;} #navbar #box_menu #menu {margin-bottom:10px;} #navbar #box_menu #menu li a {padding:10px;} #navbar #box_menu .navbar-header#logo-top .navbar-brand {margin: 20px 0 0 0;} .jumbotron {padding:0;} .jumbotron h1 {font-size:45px;} .jumbotron .jumbo-text {text-align:center; padding:20px 0;} #home .jumbotron {margin-top:50px!important;} .roundboxes .box a .label {right: 20%;} /* madewithlove madeinitaly */ #madeinitaly {bottom:20px; left:calc(50% - 150px); width:300px;} .row-flex .content {height:auto;} .row-flex .cnt-box .content {height: 100%;} .row-flex .content.box-round {margin-bottom:20px;} .boxes .cnt-box {height:400px!important;} .boxes .cnt-box:nth-child(2n) {padding-left:15px;} .boxes.box-gallery .cnt-box {padding-left: 15px;} .boxes .box .img-note {margin: 0px 0px 30px 0;} /* top products */ #top-products h2 {font-size:45pt;} #top-products .box-top#box3 {margin-top:20px;} #top-products .box-top#box3 a img.img-bg {position:relative;} /* fine top products */ #middle p.btn-links {text-align:left; margin:10px 0px 30px 0;} #box-mission .bg p.featured {width: 100%;} a.box-image {position:relative; margin-top:30px; height:500px;} #services .sec-content .section {margin-bottom:0;} #services .sec-content .tabcontent {display:block!important; margin:40px 0;} #services .sec-content .tabcontent:last-child {margin:40px 0 0 0 ;} #product #content #details ul#menu-details li {width: 33.333333%;} footer {text-align:center;} footer a.img-gallery {display: inline-block;} footer section.bg2 {padding: 20px 0; text-align:center;} footer #newconcept {text-align:center; margin-top:10px;} footer h6 {margin: 25px 0 20px 0;} footer a .fa-envelope {font-size:40px; margin:15px 0 10px 0;} } @media (max-width:600px) { body {border:3px solid #265cff;} h1 {font-size: 40pt;} #home .jumbotron #logo img {width: 200px;} #home .jumbotron h1 {font-size:45px;} #home #loghi_top {bottom:0; background: #ADA8A4; padding: 10px 0;} .roundboxes .box a .label {right:10%;} .boxes .box .img-note {margin: 0px 0px 50px 0;} .boxes.box-gallery .cnt-box {width:100%; height:800px;} .boxes.box-gallery .cnt-box.box-s {height:400px;} .boxes.box-gallery .cnt-box .box {width:100%;} .a-round#arrow {left: calc(50% - 33px);} a.a-round {border:8px rgba(200,179,155, 0.3) solid; width:82px; height:82px;} a.a-round span {width:66px; height:66px; border:8px rgba(200,179,155, 0.5) solid; } a.a-round .ico {width:50px; height:50px; background:rgba(246,237,230, 1); padding-top:15px!important;} a.a-round.green, a.a-round.green span, a.a-round, a.a-round span {border-width:8px!important;} a.box-image {height:400px;} #box-news {margin-bottom:0;} #middle .title p {width: 100%;} #product #content #details ul#menu-details li {width: 100%;} #box-newsletter a.a-round.red .ico {padding-top: 10px;} } @media (max-width:439px) { body {border:3px solid #40ff00; text-align:center!important;} h1 {font-size:30pt;} h2 {font-size:22pt;} #home header {height: 330px;} #navbar .navbar-header {right:10px; top:10px;} #navbar #box_menu .navbar-header#logo-top .navbar-brand img {width:150px;} .jumbotron h1 {font-size:35px;} #home .jumbotron {margin-top: 20px !important;} #home .jumbotron h1 {font-size: 50px; margin:30px 0 5px 0} #home #loghi_top a img {height:60px;} .boxes .box {padding: 30px;} .boxes .box .img-note {margin: 0px 0px 20px 0;} .boxes .box .box-text {text-align: left;} .boxes .box:first-child .img-logo {width:120px;} .boxes .box:first-child .img-logo.img-logo-2 {width: 100px; top: 80px;} .boxes.box-gallery .cnt-box {height:600px;} .boxes.box-gallery .cnt-box.box-s {height:300px;} .box-round a.round.block {margin:0 auto 30px auto;} .box-round a.a-round {top: -5px; border:0!important;} .box-round a.a-round span {border:0!important;} a.box-image {height:350px;} .sec-content .section {margin-top: 0;} .sec-content .box-round img.round {margin: 0 auto 40px auto;} #middle p.btn-links {text-align: center;} .roundboxes .box a .label {right: 0%;} #gallery .roundboxes .box {margin-bottom:30px; width:100%;} .box-flex {width:100%; text-align:center;} .btn-more {text-align:center;} #news .box-round a.round.block {margin-bottom:30px;} hr {margin-left:auto!important; margin-right:auto!important;} /* #dialog-confirm .modal-dialog {width: 90%;} */ } body {border:0!important;}