/* 	
------------------------------------------------------------------------------------------------------------------
All sections are marked to make it easier to navigate and change the css.

1. Basic Element Styles 
2. Header
3. Feature Styles (Slider)
4. Services Styling
5. Testimonials Styling
6. Photobooth/Portfolio Styling
7. Twitter Feed Styling
8. Meet the Barbers
9. About Styling
10. Ghost Div(Devices)
11. Blog Section Styling
12. Contact section styling
13. Footer Styling
14. Button Styling

*/
/* *** 1. Basic Element Styles *** */
body {
background-color:#b6a59a;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: #666;
  margin: 0;
  padding: 0;
}

/* *** Add Market Deco Font  *** */
@font-face {
  font-family: "Market_Deco.ttf";
  src: url("Market_Deco.html") format("truetype");
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a:link {
  text-decoration: none;
  color: #3a3a3a;
}
img {
  max-width: 100% !important;
  vertical-align: middle;
  height: auto;
}
.ra {
  text-align: right;
}
a:active {
  text-decoration: none;
  color: #3a3a3a;
}
a:visited {
  text-decoration: none;
  color: #3a3a3a;
}
a:hover {
  text-decoration: none;
  color: #3a3a3a;
}
/* Heading Styles */
.feature .container .services h1.heading {
  font-size: 18px;
  letter-spacing:2px;
  color: #646464;
  font-weight: normal;
  text-align: center;
  font-family:Times New Roman, sans-serif;
  padding: 0 0 32px 0;
  text-transform: uppercase;
 margin-top:15px;
}

#servizi .container .barbers h1.heading, #gallery .container h1.heading {
  font-size: 18px;
  letter-spacing:2px;
  color: #646464;
  font-weight: normal;
  text-align: center;
  font-family:Times New Roman, sans-serif;
  padding: 0 0 32px 0;
  text-transform: uppercase;
 margin-top:40px;
}


#camere, #servizi, #posizione, #gallery, .cover, #contattiLeft{
    z-index:0;
}

#camere .services h1.heading{
  font-size: 18px;
  letter-spacing:2px;
  color: #fffefe;
  font-weight: normal;
  text-align: center;
  font-family:Times New Roman, sans-serif;
  padding: 0 0 32px 0;
  text-transform: uppercase;
 margin-top:40px;
}

#posizione .testimonials h1.heading {
  font-size: 18px;
  letter-spacing:2px;
  color: #fffefe;
  font-weight: normal;
  text-align: center;
  font-family:Times New Roman, sans-serif;
  padding: 0 0 32px 0;
  text-transform: uppercase;
clear:both;
}

#gallery{
    margin-bottom:20px;
}

h1.heading span {
  font-weight: bold;
}

h1.heading span.line_grey{
    background: url(../img/line_grey.png) no-repeat;
    width:35px;
    height:1px;
    display:inline-block;
    position:relative;
   
    
}

h1.heading span.line_white{
    background: url(../img/line_white.png) no-repeat;
    width:35px;
    height:1px;
    display:inline-block;
    position:relative;
   
    
}
.feature .container .services .lead {
  color: #646464;
  font-size: 16px;
  font-family:'Source Sans Pro', sans-serif;
}

#camere .services{
    width:960px;
    margin:0 auto;
}

#camere .services .lead {
  color: #ffffff;
  font-size: 16px;
  font-family:'Source Sans Pro', sans-serif;
  width:42%;
  float:left;
  text-align:left;
}

.thumbnail{
    margin-bottom:5px;
    display:block;
}

.slider_camere{
    float: left; 
    width: 42%; 
    margin-top:-18px;
}

.foto_camere{
    float:left;
    margin-left: 20px;
}
/* Padding for anchor Links */
#service,
#photobooth,
#barbers,
#blog,
#hello {
  padding: 20px 0;
}
/* *** Section Styles *** */
section {
  overflow: hidden;
}
.menu {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index:999;
  
  background:#277b08;
}

.menu .booknow{
    padding:14px 16px 14px 20px;
    color:white;
    font-size:14px;
    font-weight:bold;
    position:relative;
   top:2px;
    
}

