/* CSS Document */
/* AUTORE ------ COLOMBO3000           	*/
/* SITO: ------- www.colombo3000.com	*/
/* DEVELOPER: -- @filippodlc	        */
/* DATA -------- 07/2014                */
/* CLIENTE ----- MONTE SALINE           */
/* FRAMEWORK --- Unsermantic            */
/* CSS Document */

/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/


.button{
  
  top: 100px;
  left: 100px;
  padding: 20px 100px;
  color: white;
  font-family: b yekan, b koodak, tahoma;
  font-size: 18px;
  text-transform: uppercase;
  background: rgb(10, 75, 85);
  border-radius: 10px;
  border-bottom: 4px solid rgb(10, 120, 120);
  transition: 0.1s all ease;
}

.button:hover{
/*  transform: scale(1.05);*/
}

.button:active{
  transform: translateY(4px);
  border: 0px;
}
.button1{
  
  top: 100px;
  left: 100px;
  padding: 20px 100px;
  color: black;
  font-family: b yekan, b koodak, tahoma;
  font-size: 18px;
  text-transform: uppercase;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  border-bottom: 4px solid rgb(255, 10, 10);
  transition: 0.1s all ease;
}

.button1:hover{
/*  transform: scale(1.05);*/
}

.button1:active{
  transform: translateY(4px);
  border: 0px;
}
.button2{
  
  top: 100px;
  left: 50px;
  padding: 20px 100px;
  color: black;
  font-family: b yekan, b koodak, tahoma;
  font-size: 18px;
  text-transform: uppercase;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  border-bottom: 4px solid rgb(10, 200, 10);
  transition: 0.1s all ease;
}

.button2:hover{
/*  transform: scale(1.05);*/
}

.button2:active{
  transform: translateY(4px);
  border: 0px;
}

@font-face {
  font-family: 'BKoodakBold';
  src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}



	.byekan {
font-family: b yekan, Tahoma, Helvetica,Arial,sans-serif;}

