.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.w3layouts-header-top{
	padding: 1em 2em;
    background: rgba(0, 0, 0, 0.53);
}
.w3-header-top-left{
    float: left;
    width: 15%;
}
.w3-header-top-left p,.w3-header-top-right-text p{
	color:#FFFFFF;
	font-size:.9em;
	margin:0;
}
.w3-header-top-right{
    float: right;
    width: 26%;
}
.agileinfo-social-grids {
    float: left;
}
.w3-header-top-right-text {
    float: right;
}
.w3-header-top-right p{
	color:#FFFFFF;
}
/*-- social-icons --*/
.agileinfo-social-grids{
    margin-left: 0;
}
.agileinfo-social-grids ul{
	padding:0;
	margin:0;
}
.agileinfo-social-grids ul li{
    display: inline-block;
}
.agileinfo-social-grids ul li a {
	color: #FFFFFF;
    text-align: center;
}
.agileinfo-social-grids ul li a i.fa{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-social-grids ul li a i.fa.fa-facebook:hover {
    color: #3b5998;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter{
	margin:0 1em;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter:hover{
	color: #55acee;
}
.agileinfo-social-grids ul li a i.fa.fa-rss{
	margin:0 1em 0 0;
}
.agileinfo-social-grids ul li a i.fa.fa-rss:hover{
	color: #f26522;
}
.agileinfo-social-grids ul li a i.fa.fa-vk:hover{
	color: #45668e;
}
.agileinfo-dot {
	
}
.head {
    padding: 1em 4em;
   
}
.logo h1{
    margin: .2em 0 0 0;
}
.logo{
    padding: 10px;
    width:150px;
    height:140px;
}

.header-left{
	float:right;
	margin-top: 1.2em;
    background-color: firebrick;
    padding: 2px;
    text-align: center;
   
    
}
.header-left ul li {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 0 2em;
}
.header-left ul li a {
    text-decoration: none;
    color: #fff;
}
.header-left ul li a:hover {
	color: #593119;
}
.header-left ul li i{
    left: -.5em;
}
.navbar-top {
    float: left;
	width:70%;
}
.navbar-default {
    border: none;
    background: none;
    min-height: auto;
    margin-bottom: 0;
}
div#bs-example-navbar-collapse-1 {
    padding: 0;
}

ul.nav.navbar-nav li a:hover{
    color: #e64e1f;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background:none !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
ul.nav.navbar-nav li.active a {
	color: #ff5722;
    background: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background:none;
}
.dropdown-menu {
	position: absolute;
    top: 115%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 105px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fe5722;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0!important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
ul.dropdown-menu li {
    padding: 5px 0;
}
ul.dropdown-menu li:nth-child(2){
	border-bottom:none;
}
ul.dropdown-menu li a {
    color: #000!important;
}
ul.dropdown-menu li a:hover {
	color: #FFFFFF !important;
	background:none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none!important;
}
.w3layouts-banner-slider {
    margin: 11em 4em;
}
.agileits-banner-info {
	text-align:center;
}
.agileits-banner-info h3{
    color: #FFF;
    font-size: 4em;
    margin: 0;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 13px;
}
.agileits-banner-info h3 span{
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFFFFF !important;
    font-size: .3em !important;
    letter-spacing: 23px;
}
.w3-button{
    margin: 2em 0 1em 0;
}
.w3-button a{
    color: #FFFFFF;
    font-size: 1em;
    text-decoration: none;
    padding: .5em 2em;
    background: #ff5722;
    text-align: center;
    border: solid 2px #ff5722;
}
.w3-button a:hover{
	background: none;
    border: solid 2px #ffffff;
    color: #ffffff;
}
.img-about {
    width:95PX;
    height:95px;
}
.about-text p {
    color: #fff;
    letter-spacing: 6px;
    margin-top: 1.5em;
    line-height: 2em;
	font-size: 1em;
}
.titulos{
    font-family: 'Pacifico', cursive;
    font-size: 34px;
    
}
.p12 {
    border: none;
}

/*--reservation--*/
h1.w3layouts-title.title-reserve {
    color: #000;
    font-family: 'Pacifico', cursive;
    margin-bottom:4em
}
.book-left {
    background: #E88010;
    padding: 5em 4em 11.5em;
    position: relative;
}
.book-right {
   
    padding:2em 0 0;
}
.book-right1 {
    margin-top: -10px;
    width: 100%;
    float: left;
   
   
    
}
form.book-right2 {
    width: 100%;
}
.book-info h4 {
    font-size: 30px;
    color: #800000;
	margin-bottom: 0.2em;
}
.book-info h5 {
    font-size: 18px;
    color: #fff;
    line-height: 1.8em;
}
.book-info h5 span.fa {
    font-size: 0.8em;
    vertical-align: middle;
}
.book-right label {
    font-size: 16px;
    color: #fff;
    margin-bottom: 13px;
    text-align: left;
    display: block;
    font-weight: 400;
    line-height: 1em;
}
.form-left {
    float: left;
    width: 48%;
}
.form-right {
    float: right;
    width: 48%;
} 
/*-- reservation --*/
.book-right input[type="text"]{
    width: 100%;
    color: #555;
    outline: none;
    font-size: 1em;
    padding: .8em 1em;
    border: none;
    -webkit-appearance: none;
    margin-bottom: 1.5em;
    line-height: 1.8em;
    -webkit-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    -moz-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
}
.book-right select{
    outline: none;
    font-size: 1em;
    padding: .5em 1em;
    border-radius: 0;
    border: none;
    height: 3em;
    margin-bottom: 1.5em;
    width:100%;
    -webkit-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    -moz-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
}
.book-right input[type=submit] {
    color: #a51c21;
    padding: 14px 0;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    border: 2px solid #9cd5c4;
    outline: none;
    border-radius: inherit;
    background: #9cd5c4;
    width: 100%;
    line-height: 1em;
}
.book-right input[type=submit]:hover {
    background: none;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    color: #fff;
}
.book-left1 {
    background: url(../images/reserve.jpg)no-repeat;
    background-size: cover;
    min-height: 300px;
    float: left;
    width: 17%;
    border: 10px ridge #fff;
}
/*--//reservation--*/
.titulo-reservaciones {
  font-family: 'Pacifico', cursive;
    font-size:3.2em; 
    text-transform: none;
}

section.testimonial-wthree2 {
	background:url(../img/fondo3.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	padding:100px 0;
}
section.testimonial-wthree2 h3{
    color:#fff;
     font-family: 'Pacifico', cursive;
    font-size:2.8em; 
    text-transform: none;
    margin-bottom: 20px;
}
section.testimonial-wthree2  h4{
  color:#fff;
    padding: 5px;
        font-size:1.5em;
}
section.testimonial-wthree2  p{
  color:#fff;
font-size:1.1em;
}
/*-- contact--*/
#contact{
    background-color: chocolate;
}
#contact h3.h3-w3l{
	color:#fff
}
.map{
    padding: 0;
}
.map iframe {
    width: 100%;
    min-height: 490px;
    display: block;
}
h3.title-contact {
    font-size: 39px;
    text-transform: capitalize;
    color: #a51c21;
    margin-bottom: 20px;
  
    font-family: 'Pacifico', cursive;
    margin-bottom:4em
}
.contact-right input[type="text"], .contact-right input[type="email"] {
    font-size: 1em;
    border: 1px solid #fff;
    background: #9cd5c4;
    outline: none;
    padding:15px;
    width: 48%;
    margin: 1%;
    margin-bottom: 1em;
    color: #000;
    -webkit-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    -moz-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    box-shadow: 1px 4px 0px 0px rgb(226, 225, 225);
    float: left;
}
.contact-right input[type="text"]:nth-child(1), .contact-right input[type="email"] {
    margin: 1%;
}
.contact-right textarea{
	width:98%;
	padding:10px 15px;
	outline:none;
	resize:none;
    height:100px;
    margin:1%;
	border:1px solid #fff;
	font-size:1em;
	background: #9cd5c4;
    color:#000;
    -webkit-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    -moz-box-shadow: 5px 5px 0px 0px rgb(156, 213, 196);
    box-shadow: 1px 4px 0px 0px rgb(226, 225, 225);
}

.contact-right input[type="submit"] {
    background: #a51c21;
    color: #FFF;
    padding: .9em 1.8em;
    margin-top: 1.3em;
    border: 1px solid #a51c21;
    outline: none;
    font-size: 0.9em;
}
.contact-right input[type="submit"]:hover {
    background: #9cd5c4;
    color: #000;
    border: 1px solid#9cd5c4;
}
.contact-right {
    padding: 4em 5em 4.8em;
    background: #fff;
    -webkit-box-shadow:  0px 0px 2px 22px rgb(156, 213, 196);
    -moz-box-shadow:  0px 0px 2px 22px rgb(156, 213, 196);
    box-shadow: 0px 0px 2px 22px rgb(156, 213, 196);
}
/*--footer--*/
.footer-grid {
    background: #a51c21;
    padding: 2em 0;
    margin-bottom: 3em;
}
.footer h4 {
    font-size: 3em;
    line-height: 1em;
    color: #68D0AF;
    margin-bottom: 0.5em;
}
.footer_grid_bottom ul {
  padding: 0;
  margin: 0;
}
.footer_grid_bottom ul li {
    display: block;
    font-size: 1em;
    color: #fff;
    font-weight: 300;
    margin-bottom: 1em;
}
.footer_grid_bottom ul li a{
    color: #fff;
    font-size: 15px;
}

.w3_agileits-subscribe {
    width: 50%;
    background: url(../images/sub.jpg) no-repeat center;
    background-size: cover;
    margin: 0 auto;
    padding:3em 2em;
}
.subscribe.timings{
    width: 50%;
}
.time {
    width: 68%;
    margin: 0 auto;
    border-style: solid;
    padding: 15px 15px 25px;
    border-color: #fff;
    border-width: 0px 4px 4px 4px;
}
span.sub-title.p1 {
    width: 30%;
}
.w3_agileits-subscribe h4 {
    color: #FFF;
    font-size: 40px;
    text-transform: capitalize;
    word-spacing: 12px;
    margin-bottom: 17px;
    letter-spacing: 0.5px;
}
.subscribe-form {
    width: 71%;
    margin: 15px auto 0;
    border: 5px ridge #9cd5c4;
    padding: 10px;
    background: #a51c21;
}
.w3_agileits-subscribe h5 {
    font-size: 25px;
    margin: 15px 0 1px;
    letter-spacing: 2px;
    color: #fff;
    line-height: 1.3;
}
.w3_agileits-subscribe p {
    color: #ecd8d8;
    letter-spacing: 1px;
}
p.sub-p {
    font-size: 17px;
    font-weight: 600;
}
.w3_agileits-subscribe input[type="email"] {
    width: 80%;
    padding: 12px 10px 9px;
    font-size: 15px;
    float: left;
    color: #000;
    outline: none;
    border: 1.5px solid #fff;
    background:#fff;
    -webkit-appearance: none;
}
.w3_agileits-subscribe input[type="submit"]:hover{
    background: #fff;
    color: #a51c21;
    border-left:1px solid #a51c21;
}
.w3_agileits-subscribe input[type="submit"] {
    width: 20%;
    float: left;
    color: #a51c21;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    outline: none;
    letter-spacing: 1px;
    padding: 12px 10px 11px;
    border: 1px solid #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-appearance: none;
    background: #9cd5c4;
}
.footer-cpy {
    margin: 3em 0 0;
    background: #a51c21;
    padding: 2em 0;
    border-top: 2px dashed #F5DDDD;
    border-bottom: 2px dashed #F5DDDD;
}
.footer-copy {
    margin: 2em 0 0;
}
.footer-copy p{
	font-size: 1em;
    color: #fff;
    text-align: center;
    line-height: 1.8em;
}
.footer-copy p a{
    color: #68D0AF;
}
.footer-copy p a:hover{
    color: #fff;
}
/*-- social-icon --*/
.social_list li {
    display: inline-block;
    margin-left: 1em;
}
.social_list li a {
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 23px;
    line-height: 46px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}
a.facebook{
	background:#3b5998;
}
a.facebook:hover{
	background:#fff;
	color:#3b5998
}
a.twitter{ 
	background:#1da1f2;
}
a.twitter:hover{
	color:#1da1f2;
	background:#fff;
}
a.dribble{ 
	background:#ea4c89;

}
a.dribble:hover{ 
	color:#ea4c89;
	background:#fff
}
a.vimeo{ 
	background:#EF97FF;
}
a.vimeo:hover{ 
	color:#1ab7ea;
	background:#fff;
} 
/*-- //social icons --*/
/*--//footer--*/
.footer_grid_bottom ul {
    list-style-type: none;
    margin-bottom: 1em;
    color: #999;
    font-size: 14px;
}

.footer_grid_bottom ul li {
    display: block;
    color: #ffffff;
    letter-spacing: .5px;
    font-size: 14px;
    margin: 23px 0;
    list-style: none;
    width: 33.33%;
    float: left;
    font-weight: 500;
}

.footer_grid_bottom.contact p {
    margin-top: 10px;
    display: inline-block;
    width: 70%;
    line-height: 28px;
}
.footer_grid_bottom.contact ul li span {
    font-size: 30px;
    color: #a51c21;
    text-align: center;
    display: inline-block;
    width: 80px;
    height: 80px;
    padding-top: 25px;
    margin-right: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    background: #9cd5c4;
}
ul.w3_address li p {
    margin-top: 10px;
    display: inline-block;
    float: left;
    width: 70%;
    line-height: 28px;
}
.contacto {
    background-color: chocolate;
}

#footer {
    background-color: chocolate;
}
 #reserva {
	background:url(../img/fondo2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	padding:100px 0;
}
#reserva h3{
    font-size: 39px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 0px;
  
    font-family: 'Pacifico', cursive;
    margin-bottom:4em
} 
}