/*redefining the sattic containeer size for each resolution device*/
@media (min-width: 768px) {
  .container {
    width: 750px;

/*background on this width smal screen*/
  }
   
  .outsideContainer2{
	background-color:#FFFCE1;
  }
  .container_2 {
    width: 500px;
  }
}
@media (min-width: 100px) {
  
  .outsideContainer2{
	background-color:#FFFBE6;
  }
}
@media (min-width: 992px) {
  .container {
    width: 790px;
  }
 
  .outsideContainer2{
	/* background-color:#25B6CF; */
	 background-repeat: no-repeat;
    height: auto;
	display: block;
	background-image:url(../varadero/beach_bg.jpg);
	background-position:top;
	background-attachment:fixed;	
	background-size: 100% 100%;
	
  }
  .container_2 {
    width: 500px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 790px;
  }
  
 .outsideContainer2{
    background-repeat: no-repeat;
    height: auto;
	display: block;
	background-image:url(../varadero/beach_bg.jpg);
	background-position:top;
	background-attachment:fixed;	
	background-size: 100% 100%;
	
 
/*background on this width big screen*/  
}
.container_2 {
    width: 500px;
  }
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-inner{

    background-image: none;
}
/*redifining image border*/
.img-rounded1 {
  border-radius: 11px;
}
/*hover color for bar header*/
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background-color: #afe4ec;
	border-radius: 8px;
	alignment-adjust: middle;
	
}
/*logo style pulling header potion down*/
.navbar-brand{
	color:#7B2C11;
	border-color:#16c6ff;
	margin-bottom: 29px; /*this allow put down yhe banner options*/
}

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

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #007095;
	background-color: #0087a7;   /*background color for hover and click on menu options */
	
}

/* navbar */
.navbar-default {
	/* background-color: rgba(255, 255,254, 0.1);*/
	background-color: #fffef5;
	border-color: #16c6ff;
}
/* title */
.navbar-default .navbar-brand {
	color: #008cb9;
	border-color: #16c6ff;
	background-color: transparent;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #fff;
}
/* link text to margin */
.navbar-default .navbar-nav > li > a {
	color: #008cb9;
	margin-top: 12px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	margin-top: 12px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #FFFFE6;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #ffffff;  /*style for open submenu*/
}


/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #16c6ff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #0089b5; /*square box menu for mobile color*/
}

.navbar-default .navbar-toggle {
	border-color: #16c6ff;
}


/*menu list of popular desination*/
a.list-group-item:hover, a.list-group-item:focus {
	text-decoration: none;
	background-color: #0194b9; 
	color: #FFF; /*hoover color*/
}

a.list-group-item_niagara:hover, a.list-group-item:focus {
	text-decoration: none;
	background-color: #0194b9; 
	color: #FFF; /*hoover color*/
}

/*destination option menu border radius*/
.list-group-item{
  border-radius: 12px;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	z-index: 2;
	color: #FFF;
	background-color:  #0194b9;
	border-color:  #16c6ff;
}

.list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.list-group-item_niagara{
  border-radius: 12px;
}

a.list-group-item_niagara.active, a.list-group-item_niagara.active:hover, a.list-group-item_niagara.active:focus {
	z-index: 2;
	color: #FFF;
	background-color:  #0194b9;
	border-color:  #16c6ff;
}

.list-group-item_niagara:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}


/*beach image and repeating bg for future user if you want the top banner stretch all along the site
can be used to put  background  image for all website

background 
.outsideContainer{
    
     background-repeat: no-repeat;
     background-color: #F3EFF0;    
     display: block;
     max-width: 100%;
     height: auto;
     display: block;
 
  
}*/
.navbar-brand {
    float: left;
    height: 20px;
    padding: 15px;
    font-size: 19px;
    line-height: 20px;
    padding-top: 6px;
}

.topBanner{
	margin-top:10px;
	}

.container-fluid{
	padding-left:0px;
	padding-right:0px;
	}

.list-title{
    margin-left: 10px;
}
 /*#FEFEE9 yellow*/
