/*Container*/
a,li { font-family: "Open Sans",sans-serif; }
p,h1,h2,h3,h4,h5, .list li { font-family: "Playfair Display",serif; }
p, .list li{color: #000;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 5px;
  text-align: justify;
  letter-spacing: 1px;  }
  .list  { list-style-type: none; padding:0;	}
  .list span.fa { margin-right: 10px;}
  .budget p {margin-bottom: 15px;}
.row { margin: 0; padding: 0 15px;  }
.container { background: #fff; }
.resize { width: 100%; margin: 0 auto; }
.dropdown { display: none; }
.header-upper { background: linear-gradient(to right, #9B781D 0%, #C0A459 25%, #AA8936 50%, #9B781D 100%);  padding: 10px 0;
color: #fff; font-family: sans-serif;  font-size: 15px; }
.header-upper  ul.list-inline { margin-left: 0; margin-bottom: 5px; }
.header-upper li { padding-right: 15px; color: #202E55; }
.header-upper li a:hover { text-decoration: none; }
.header-upper li span.fa { padding-right: 10px; font-size: 18px;  color: #202E55; }
.header-upper li span.num { font-size: 16px; font-family: sans-serif; color: #202E55; }
.header-upper a { color: #fff; font-family: 'Abel', sans-serif; font-size: 16px; }
.header-upper .social-icon li { padding-right: 5px; }
.header-upper .social-icon li span.fa { padding-right: 5px; font-size: 18px; }
.header-upper .social-icon li a:hover span.fa { color: #f2f2f2; text-shadow: 1px 1px 2px #000; }
.container .head-menu.main-nav-scrolled {  position: fixed; width: 100%; top: 0; background:  background: rgba(223, 195, 171, 0.74);  z-index: 9999; }
.container .head-menu { width: 100%;  background: rgba(223, 195, 171, 0.74) none repeat scroll 0 0; 
    top: 0;
    width: 100%;
    z-index: 99;}
    
 .num{font-family: openSans;}

.head-menu h1 { font-size: 24px; font-weight: bold; margin: 5px 0;  }
.head-menu h1 a {font-size: 24px; font-weight: bold; letter-spacing: 2px;
line-height: 42px; font-family: "Playfair Display",serif; color: #fff; text-transform: uppercase; }
.head-menu h1 a:hover { text-decoration: none; }
.menu { margin: 15px 0; }
.menu .list-inline > li { padding: 10px 15px;}
.menu .list-inline { text-transform: uppercase; letter-spacing: 2px; 
margin-top: 10px; }
.menu .list-inline a { color: rgb(21,71,62); padding-bottom: 10px; font-size: 16px; font-family: "Open Sans",sans-serif;
font-weight: bold;  letter-spacing: 0;}
.menu .list-inline a:hover,.menu .list-inline a.active { border-bottom: 2px solid rgb(21, 71, 62); text-decoration: none; }
.content-boxes { padding: 40px 0; overflow: hidden; background: #E2CCB4; }
.head-menu.main-nav-scrolled a { color: rgb(21, 71, 62); }
.content-boxes .col-sm-4,.content-boxes .col-sm-8 { margin-top: 15px; }
.content-boxes h2.head { color: #3f200b; font-size: 20px;  letter-spacing: 1px;  font-weight: bold; 
text-transform: uppercase; font-family: "Playfair Display",serif; margin: 15px 0; text-shadow: 1px 1px 0 #fff; }
.content-boxes  p { color: #000;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    margin:  0 0 5px;
    text-align: justify;
    letter-spacing: 1px; }
.background-image { background: url('img/service-home.jpg');background-attachment: none; 
 		background-position: center center; background-size: cover; padding:0; }
.background-inner { background: rgba(127, 100, 83, 0.2); padding: 50px 0 50px; }
h3, h4,h5{ color: rgb(21, 71, 62); font-size: 28px; letter-spacing: 1px;
margin: 20px 0 30px; font-family: "Playfair Display",serif; text-transform: uppercase; 
font-weight: bold; text-shadow: 0 0 0 rgb(21,83,96); }
h5 { text-transform: none; font-size: 20px;}
h4 { font-size: 20px;}
.background-image  p { line-height: 22px; color: #000; letter-spacing: 3px; word-spacing: 5px; 
font-size: 20px; margin: 10px 0; }
.background-image  a { border: 2px solid #3f200b; color: #fff; border-radius: 0; margin: 30px 0; 
padding: 15px 10px; font-size: 16px; line-height: 20px; letter-spacing: 3px; box-shadow: 1px 0 6px #555;
display: inline-block;     transition: all 0.3s; }
.background-image a:hover { border: 2px solid #fff; color: #000; }
.product-list { padding: 30px 0 0; background: #e2ccb4; }
.product-list h3 { color: rgb(21, 71, 62); text-align: center; text-transform: uppercase;
margin: 20px 0; text-shadow: 1px 2px 0 #fff;  }
.product-list p { color: #b18e34; letter-spacing: 1px; font-size: 18px; font-weight: bold; }
.list { margin: 15px 0  20px; }
.list .list-inline li { padding: 0;  margin: 15px 15px; }
.list .list-inline li .img-bg { padding: 15px;  background: #fff; }
.list .list-inline li img{  transition: all .5s;}
.list .list-inline li img:hover {  transform: scale(1.1); }
.list .list-inline li h4 { color: #b18e34; text-transform: uppercase; margin: 15px 0 10px; 
font-family: sans-serif; font-size: 18px; }
.list .list-inline li p { color:#b18e34;  font-weight: normal; }
.two-division { /*border-bottom: 3px solid #D99E00; border-top: 3px solid #D99E00; */
background: #dac4ac; }
.two-img { margin: 15px 0 15px; padding: 25px 0 25px; }
.two-img .col-sm-6:first-child { padding-left: 0; }
.two-img .col-sm-6:last-child { padding-right: 0; }
.two-img .bg-1 { /*border: 2px solid #EBE4DD;*/ background: rgba(0, 0, 0, 0) url("img/gallery-11.jpg") repeat scroll center center / cover; padding:0; }
.two-img .bg-1 .bg-1-inner { padding: 120px 15px; 
border: 3px solid #fff; margin-bottom: 15px;}
.two-img h2 { margin: 20px 0; }
.two-img a { color: #fff; line-height: 30px; font-size: 28px; letter-spacing: 3px; 
margin: 30px 0; text-transform: uppercase; font-family: "Playfair Display",serif; 
text-shadow: 1px 1px 2px #000; }
.two-img a:hover { text-decoration: none; }
.two-img a span { display: block; margin: 15px 0; font-size: 30px; font-weight: bold; }
.two-img .bg-2 {  background:  rgba(0, 0, 0, 0) url("img/gallery-23.jpg") repeat scroll center center / cover; padding:0; }
 .two-img .bg-2 .bg-2-inner { padding: 120px 15px; 
border: 3px solid #fff; }
 .below-cont { padding: 30px 0; background: #E2CCB4;  }
 .below-cont h2 { margin-bottom: 20px; font-family: "Playfair Display",serif; 
 color: rgb(21, 71, 62); text-shadow: 1px 1px 0px #fff; font-weight: bold; font-size: 30px; 
 letter-spacing: 3px; text-transform: uppercase; }
.below-cont p { color: #000; font-size: 16px; margin: 10px 0; text-align: justify; line-height: 30px;
font-weight: normal;  }
.m-25 { margin: 25px 0;}
.below-cont .btn { border: 2px solid rgb(253,179,74); border-radius: 0; color: #fff; padding: 15px 20px; 
margin: 20px 0; font-size: 16px; font-family:  "Playfair Display",serif; 
 box-shadow: 1px 1px 2px #000; }
.below-cont .btn:hover { border: 2px solid #fff; }
.below-cont .btn:hover span.fa { color: #156DD1; text-shadow: 1px 1px 2px #fff; }
.foot-img { background: url('img/bg-4.jpg');background-attachment: fixed; 
 		background-position: center center; background-size: cover; }
.foot-img-inner { background: rgba(0,0,0,0.3); padding: 100px; }
.foot-img .col-sm-12 { padding: 50px 0; }
footer { background: #63432F;  padding: 30px 0; 
border-bottom: 1px solid #e2e2e; }
footer a { color: #fff; }
footer h2 { font-size: 22px; color: #fff; margin-bottom: 25px; text-transform: uppercase;
font-family: "Playfair Display",serif; letter-spacing: 1px; }
footer .col-sm-4 p { color: #fff; text-shadow: none; font-size: 18px;
font-family: 'Lato', sans-serif;
 text-align: justify; }
footer h1 { color:  rgb(253, 179, 74); font-size: 24px; margin: 25px 0; line-height: 30px;  
letter-spacing: 3px; font-family: sans-serif; text-transform: uppercase;
font-weight: bold; }
footer ul.list { padding: 0;  list-style: none; }
footer ul.list li { color: #fff; padding: 0px 0 5px; margin: 0px 0 5px; 
font-size: 18px; transition: all 0.5s;  font-family:  "Open Sans",sans-serif; display: block; }
footer ul.list a span.fa  { padding-right: 10px; color: rgb(253, 179, 74); }
footer ul.list a:hover { text-decoration: none; color: #fff; }
footer .btn { background: #fff; border: 1px solid #fff; margin: 5px; padding: 5px 10px; display: inline-block; 
color: #000; font-family:  "Playfair Display",serif;  border-radius: 0; font-size: 18px;  }
footer .btn:hover { color: rgb(253, 179, 74); }
.footer-menu { background: #563622; padding: 15px 0;}
.footer-menu ul a { color: #202E55; font-size: 16px;letter-spacing: 1px; font-family: sans-serif;  }
.footer-menu ul li {  padding: 0 10px; display: inline; }
.footer-menu ul li:last-child { border: none; }
.footer-menu p { color: #fff;  font-family: "Open Sans",sans-serif; font-size: 16px; }
.hover { padding: 15px; }
.hover:hover { box-shadow: 1px 1px 3px #000; background: #fff; }
.hover:hover h2.head { color: #000; }
.foot-img h2 {
	color: rgb(253, 179, 74);
font-size: 30px;
letter-spacing: 5px;
margin: 20px 0 30px;
font-family: "Playfair Display",serif;
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 1px 1px #000; 
}

.background-inner h3 { text-align: center; }
.resize-fix { width: 999px; margin: 0 auto; }
.resize-fix span.fa { padding-right: 15px; font-size: 16px; color: #333; }
.resize-fix p { color: #000; }
.product-list .btn { color: rgb(21,83,96); border: 1px solid rgb(21,83,96); margin: 15px 0 45px; border-radius: 0;
padding: 15px 15px; font-size: 18px; box-shadow: 1px 1px 0px rgb(21,83,96); display: inline-block; }
.product-list .btn:hover { color: #000; }
.footer-menu span { color: #fff; font-size: 16px; padding-right: 5px; }
.footer-menu .social-icon li span.fa { padding-right: 5px; font-size: 18px; text-shadow: 1px 1px 2px #000;  }
footer ul.list li span.num { margin-left: 5px; }
.services, .traiff, .contact{ background: #DBD0B4; padding: 30px 15px; }
.services h3, .traiff h3, .contact h3{ color: rgb(21,83,96); text-align: center;  }
.services p { font-size: 18px; }
.services p span { color: rgb(21,83,96); font-size: 18px; }
#gallery img { margin: 10px 0; }
.traiff h4, .contact h4 { text-transform: uppercase; font-size: 22px; color: rgb(21, 83, 96); font-weight: bold;  text-shadow: 0px 0px 0px #000; 
margin: 10px 0; }
.room-list .col-sm-4 { padding: 0; }
.room-list .col-sm-4 .box-img{ margin: 10px; }
.room-list .col-sm-4 .box-img img { margin-bottom: 10px; }
.traiff p { color: #000; font-size: 18px; }
.google-maps {
        position: relative;
        padding-bottom: 45%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.contact .list { list-style: none; font-size: 20px; padding: 0;  }
.contact ul.list { margin: 0; }
.contact .list li { margin: 10px 0; color: #333; }
.contact span.fa { margin: 0 10px 0 0;
font-size: 24px; color: #333;
text-shadow: 0px 0px 0px #000;
}
.contact a { color: #333; }
.contact a .fa-envelope { font-size: 18px; }
.form-control { height: 45px; border-color: rgb(21, 83, 96); margin: 5px 0;  }
.form .btn { background: #fff;
border: 1px solid rgb(21, 83, 96);
padding: 10px 15px;
color: rgb(21, 83, 96); margin-top: 10px; 
font-size: 18px;
//text-shadow: 1px 1px 1px #333;
 }
 .form .btn:hover { color: #000; }
.margin-btm { margin-bottom: 15px; }
.form label { margin: 5px 0; color: #333; }
.error { margin: 10px 0;}
.error p {  border: 1px solid rgb(255, 0, 0);
    border-radius: 5px;
    color: rgb(255, 0, 0);
    font-size: 18px;
    padding: 15px; }
   .success p {
   	border: 1px solid rgb(38,98,54);
    border-radius: 5px;
    color: rgb(38,98,54);
    font-size: 18px;
    padding: 15px; 
   }

@media screen and (max-width: 1350px){
	.footer-menu .col-sm-5 ul.list-inline li { display: block; margin-bottom: 5px; }
	.col-sm-2.social-icon { margin-top: 20px; }
	.footer-menu .col-sm-5 p{ margin-top: 15px; }
}

@media screen and (max-width: 1200px) {
	.menu .list-inline { display: none; }
	.dropbtn {
    background-color: #fff;
    color: #000;
    padding: 16px;
    font-size: 18px;
    border: none;
    cursor: pointer;
    margin-right: 30px; 
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 155px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #000;
    text-align: left;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    font-size: 18px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #fde8d6; color: #000; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #fff;
}
	
}
@media screen and (max-width: 1350px){
	footer .col-sm-4 { width: 50%; }
	footer .google-mobiles { width: 100%; }
	
}
@media screen and (max-width: 1080px){
	.head-menu .head { width: 50%; }
	.head-menu .menu { width: 50%; }
}
@media screen and (max-width: 1110px){
	.resize-fix { width: 100%; }
}

@media screen and (max-width: 767px){
	footer .col-sm-4 { width: 100%; }
	
	.background-image .col-sm-6 { width: 100%; }
		.product-list .img-responsive,.services .img-responsive { margin: 10px 0;} 
	.head-menu .head a { text-align: center; }
	.head-menu .menu {text-align: center; }
	.footer-menu .col-sm-2.social-icon { width: 100%; }
	.footer-menu .col-sm-2.social-icon ul.list-inline { float: none !important; }
	.footer-menu .col-sm-5 { width: 100%; }
	.footer-menu .col-sm-5 p.pull-right ,.dropdown {float: none !important; }
	.head-menu .menu { text-align: right; margin-right: 15px; }
	.two-img .col-sm-6 { padding:0; }
	
}
@media screen and (max-width: 550px){
	.head-menu .menu { text-align: center; }
	.image-overlay { display:  none; }
	.container .head-menu { position: relative; }
}
.image-overlay { margin-left: 15px;
    padding: 15px;
    position: absolute;
    top: 61px;
    z-index: 99;}
#gallery-cont,#traiff-cont,#contact-cont { padding-top: 100px; }
.img-responsive { border: 1px solid #fff; background: #fff; box-shadow: 1px 2px 3px #000; padding: 3px; }
.content-boxes h3, h4 { letter-spacing: 1px; margin:15px 0; }
footer .img-responsive { border: none; padding: 0; box-shadow: none; }

footer .footer-menu p, footer .footer-menu p a { font-family:  "Open Sans",sans-serif;}
.head img { width: 200px; height: 70px; }
.contact ul li { font-family:  "Playfair Display",serif; }
.form-group label, .contact a { font-family:  "Playfair Display",serif; }
.traiff p  b { font-family: "Open Sans",sans-serif; }
.traiff p  b span.fa { margin-right: 5px; }