.homebutton{
    
    
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.homebutton{
    
    padding:12px 0px 17px;
    
}
}
/* *** 2. Header *** */
.show-bg {
  background: #fff;
  position:absolute;
  width:100%;
  text-align:center;
  z-index:99;    
}

.bordino{
    height:3px;
    width:100%;
    background:#a82837;
}

.first_container{
   
    margin:0 auto;
}

header {
  /**
 * background: url("../img/knocker.png") no-repeat 50% 0;
 */
  max-height: 135px;
  clear:both;
  width:100%;
}

header nav.main {
  font-family: Times New Roman, sans-serif;
  font-size: 13px;
  overflow: hidden;
}
header nav.main ul {
  position: relative;
  margin: 0 auto;
 height:180px;
  overflow: hidden;
  clear:both;
}
header nav.main ul li {
  display:inline;
  margin: 55px 0;
  /**
 * border-top: 1px solid #c1bfbf;
 *   border-bottom: 1px solid #c1bfbf;
 */
  padding: 0px 10px;
  border-right:1px dotted #60000b;
  position: relative;
  top:-10px;
}

header nav.main ul li.prev_logo {
 
  border: none;
  
}

header nav.main ul li.ign {
  padding: 10px;
  border: none;
  margin: 0;
  width:212px;
  top:10px;
}



header nav.main ul li.last {
  padding: 0px 0px 0px 10px;
  border: none;

}

header nav.main ul li a {
  color:#60000b;
  text-transform:uppercase;
  letter-spacing:2px;
}

nav.main select {
  display: none;
}

.logo_menu{
    display:none;
}
/* *** 3. Feature Styles (Slider) *** */
.feature {
  font-family: "Market_Deco.ttf";
  
  min-height: 566px;
  color: #fff;
  font-size: 12px;

  margin-bottom: 56px;
}
.feature p {
  margin: 0;
}
.feature p.tel {
  text-align: right;
}
.feature .feat-info {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}
.feature .slider {
  position: relative;
  margin: 128px auto 0 auto;
  width: 100%;
  z-index:1;
}

.feature .slider .bx-wrapper .bx-prev{
    background:url(../img/arrow_slider_left.png) no-repeat!important;
    width:53px!important;
    height:67px!important; 
    margin-top:-245px;
}

.feature .slider .bx-wrapper .bx-next{
    background:url(../img/arrow_slider_right.png) no-repeat!important;
    width:53px!important;
    height:67px!important; 
    margin-top:-245px;
}

.mascherina{
    width:980px;
    height:65px;
    margin:-82px auto 0 auto;
    background:url(../img/form_booking_bg.png) no-repeat;
    z-index:2; 
    position:relative;
    display:block;
}

.bandierine{
    margin-top: 20px;
}

.bandierine a{
    margin-right: 5px;
}



    
/* *** 4. Services Styling *** */

#camere{
    width:100%;
    background:url(../img/bg_camere.jpg) repeat-x;
    padding-bottom:50px;
}

#posizione{
    width:100%;
    background:url(../img/posizione_great.jpg) no-repeat top center;
}

.services {
  text-align: center;
}
.services p {
  padding: 0;
}

.services .subtitle{
    font-size:13px;
    font-family:'Source Sans Pro', sans-serif;
    font-style:italic;
    color:#a82837;
    margin-top:-45px;
    margin-bottom:30px;
}

.services .slider_camere .bx-wrapper .bx-prev, .services .slider_camere .bx-wrapper .bx-next{
    margin-top:10px;
}

#servizi, #gallery, .footer{
    background: url(../img/bg.jpg) repeat #fff;
}

#servizi .container .barbers .subtitle{
    font-size:13px;
    font-family:'Source Sans Pro', sans-serif;
    font-style:italic;
    color:#646464;
    margin-top:-45px;
    margin-bottom:30px;
}

