/** CSS Document */
/* AUTORE ------ COLOMBO3000           	*/
/* SITO: ------- www.colombo3000.com	*/
/* DATA -------- 06/2014                */
/* CLIENTE ----- SOCIETA AGRICOLA PORTINARI     */
/* FRAMEWORK --- Bootstrap 3.3.2        */
/* CSS Document */


/*****************************************************************************/
/*FONT
font-family: 'Josefin Slab', serif;
font-family: 'Roboto', sans-serif;
/*****************************************************************************/


@charset "UTF-8";

@font-face {
  font-family: "vini-portinari";
  src:url("../fonts/vini-portinari.eot");
  src:url("../fonts/vini-portinari.eot?#iefix") format("embedded-opentype"),
    url("../fonts/vini-portinari.woff") format("woff"),
    url("../fonts/vini-portinari.ttf") format("truetype"),
    url("../fonts/vini-portinari.svg#vini-portinari") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "vini-portinari" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="portinari-"]:before,
[class*=" portinari-"]:before {
  font-family: "vini-portinari" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.portinari-passito:before {
  content: "a";
}
.portinari-soave:before {
  content: "b";
}
.portinari-soave-classico:before {
  content: "c";
}
.portinari-spumante:before {
  content: "d";
}

.banner-img {
  max-width: 100%;
}

/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/
body{ background:#f7f4ef; font-family: 'Roboto', sans-serif; color:#4c3b2d; font-size:14px; line-height:24px; }

.clear{ clear:both; }
a, a:hover, a:focus{color:#4c3b2d; text-decoration: none;}

/*SUPERSIZED*/
img.no-resize{max-width:none !important;}


h1{font-size:48px; color:#806855; font-family: 'Josefin Slab', serif; text-align: center; padding:40px 0 20px 0; }
h2{font-size:32px; color:#bba856; font-family: 'Josefin Slab', serif; text-align: center; font-weight:bold; font-style:italic;}

h3{font-size:36px; text-align: center; font-weight:300; line-height:48px; margin:30px 0 20px 0; color: #897A60;}
h3 span{color:#cabb78; font-weight:400;}

h4{font-size:25px; text-align: center; font-weight:300; line-height:48px; margin:30px 0 20px 0; color: #897A60;}
h4 span{color:#cabb78; font-weight:400;}


/*****************************************************************************/
/*HEADER*/
/*****************************************************************************/
header{position:relative;top:0; background:url(../img/shadow.png) top center no-repeat; padding:20px 0 80px 0;}
header p{font-size:24px; color:#f7f4ef; font-weight:300;text-align: center; padding-bottom:20px;}
header ul{text-align: center; font-size:18px;}
header ul li a, header ul li a:hover, header ul li a:focus{color:#f7f4ef; }
header ul.dropdown-menu {min-width: 50px; left:47px;}
header li ul.dropdown-menu li a{ color:#4c3b2d; font-size:14px;}
header li ul.dropdown-menu li.act a{color:#4c3b2d; }
header li ul.dropdown-menu > li > a:focus, header li ul.dropdown-menu > li > a:hover{background:none;color:#4c3b2d; display: block;}
header i{padding-right:10px;}
header p a, header p a:hover{color:#f7f4ef;}
header .border{border-bottom:1px solid #897a60;}



/*****************************************************************************/
/*NAV*/
/*****************************************************************************/
nav{padding:10px 0;}
.link{position:relative;width:100%; background:#897a60;}
.home{position:fixed; bottom:0; width:100%; background:#897a60;}
.logo{}
.img-soave{display: none;}

ul.menu{text-align: center; margin-top:60px;}
ul.menu li {display: inline;}
ul.menu li a{color:#f7f4ef; text-shadow:none;font-size:24px; padding:0 14px 25px 14px; font-family: 'Josefin Slab', serif;}
.deu ul.menu li a{color:#f7f4ef; text-shadow:none;font-size:22px; padding:0 10px 25px 10px; font-family: 'Josefin Slab', serif;}
ul.menu li a i{font-size:24px;}
ul.menu li:first-child a{border-left:none;}
ul.menu li a:hover, ul.menu li.act a{color:#f7f4ef;background:url(../img/acc.png) center 25px no-repeat;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background:none;}

ul.menu li ul.dropdown-menu{background-color:#F7F4EF; box-shadow:none; min-width:auto !important; padding:5px 10px; margin-top:10px; position:relative; float:right; clear:both;}
ul.menu li ul.dropdown-menu li a{color:#4c3b2d; font-size:18px; text-align: center; padding:5px 10px 12px 10px;}

/*****************************************************************************/
/*MAIN*/
/*****************************************************************************/
main{}
main p{text-align: justify; padding:10px 20px; font-weight:300;}
main p span{font-weight:500;}
main p span a{text-decoration: underline;}

/*Slide*/
#slide{position:relative; padding:0; top:0; left:0;}
.carousel.fade {opacity: 10;}
.carousel.fade .item { -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; 
  transition: opacity ease-in-out .7s; left: 0 !important; opacity: 0; top:0; position:absolute; width: 100%; display:block !important; z-index:1; }
.carousel.fade .item:first-child {top:auto; position:relative; } 
.carousel.fade .item.active {opacity: 10; -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; 
  -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; z-index:2; }


.carousel-indicators{bottom:10px;}

/*Map*/
#map{position:relative; height: 450px;}

/*Vini*/
.vini{background:#e8e2d8;}
.vini ul li{padding:40px 48px;}
.vini ul li i{font-size:100px;line-height:0;}
.vini p{font-size:14px; font-weight:300;text-align: center; margin-top:-40px; padding:0;}
.vini p span{font-weight:400;}
.bottle{ padding:20px 0;}
.bottle img{margin:0 auto;}

/*Pdf*/
.pdf{background:#E8E2D8;}
.pdf p{font-size:14px; text-align: center; text-transform: uppercase;}
.pdf p i{font-size:24px;padding-right:10px;}

/*Nav tabs*/
.nav-tabs{border-bottom:none;}
ul.nav{text-align: center;}
.nav-tabs > li.active > a i{color:#cabb78;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background:none; border:none;color:#4c3b2d; margin:0; padding:0; border-radius:0;}
.nav-tabs li a:hover, .nav-tabs > li > a, .nav-tabs > li > a:hover{ border:none;background:none;margin:0; padding:0;}

/*Form Control*/
.form-control{background:none; box-shadow:none;border-radius:20px; border:1px solid #E2E0DC; margin:5px 0;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#E2E0DC; color:#806855;font-weight: 300;}
.form-control::-moz-placeholder{color:#806855;font-weight: 300;}
label{font-weight:300; margin:10px 0;font-size:12px; text-align: center;}
.bg-danger{background:none; text-align: center; font-size:18px;}
.bg-danger i{font-size:30px;}
.inviato {font-size:48px;}


/*****************************************************************************/
/*BTN*/
/*****************************************************************************/
.btn {
  font-size: 14px;
  border: 1px solid #bba856;
  padding: 10px 25px;
  color:#bba856;
  border-radius:20px;
  background:none;
  margin-bottom:5px;
  -webkit-transition: background 150ms ease-out;
	-moz-transition: background 150ms ease-out;
	-ms-transition: background 150ms ease-out;
	-o-transition: background 150ms ease-out;
	transition: background 150ms ease-out;

}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  outline: none;
  color: #F7F4EF;
  background:#bba856;
  -webkit-transition: background 250ms ease-in;
	-moz-transition: background 250ms ease-in;
	-ms-transition: background 250ms ease-in;
	-o-transition: background 250ms ease-in;
	transition: background 250ms ease-in;
}
.btn:active,
.btn.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #F7F4EF;
}




/*****************************************************************************/
/*FOOTER*/
/*****************************************************************************/
footer{ border-top:1px solid #897A60; margin-top:20px; padding-bottom:10px;}
footer p{font-size:14px; padding:25px 0; color:#806855;}
footer p i{font-size:20px; padding-right:10px;}
.align{text-align:right;}
footer .credit p{font-size:12px; padding:15px 0;}



/*POLICY COOKIES*/
#policy-cookie{position: relative;top:0;right:0;margin:0;font-size:11px;color:#fff;z-index: 2000; width:100%; background:#7F7056;}
-webkit-animation: fadein 1.5s; -moz-animation: fadein 1.5s; -ms-animation: fadein 1.5s; -o-animation: fadein 1.5s; animation: fadein 1.5s;} 
@keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-webkit-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-ms-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-o-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } 
.policy-cookie-txt{float:left;padding:8px 10px;background: #7F7056; width:90%;}
.policy-cookie-txt a{text-decoration: underline;color:#fff;}
.policy-cookie-btn{float:left;text-align: center;padding:15px 10px;background: #7F7056;height: auto; width:10%;}
.policy-cookie-btn a{padding:3px 15px;color:#fff; background:#897A60; border-radius: 10px;line-height:34px;font-size: 15px;}
.policy-cookie-btn a:hover{color:#fff;cursor: pointer; background:;}

/*****************************************************************************/
/*MEDIA QUERY*/
/*****************************************************************************/

@media (max-width: 1920px){

  .vini ul li{padding:40px 69px;}

  /*text*/
  .text{height:746px;}

}

@media (max-width: 1680px){

  .vini ul li{padding:40px 50px;}

  /*text*/
  .text{height:663px;}

}

@media (min-width: 1400px) and (max-width:1600px) {

  .vini ul li{padding:40px 32px;}

  /*text*/
  .text{height:619px;}

  .bottle{padding:0;}

} 

@media (max-width: 1400px) {

  /*Vini*/
  .vini ul li{padding:40px 32px;}
  .bottle img{width:60%;}

  /*text*/
  .text{height:543px;}

}  

@media (min-width:1200px) and (max-width: 1366px) {

  /*Vini*/
  .vini ul li{padding:40px 22px;}

  /*text*/
  .text{height:530px;}

}  

@media (min-width:1029px) and (max-width: 1200px) {

  /*Menu*/
  ul.menu li a{padding:0 15px 25px 15px;}

  /*text*/
  .text{height:400px;}

  h1{font-size:40px;padding:20px 0;}
  h2{font-size:26px;}
  h3{font-size:30px; margin-top:10px;}

  main p{font-size:14px; padding:10px 5px;}
  .panel-body{padding:0;}


  /*Vini*/
  .vini ul li{padding:30px 11px;}
  .vini p{font-size:13px;}

  /*Menu*/
  ul.menu li a{padding:0 4px 25px 14px;}

  /*POLICY COOKIE*/
  .policy-cookie-txt{width:80%;}
  .policy-cookie-btn{width:20%;}

}

@media (min-width:992px) and (max-width: 1028px) { 
  
  /*Menu*/
  ul.menu li a{font-size:20px; padding:0 10px 0 10px;}
  
  /*Vini*/
  .vini ul li{padding:30px 10px;}

  /*Bottle*/
  .bottle img{width:60% !important;}

  /*text*/
  .text{height:390px;}

  main p{padding:10px;}

  /*POLICY COOKIE*/
  .policy-cookie-txt{width:80%;}
  .policy-cookie-btn{width:20%;}

 } 

@media (max-width: 992px) {	
  h1 {font-size: 36px; padding: 10px 0; }
  h2 {font-size: 20px; line-height:30px;}


  /*nav*/
  ul.menu {margin-top:35px;}
  ul.menu li a{font-size:19px; padding:0 10px;}
  .deu ul.menu li a{padding:0 4px 25px 4px; font-size:20px;}
  ul.menu li ul.dropdown-menu{min-width:70px;}

  /*Main*/
  main p{font-size:13px; line-height:18px;}

  /*Vini*/
  .vini ul li{padding:30px 7px;}
  .vini ul li i{font-size:90px;}
  .vini p{font-size:13px;}
  

  /*Bottle*/
  .bottle img{width:60% !important;}

  /*Header*/
  header p{font-size:18px;}

  /*Lingue*/
  li#lingue a{font-size:18px;}

  /*POLICY COOKIE*/
  .policy-cookie-txt{width:80%;}
  .policy-cookie-btn{width:20%;}

}

@media(max-width: 930px) {

  .policy-cookie-btn{padding: 27px 10px;}

}


@media (min-width:768px) and (max-width: 930px) {

  /*Vini*/
  .vini ul li{padding:30px 4px;}

   /*Bottle*/
  .bottle img{width:auto !important;}

  /*Menu*/
  ul.menu li a{font-size:18px; padding:0 5px;}

  .policy-cookie-btn{padding: 27px 10px;}

} 

@media (max-width: 768px){
  
  h1{font-size:40px;}
  h2{font-size:26px;}
  h3{font-size:36px;}


  /*Header*/
  header p{font-size:18px;}
  header ul.dropdown-menu{left:25px;}  

  /*nav*/
  ul.menu {margin-top:40px;}
  ul.menu li a{font-size:18px; padding:0 1px 25px 1px;}
  .deu ul.menu li a{font-size:15px; padding:0 1px 20px 1px;}

  /*Main*/
  main p{font-size:16px; line-height:24px;}

  /*Vini*/
  .vini ul{text-align:center;}
  .vini ul li{padding:30px 40px;}
  .vini ul li i{font-size:100px;}
  .bottle img{width:18%;}

  /*Text*/
  .text{height:auto !important;}
  
  .bottle img{width:20%;}

  /*POLICY COOKIE*/
  .policy-cookie-btn{padding:27px 10px;}
  .policy-cookie-btn.eng{padding:15px 10px;}

}

@media (max-width: 767px) {
  /*nav*/
  nav{padding:0;}

  header p i{font-size:26px; padding:0 10px;}


  /*MENU TOP*/
  .navbar-toggle .icon-bar{background: #F7F4EF;}
  .navbar-brand {color:#F7F4EF; font-weight: 300; text-transform: uppercase;}
  .navbar-collapse{max-height: none;}
  .navbar-nav{margin:10px 0;}

  /*Footer*/
  footer p{padding:10px 0;}
  .align{text-align: left;}
 
  /*Vini*/
  .vini ul li{padding:30px 8px;}
  .vini ul li i{font-size:75px;}

  .bottle img{width:auto !important;}

  /*Lingue*/
  li#lingue{bottom:20px; color:#F7F4EF;}
  li#lingue a{display: inline;}
  li#lingue a:hover{background:none;}

  .home{position:relative;}

  /*POLICY COOKIE*/
  .policy-cookie-txt{width:90%;}
  .policy-cookie-btn{width:10%;}

  /*TABLE*/
  .table-responsive{border:none;}

  /*POLICY COOKIE*/
  .policy-cookie-txt, .policy-cookie-btn{width:100%;}
  .policy-cookie-btn{padding:10px;}
  
  /*LOGO*/
  .logo{margin-top:10px;}

}

@media (max-width: 480px) {


  /*Vini*/
  .vini ul li{padding:30px 18px;}
  .vini ul li i{font-size:100px;}
}


@media (max-width: 384px) {

  h3, h1{font-size:32px;}
  h2{font-size:24px;}

  /*Vini*/
  .vini ul li{padding:30px 4px;}
  .vini ul li i{font-size:80px;}

}