.well {
    min-height: 20px;
    padding: 1px;
    margin-bottom: 10px;
    background-color:#FFFFFF;
    border: 0px solid #05fff6;
    border-radius: 10px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.text-main-title{
  font-family: Verdana, Arial, Helvetica;
  font-size: 13px;
  color: #693636;
}
.text-subtitle{
	font-family: Helvetica, Verdana, Arial;
	font-size: 14px;
	color: #8A170B;
	font-weight: normal;
}

.text-subtitle2{
	font-family: Helvetica, Verdana, Arial;
	font-size: 14px;
	color: #007095;
	font-weight: normal;
}
.text-subtitle3{
	font-family: Helvetica, Verdana, Arial;
	font-size: 14px;
	color: #007095;
	font-weight: bold;
}

a, a:link, a:hover, a:active, a:focus{
	font-family: Helvetica, Verdana, Arial;
	font-size: 13px;
	color: #006a9c;
	font-style: normal;
	font-weight: bold;
}



.well textContainer {
  margin-top: 10px;

}

#headMenu{
  background-color: rgba(240, 163, 46, 1);
}


.list-group-item active{
	background-color: #FEF1C7;
}

.carousel-slid{
    margin-top: 20px;
}

.panel {
    margin-bottom: 0px;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);

}
/*mainly used for placing al text information*/

.infoSection{
	margin-top: 10px;
	margin-bottom: 10px;
	color:#292929;
	background-color:#FFFFFF;
	border-radius: 10px;
	padding: 10px;
}
.infoSection1{
	margin-top: 10px;
	margin-bottom: 10px;
	color:#292929;
	background-color:#FFFFFF;
	border-radius: 10px;
	
}
.infoSection2{
	margin-top: 0px;
	color:#1F1F1F;
}

.panel {
    margin-bottom: 0px;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);

}

/*.outsideContainer2{
     background-repeat: no-repeat;
     background-color: #E2D8CD;    
     display: block;
     max-width: 100%;
     height: auto;
     display: block;
 
  }*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.destinations{
  background-color: #8CECD7;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
}

.corners{
  border-radius: 16px;
  box-shadow: 2px 2px 2px #767676;
   display: block;
  max-width: 100%;
  height: auto;
}

.hotelSections{
  background-color: #FFFFFF;
  border-radius: 10px;
}

.media{
  border-bottom: 1px solid #00A170;

}

.navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 10px;
	
	 
	
}
/*background destination menu*/

.list-group-item {
	position: relative;
	display: block;
	padding: 4px 18px;
	margin-bottom: -1px;
	background-color: #feffee;
	color: #00587d
}

.list-group-item_niagara {
	position: relative;
	display: block;
	padding: 4px 18px;
	margin-bottom: -1px;
	background-color: #ffffff;
	color: #00587d
}


.img-menu-info{ 
margin:0px 10px 0px 0px;}

h4.heading{
  margin-bottom: 0px;
}

.divBackElements{
  border-radius: 10px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #12c5ff;
  padding: 10px
}

.content-hotels{
  padding-top: 20px;
}

.panel-success > .panel-heading {
	color: #333333;
	background-color: #FFC;
	border-color: #FFC;
}

.list-group-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.list-group-item_niagara:first-child
{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.listcontainer{
   margin-top: 8px;
    margin-bottom: 2px;  
    
}
.listcontainerTopless{
   margin-top: 0px;
    margin-bottom: 10px;  
    
}

.listcontainerMless{
   margin-top: 0px;
    margin-bottom:0px;  
    
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.mainBanner{
  margin-top: 0px;
  margin-bottom: 0px;
}

.imgContainerMarginTop{
  margin-top: 10px;

}
/*padding for hotel div*/
.hotelContainer{
  margin-top: 10px;

}

/*bording the banner */
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0px 0px 12px 12px;
  }
}

@media (min-width: 50px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0px 0px 12px 12px;
  }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
	border-radius: 11px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-info {
	color: #fff;
	background-color: #0C6D9C;
	border-color: #0D77AA;
	width: 110px;
	box-shadow: 1px 1px 2px rgb(51, 51, 51);
}

.contactform{
	background-color: #D0CBC5;
}
.btn-info:hover {
	background-color: rgb(131, 189, 217);
	font-weight: bold;
	box-shadow: 1px 1px 2px rgb(51, 51, 51);
	color: rgb(12, 92, 158);
	border: medium none;
}
.form-control {
	box-shadow: 1px 1px 2px rgb(51, 51, 51);
	}
.texttitle{
	font-family:  Helvetica, Verdana, Arial;
	font-size: 19px;
	color: #e30035;
	font-weight: normal;
}
img {
	border: 0;
	}