.services .lead {
  text-align: center;
  position: relative;
  margin: 0 auto 40px auto;
  width: 920px;
}
.service-icons {
  overflow: hidden;
  margin-bottom: 120px;
}
.service-icons .item {
  text-align: center;
  margin-right: 30px !important;
}
.service-icons .item img {
  margin: 0 0 23px 0;
}
.service-icons .item h2 {
  margin: 0 0 13px 0;
  color: #333;
  font-size: 30px;
}
.service-icons .item p {
  margin: 0;
  font-size: 18px;
  color: #888;
}
/* *** 5. Testimonials Styling *** */
.testimonials {
 
  margin: 0 0 47px 0;
  padding: 22px 0;
  color: #fff;
  font-size: 18px;
}
.testimonials ul.testi {
  overflow: hidden;
}
.testimonials ul.testi li {
  overflow: hidden;
  text-align:center;
}
.testimonials h2 {
  text-align: center;
  color: #fff;
  font-size: 36px;
  border-bottom: 1px solid #fff;
  margin: 0;
  padding: 0 0 20px 0;
}
.testimonials img {
  display:inline;
  margin: 0 0 40px 0;
  height: auto;
  border:1px solid #a49d95;
}
.testimonials p.test {
  float: left;
  
  margin: 0;
  padding: 0;
}
.testimonials strong {
  
  
  margin: 0;
  padding: 0;
}
.testimonials span {
  color: #74a0bf;
  font-weight: bold;
}
/* *** 6. Photobooth/Portfolio Styling *** */
.photobooth {
  margin-bottom: 56px;
  
}
.photobooth .intro {
  margin: 0 0 50px 0;
}
.photobooth .intro p {
  margin: 0;
  padding: 0;
}
.photobooth .eleven strong {
  color: #333;
  font-size: 24px;
  font-style: italic;
  margin-bottom: 13px;
  display: block;
}
.photobooth .eleven p {
  color: #888;
  font-size: 18px;
}
.photobooth .five {
  font-size: 24px;
  color: #888;
  margin-top: 0;
  padding-top: 0;
  line-height: 31px;
}
.photobooth .filter-gallery {
  position: relative;
  width: 583px;
  margin: 0 auto 30px auto;
  text-align: center;
}
.photobooth .filter-gallery ul {
  overflow: hidden;
  border-top: 1px solid #c1bfbf;
  border-bottom: 1px solid #c1bfbf;
}
.photobooth .filter-gallery ul li {
  float: left;
  padding: 15px;
}
.photobooth .filter-gallery ul li.current {
  font-weight: bold;
}
.photobooth .gallery ul li {
  background: #000;
  float: left;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background: url("../img/camera-icon.png") 50% 0 no-repeat #000000;
}
.photobooth .gallery ul li p {
  color: #111;
  background: url("../img/heart-icon.png") 50% 0 no-repeat #ffffff;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  width: 313px;
  display: none;
  text-align: center;
  bottom: 0;
  opacity: 0.8;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.photobooth .gallery ul li p span {
  margin-top: 20px;
  display: block;
  font-weight: bold;
}
.photobooth .gallery ul li strong {
  color: #fff;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  width: 313px;
  display: none;
  text-align: center;
  bottom: 0;
  opacity: 0.8;
}
.photobooth .gallery ul li img {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.photobooth .gallery ul li:hover {
  background: #000;
  float: left;
  background: url("../img/camera-icon.png") 50% 20% no-repeat #000000;
}
.photobooth .gallery ul li:hover img {
  opacity: 0.3;
}
.photobooth .gallery ul li:hover strong {
  color: #fff;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  width: 313px;
  display: block;
  text-align: center;
  bottom: 50%;
  opacity: 0.8;
}
.photobooth .gallery ul li:hover p {
  color: #111;
  background: url("../img/heart-icon.png") 50% 10px no-repeat #ffffff;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  width: 313px;
  display: block;
  text-align: center;
  bottom: 0;
  opacity: 0.8;
}
.photobooth .gallery ul li:hover p span {
  margin-top: 20px;
  display: block;
}
/* *** 7. Twitter Feed Styling *** */
#tweeter {
  margin: 0 0 85px 0;
  height: 148px;
  background: url("../img/barber-board.png") 0 0 no-repeat;
  color: #666;
  font-size: 20px;
  min-width: 600px;
}
#tweeter #twitter {
  padding: 34px 0 0 210px;
}
#tweeter p {
  margin-top: 35%;
}
/* *** 8. Meet the Barbers *** */
.barbers {
  text-align: center;
  margin-bottom: 38px;
}
.barbers p.intro {
  font-size: 24px;
  color: #888;
  width: 820px;
  position: relative;
  margin: 0 auto 70px auto;
}
.barbers ul {
  overflow: hidden;
}
.barbers ul li {
  margin-right: 0 30px 0 0 !important;
}
.barbers ul li img {
  margin-bottom: 14px;
}
.barbers ul li h2 {
  font-size: 24px;
  color: #333;
  margin: 0 0 5px 0;
}

