/**

*

* ---------------------------------------------------------------------------

*

* Template : Custom Villla Aramis

* Author : Ardika

*

* --------------------------------------------------------------------------- 

*

*/



/* =================================== */

/*	Basic Style 

/* =================================== */

@import url("https://fonts.googleapis.com/css?family=Open Sans+Condensed:400,700");

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");

@import url("https://fonts.googleapis.com/css?family=Volkhov:400italic");



.no-paddings{

    padding: 5px!important;

}

body {

    background-color: #fff;

    font-family: 'Helvetica Neue',Arial,sans-serif;

    font-size: 13px;

    line-height: 23px;

    color: #878787;

}



h1, h2, h3, h4, h5, h6 {

    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;

    color: #000;

    text-transform: uppercase;

    letter-spacing: 1px;

}



p {

    margin-bottom: 17px;

    font-size: 13px;

    line-height: 23px;

    color: #000;

}



#navigation {

    -webkit-transition: all 0.8s ease 0s;

    -moz-transition: all 0.8s ease 0s;

    -ms-transition: all 0.8s ease 0s;

    -o-transition: all 0.8s ease 0s;

    transition: all 0.8s ease 0s;

    background-color: rgba(255,255,255,1);

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

    padding: 20px 0px;

}





.navbar-inverse .navbar-nav > li > a {

    color: #262626;

    padding: 15px 10px 10px;

    font-size: 11px;

    overflow: hidden;

    position: relative;

    z-index: 99999;

    text-transform: uppercase;

    letter-spacing: 3px;

}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    color: #000;

    background-color: transparent;

}



.navbar-brand {

    margin-top: -20px !important;

}



.navbar-brand img{

    width: 120px;

    height: 65px;

}



#thevilla .wrap-thevilla-img{

    margin-top: 50px;

    margin-left: auto;

    margin-right: auto;

}



#thevilla p{

    font-size: 14px;

}



#rates{

    background-image: url(../pictures/newphotos/EOSR8211.jpg);

    padding: 0;

    color: #000;

}



.parallax {

    background-attachment: fixed;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}



#rates .overlay {

    background-color: rgba(255,255,255, 0.6);

    padding: 70px 0 40px;

}



#gallery {

    padding: 0px;

    padding-bottom: 5px;

}



#gallery .gallery-items {

    display: block;

    height: 200px;

    padding: 6px 3px;

    overflow: hidden;

}



#gallery .gallery-items img {

    width: 100%;

    height: 200px;

}



#gallery .gallery-items img:hover {

    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);

}





#contact{

  background: #282f35;

  padding: 100px 0;

  color: #ffffff;

  position: relative;



}

#contact {

    background: #76c5f0;

    padding: 40px 0px;

    color: #c8e4f3;

    font-family: 'Lato', sans-serif;

    font-weight: normal;

    font-size: 13px;

    color: #333;

}



#contact a {

    color: #c8e4f3;

}



#contact h3{

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 20px;

  color: #fff;

}



#contact hr {

    width: 50px;

    border-color: #fff;

}



#contact .logo-img{

  width: 100px;

  height: 100px;

  margin: 0px auto;

}



#contact p {

    font-family: 'Lato', sans-serif;

    font-size: 13px;

    font-weight: normal;

    margin: 0px;    

    letter-spacing: normal;

    color: #fff;

}



#footer-1, #footer-2, #footer-3, #footer-4, #footer-5{

  margin-top: 50px;

  margin-bottom: 50px;

} 



#contact .social-media{

  width: 50px;

  height: 50px;

  margin: 10px auto;

}



#contact a {

    color: #c8e4f3;

}



#contact a:hover {

    color: #fff;

}



#footer-3, #footer-4, #footer-5{

  color: #fff;

}





footer{

  background: #fff;

  position: relative;

  padding: 30px;

  border-top: 1px solid #eee;

}



footer p{

    font-family: 'Lato', sans-serif;

    font-weight: normal;

    font-size: 12px;

    color: #fff;

    letter-spacing: normal;

}

#form-contact-feed{

  position: absolute;

  top: 100px;

  right: 50px;

  z-index: 999;

}



#home-feedback{

  background: rgba(0,0,0,0.7);

    padding: 20px;

    color: #fff;

}



#home-feedback .input-group {

    width: 100%;

}



#home-feedback .form-group {

    margin-bottom: 10px;

}



#home-feedback h3{

    font-weight: normal;

    font-size: 14px;

    margin-top: 5px;

    margin-bottom: 10px;

    color: #fff;

}



#home-feedback input.form-control {

    padding: 0 20px;

    border-radius: 3px;

    height: 30px;

    font-size: 10px;

    border: 1px solid #eaeaea;

}



#home-feedback .form-control {

    font-size: 10px;

}



#home-feedback .btn-primary{

  margin-top: 15px;

    text-transform: uppercase;

    background: #c59a6d;

    color: #282f35;

    padding: 15px 35px;

    border-radius: 0;

    font-size: 12px;

    color: #ffffff;

    transition: all 0.5s;

    border-color: transparent;

}



.btn-primary:focus{

    border: none!important;

    border-color: transparent!important;

    background-color: transparent!important;

}



.btn-primary:active{

    border: none!important;

    border-color: transparent!important;

}



#home-feedback .alert-success{

    width: 300px;

    position: relative;

    margin-top: 30px;

}

#home-feedback .help-block {

    color: #fff!important;

    line-height: 10px;

    font-size: 10px;

    margin-top: 5px;

    margin-bottom: 5px;

}



.modal-dialog {

    /*width: 900px!important;*/

    /*height: 500px;*/

    z-index: 9999 !important;

}



@media (max-width: 767px) {

.modal-dialog {

    width: 90%!important;

    height:auto!important;

}

.banner-container {

    width: 90%!important;

    height:auto!important;

}

}