@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900|Open+Sans:300,400,600,700');
@import url('font-awesome.css');

a { color:#000; }
.bg-villas { background:#cd9037; color:#FFF; height:334px; padding-top:70px;  }
.bg-villas2 { background:#fff; color:#000; padding:15px 10px;  }
.bg-villas2 h2 {color:#000; font-size:20px; line-height:-10px; }

body { font-family: 'Roboto'; font-size:16px; font-weight:300; line-height:1.6em; color:#656565; }
a:active { outline:0; }
.clear { clear:both; }
h1,h3, h4, h5, h6 { color:#666; line-height:40px; padding:20px 0px; }
h2 { color:#fff; font-weight:100px; }
.text { font-size:17px; }

#wrapper { width:100%; margin:0; padding:0; }
header .top { padding:20px 0; text-align:center; position:relative;  }
header .top img { width:80px; }
header .top ul.social-network li a { color: #fff; }

ul.social-network { list-style:none; margin:0; padding:0; }
ul.social-network li { display:inline; margin:0 5px; }
ul.social-network li a:hover { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

header .navbar { margin-bottom: 0; }
.navbar-default { border: none; }
.navbar-brand { color: #222; text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1em; letter-spacing: -1px;  margin-top: 5px;  padding: 0 0 0 15px; }

header .navbar-collapse  ul.navbar-nav { margin:0px auto; margin-left:50px; }
header .navbar-default { border-bottom: 1px solid #ddd; }
header .nav li a:hover,header .nav li a:focus,header .nav li.active a,header .nav li.active a:hover, header .nav li a.dropdown-toggle:hover, header .nav li a.dropdown-toggle:focus, header .nav li.active ul.dropdown-menu li a:hover,header .nav li.active ul.dropdown-menu li.active a{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;  -o-transition: all .3s ease; transition: all .3s ease; }
header .navbar-default .navbar-nav > .open > a,header .navbar-default .navbar-nav > .open > a:hover,header .navbar-default .navbar-nav > .open > a:focus {
 -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
header .navbar { height: auto; background:#cd9037; margin:0px auto; }
header .navbar-nav > li  { padding-bottom: 10px;  padding-top: 10px; }
header  .navbar-nav > li > a { padding-bottom: 6px; padding-top: 5px;  margin-left: 2px; line-height: 30px; font-weight: 700; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
header .nav .caret { border-bottom-color: #f5f5f5; border-top-color: #f5f5f5; }

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus { background-color: #fff; }
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { background-color:  #fff; }	



.dropdown-menu  { box-shadow: none; border-radius: 0; border: 1px solid #eee; background-color:#fff;  }
.dropdown-menu li  { padding-bottom: 0 !important; margin-bottom: 0; text-align:center;  }
.dropdown-menu li:hover,.dropdown-menu li a:hover,.dropdown-menu li > a:focus,.dropdown-submenu:hover > a, .dropdown-menu .active > a,.dropdown-menu .active > a:hover { background:#CCC; }


.dropdown-menu li:hover,.dropdown-menu li a:hover,.dropdown-menu li > a:focus,.dropdown-submenu:hover > a, .dropdown-menu .active > a,.dropdown-menu .active > a:hover { background:#CCC; }

header .navbar-nav > li > ul > li { border-bottom: 1px solid #eee; }
header .navbar-nav > li > ul > li.dropdown-submenu > ul > li { border-bottom: 1px solid #eee; }
header .nav li .dropdown-menu  { padding: 0; }
header .nav li .dropdown-menu li a { line-height: 30px; padding: 3px 12px; }

header .navigation { float:right; }
header ul.nav li { border:none; margin:0; }
header ul.nav li a { font-size:15px; border:none; font-weight:400; text-transform:none; }
header ul.nav li ul li a {	font-size:15px; border:none; font-weight:400; text-transform:none; }

.navbar .nav a:hover { background:none; }
.navbar .nav > li > a,.navbar .nav > li.active > .dropdown-menu > li > a { color: #fff; text-shadow: none; }
.navbar .nav > .active > a,.navbar .nav > .active > a:hover { background:none; font-weight:700; }
.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus { background:none; outline:0; font-weight:700; }
.navbar .nav li .dropdown-menu { z-index:2000; }
.navbar .nav > li > .dropdown-menu:before { display: inline-block; border-right: none; border-bottom: none; border-left: none; border-bottom-color: none; content:none; }

header ul.nav li ul { margin-top:1px; }
header ul.nav li ul li ul { margin:1px 0 0 1px; }
ul.nav li.dropdown a { z-index:1000; display:block; }

header .nav .dropdown:hover > .dropdown-menu { display: block;  margin-top: 0; clear:both;  }

.main-slider.flexslider { margin: 0 0 0; background: transparent; border: none;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; 
-o-box-shadow: none; box-shadow: none; }
.main-slider .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.main-slider .flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.6); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 0; width: 295px;}
.main-slider .flex-caption h3 {color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase;}
.main-slider .flex-caption p {margin: 0 0 15px;}
.main-slider .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block;  content: '\f001'; }
.main-slider .flex-direction-nav a.flex-next:before  { content: '\f002'; }

#content { position:relative; padding:0px; margin:0px;}
#content img { height:auto; padding:0px; margin:0px; }


.parallax { background-image: url(../img/bg-parallax.jpg);  background-attachment: fixed;
background-position: center; background-repeat: no-repeat;  background-size: cover; background-color:transparent;  height: 322px; }
.bgimg-3 { position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; background-color:transparent; font-size:25px; color: #f7f7f7;  text-align: center; width: 100%; position: absolute; left: 0; top: 40%; line-height:30px; }

ul.general { list-style:none; margin-left:0; }
ul.link-list { margin:0; padding:0; list-style:none; float: none; }
ul.link-list li { float: none; margin:0; padding:2px 0 2px 0; list-style:none; }
ul.breadcrumb li a:hover { text-decoration:none; }

footer ul.link-list li a{ color:#777; }
footer ul.link-list li a:hover { color:#333; }
footer .widget .social-network { position:relative; }
footer .widget p { font-size:26px; }
footer .widget { position:relative; }

footer { background:#ce9036; color:#fff; padding:50px 0px; }
footer a { color:#fff; }
footer a:hover { color:#FF0; }
footer .trip2 { width:140px; float:left;  padding-right:20px;}
footer .trip1 { width:170px; float:left; padding-right:10px;}

ul.social-network { list-style:none; margin:0; }
ul.social-network li { display:inline; margin: 0 5px; }
footer ul.social-network li i { font-size: 2.5em; }

#sub-footer{ background:#f7f7f7; color:#666; padding:0; padding-top:30px; }
#sub-footer a { color:#1a77b9; }
#sub-footer p { margin:0; padding:0; }

.readmore-btn { background:#cd9037; padding:10px; width:300px;  margin-bottom:30px; color:#FFF; margin-top:-30px; border:none; }

.readmore-btn a:hover{ background:#000; color:#FFF; }
.readmore-btn a { background:#000; color:#FFF; }

@media (min-width: 736px) and (max-width: 768px) {
#wrapper.boxed{ width:784px; margin:0 auto;	}
a.detail{ background:none;	width:100%; }
.top { height: 0px; }

}

@media (max-width:736px) {
body { padding-right: 0; padding-left: 0; }

img { height:auto; margin:0px; padding:0px; }
.middle-overlay img{ display:none; } 
.bg-villas {  height:auto; padding:20px 0px; width:auto; }
h1 { font-size:26px; }
h2 { font-size:23px; }

.zoom-effect { height:auto; }
.bgimg-3 { margin-top:-40px; }	
footer { padding:20px; text-align:center; }
footer .tripadvisor {  text-align:center;  }

header .top { margin-bottom:10px; }
header .top img { height:auto; width:19%;  }
.navbar-brand { border-bottom: none; }
.navbar-header { border-bottom: none; }
.navbar-nav { border-top: none; padding-top: 20px; float: none; width: 100%; }
header .navbar-nav > li  { padding-bottom: 0; padding-top: 0; }
header .nav li .dropdown-menu  { margin-top: 0; }
.dropdown-menu li {  position:relative; clear:both; text-align:center;}
.dropdown-menu { clear:both;  margin-left:60px; padding-right:90px; width:240px; }
header .navbar-nav > li:hover { background-image:none; background-repeat:no-repeat; background-position:bottom; }
.active { background-image:none; background-repeat:no-repeat; background-position:bottom; }
header .navbar-collapse  ul.navbar-nav { margin:0px auto; margin:0px; text-align:center; }

}
@media (max-width: 767px) {
	
header .navbar-nav > li:hover { background-image:none; background-repeat:no-repeat; background-position:bottom; }
.active { background-image:none; background-repeat:no-repeat; background-position:bottom; }
}