.barbers ul li p {
  margin: 0 15px 10px 15px;
  font-size: 16px;
  color:#646464;
  line-height:24px;
  width:200px;
  
}
.barbers ul li ul.social2 {
  margin-left: 70px;
}
.barbers ul li ul.social2 li {
  float: left;
  margin: 0 10px;
}
.barbers ul li ul.social2 li img:hover {
  opacity: 0.7;
}
.barbers ul li.columns.five {
  width: 230px;
  margin: 0 10px 0 0;
}
/* *** 9. About Styling *** */
.about {
  margin-bottom: 100px;
}
.about .razor {
  background: url("../img/razor-splitter.png") 0 0 no-repeat;
  height: 65px;
  margin-bottom: 70px;
}
.about .text {
  border-right: 1px solid #ddd;
  padding-right: 34px;
  margin-right: 46px !important;
}
.about .text .short {
  font-size: 24px;
  color: #666;
  margin: 0 0 16px 0;
}
.about .text .long {
  font-size: 18px;
  color: #666;
  margin-top: 0;
}
.about .skills ul li em {
  font-weight: bold;
  font-style: normal;
  color: #666;
  font-size: 16px;
}
.about .skills ul li p {
  position: relative;
  background: #f1f0f0;
  height: 20px;
  margin: 4px 0 17px 0;
}
.about .skills ul li.one p span {
  background: #eaac9e;
  height: 5px;
  padding: 7px 0;
  width: 77%;
  display: block;
}
.about .skills ul li.one p strong {
  position: absolute;
  right: 10px;
  width: 47px;
  border-radius: 50px;
  background: #474646;
  text-align: center;
  color: #fff;
}
.about .skills ul li.two p span {
  background: #eaac9e;
  height: 5px;
  padding: 7px 0;
  width: 67%;
  display: block;
}
.about .skills ul li.two p strong {
  position: absolute;
  right: 20px;
  width: 47px;
  border-radius: 50px;
  background: #474646;
  text-align: center;
  color: #fff;
}
.about .skills ul li.three p span {
  background: #eaac9e;
  height: 5px;
  padding: 7px 0;
  width: 84%;
  display: block;
}
.about .skills ul li.three p strong {
  position: absolute;
  right: 5px;
  width: 47px;
  border-radius: 50px;
  background: #474646;
  text-align: center;
  color: #fff;
}
.about .skills ul li.four p span {
  background: #eaac9e;
  height: 5px;
  padding: 7px 0;
  width: 65%;
  display: block;
}
.about .skills ul li.four p strong {
  position: absolute;
  right: 30px;
  width: 47px;
  border-radius: 50px;
  background: #474646;
  text-align: center;
  color: #fff;
}
.about .skills ul li.five p span {
  background: #eaac9e;
  height: 5px;
  padding: 7px 0;
  width: 80%;
  display: block;
}
.about .skills ul li.five p strong {
  position: absolute;
  right: 15px;
  width: 47px;
  border-radius: 50px;
  background: #474646;
  text-align: center;
  color: #fff;
}
.about .skills ul span:hover,
.about .skills ul strong:hover,
.about .skills ul span:hover {
  opacity: 0.7;
}
/* *** 10. Ghost Div(Devices) *** */
.ghost {
  background: #242424;
  padding: 30px 0;
  text-align: center;
  margin-bottom: 86px;
}
.ghost h2 {
  color: #fff;
  font-size: 30px;
  margin: 0 0 23px 0;
  font-weight: normal;
}
.ghost h2 span {
  color: #eaac9e;
}
.ghost img {
  position: relative;
  margin: 0 auto;
  width: 706px;
}
/* *** 11. Blog Section Styling *** */
.blog {
  margin-bottom: 45px;
}
.blog ul {
  overflow: hidden;
  text-align: center;
}
.blog ul li {
  position: relative;
  float: left;
  margin: 22px;
  height: 261px;
}
.blog ul li .type {
  display: none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.blog ul li img.pre {
  background: #000;
  margin: 0 0 8px 0;
  cursor: pointer;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.blog ul li img:hover {
  margin: 0 0 8px 0;
  opacity: 0.5;
}
.blog ul li h2 {
  color: #333;
  font-size: 24px;
  margin: 0 0 2px 0;
}
.blog ul li p.date {
  color: #888;
  font-size: 14px;
  margin: 0 0 10px 0;
  font-weight: bold;
}
.blog ul li:hover .type {
  background: #000;
  width: 28px;
  height: 40px;
  border-radius: 150px;
  position: absolute;
  left: 40%;
  top: 15%;
  display: block;
  z-index: 1000001;
  padding: 15px 15px 3px 15px;
  opacity: 0.8;
  cursor: pointer;
}
/* *** 12. Contact section styling *** */
.cover {
  background: #f9f9f9;
}

#contattiMappa {
	background-color:#b6a59a;
	width:100%;
    height: 450px;
}
#mappaGoogle {
	width:100%;
	display:block;
}
/*#contattiContent {
    left: 50%;
    margin-left: -580px;
    margin-top: -414px;
    position: relative;
    width: 400px;
    margin-bottom: 100px;
    overflow:hidden;
}*/


