/*My Custom Styles to RV Park Width 70%*/
 
 /* Global Selectors  */
body{
	height:100%;
	background-image:url("../images/beach.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-color:#bfbfff;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
h1{
	font-family:'Baloo',cursive;
	font-size:1.5rem;
}
h2{
	font-size:2.4rem;
	color:rgb(255,255,255);
}
h2,h3{
	font-family:'Archivo Black', sans-serif;
}
h4{
	color:#CCC;
}

div.container{
	width:70%;
	/* margin:0 auto; */
}

/* Navigation Nav Bar */
.navbar{
	background:transparent;
	border:none!important;
}
nav .navbar-header{
	padding:0 auto; 
	/* margin-top:7px; */
	/* border: 1px solid #000; */
}
nav a.navbar-brand{
	padding:0 5px 0px 5px;
	/* width:100%; */
}
nav a.navbar-brand:hover{
	background-color:rgba(255,199,0,0.5);
	border-radius:25px;
}

.navbar-collapse.collapse{
	float:right;
}
nav #brand-text h1{
	color:rgb(255,255,255);
	font-size:2vw; 
	padding:0;
	margin:0;
	line-height:50px;
}
.title-brand{
	color:rgb(255,255,255);
}

nav h1 span{
	color:rgb(255,199,0);
	display:inline-block; 	
	word-spacing:-5px;
}

/* Curved Brand Text */
nav h1 span:nth-child(1){
	-webkit-transform:translate(0,3px);
	-ms-transform:translate(0,3px);
	transform:translate(0,3px);
}
nav h1 span:nth-child(2){
	-webkit-transform:translate(0,0px);
	-ms-transform:translate(0,0px);
	transform:translate(0,0px);
}
nav h1 span:nth-child(3){
	-webkit-transform:translate(0,-3px);
	-ms-transform:translate(0,-3px);
	transform:translate(0,-3px);
}
nav h1 span:nth-child(4){
	-webkit-transform:translate(0,-6px);
	-ms-transform:translate(0,-6px);
	transform:translate(0,-6px);
}
nav h1 span:nth-child(5){
	-webkit-transform:translate(0,-2px);
	-ms-transform:translate(0,-2px);
	transform:translate(0,-2px);
}
nav h1 span:nth-child(6){
	-webkit-transform:translate(0,0px);
	-ms-transform:translate(0,0px);
	transform:translate(0,0px);
}

.navbar-default .navbar-nav>li>a{
	height:40px;
	color:rgb(255,255,255);
	font-size:1vw;
	font-weight:bold;
	padding-bottom:14px;
	/* border:1px solid #000; */
	
}
nav ul li a:hover{
	color:rgb(255,199,0,);
	background-color:rgba(255,199,0,0.4);
	border-radius:30px;
}

#myCarousel{
	margin-bottom:32px;
}
#description{
	margin-bottom:32px;
}


.btn{  /* This part just modify the radius. For more properties od this class, see bootstrap file*/
	border-radius: 30px;
}
a.btn.btn-warning{
	padding:7px 7px;
	margin-top:7px;
}
h1.title1{
	font-family: 'Archivo Black', sans-serif;
	color:rgb(255,255,255);
	text-align: right;
	letter-spacing: 1px;
	vertical-align: middle;
	font-size:3rem;
	}
.jumbotron{
	padding: 3px;
	background-color:rgba(34,34,34,0.6);
}

.centrado h3{
	font-size:medium;
}
#amenities{
	margin-bottom:32px;
}
#aboutus h1{
	font-size:4em;
}
#aboutus p{
	font-size:large;
	color:rgb(255,255,255);
}

div.jumbotron.myText-contact{	
	color:#FFF;
	overflow:hidden;

}
.myJumbotron{
  padding: 160px 15px;
  margin-bottom: 30px;
  color: #FFF;
  background-image: url('../images/rv.png');
  background-size: 100% 100%;
}

.mysubtitle1{
	padding:0;
	margin: 3px;
	text-align:center;
	font-family: 'Courgette', cursive;
	font-size:17px;
	color:rgb(255,255,255);	
}
h3.myJumbotron{
	font-size: 12px;
}

.mySlideTitles{
	padding:0;
	margin: 3px;
	text-align:center;
	font-family: 'Courgette', cursive;
	font-size:2vw;
	color:#F1C050;
}

.IconServices{
	background-color:#F1C050;
	padding: 20px;
	border-radius:50px;
	font-size:48px;
	color:#FFF;
}
.centrado{
	margin:auto;
	text-align:center;
}

/* Amenities list */
ul{
	padding-left:0;
}
#amenities ul li, #gallery ul li, #footer ul li{
	list-style:none;
	line-height:25px;
}
.material-icons,i{
	font-size:15px;
	color:#000;
}
.GlyphiconsSize{
	width:18px;
	height:17px;
}
section#footer{
	margin-bottom:32px;
	background-color:rgba(34,34,34,0.6);
	border-radius:5px; 
 }
 #footer div.row{
	 padding:15px;
 }
.myAddress{	
	color:#FFF;
	font-size:12px;	
}
#footer ul li a{
	color:#F1C050;
}

 hr { 
    border: 0.5px dashed #F1C050; 
  }

 .jumbotron .comments{
	background-color:rgba(104,104,104,0.6);
 }

.myMap{
	height:100%;
	margin: 0 auto;

}
iframe{
	width:100%;
}
.myCopyright{
	  padding: 5px;
	  background-color: rgba(34,34,34,0.6);
	  font-size:x-small;
	  color: #CCC;	
  }
.myCopyright p{
	margin:0 auto;
}


/* Reservations Page Styles */
#Rules h3{
	font-size:2rem;
}
#Rules h3, p, ol li{
	color:#FFF;
}
#Rules p, span.lead{
	font-family:'Raleway', sans-serif;
	font-size:1.7rem;
}
#Rules .row p{
	text-align:justify;
	text-indent:30px;
	padding:0 15px 0 15px;	
}
#Rules .lead{
	font-weight:bold;
}
#Rules button{
	margin-bottom:16px;
	padding-left:30px;
	padding-right:30px;
	background-color:rgb(240,173,78);	
}
#Rules button:hover{
	background-color:rgba(240,173,78,0.6);
}
.close{  /* Para cerrar Fomulario por la "X" */
	color:#FFF!important;	
	background-color:rgba(0,0,0)!important;
	font-size:5rem;
}
.modal-content{
	background-color:rgba(0,0,0,0.7);
}
.modal-header h4{
	font-family:'Montserrat', sans-serif;
	font-size:2rem;
}
#frmReservations label{
	color:#FFF;
}
.modal-footer{
	padding:15px 0!important;
	margin: 0 auto!important;
}