@charset "UTF-8";
/* CSS Document */

body {overflow-x: hidden;}

.logosplash{width: 30%; margin-top: 7%;}

.chooseyourdestiny {width: 100%; float: left;}
.chooseyourdestiny h2{width: 100%; color:#FFF; font-size: 3vw; line-height: 3.2vw; font-weight: bold}
.chooseyourdestiny h3{width: 100%; color:#FFF; font-size: 2.2vw; line-height: 2.4vw; font-weight: bold; padding-top: 10vw}
.chooseyourdestiny div{width: 100%; float: left;}
.chooseyourdestiny div a{background: #598e34; color:#FFF; width: 22%; display: inline-block; overflow: hidden; cursor: pointer; padding: 1vw; margin: 0 0.5vw;}
.chooseyourdestiny div a h4{color:#FFF; padding: 0; margin: 0; float: left; font-size: 2.5vw; width: 75%; text-align: left; font-weight: 900}
.chooseyourdestiny div a p{color:#FFF; padding: 0; margin: 0; float: left; font-size: 1.1vw; font-style: italic; width: 75%; text-align: left}
.chooseyourdestiny div a img {float: right; width: 25%}
.chooseyourdestiny div #delivery {background: #FFF}
.chooseyourdestiny div #delivery h4, .chooseyourdestiny div #delivery p{color: #598e34}
.chooseyourdestiny .indirizzo {padding-top: 3vw; color: #000}
	

.menu_desktop {font-size: 17px; color:#2c292a; font-family: 'Open Sans'; float: right; margin-top: 15px;}
.menu_desktop a {font-size: 17px; color:#2c292a; font-family: 'Open Sans'; padding: 0 0.3vw; font-weight: 100;}

header .logo_header {width: 200px}
#menubars {display:none}
header {border-bottom: 5px solid #b4cc04;}


.follow {width: 50%; text-align: right; font-size: 2vw; padding: 2vw 0}
.follow p {width: -webkit-fill-available; display: initial; font-weight: bold; padding: 1vw;}
.follow img {width: 4vw; padding-left: 0.2vw;}


footer {width:100%; float:left; margin:0px; padding:0px 0px 0px 0px;}
footer div {width: 90%; padding: 0 5% 0 5%}
footer div div{width: 50%; float: left; padding: 0}
footer div div .pranzomioblack{width: 35%}
footer div div p {font-size: 1.2vw;}
footer .footermenu {width: 100%; text-align: center; font-size: 1.2vw; color:#2c292a}
footer .footermenu a {padding: 0 1vw; color:#2c292a}
footer .disclaimer {font-size: 0.8vw; text-align: center; padding: 2vw 10%; color:#2c292a; float: left; width: 80%}
footer .bottombutton {width: 100%; float: left; text-align: center}
footer .bottombutton button {font-size: 1.2vw; background: #b4cc04; border-radius: 5px; color:#FFF; padding: 0.5vw 2vw; border: 0}
footer .copy {font-size: 1vw; text-align: center; padding: 2vw 0; color:#2c292a; width: 100%; float: left; line-height: 1.6vw}
footer .separatoreverde {border:0; border-top: 40px solid #b4cc04; width: 90%; clear: both; margin: 3vw 5%; float: left}

footer hr {margin: 1vw 0 2vw 0; width: 100%; border: 1px solid #000}
footer iframe {width:90%; margin: 0 5%; border: 0; height: 450px; margin-bottom: 2vw}

.newhome {width: 100%; float: left; margin-top: 80px;}
.indexmenu {width: 90%; margin: 0 5%;}
.indexmenu a{background: #f5f6f1; color:#008834; width: 46%; display: inline-block; overflow: hidden; cursor: pointer; padding: 1.5vw; margin: 0 0 1vw 0; float: left}
.indexmenu a:nth-child(even) {float: right}

.indexmenu a h4{color:#008834; padding: 0; margin: 0; float: left; font-size: 2.8vw; width: 75%; text-align: left; font-weight: 900}
.indexmenu a p{color:#333; padding: 0; margin: 0; float: left; font-size: 1.3vw; font-style: italic; width: 75%; text-align: left}
.indexmenu a img {float: right; width: 17%}

.headerpage {width: 90%; margin: 0 5%; float: left; margin-top: 3vw}
.headerpage hr {border-top: 30px solid #b4cc04; width: 100%; margin: 3vw 0}
.headerpage div {float: left; margin: 0; width: 100%}
.headerpage img {width: 10%; float: right;}
.headerpage h1 {text-align: left; font-size: 4vw; color: #008834; margin: 0; padding: 0}
.headerpage p {text-align: left; font-size: 1.3vw; color: #000; margin: 0; padding: 0}

.subcat {width: 70%; float: left; margin-left: 5%}

menu {width: 20%; float: right; margin: 0 5% 0 0; padding: 0}
menu a {background: #f5f6f1; color:#008834; width: 100%; display: inline-block; overflow: hidden; cursor: pointer; padding: 0; margin: 0 0 0.3vw 0; float: left}
menu a img {float: right; width: 13%; margin-right: 0.5vw}
menu a p {float: left; padding: 0; margin: 0.6vw 0 0 1vw; font-weight: bold; font-size: 1.2vw}
menu span {background: #b4cc04; color:#FFF; width: 100%; display: block; padding: 0; margin: 0 0 0.5vw 0; float: left; text-align: center; font-weight: bold; font-size: 1.4vw; padding: 0.5vw 0}

bar {display: none !important}
menumob {display: none}

.flexslider {margin-bottom: 3vw !important;}


.avviso {text-align: center; font-size: 4vw; padding: 16vw 0; color: #FFF; margin: 0}

@media only screen and (max-width: 767px) {
.avviso {text-align: center; font-size: 8vw; padding: 16vw 0; color: #FFF; margin: 5vw 0 0 0}	
	menu {display: none}
.logosplash{width: 70%; margin-top: 7%;}

.newhome {padding-top: 0vw !important; padding-bottom: 4vw; margin-top: 0}
.chooseyourdestiny {width: 100%; float: left;}
.chooseyourdestiny h2{width: 100%; color:#FFF; font-size: 6vw; line-height: 6.2vw; font-weight: bold}
.chooseyourdestiny h3{width: 100%; color:#FFF; font-size: 6vw; font-weight: bold; padding-top: 3vw; float: left}
.chooseyourdestiny div{width: 100%; float: left; padding-top: 2vw}
.chooseyourdestiny div a{background: #598e34; color:#FFF; width: 88%; display: inline-block; overflow: hidden; cursor: pointer; padding: 2vw 4vw; margin: 0;}
.chooseyourdestiny div a h4{color:#FFF; padding: 0; margin: 0; float: left; font-size: 8vw; width: 75%; text-align: left; font-weight: 900}
.chooseyourdestiny div a p{color:#FFF; padding: 0; margin: 0; float: left; font-size: 4vw; font-style: italic; width: 75%; text-align: left}
.chooseyourdestiny div a img {float: right; width: 19%}
.chooseyourdestiny div #delivery {background: #FFF}
.chooseyourdestiny div #delivery h4, .chooseyourdestiny div #delivery p{color: #598e34}
.chooseyourdestiny .indirizzo {padding-top: 3vw; color: #000}

.indexmenu {width: 96%; margin: 0 2%;}
.indexmenu a{background: #f5f6f1; color:#008834; width: 93.1%; display: inline-block; overflow: hidden; cursor: pointer; padding: 1.5vw 3vw; margin: 0 0 1vw 0; float: left}
.indexmenu a:nth-child(even) {float: left}

.indexmenu a h4{color:#008834; padding: 0; margin: 0; float: left; font-size: 6.8vw; width: 75%; text-align: left; font-weight: 900}
.indexmenu a p{color:#333; padding: 0; margin: 0; float: left; font-size: 3vw; font-style: italic; width: 75%; text-align: left}
.indexmenu a img {float: right; width: 17%}
	
header .logo_header {width: 170px}
#menubars {display:block}
.menu_desktop {display: none}
.flexslider {margin-top: 80px !important; float: left; margin-bottom: 2vw !important;}
footer {width: 96%; margin: 0 2%}
	footer div {width: 100%; margin: 0; padding: 0}
footer .separatoreverde {padding-top: 4vw; width: 100%; margin: 0}
footer div div{width: 70%; float: left; padding: 0}
footer div div .followimage{width: 90%;}
footer div div .pranzomioblack{width: 50%}
footer div div p {font-size: 3vw;}
footer .footermenu {color:#fff}
footer .footermenu a {padding: 1vw 0; color: #2c292a; width: 100%; text-align: center; font-size: 4vw; display: block; background: #eee;}
footer .disclaimer {font-size: 2.3vw; padding: 0; width: 100%; text-align: justify}
footer .bottombutton {width: 100%; float: left; text-align: center}
footer .bottombutton button {font-size: 4vw; padding: 1vw 3vw}
footer .copy {font-size: 3vw; line-height: 4vw}
footer iframe {width:100%; margin: 0; border: 0; height: 350px; margin-bottom: 2vw}

.follow {width: 30%; text-align: right; font-size: 6vw; padding: 2vw 0; float: right; margin-top: 10%;}
.follow p {width: 100%; display: block; font-weight: bold; padding: 1vw; margin-bottom: 0}
.follow img {width: 9vw; padding: 0}
	.flex-direction-nav {display: none}
	
.headerpage {width: 90%; margin: 0 5%; float: left; margin-top: 13vw}
.headerpage hr {border-top: 30px solid #b4cc04; width: 100%; margin: 3vw 0}
.headerpage div {float: left; margin: 0; width: 100%}
.headerpage img {width: 22%; float: right;}
.headerpage h1 {text-align: left; font-size: 7vw; color: #008834; margin: 0; padding: 0}
.headerpage p {text-align: left; font-size: 3.1vw; color: #000; margin: 0; padding: 0}
.subcat {width: 85%; float: left; margin-left: 5%}
.cols_mobile1 div {padding: 0}
.cols_mobile1 div .qtax, .cols_mobile1 div .minus, .cols_mobile1 div .plus{float: left !important}
.cols_mobile1 button {border-radius: 0; background: #b48586}
	
bar {z-index: 999; display:block !important; background:#b4cc04; width: 100%; height:185vw; position:fixed; top: 45vw; transition-delay: 0s; transition-duration: 1s}
bar div {color:#FFF; width: 100%; display: inline-block; overflow: hidden; cursor: pointer; padding: 0; margin: 0 0 0 0; float: left; border-bottom: 2px solid #FFF}
bar div a {color:#FFF; display: inline-block; width: 80%}
bar div img {float: left; width: 10%; margin-left: 1vw}
bar div p {float: left; padding: 0; margin: 2vw 0 1vw 3vw; font-weight: bold; font-size: 6vw}
cover {width: 100%; background: rgba(0,0,0,0.50); position: absolute; top: 0; left: 0; height: 100px; z-index: 10; display: none}
	bar #closemenu {display: none}	
	.login {width: 95%;}	
	.login select, .login input {float: left; margin-left: 5% !important;}
	
	
	
}