#contattiContent {
    left: 10%;
    margin-left: -100px;
    margin-top: -370px;
    position: absolute;
    width: 350px;
    margin-bottom: 100px;
    overflow:hidden;
}

#contattiLeft {
    /*float: left;*/
    margin-top: 50px;
    width: 300px;
    background: url(../img/bg_contatti.png) repeat;
    padding:20px;
    text-align:right;
    line-height:42px;
}

#contattiLeft .text1Contatti{
    text-align:center;
    font-size:16px;
    margin-top:-25px;
}

#contattiLeft .text4Contatti{
    text-align:right;
}

#contattiLeft .text4Contatti span{
    color:#A72837;
    font-weight:500;
    margin-right:10px;
}

.richiediinfo{
    background:#262626;
    text-align:center;
    text-transform:uppercase;
    padding: 0px;
    margin-top:10px;
}

.richiediinfo a{
    color:#fff;
    font-size:18px;
    
}

.intestazioni{
    border-bottom: 1px dotted #999999;
    margin: 16px auto 20px;
    min-height: 90px;
    overflow: hidden;
    padding: 0;
    width: 798px;
}

.icon_servizi{
    margin-right:10px;
}

.logo_info{
    float:left;
    margin-right:30px;
}

.contInfo{
    float:left;
    
}

.contInfo ul{
    list-style-type:none;
    margin:0;
    padding:0
}

.hotelName{
    font-size: 14px;
    font-weight: 700;
}

#prenotazioni input{
    background:none;
    padding:0;
    width:89.7%;
    border:1px solid #000000; 
}

#prenotazioni input#submit{
    width:auto!important;
    padding:4px;
    margin-left:15px;
}

#prenotazioni select{
   background:none;
    padding:0;
    width:91%;
    border:1px solid #000000; 
    margin-left:-25px;
}

#fancybox-close{
    display:block!important;
}

