@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap&subset=latin-ext');

/* ==========================================================================
  Stili del Progetto
   ========================================================================== */

html {height:100%;}
body {
    height:100%;
    font-family:'Rubik', Helvetica, Arial, sans-serif;
    font-weight:400;
    color:#777;
    line-height:1.5em;
    font-size:16px;
    margin:80px 0 0 0;
    padding:0;
    background:#fff;
}

img {border:0;}
iframe {border:0;}

/* sistema form */
form {margin:0;}
fieldset {border:0; margin:0; padding:0;}

.nocompiled {border:1px solid #09b156 !important;}
.nocompiled2 {padding:0 17px 0 0; color:#09b156;}

a {color:#000; text-decoration:underline; outline:none !important;}
a:hover {color:#09b156; text-decoration:none;}

p {margin:0 0 1em 0;}

strong, b {font-weight:500;}
sup {font-size:60%; top:-0.7em}

h1,h2,h3,h4,h5,h6 {color:#00baf3; font-weight:400; margin:0 0 1em 0; line-height:1em; padding:0; clear:both;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;}

h1{ font-size:2.8em;}
h2{ font-size:2.4em;}
h3{ font-size:2em;}
h4{ font-size:1.8em;}
h5{ font-size:1.6em;}
h6{ font-size:1.4em;}

ol {margin:0; padding:0; line-height:normal;}
ul {margin:0; padding:0; line-height:normal;}
li {margin:0; padding:0; line-height:normal;}

dl, dt, dd {margin:0; padding:0;}

.noborder {border:0px solid #FFF !important;}
.marginclear {margin-right:0px !important;}
.marginclear-bottom {margin-bottom:0px !important;}
.paddingclear {padding-right:0px !important;}
.bgclear {background:none !important;}
.clear {clear:both !important;}
.blur {-webkit-filter:blur(8px);-moz-filter:blur(8px);-o-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);}

.alignDx {text-align:right !important;}
.alignCenter {text-align:center !important;}
.alignJustify {text-align:justify !important;}
.posrelative {position:relative}
/*
.floatSx {float:left; }
.floatDx {float:right; }
*/
.title-hide {text-indent:-9999px; font-size:0; height:0; margin:0;}
td.nowrap {text-align:right; white-space:nowrap;}

nav ul {list-style:none;}

header *, .content.home *, .content.intro-home *, .hero-slider-home .main-caption *,
.content.prods *, .content.prod *, .header-prod *, .content.news *, .content.page *, footer * {
-webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
-o-transition:all 400ms ease-out;
-ms-transition:all 400ms ease-out;
transition:all 400ms ease-out;
}

.c-info ul *, .c-material ul *{
-webkit-transition:none !important;
-moz-transition:none !important;
-o-transition:none !important;
-ms-transition:none !important;
transition:none !important;
}
@media (min-width:1366px){
.container {width:1366px;}
}
@media (min-width:1600px) {
.container {width:1500px;}
}
.modal-open{overflow:inherit; padding-right:0!important;}

/* ==========================================================================
  HEADER
   ========================================================================== */

header {
    position:fixed;
    top:0;
    left:0;
    z-index:50;
    min-height:80px;
    width:100%;
    background:#00baf3;
}

header .logo {position:absolute; left:50%; top:5px; transform:translate(-50%,0); z-index:110;}
header .logo img{max-width:100%;}

/* Menu */
.menu{position:absolute; top:0; right:0; z-index:100; width:100%; }
.mainMenu {display:block; margin:0 auto;}
.mainMenu li.dropdown {display:inline-block; position:relative;}
.mainMenu li a.parent {display:block; min-height:80px; padding:20px 60px 22px 20px; color:#fff; font-weight:500; font-size:1.8em; text-decoration:none; border-right:1px solid rgba(255,255,255,0.3); background:url(../images/ico-arrow-down.png) no-repeat 87% 50% #00baf3}
.mainMenu li a.corporate {display:block; min-height:80px; padding:23px 60px 22px 20px; color:#fff; font-weight:300; font-size:1.6em; text-decoration:none; border-right:1px solid rgba(255,255,255,0.3); background:url(../images/ico-arrow-down.png) no-repeat 87% 50% #00baf3}
.mainMenu li a.parent:hover{color:#fff; text-decoration:none;}

.mainMenu .dropdown-menu{
    position:fixed;
	overflow-y:scroll;
	top:78px;
    left:0;
	width:280px;
	height:calc(100% - 80px);
    z-index:9000;
    padding:0;
    background-color:#fff;
    border:0;
	border-top:5px solid #00baf3;
	border-radius:0;
}
.mainMenu ul{padding:0 30px;}
.mainMenu ul li{padding:0;}
.mainMenu ul li a{color:#000; text-decoration:none; text-transform:capitalize;}
.mainMenu ul li.fam{padding-top:10px}
.mainMenu ul li.fam a{font-weight:500!important; text-transform:uppercase}

/*toggle menu*/
header .toggle {position:absolute; left:0}
#nav-toggle {display:block; position:absolute; z-index:110; width:80px; height:80px; top:0; left:0; background:#00baf3; }
#nav-toggle { cursor:pointer; }
#nav-toggle span {left:25px}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor:pointer; height:3px; width:30px; background:#fff; position:absolute; top:38px; display:block; content:''; }
#nav-toggle:hover span, #nav-toggle:hover span:before, #nav-toggle:hover span:after {background:#fff;}
#nav-toggle span:before { top:-10px; }
#nav-toggle span:after { top:10px; }
#nav-toggle.active span, #nav-toggle.active span:before, #nav-toggle.active span:after {background:#fff;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; }
#nav-toggle.active span { background-color:transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top:0; background-color:#fff; }
#nav-toggle.active span:before {transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); }
#nav-toggle.active span:after {transform:translateY(-10px) rotate(-45deg); -webkit-transform:translateY(-10px) rotate(-45deg); -ms-transform:translateY(-10px) rotate(-45deg); top:10px; }

/*User*/
.login-container,
.logged
 {position:absolute; right:159px; top:0; list-style:none; z-index:110;}
.login-container ul li,
.logged ul li  {display:block;}
.login-container ul li a,
.logged ul li a {display:block; text-align:center; text-decoration:none; font-size:1em; color:#000;}
.login-container ul li a.icon{padding:28px 0; width:80px; height:80px; border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3)}
.logged ul li a.icon {padding:15px 0; width:80px; height:80px; border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3)}
.login-container ul li a.icon:hover,
.logged ul li a.icon:hover{background:rgba(255,255,255,0.3)}
.login-container .dropdown-menu,
.logged .dropdown-menu{padding:20px; border-radius:0; border:0; min-width:200px;}
.login-container .dropdown-menu form{margin-bottom:30px}
.login-container .dropdown-menu a,
.logged .dropdown-menu a{text-align:left}
.login-container .dropdown-menu hr,
.logged  .dropdown-menu hr{height:1px; border:0; background:#eee;}
.logged ul li a.icon {padding:15px 0; width:80px; height:80px; border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3)}
.logged .logged-name {display:block; height: 20px; overflow:hidden; margin:5px; white-space: nowrap; font-size:0.7em; color:#fff;}
.logged .logged-name {display:block; height: 20px; overflow:hidden; margin:5px; white-space: nowrap; font-size:0.7em; color:#fff;}
.logged .l-menu li{padding:5px 0;}
.logged .logged-legend {font-size:0.9em; color:#333}

/*Secondario*/
.secondaryMenu {position:absolute; right:80px; top:0; list-style:none; z-index:110;}
.secondaryMenu li {display:inline-block; vertical-align:middle;}
.secondaryMenu li a {display:block; text-align:center; text-decoration:none; font-size:1em; color:#000;}
.secondaryMenu li a.icon {padding:28px 0; width:80px; height:80px; border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3)}
.secondaryMenu li a.icon:hover {background:rgba(255,255,255,0.3)}

/* Shop Menu */
.shop-header {position:absolute; top:0; right:0; z-index:300;}
.shopMenu {list-style:none; float:right;}
.shopMenu li {float:left; width:80px; height:80px; position:relative; border-radius:50%; font-size:0.7em; background:url(../images/ico-cart.svg) 50% 50% no-repeat;}
.shopMenu li a {position:absolute; top:0; left:0; width:100%; height:100%}
.shopMenu li a:hover{background:rgba(255,255,255,0.3)}
.shopMenu li span {position:absolute; font-weight:700; color:#000; right:16px; top:13px; width:20px; height:20px; padding-top:4px; border-radius:50%; text-align:center; background:#fff;}

/*nascondo per il tap dul mobile, chiusura del sub menu, altimenti non funzionano i link sub del dropdown*/
.dropdown-backdrop {display:none !important}

@media (min-width:992px) {
    .menu.collapse {
        display:block!important;
        height:auto!important;
        overflow:visible!important;
        visibility:visible!important;
    }
}
@media (max-width:1199px){
.mainMenu li a.parent {padding:27px 60px 22px 20px; font-size:1.2em; background:url(../images/ico-arrow-down.png) no-repeat 87% 50% #00baf3}
.mainMenu li a.corporate {padding:27px 60px 22px 20px; font-size:1.2em; background:url(../images/ico-arrow-down.png) no-repeat 87% 50% #00baf3}
}
@media (max-width:991px){
.menu {position:static; height:auto; min-height:140px; margin-top:80px; background:#fff;}
.mainMenu li a.parent, .mainMenu li a.corporate {padding:15px 0; min-height:50px;}
.mainMenu li a.parent span {display:none}
.mainMenu li.dropdown {display:block; clear:both; margin:0 20px; padding:8px 0 8px 0; text-align:center;}
.mainMenu ul {padding:0;}
.mainMenu ul li a span {display:none;}
.mainMenu .dropdown-menu {position:static; width:100%; transform:translate(0,0); height:360px; overflow:hidden; border:0; overflow-y:scroll}
.mainMenu .dropdown-menu  li a{text-align:center}
.secondaryMenu {position:static; padding:0; text-align:center;}
.secondaryMenu li{display:block; padding:10px 0; margin:0 20px;}
.secondaryMenu li a.icon{width:100%; height:50px; padding:15px 0; border:1px solid #00baf3; background:#00baf3}
.secondaryMenu li a.icon:hover{background:#00baf3}
.shop-header{border-left:1px solid rgba(255,255,255,0.3)}
}

@media (max-width:767px)  {
header .logo{width:180px; top:10px}
.mainMenu .dropdown-menu {height:300px;}
}


/* ==========================================================================
    GENERICI
   ========================================================================== */
.content {position:relative; padding:70px 0; background:#fff;}
.container {position:relative;}

article, aside {margin-bottom:20px;}
.content ul {list-style:none; padding:0 20px 0 20px; margin-bottom:40px}
.max{clear:both; width:100%;}
.form-control {color:#999; border-radius:0px;}
.btn-default{color:#fff; background:#00baf3; border-color:#00baf3}
a.btn{text-decoration:none}
/*link*/
.link-gen {display:inline-block; position:relative; padding:0 0 0 20px; font-size:0.9em; font-weight:600; text-decoration:none; text-transform:uppercase; color:#09b156;}
.link-gen:hover {color:#000;}
.link-gen:before {position:absolute; left:0; top:5px; content:""; width:12px; height:12px; border-radius:50%; border:1px solid #00baf3}
.link-gen:after {position:absolute; left:4px; top:9px; content:""; width:4px; height:4px; border-radius:50%; background:#00baf3; ransition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out;}
.link-gen:hover:after {background:#000;}
 

/* ==========================================================================
    HOME
   ========================================================================== */
/* intro focus slider 
  ========================================================================== */
.hero-banner-home{position:relative; padding:60px 0 30px 0; background:#fff}
.big-mkg-banner{position:relative; margin-bottom:30px;} 
.big-mkg-banner .img{position:relative; text-align:right} 
.big-mkg-banner .img img{width:65%} 
.big-mkg-banner .caption{position:absolute; left:0; top:0; width:35%; height:100%; padding:30px; text-align:left; background:#ffaf49} 
.big-mkg-banner .caption h3{color:#fff; font-size:1.6em; font-weight:700; margin-bottom:0.5em;} 
.big-mkg-banner .caption p{color:#fff; font-size:1em;} 
.big-mkg-banner .caption a{display:inline-block; padding:8px 25px; font-weight:500; color:#00baf3; text-decoration:none; background:#fff} 
.small-mkg-banner{position:relative; margin-bottom:30px; border:1px solid #d8d8d8} 
.small-mkg-banner img{max-width:100%;} 

@media (max-width:991px){
.big-mkg-banner .img img{width:100%} 
.big-mkg-banner .caption{position:static; width:100%;} 
}
@media (max-width:767px){
}
/* intro 
  ========================================================================== */
.content.intro-home {padding:90px 0; background:#f4f5fa}
.cat-overview{position:relative; float:left; width:100%; margin-bottom:90px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.08); background:#fff}
.cat-shelf{float:left; width:33.3%; min-height:300px; padding:25px;}
.cat-shelf:nth-child(1){border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(2){border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(3){border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(4){border-right:1px solid #e8e8e8;}
.cat-shelf:nth-child(5){border-right:1px solid #e8e8e8;}

.cat-shelf .img{float:left; width:40%;}
.cat-shelf .img img{max-width:100%;}
.cat-shelf .txt{float:left; width:60%; padding:20px 0 0 30px}
.cat-shelf .txt ul{padding:0}
.cat-shelf .txt ul li{padding:3px 0;}
.cat-shelf .txt ul li:first-child{padding-bottom:30px;}
.cat-shelf .txt ul li strong{color:#00baf3}
.cat-shelf .txt ul li a{text-decoration:none; font-weight:300; color:#777}
.cat-shelf .txt ul li a:hover{color:#000}

.prod-overview  {position:relative; clear:both;}
.prod-overview  h3{margin-bottom:70px; font-size:1.6em; color:#000; text-align:center;}
.prod-overview .prodList {width:calc(100% + 30px); margin-left:-15px}

@media (max-width:1199px){
.cat-shelf{width:50%; min-height:250px;}
.cat-shelf:nth-child(1){border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(2){border-right:0; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(3){border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(4){border-right:0; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(5){border-right:1px solid #e8e8e8;}
.cat-shelf .img{width:30%;}
.cat-shelf .txt{width:70%;}
}
@media (max-width:767px){
.cat-shelf{width:100%;}
.cat-shelf:nth-child(1){border-right:0; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(2){border-right:0; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(3){border-right:0; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(4){border-right:0; border-bottom:1px solid #e8e8e8;}
.cat-shelf:nth-child(5){border-right:0; border-bottom:1px solid #e8e8e8;}
.cat-shelf .txt{font-size:1.1em}
}
/* ==========================================================================
    RICERCA MODAL
   ========================================================================== */
#modalSearch .modal-header {padding:15px 20px 0 0; border:0;}
#modalSearch .btn {border-radius:0; text-decoration:none; color:#fff; height:54px; border-color:#00baf3; background:#00baf3;}
#modalSearch  .form-group{width:calc(100% - 70px)}
#modalSearch  .form-control{color:#000; height:54px; width:100%}


/* ==========================================================================
    PRODOTTI
   ========================================================================== */
/*Prodotti*/
/*========================================================================== */
.content.prods {padding-top:0; background:#f4f5fa}

/*Prod header*/
.header-prod{position:relative; margin-bottom:80px; border-bottom:1px solid #e5e5e5; background:#fff}
.header-prod .main-title{position:relative; padding:50px 0;}
.header-prod .main-title:after{position:absolute; content:""; width:calc(100% + 30px); height:1px; bottom:0; left:-15px; background:#e5e5e5}
.header-prod .main-title h1{margin:0; font-size:2em; text-align:center; text-transform:capitalize; color:#00baf3}
/*pagina prodotti*/
.cat-prod .visual img {margin-bottom:0; width:100%; height:auto;}
.cat-prod .visual ul {float:left; padding:0!important; width:100%; background:#00baf3}
.cat-prod .visual ul li{float:left; width:50%; padding:22px;}
.cat-prod .visual ul li a{color:#fff; text-transform:uppercase;}

/* Lista */
.prodList {list-style:none; margin:0; padding:0 !important;}
.prodList li {margin-bottom:30px; padding:0!important; overflow:hidden;}
.prodList li .wrap {position:relative; min-height:500px; padding:25px; margin:0 15px; overflow:hidden; border:1px solid #ededed; background:#fff;}
.prodList li .wrap:hover{box-shadow:0 0 15px rgba(0,0,0,0.1)}
.prodList li .img {position:relative; text-align:center;}
.prodList li .img img {max-width:100% }
.prodList li .txt {padding:15px 0 0 0; text-align:center; margin-bottom:10px; min-height:170px; overflow:hidden;}
.prodList li .txt h2 {height:50px; overflow:hidden; font-size:1em; margin-bottom:15px; font-weight:500;}
.prodList li .txt h2 a {color:#00baf3; text-decoration:none;}
.prodList li .txt h2 a:hover {color:#000;}
.prodList li .txt p {height:50px; overflow:hidden; font-size:0.85em; margin-bottom:30px;}
.prodList li .txt span.price {font-size:1.6em; color:#f00;}
.prodList li .txt span.price small{font-size:0.7em;}
/*.prodList li .addcart {position:absolute; padding:20px 0; left:25px; right:25px; bottom:-100px; background:#fff;}*/
.prodList li .addcart {position:absolute; padding:20px; left:0; right:0; bottom:-100px; box-shadow:0 0 15px rgba(0,0,0,0.1); background:#fff;}
.prodList li:hover .addcart {bottom:0;}
.prodList li .addcart input{display:inline-block; vertical-align:middle; width:calc(40% - 40px); height:40px; padding:5px; font-size:0.8em; border:1px solid #ededed}
.prodList li .addcart span{display:inline-block; vertical-align:middle; cursor:pointer; width:40px; height:40px; margin-left:-1px; padding:5px; text-align:center; font-size:1.2em; border:1px solid #ededed; background:#fff}
.prodList li .addcart span:hover{background:#ededed}
.prodList li .addcart a{display:inline-block; vertical-align:middle; width:calc(60% - 40px); height:40px; padding:10px 5px; color:#fff; text-align:center; text-decoration:none; border:1px solid #00baf3; background:#00baf3;}
.prodList li .addcart a:hover{color:#00baf3; background:#fff;}

/*filtri aside*/
.filterBy{width:90%; margin:0 0 30px -15px; border-radius:4px; border:1px solid #00baf3}
.filterBy h6{color:#fff; margin:0; padding:15px; text-transform:capitalize; background:#00baf3}
.filterBy ul{list-style:none; margin:0; padding:15px;}
.filterBy li{position:relative; text-transform:lowercase; padding:8px 0 8px 20px;}
.filterBy li a{font-size:0.9em; color:#000; font-weight:300; text-decoration:none}
.filterBy li::first-letter{text-transform:uppercase}
.filterBy li a:hover{color:#00baf3;}

@media (max-width:991px){
.prodList li {padding:0 15px!important;}
.prodList li .wrap {min-height:auto; float:left; width:100%; margin:0;}
.prodList li .img {float:left; width:20%; margin-right:5%}
.prodList li .txt{float:left; width:75%; text-align:left}
.prodList li .txt span {font-size:1.2em;}
.filterBy{width:100%; margin:0;}
} 
@media (max-width:767px){
.back-home{display:none}
}

/*Prodotto*/
/*========================================================================== */
.content.prod {padding-top:0; background:#f4f5fa}

/*scheda*/
.panel-prod{position:relative; float:left; width:100%; margin-bottom:70px; border:1px solid #e5e5e5; background:#fff}
.panel-prod .pp-body{float:left; width:100%;}
.panel-prod .pp-body .img, .panel-prod .pp-body .card {float:left; width:50%;}
.panel-prod .pp-body .img img {max-width:100%;}
.panel-prod .pp-body .card{padding:50px 30px;}
.panel-prod .pp-body .c-info {position:relative; padding-top:20px;}
.panel-prod .pp-body .c-info h1{font-size:2em; color:#00baf3}
.panel-prod .pp-body .c-info .main-desc{font-size:1.1em; color:#000; margin-bottom:40px}
.panel-prod .pp-body .c-info .sub-desc{font-size:0.9em; margin-bottom:40px}
.panel-prod .pp-body .c-info .price {font-size:1.6em; color:#f00; margin-bottom:40px;}
.panel-prod .pp-body .c-info .price small{font-size:0.7em; text-decoration:line-through;}
.panel-prod .pp-body .c-info .addcart input{display:inline-block; vertical-align:middle; width:calc(40% - 40px); height:40px; padding:5px; font-size:0.8em; border:1px solid #ededed}
.panel-prod .pp-body .c-info .addcart span{display:inline-block; vertical-align:middle; cursor:pointer; width:40px; height:40px; margin-left:-1px; padding:5px; text-align:center; font-size:1.2em; border:1px solid #ededed; background:#fff}
.panel-prod .pp-body .c-info .addcart span:hover{background:#ededed}
.panel-prod .pp-body .c-info .addcart a{display:inline-block; vertical-align:middle; width:calc(60% - 40px); height:40px; padding:10px 5px; color:#fff; text-align:center; text-decoration:none; border:1px solid #00baf3; background:#00baf3;}
.panel-prod .pp-body .c-info .addcart a:hover{color:#00baf3; background:#fff;}


/*breadcrumb*/
.prod-breadcrumb {position:relative; padding:15px 0;}
.prod-breadcrumb ul {margin:0;}
.prod-breadcrumb ul li {display:inline-block; text-transform:uppercase; font-size:0.75em;}
.prod-breadcrumb ul li:first-child {margin-left:0;}
.prod-breadcrumb ul li a {position:relative; text-decoration:none; color:#777;}
.prod-breadcrumb ul li a:hover {color:#000;}
.back-home{padding:15px 0; text-align:right;}

/*filtro*/
.back-home {position:relative; padding:15px 0;}
.back-home ul {margin:0;}
.back-home ul li {display:inline-block; margin-right:30px; text-transform:uppercase; font-size:0.75em;}
.back-home ul li:last-child {margin-right:0;}
.back-home ul li a {position:relative; text-decoration:none; color:#000;}
.back-home .dropdown-menu {top:30px; left:inherit; right:0;}
.back-home .dropdown-menu li{text-align:right; padding:5px 0; margin:0;}
.back-home .dropdown-menu > li > a {display:inline-block}

@media (max-width:991px){
.panel-prod {margin:0 0 70px 0;}
.panel-prod .pp-body .img, .panel-prod .pp-body .card {float:none; width:100%;}
.panel-prod .pp-body .img {text-align:center}
} 
@media (max-width:767px){
.prod-breadcrumb ul li {display:block; margin-left:0;}
} 

/* ==========================================================================
    LOGIN + CART + CHECKOUT
   ========================================================================== */
.content.cart,
.content.checkout {font-size:0.8em; line-height:1.6; padding:0; background:#f4f5fa}

.content.login {font-size:0.8em; line-height:1.6; background:#f4f5fa}
.content.login .panel-title h1{margin:0}

/* ==========================================================================
    PAGINE
   ========================================================================== */
.content.page { margin-bottom:120px;}
.content.page.tile {padding:0;}

/*hero header page*/
.hero-header-page{position:relative; top:100px; padding:200px 50px; margin-left:30px; width:calc(100% - 60px); color:#888; background:#eee;}
.hero-header-page h1{color:#09b156; margin-bottom:20px; font-weight:600; font-size:2.2em}
.hero-header-page h2{font-size:1.6em; line-height:1.5}


/*elementi di pagina*/
.content.page .txt{position:relative;}
.content.page .txt .wrap-t{padding:80px; color:#fff;}
.content.page .txt .wrap-t h3{color:#fff; margin-bottom:0.4em}
.content.page .txt .wrap-t p {text-align:justify; margin-bottom:2em }
.content.page .txt .wrap-t p:last-child{margi:0}
.content.page .img{position:relative; text-align:center; top:-90px; left:-45px;}
.content.page .img p{margin-bottom:50px;}
.content.page .img img{width:calc(100% + 30px); height:auto;}

@media (max-width:991px) {
.content.page .txt {left:15px; top:-90px; width:calc(100% - 30px)}
.content.page .img{left:0;}
.content.page .img img{width:calc(100% - 30px);}
}


/* ==========================================================================
    FOOTER
   ========================================================================== */
#geo {width:100%; height:100%; z-index:10;}
#googlemap {width:100% !important;}
   
footer {clear:both; position:relative; min-height:320px; width:100%; font-size:0.9em; line-height:1.7em; color:#fff; background:url(../images/bg-footer.png) no-repeat top right #00baf3;}
footer ul.social {text-align:left; margin:0; padding:0;}
footer ul.social li {display:inline-block;}
footer ul.social li a {display:block; width:26px; height:26px; padding:0; margin-right:5px;}
footer ul.social li a img{width:100%;}
footer ul.social li:before {display:none;}

footer .top {padding:80px 0 40px 0;}
footer strong {font-size:1em; text-transform:uppercase;}
footer .top p:first-child {margin-bottom:1em;}
footer a {text-decoration:none; color:#fff; }
footer a:hover {color:#ffd000; }
footer .top small {font-size:0.7em;}
footer ul {list-style:none; padding-left:30px; margin-bottom:40px;}
footer ul li {position:relative; padding:3px 0 17px 0;}
footer ul li:before {
    position:absolute;
    left:-30px;
    top:14px;
    content:'';
    width:15px;
    height:1px;
    background:rgba(255,255,255,0.7);;    
}

@media (max-width:991px) { 
footer {position:static; background-size:cover;}
footer .top  .col{min-height:200px;}
}
@media (max-width:767px) { 
footer .top  .col{min-height:auto; margin-bottom:30px; text-align:center;}
footer ul {padding:0; margin:0}
footer ul li:before {display:none}
footer ul.social {text-align:center}
}
  
.modal-theme-dark .modal-content {background:#000; color:#ddd}
.modal-theme-dark .modal-header {border-bottom:1px solid #333;;}

.modal-content {border-radius:0;}
#modalNewsletter {font-size:0.8em;}
#modalNewsletter .btn {border-radius:0; color:#fff; border-color:#333; background:#09b156;}
#modalNewsletter input[type=text]{border-color:#333; background:#333;}
#msgReg {
    display:none;
    padding:20px;
    margin-top:20px;
    text-align:center;
    font-style:italic;
    border-top:2px solid #fff;
}
/*messaggio add carrello*/
#CartAddedDiv {width: 400px;padding: 40px;color: #fff;font-size: 1.2em;position: fixed;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000;box-shadow: 0 0 15px rgba(0,0,0,0.3);background: #00baf3;}


.error {
    border: 2px solid #f00 !important;
    background: url(/res/layout/images/ico_input_warning.png) center right no-repeat #fff !important;
}