@font-face {
     font-family: 'B Koodak';
     src: local('☺'),
     local('B Koodak'),
     url('fonts/202b9296acdd7c9e95dbd4cb66be7224c7a939191901931.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
	font-family: 'b yekan';
	src: url('fonts/byekan.eot');
	src: local('☺'), url('fonts/byekan.woff') format('woff'),
	url('fonts/byekan.ttf') format('truetype'),
	url('fonts/byekan.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{height:600px !important;}

body{ background: url(bg-site.jpg) no-repeat center center fixed; font-family: b yekan, B Koodak, tahoma; color:#303030; font-size:16px; overflow-x: hidden;}
body.loading{ overflow: hidden;}
body.loaded{ overflow-y: auto;}

.clear{ clear:both; }

a{text-decoration: none;}

h1, h2, h3, h4, h5, h6{font-family: b yekan, b koodak, tahoma, serif;}

#site{overflow: hidden; max-width: 1920px; margin: 0 auto; }
/*****************************************************************************/
/*LOADER*/
/*****************************************************************************/
#loader-container{position: fixed;top:0;left:0;width:100%;height: 100%;background: #303030;overflow: hidden;z-index: 100000000;}
#loader{position:absolute;top:50%;left:50%;width:500px;height:120px;margin-top:-60px;margin-left:-250px;}
.container-load{position:relative;width:278px;height:46px;margin:0 auto;margin-bottom:5px;}
.load-time{height:46px;width:0;overflow: hidden;background: url(../img/loader/load.png) 0 0 no-repeat;}

/*****************************************************************************/
/*VIDEO*/
/*****************************************************************************/
.video-home {position:relative; height:100%; width:100%; overflow: hidden; background:url(../img/video-mob.jpg) center;background-size: cover;}
.video-home video {min-width: 100%; min-height: 100%; }
.video-home h1 {font-family: 'Great Vibes', cursive;position: absolute;top:50%;left:50%;text-align:center;color:#F0EBDE;font-size:80px;color:#F0EBDE;font-weight:100;
	width:990px;height:190px;margin-left:-495px;margin-top:-95px;line-height: 120px;text-shadow:1px 1px #303030;}
.video-home h1 span.big{font-size:100px;}
.video-home h1 span.arrow{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: upDown; animation-name: upDown; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.video-home h1 span.arrow:hover{cursor: pointer;}
/*****************************************************************************/
/*PIC*/
/*****************************************************************************/
.shopic-home {position:relative; height:100%; width:100%; overflow: hidden; background:url(../img/video-mob.jpg) center;background-size: cover;}
.shopic-home img {min-width: 100%; min-height: 100%; }
.shopic-home h1 {font-family: 'Great Vibes', cursive;position: absolute;top:50%;left:50%;text-align:center;color:#F0EBDE;font-size:80px;color:#F0EBDE;font-weight:100;
	width:400px;height:190px;margin-left:-495px;margin-top:-95px;line-height: 120px;text-shadow:1px 1px #303030;}
.shopic-home h1 span.big{font-size:100px;}
.shopic-home h1 span.arrow{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: upDown; animation-name: upDown; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.shopic-home h1 span.arrow:hover{cursor: pointer;}
/*****************************************************************************/
/*TOP*/
/*****************************************************************************/
header{width:100%;padding:0;position:fixed !important;z-index:90000;}
.logo{}
.logo img{padding:15px 30px; }

.btn-menu{padding:28px; redius:9px; float:left;width: 32px;}
.btn-menu:hover{cursor: pointer;}
.btn-menu span.line{display:block;width:30px;padding:2px;margin:5px 0;background:#FABB14;}
.btn-menu span.line{position: relative; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.btn-menu.open {padding:37px 28px;} 
.btn-menu.open span.line:nth-child(1){position: absolute; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateRight; animation-name: rotateRight; } 
.btn-menu.open span.line:nth-child(2){-webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.btn-menu.open span.line:nth-child(3){position: absolute; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateLeft; animation-name: rotateLeft; }



/*****************************************************************************/
/*MENU*/
/*****************************************************************************/
nav{}

#menu{position: fixed;top:0;left:0;float:left;width:250px;z-index: 10;overflow-y: auto;max-height: 100%;}
/*#menu.disable{display: none;}*/
#menu.enable{display: block;}
#menu.enable ul#lang{border-bottom:1px solid #ebba00;}
#menu.disable ul#lang{border-bottom:none;}
#menu a{color:#000;text-transform: uppercase;}
ul#lang{padding:10px 25px; height:67px;}
ul#lang li{float:left;padding:26px 20px 10px 0;font-size:16px;}
ul#lang li a:hover{color:#ebba00;}
ul#link{padding:10px 0;}
ul#link li{}
ul#link li a{display:block;padding:10px 25px;}
ul#link li a:hover{
	color:#303030;
	background: #849A9C;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

/*****************************************************************************/
/*CONTAINER*/
/*****************************************************************************/
#container{z-index:80000;}
#container.internal{margin-top:88px;}

/*****************************************************************************/
/*IMG BOX*/
/*****************************************************************************/
.img-box{position: relative;width:100%;background-size: cover ;}

/*****************************************************************************/
/*WINE*/
/*****************************************************************************/
#wine{}
#wine.wine-cont{padding-top:83px;}

/*Wine home*/
.wine-new-img .img-box{background: url(3.jpg) center; size:70%;}

.wine-new{background:#f0ebde;text-align: center;color:#333;}
.wine-new h3{font-size:40px;font-weight: 100;padding:60px 0 40px 0;}
.wine-new h3 span{font-size:30px;}

.wine-tit{background:#222;text-align: center;color:#F0EBDE;}
.wine-tit h3{font-size:40px;font-weight: 100;padding:90px 0 0 0;}

.wine-link{height:315px;}
.wine-link a{text-align: center;display: block !important;color:#F0EBDE;font-weight: 100;font-size:30px;line-height: 120px;padding:20px 0;font-family: b yekan, tahoma, 'Cinzel', serif;
	-webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
.wine-link a:nth-child(1){background:#454545;height:50%;}
.wine-link a:nth-child(2){background:#551A8B;height:50%;}
.wine-link a:hover{
	background:#F0EBDE;
	color:#303030;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

/*Wine Page*/
#wine-tab{border-bottom:3px solid #F0EBDE;position: fixed;z-index: 20000;margin-top:88px;}
#wine-tab ul li{width:50%;float:left;text-align: center;font-family: 'Cinzel', serif;}
#wine-tab ul li a{display: block;padding:20px 0;color:#F0EBDE;font-size:30px;background: #454545;cursor: pointer;
	-webkit-transition: color 250ms linear;
    -moz-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    -ms-transition: color 250ms linear;
    transition: color 250ms linear;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
#wine-tab ul li a:hover{
	color:#F0EBDE;
	-webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
#wine-tab ul li.act a{background: #F0EBDE;color:#303030;}

.wine-list{position:relative;border-bottom:1px solid #454545;border-right:1px solid #454545; text-align: center;padding:30px 0;overflow: hidden;}

.desc-wine{position:absolute;top:0;height:100%;background: rgba(48,48,48,0.9);z-index: 2000;}
.desc-wine{color:#F0EBDE;text-align: center;}
.desc-wine h3{font-size:35px;padding-top:30px;color:#d3a906;}
.desc-wine h4{font-size:25px;padding-bottom:30px;color:#d3a906;}
.desc-wine p{font-size:18px;font-weight: 300;}
.desc-wine p span{font-size:14px;}
.desc-wine i.normal{font-size:50px;}
.desc-wine i.magnum{font-size:70px;}

.vinifermi-cont{position: relative;}

/*****************************************************************************/
/*TXT*/
/*****************************************************************************/
#text{}
#text.tradizione{background: url(../img/tradizione.jpg) top center;}
#text.innovazione{background: url(../img/innovazione.jpg) top center;}
#text.vigneti{background: url(../img/vigneti.jpg) top center;}
#text.cantina{background: url(../img/cantina.jpg) top center;}

.desc-text{background: rgba(240, 235, 222, 0.9);}
.desc-text h1{padding:30px 30px 0 30px ; font-size: 60px; text-align: center;}
.desc-text p{padding:30px 60px 60px 60px; text-align: justify;}


/*****************************************************************************/
/*BLOG*/
/*****************************************************************************/
.blog-list{opacity:0;border-bottom: 1px solid #454545;border-right: 1px solid #454545;position: relative;padding-bottom:20px;}
.blog-list-img{height: 450px;overflow: hidden;}
.blog-list-img img{width:100%;}
.blog-list-img-hover{opacity:0;position: absolute;top:0;left:0;width:100%;height: 450px;display: block;text-align: center;font-size:50px;background: rgba(204, 190, 158, 0.5);}
.blog-list-img-hover a{display: block;color:#F0EBDE;}
.blog-list-img-hover i{padding:220px 0;}
.blog-list-desc{padding:30px 60px;color:#F0EBDE;}
.blog-list-desc h2{font-size:30px;padding-bottom:20px;}
.blog-list-desc .date{font-weight: 200;}
.blog-list-desc .btn-readmore{padding-top:30px;text-align: center;}

img.grande{width: 100%;margin:30px 0;}


#pagination{padding:60px 0;}
.pagination,
.pagination ul {float: left; position: relative; } .pagination { left: 50%; }
.pagination ul { left: -50%; }
.pagination ul li{ float: left;}
.pagination ul li a{background: #454545;color:#F0EBDE;padding:10px 20px;border:1px solid #303030;}
.pagination ul li a:hover{background: #F0EBDE;color:#303030;}
.pagination ul li.act a{background: #F0EBDE;color:#303030;}

#guestbook-cont{background:#F0EBDE;padding:20px 60px; }
#guestbook-form{width: 100%;}
#guestbook-form table{width: 100%;}
#guestbook-form table tr td{padding:5px 0; }
#guestbook-form table tr td:first-child{width: 120px;}
#guestbook-form input[type="text"]{width: 100%;color:#303030; font-size:16px;border-bottom:1px solid #ccc;}
#guestbook-form input[type="submit"]{cursor: pointer;}
#guestbook-form textarea{color:#303030; font-size:16px;border-bottom:1px solid #ccc;}
#guestbook-form a{color:#303030;font-size:25px;}

/*Answers*/
#guestbook-answers{ position:relative;top:0;left:0;width:100%;background:red; }
#guestbook-answers input[type="button"]{cursor: pointer;}
.guestbook_0, .guestbook_1, .guestbook_2, .guestbook_3, .guestbook_3, .guestbook_4, .guestbook_6, .guestbook_7{ padding:10px;}

.guestbook_0{ background:#f7f4ed; }
.guestbook_1, .guestbook_2, .guestbook_3, .guestbook_3, .guestbook_4, .guestbook_6, .guestbook_7{ background:#f9f9f7; }

.administrator{ background:#F6FCCC; }

.guestbook_author, .guestbook_title, .guestbook_message, .guestbook_reply{ padding:3px; }
.guestbook_author{ font-size:12px; }
.guestbook_message{ font-size:14px; }
.guestbook_title{ font-weight:bold; }
.guestbook_modify{ font-weight:bold; }

.messageStackError{ background:#FFF0EB; color:#963E27; }
.messageStackWarning{ background:#FFFAE6; color:#6A4F16; }
.messageStackSuccess{ background:#FAFFE6; color:#51621C; }
.messageStackError, .messageStackWarning , .messageStackSuccess{ margin-bottom:15px; font-size:90%; }
.messageStackError a, .messageStackWarning a, .messageStackSuccess a{ color:#222224; }
.messageStackError img, .messageStackWarning img, .messageStackSuccess img{ float:left; }
.messageStackTxt{ float:left; padding:15px 5px; font-size:120%;}


/*****************************************************************************/
/*DOVE TROVARE I NOSTRI VINI*/
/*****************************************************************************/
.search-menu{ color:#F0EBDE; }
.search-menu h1{ font-size:40px;text-align: center; padding:20px 0;}
.search-menu p{ padding:0  20px 20px 20px; text-align: justify;}
.search-menu ul{ width:70%;margin:25px 15%;}
.search-menu ul li { text-align: center;}
.search-menu ul li a{ color:#F0EBDE;}
.search-menu ul li i{ font-size:25px;margin-top:15px;}
.search-menu ul li i.bar{ color:#f1c40f; }
.search-menu ul li i.ristoranti{ color:#e67e22; }
.search-menu ul li i.enoteche{ color:#9b59b6; }
.search-menu ul li input[type="text"], .search-menu ul li input[type="submit"], .search-menu ul li select{ width:100%;}
.search-menu ul li input[type="text"], .search-menu ul li textarea, .search-menu ul li select{ font-size:16px;border-bottom:1px solid #ccc;}
.search-menu ul li input[type="submit"]{ cursor:pointer;}
.search-menu ul li select{ border: 0 !important;-webkit-appearance: none;-moz-appearance: none;background:url(../img/arrow.png) no-repeat 98% 50% #303030;}

.response{text-align: center;}
.response i{font-size:120px;}
.response a{color:#F0EBDE;}

.tooltip{}
.tooltip h5{ font-size: 20px;}
.tooltip h6{ font-size: 16px;}
.tooltip p a{ color:#303030;}

/*****************************************************************************/
/*ASIDE*/
/*****************************************************************************/
.photo{position:relative;overflow: hidden;border-right:4px solid #303030 ;border-bottom:4px solid #303030 ;height: 433px;}
.desc-photo{position:relative;background: #303030;color:#F0EBDE; padding:20px;font-size:12px;min-height: 110px;}
a .hover-photo{opacity:0;position: absolute;top:0;left:0;width:100%;height: 450px;display: block;text-align: center;font-size:50px;background: rgba(204, 190, 158, 0.5);}
a .hover-photo {display: block;color:#F0EBDE;}
a .hover-photo i{padding:160px 0;}

/*****************************************************************************/
/*ASIDE*/
/*****************************************************************************/
#box{position:relative;z-index: 25000;}

#box-blog{background:#ccbe9e;padding-bottom: 4px;}
#box-blog h4{text-align: center;padding:20px 0;font-size:40px;font-weight: 100;border-bottom: 1px solid #aaa08a;}
.box-blog-new{padding:21px 20px;margin-bottom: 20px;}
.box-blog-new-img{max-height: 290px;overflow: hidden;}
.box-blog-new-img img{width:100%;}
.box-blog-new h3{font-size:23px;font-weight: 400;}
.box-blog-new span.date{font-size:13px;}
.box-blog-new p{padding:10px 0 30px 0;text-align: justify;}


#i-nostri-vini{background:#cc9873;}
.i-nostri-vini-img .img-box{background-image:url(1.jpg);}
.i-nostri-vini-content{text-align: center;}
.i-nostri-vini-content h5{font-size:40px;color:#F0EBDE;font-weight: 100; line-height: 40px;padding:90px 0 30px 0;}

#contact{background:#997f6e;}
#contact a{color:#F0EBDE;}
.contact-img .img-box{background-image:url(2.jpg);background-size: cover;}
.contact-content{text-align: center;font-weight: 100; }
.contact-content h5{font-size:40px;color:#F0EBDE;font-weight: 100;line-height: 40px;padding:30px 0 30px 0;border-bottom: 1px solid #bdab9c;}
.contact-content ul{padding:57px 0 0 0; }
.contact-content ul li{font-size:25px;padding:5px 0;color:#F0EBDE; }

/*****************************************************************************/
/*FOOTER*/
/*****************************************************************************/
footer{position:relative;background: #222222;}
footer a{color:#F0EBDE;}
footer p{padding:30px 15px;font-size:12px;color:#F0EBDE;}
#credit p{text-align: right;}


/*****************************************************************************/
/*BTN*/
/*****************************************************************************/
.btn{
	padding:10px;
	border: 1px solid rgba(255,255,255,0.5);
	background:none;
	color:#F0EBDE;
	font-weight: 100;
}
.btn:hover{
	background: #f0ebde;
	color:#303030;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.btn.black{
	border: 1px solid rgba(48,48,48,0.5);
	color:#303030;
}
.btn.black:hover{
	background: #303030;
	color:#f0ebde;
}
.btn span{background: #F0EBDE;padding:3px 10px;border-radius: 50px;color:#303030;}
.btn:hover span{background: #303030;color:#F0EBDE;}

.btn.black span{background: #303030;padding:3px 10px;border-radius: 50px;color:#F0EBDE;}
.btn.black:hover span{background: #F0EBDE;color:#303030;}

/*****************************************************************************/
/*INPUT*/
/*****************************************************************************/
select, textarea,
input[type=file], input[type=text], input[type=tel], input[type=password],
input[type=email], input[type=url], input[type=date], input[type=number],
input[type=time], input[type=date],
input.date {
	width:100%;
    border: none;
    padding: 6px 0;
    margin:5px 0;
    box-shadow: 0 1px 0 #777777;
	background-color:#f4f4f4;
	color:#F0EBDE;
	font-family: 'Roboto', sans-serif;
	background:none;
}

label {display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; }
.wrapper {width: 500px; margin: 50px auto; } 
input[type=radio], input[type=checkbox] {display: none; }
label:before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #aaa; box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); }
.radio label:before {border-radius: 8px; } 
.checkbox label {margin-bottom: 10px; width: 50px; top:-8px; }
.checkbox label:before {border-radius: 3px; }
input[type=radio]:checked + label:before {content: "\2022"; color: #F0EBDE; font-size: 30px; text-align: center; line-height: 18px; }
input[type=checkbox]:checked + label:before {content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; color: #F0EBDE; text-align: center; line-height: 15px; }

/*****************************************************************************/
/*RESIZE MEDIA*/
/*****************************************************************************/

@media (max-width: 1200px) {
	

}
@media (max-width: 1024px) {

    .video-home h1 {font-size:110px;color:#F0EBDE;font-weight:100;width:750px;height:190px;margin-left:-375px;margin-top:-95px;line-height: 90px;}
    .video-home h1 span.big{font-size:50px;}
    .video-home h1 span.arrow{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: upDown; animation-name: upDown; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
    .video-home h1 span.arrow:hover{cursor: pointer;}

	.wine-new h3{padding:40px 0;}

	.i-nostri-vini-content, .contact-content{height:300px;}

	.i-nostri-vini-content h5{padding:60px 0;font-size: 40px;}

	.contact-content h5{font-size: 40px; }
	.contact-content ul{padding:20px; }
	.contact-content ul li{font-size:18px;}
	

}
@media (max-width: 767px) {
    
    #container.internal{margin-top:65px;}

	.logo img{padding:12px 13px; width:29%;margin-left:140px;}
	.btn-menu{padding:17px 18px;width: 35px;}
	.btn-menu.open {padding:26px 18px;} 

	ul#lang{padding:0 25px;height:64px;}

	.video-home h1 {left:0;font-size:60px;padding:15px 0;
	width:100%;height:120px;margin-left:0;margin-top:-60px;line-height: 50px;text-shadow:1px 1px #303030;}
    .video-home h1 span.big{font-size:20px;}
	.video-home h1 span.arrow{color:#F0EBDE; font-size:50px;}

	.wine-tit {padding-bottom: 40px;}
	.wine-tit h3{padding:40px 0 0 0;}
	
	.wine-new{padding-bottom:40px;}
	.wine-new h3{padding:40px 0;}
		

	.i-nostri-vini-content{height:200px;}
	.contact-content{height:250px;}

	#i-nostri-vini{padding-bottom:35px;}
	.i-nostri-vini-content h5{padding:30px 0;}
    
    .desc-text h1{font-size:30px;}
    .desc-text p{padding:20px;}

	#contact{padding:20px;}
	.contact-content ul{padding:20px; }
	.contact-content ul li{font-size:18px;}

    #wine-tab{margin-top:65px;}
    #wine-tab ul li a{padding:10px 0;font-size:25px;}
    
    #wine.wine-cont{padding-top:30px;}
    .wine-list img{width:35%;}
    .desc-wine h3{font-size:25px;padding-top:20px;}
    .desc-wine p{font-size:16px;}
    .desc-wine p span{font-size:14px;}

    .blog-list-img{height: 200px;}
    .blog-list-desc{padding:20px;}
    .box-blog-new-img{max-height: 175px;}
    #guestbook-cont {padding:20px;}

    .pagination ul li{ display: none;}
    .pagination ul li.prev, .pagination ul li.next{ display: inherit;}


}
@media (max-width: 480px) {

	.logo img{padding:12px 13px; width:50%;margin-left:30px;}
	.btn-menu{padding:17px 18px;width: 35px;}
	.btn-menu.open {padding:26px 18px;} 	

}

/*****************************************************************************/
/*ANIMATION*/
/*****************************************************************************/

/*Fade Out*/
.fadeOut{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } } 
@keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }

/*Fade Out*/
.fadeIn{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeIn {0% {opacity: 0; } 100% {opacity: 1; } } 
@keyframes fadeIn {0% {opacity: 0; } 100% {opacity: 1; } }

/*Rotation Left*/
@-webkit-keyframes rotateLeft {0% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } 100% {-webkit-transform-origin: center; transform-origin: center; -ms-transform: translate(0,-14px) rotate(45deg); -webkit-transform: translate(0,-14px) rotate(45deg); transform: translate(0,-14px) rotate(45deg); } }
@keyframes rotateLeft {0% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; } 100% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -ms-transform: translate(0,-14px) rotate(45deg); -webkit-transform: translate(0,-14px) rotate(45deg); transform: translate(0,-14px) rotate(45deg); } }
/*Rotation Right*/
@-webkit-keyframes rotateRight {0% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } 100% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } } 
@keyframes rotateRight {0% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; } 100% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } }


/*Rotation Left*/
@-webkit-keyframes rotateLeft {0% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } 100% {-webkit-transform-origin: center; transform-origin: center; -ms-transform: translate(0,-14px) rotate(45deg); -webkit-transform: translate(0,-14px) rotate(45deg); transform: translate(0,-14px) rotate(45deg); } }
@keyframes rotateLeft {0% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; } 100% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -ms-transform: translate(0,-14px) rotate(45deg); -webkit-transform: translate(0,-14px) rotate(45deg); transform: translate(0,-14px) rotate(45deg); } }
/*Rotation Right*/
@-webkit-keyframes rotateRight {0% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } 100% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } } 
@keyframes rotateRight {0% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; } 100% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } }

/*UP & Down*/
@-webkit-keyframes upDown {0% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } 50% {-webkit-transform-origin: center; transform-origin: center; -ms-transform: translate(0,25px); -webkit-transform: translate(0,25px); transform: translate(0,25px); }100% {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; } }
@keyframes upDown {0% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; } 50% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -ms-transform: translate(0,25px); -webkit-transform: translate(0,25px); transform: translate(0,25px); }100% {-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; } }