.hello .lead {
  text-align: center;
  position: relative;
  margin: 0 auto 80px auto;
  width: 820px;
}
.hello .details {
  margin-bottom: 35px;
}
.hello .details h2 {
  margin: 0 0 15px 0;
  font-size: 24px;
  color: #333;
}
.hello .details p {
  font-size: 18px;
  color: #888;
  margin: 0 0 25px 0;
}
.hello .details h3 {
  margin: 0 0 15px 0;
  font-size: 24px;
  color: #333;
}
.hello .details ul {
  font-size: 18px;
  color: #888;
}
.hello .form input,
.hello .form textarea {
  font-size: 14px;
  color: #bc8e83;
  border: 1px solid #f5e1dc;
  background: #fff;
  padding: 10px;
  height: 20px;
  width: 95%;
  margin: 15px 0 0 0;
}
.hello .form textarea {
  height: 120px;
  margin: 15px 0 20px 0;
}
.hello .form button {
  float: right;
  line-height: 0;
}
.hello .form .error {
  color: #bc8e83;
}
.map {
  border: 10px solid #fff;
}
.map .gmnoprint {
  display: none;
  top: 150px !important;
}
.map iframe {
  border: none;
}
.razor2 {
  background: url("../img/razor-splitter.png") 0 0 no-repeat;
  height: 65px;
  margin-bottom: 35px;
}

.gratis_utili{
    background: #579102;
    color:white;
    float:left;
    padding:5px;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight:bold;
margin-right:10px;
    
}


/* *** 13. Footer Styling *** */
.footer {
  padding: 20px 0!important;
  text-align:center;
 
}
.footer p {
  margin: 0;
  padding: 0;
  color: #525252;
  font-size:11px;
}

.footer p span, .footer p a{
    color:#909090;
}

.trip_logos{
    margin-left: 220px; 
    overflow:hidden;
}

/* *** 14. Button Styling *** */
/* Default btn */
a.btn {
  color: #fff;
}
.btn {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  width: 100px;
  height: 43px;
  border: none;
  background: #eaac9e;
  border-bottom: 4px solid #cf978b;
  line-height: 43px;
  padding: 12px 23px;
}
.btn:hover {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  width: 100px;
  height: 43px;
  border: none;
  background: #cf978b;
  border-bottom: 4px solid #eaac9e;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
.btn-up {
		/*display: none;*/
		cursor: pointer;
		bottom: 50px;
		color: #fff;
		font-size: 30px;
		height: 60px;
		line-height: 60px;
		position: fixed;
		right: 50px;
		text-align: center;
		width: 60px;
		border-width: 3px;
		border-style: solid;
		z-index: 999;
		display:block;
	}
@media (max-width: 1200px) and (min-width:981px){
   #contattiContent {
   
    margin-left: -500px;
   
} 
}

@media (max-width: 980px) {
  nav.main ul     { display: none; }
  nav.main select { display: inline-block!important; }
  .logo_menu{display: block!important;}
  
  
}

@media (max-width: 980px) {
.services .lead{
    width:700px;
}
.hbb_contenitore_box_reservation .hbb_content_date .hbb_content_date_wrapper label{
    display:none;
}


.mascherina{
    background:url(../img/form_booking_bg_700.png) no-repeat;
    width:700px;
}

.hbb_contenitore_box_reservation .hbb_content_date .hbb_content_date_wrapper li {
    float: left;
    margin-bottom: 0;
    margin-right: 0px!important;
    margin-top: 0;
    overflow: hidden;
}

#camere .services{
    width:700px;
}

.slider_camere{
    width:52%;
}

.foto_camere{
    width:40%;
}

.thumb{
    position:relative;
    left:15px;
    top:10px;
}

.thumb a{
    float:left;
    margin-left:5px;
}

#select_menu{
	margin-top: 10px;
}

.feature .slider .bx-wrapper .bx-prev, .feature .slider .bx-wrapper .bx-next {
    
    margin-top:-130px;
    
    }
    
.gallery{
   
    margin: 0 auto;
   
    width: 630px;

}

#contattiContent {
   
    margin-left: -450px;
   
}

.testimonials .bx-wrapper .bx-next {
   
    right: 20px;
    top:120px
   
}

.testimonials .bx-wrapper .bx-prev {
   
    left: 20px;
    top:120px
   
}

.trip_logos{
    margin-left: 120px; 
    overflow:hidden;
}


}

@media (max-width: 980px) {
.mascherina{
   display:none;
}
.btn-up {
		/*display: none;*/
		cursor: pointer;
		bottom: 50px;
		color: #fff;
		font-size: 30px;
		height: 60px;
		line-height: 60px;
		position: fixed;
		right: 50px;
		text-align: center;
		width: 60px;
		border-width: 3px;
		border-style: solid;
		z-index: 999;
		display:none;
	}
}


@media (max-width: 767px) {
.services .lead{
    width:300px;
}



.hbb_contenitore_box_reservation .hbb_content_date .hbb_content_date_wrapper label{
    display:none;
}


.mascherina{
   display:none;
}

#hbb_dal, #hbb_al{
    margin-left:-10px;
}



#camere {
    background: url("../img/bg_camere.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
   
}

#camere .services{
    width:300px;
}

#camere .services .lead{
    width:auto;
}

.foto_camere{
    width:auto;
    margin-left:0px;
}

.thumb{
    position:relative;
    left:0px;
    top:10px;
}

.thumb a{
    float:left;
    margin-left:0px;
    margin-right:5px;
}

#select_menu{
    margin-top:10px;
}

.feature .slider {
    margin: 228px auto 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.feature .slider .bx-wrapper .bx-prev, .feature .slider .bx-wrapper .bx-next {
    
    margin-top:-180px;
    
    }
    
 .feature .slider .bx-wrapper .bx-prev {
    
   left:0px;
    
    } 
    
    .feature .slider .bx-wrapper .bx-right {
    
   right:0px;
    
    }  
    
.gallery{
   
    margin: 0 auto;
   
    width: 300px;

}

#contattiContent {
   
    margin-left: -300px;
   
}

.testimonials .container .slider{
    margin-top:-40px;
}



.testimonials .bx-wrapper .bx-next {
   
    right: 0px;
    top:120px
   
}

.testimonials .bx-wrapper .bx-prev {
   
    left: 0px;
    top:120px
   
}

.barbers ul li.columns.five {
    margin: 0 10px 0 0;
    text-align: center;
    width: 320px;
}

.barbers ul li p {
  
    width: 280px;
}

.testimonials p.test {
    float: none!important;
    margin: 10px auto 0 auto;
    padding: 0;
    width: 250px;
    text-align:left;
}

.footer{
    padding:60px 0!important;
    
}

.slider_camere{
    width:280px;
    padding: 0 10px;
}

.slider_camere .bx-wrapper .bx-viewport{
    overflow-y:visible;
}

.services .slider_camere .bx-wrapper .bx-prev, .services .slider_camere .bx-wrapper .bx-next {
    margin-top: 30px;
}

.trip_logos{
    margin-left:72px;
}

}


@media (max-width: 480px) {
.services .lead{
    width:300px;
}



.hbb_contenitore_box_reservation .hbb_content_date .hbb_content_date_wrapper label{
    display:none;
}


.mascherina{
   display:none;
}

#hbb_dal, #hbb_al{
    margin-left:-10px;
}

#camere {
    background: url("../img/bg_camere.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
   
}

#camere .services{
    width:300px;
}

#camere .services .lead{
    width:auto;
}

.foto_camere{
    width:auto;
    margin-left:0px;
}

.thumb{
    position:relative;
    left:0px;
    top:10px;
}

.thumb a{
    float:left;
    margin-left:0px;
    margin-right:5px;
}

#select_menu{
    margin-top:10px;
}

.feature .slider .bx-wrapper .bx-prev, .feature .slider .bx-wrapper .bx-next {
    
   display:none;
    
    }
    

    
.gallery{
   
    margin: 0 auto;
   
    width: 300px;

}

#contattiContent {
   width:100%;
    margin-left: -180px;
   margin-bottom:0px;
   margin-top:-500px;
}

#contattiLeft {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    float: left;
    line-height: 32px;
    margin-top: 265px;
    padding: 0px;
    text-align: right;
    /*width: 300px;*/
	width:100%;
}

.testimonials .container .slider{
    margin-top:-40px;
}



.testimonials .bx-wrapper .bx-next {
   
    right: 0px;
    top:120px
   
}

.testimonials .bx-wrapper .bx-prev {
   
    left: 0px;
    top:120px
   
}

.barbers ul li.columns.five {
    margin: 0 10px 0 0;
    text-align: center;
    width: 320px;
}

.barbers ul li p {
  
    width: 280px;
}

.testimonials p.test {
    float: none!important;
    margin: 10px auto 0 auto;
    padding: 0;
    width: 250px;
    text-align:left;
}

.feature .slider {
    margin: 228px auto 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#contattiMappa {
    height: 350px;
	width:100%;
	background-color:#b6a59a;
}
#mappaGoogle {
	width:100%;
	display:none;
}
.text4Contatti{
    margin-top:0!important;
}

.footer{
    padding:120px 0!important;
}


}


@media (max-width: 320px) {
    
.container{
    width:300px!important;
}    
    
.services .lead{
    width:300px;
}



.hbb_contenitore_box_reservation .hbb_content_date .hbb_content_date_wrapper label{
    display:none;
}


.mascherina{
   display:none;
}

#hbb_dal, #hbb_al{
    margin-left:-10px;
}

#camere {
    background: url("../img/bg_camere.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
   
}

#camere .services{
    width:300px;
}

#camere .services .lead{
    width:auto;
    padding:10px;
}

.foto_camere{
    width:auto;
    margin-left:0px;
}

.thumb{
    position:relative;
    left:0px;
    top:10px;
}

.thumb a{
    float:left;
    margin-left:0px;
    margin-right:5px;
}

#select_menu{
    margin-top:10px;
}

.feature .slider .bx-wrapper .bx-prev, .feature .slider .bx-wrapper .bx-next {
    
   display:none;
    
    }
    

    
.gallery{
   
    margin: 0 auto;
   
    width: 300px;

}

#contattiContent {
	width:100%;
   /*width:230px;*/
    margin-left: -140px;
   margin-bottom:0px;
}

#contattiLeft {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    float: left;
    line-height: 32px;
    margin-top: 265px;
    padding: 0px;
    text-align: right;
    width: 230px;
}

.testimonials .container .slider{
    margin-top:-40px;
}



.testimonials .bx-wrapper .bx-next {
   
    right: 20px;
    top:120px
   
}

.testimonials .bx-wrapper .bx-prev {
   
    left: 20px;
    top:120px
   
}

.barbers ul li.columns.five {
    margin: 0 10px 0 0;
    text-align: center;
    width: 300px;
}

.barbers ul li p {
  
    width: 280px;
     margin: 0 10px 10px;
}

.testimonials p.test {
    float: none!important;
    margin: 10px auto 0 auto;
    padding: 0;
    width: 200px;
    text-align:left;
}

.feature .slider {
    margin: 228px auto 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#contattiMappa {
	background-color:#b6a59a;
    height: 280px;
	width:100%;
}
#mappaGoogle {
	width:100%;
	display:none;
}
.text4Contatti{
    margin-top:0!important;
}

.footer{
    padding:60px 0!important;
    
}

.feature .container .services h1.heading, #servizi .container .barbers h1.heading, #gallery .container h1.heading{
    letter-spacing: 0px;
}

.trip_logos{
   margin-left:60px; 
}


}

#cookieChoiceDismiss {
    background: #ddd url("../img/close-icon.png") no-repeat scroll 3px 3px;
    cursor: pointer;
    display: block;
    font-family: icons;
    font-size: 105px;
    height: 100%;
    line-height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

@media (max-width:600px){
#cookieChoiceInfo{
    width:220px!important;
}
}

	
	/*#iconaMenuMobile {
    float:right; 
	display:none; 
	width:50px; 
	height:auto;
	text-align:right;
	margin-right:5px;
}

@media screen and (max-width: 1000px){*/
#iconaMenuMobile {
    float:right; 
	display:block; 
	width:70px; 
	height:auto;
	text-align:right;
	margin-right:15px;
}
/*}*/

.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   .styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   /*background: url(../../img/down_arrow_select.png) no-repeat right #ddd;*/
   border: 1px solid #ccc;
   }