


@font-face {
    font-family: 'centrale_sans_boldbold';
	src:	url(../fonts/centralesans_bold-webfont.ttf)
    src: url('../../fonts/centralesans_bold-webfont.eot');
    src: url('../../fonts/centralesans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/centralesans_bold-webfont.woff') format('woff'),
         url('../../fonts/centralesans_bold-webfont.ttf') format('truetype'),
         url('../../fonts/centralesans_bold-webfont.svg#centrale_sans_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'centrale_sans_mediummedium';
    src: url('../../fonts/centralesans_medium-webfont.eot');
    src: url('../../fonts/centralesans_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/centralesans_medium-webfont.woff') format('woff'),
         url('../../fonts/centralesans_medium-webfont.ttf') format('truetype'),
         url('../../fonts/centralesans_medium-webfont.svg#centrale_sans_mediummedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'centrale_sans_regularregular';
    src: url('../../fonts/centralesansregular-webfont.eot');
    src: url('../../fonts/centralesansregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/centralesansregular-webfont.woff') format('woff'),
         url('../../fonts/centralesansregular-webfont.ttf') format('truetype'),
         url('../../fonts/centralesansregular-webfont.svg#centrale_sans_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* global styles
===========================*/
      body {
        padding-top: 60px;
        padding-bottom: 0px;
		background:#F7F7F7;
		font-size:16px;
		font-family: 'centrale_sans_regularregular', sans-serif;
      }
	 p, h1, h2, h3, h4, h5, ul, li {
		font-family: 'centrale_sans_regularregular', sans-serif;
		color:#404f21;
	 }
	 li {
		line-height: 25px;
    border-bottom: 1px solid;
    margin: 20px 0; 
	 }
	 .nav li {
		border-bottom: none; 
	 }
	 p{font-size:20px; line-height: 31px;}
	 a:hover, a:focus {color: #b3c88b;}
	 a {color: #404f21; font-weight:bold;}
	 a:vistited{color: #404f21; font-weight:bold;}
	 h1{color:#404f21;	 font-size:33px;	font-style:normal;	font-weight:bold; text-transform:none;}
	 h2{color:#404f21; font-style:normal;	font-weight:bold; text-align: left; font-size: 32px;}
	 h3{color:#404f21;	 font-size:28px;font-style:normal;font-variant:normal;font-weight:bold;text-transform:uppercase; letter-spacing:15px;}
	  header{
		padding-top:50px;
	  }
	  section {
		position:relative;
		padding-top:190px;
		padding-bottom:150px;
		width:100%;
		min-width:100%;
		margin-top:-5px;
	  }
	  
	  .page-header{
		padding-top:20px;
	  }
	  .lead{margin-bottom: 20px;
font-size: 18px;
font-weight: bolder;
line-height: 24px;
letter-spacing: 0px;
	  }
	  
	  
	  	.justify{
		text-align:justify;
	}
	

	/* HEADER
	============================*/
	   
	  #head-top {
	  position:relative;
		background:#b3c88b;
		padding-top:0px;
		padding-bottom:0px;
		margin-top:-60px;
		display:inline-block;
		width:100%;
		height:100%;
		overflow:hidden;
		min-height:630px;
	  }
	  
	  #head-top .hero-unit{
		background:none;
		min-height:85%;
		color:#ffffff;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		padding-top:160px;
		/*background:url(../../images/Family_Time_With_Elite.jpg) top center no-repeat;*/
		background-size: cover;
	}
	#head-top .hero-unit h1{
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.65);
	
	}
	
	.gobtnwrapper{
		position:absolute;
		bottom:0px;
		right:0px;
		left:0px;
		display:block;
		width:100%;
		height:40px;
		text-align:center;
		background-color:#b3c88b;
	}
	.gobtn{
		display:inline-block;
		width:70px;
		height:40px;
		background:#fff;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-box-shadow: 3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    3px -3px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         3px -3px 0px rgba(50, 50, 50, 0.25);
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		 border-top-left-radius: 3px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		padding-top:15px;
		
	}
	.gobtn i{
		color:#404f21;
	}
	.gobtn:hover{
		opacity:0.9;
		text-decoration:none;
	}
	
	
	  /* SECTIONS
	  ===========================*/
	  
	#Section-1{
	background:url(../../images/Palmera-resorts-Beach.jpg);
	background-size:cover;
	background-attachment:fixed;
	color:#fff;
	}
	
	#Section-6{
	background:url(../../images/Palmera-Beach-Gateway.jpg);
	background-size:cover;
	background-attachment:fixed;
	color:#fff;
	}
	
	  #Section-2{
		background:#c69f2e;
		color:#fff;
		background:url(../../images/Palmera-Resorts-Beach-Fence.jpg);
		background-attachment:fixed;
			background-size:cover;
			min-height:600px;
	  }
	  
	  .well{
		border:none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	  }
	  #Section-1 .well{
		/*background-color:#34495e;*/
		background:url(../../images/bgredtwo.png) 0% 0% fixed repeat;
		color:#fff;
		margin-bottom:-100px;
		margin-top:60px;
		padding-top:60px;
		padding-bottom:60px;

	  }
	  .well .lead{
		font-size:220%;
	  }
	  #Section-2 .well{
		background:url(../../images/bgredtwo.png) 0% 0% fixed repeat;
		margin-bottom:-100px;
		margin-top:60px;
		padding-top:60px;
		padding-bottom:60px;
	  }
	  #Section-3{
		background:url(../../images/Palmera-Resorts-Chill-At-The-Pool.jpg) 0% 0% fixed repeat;
				background-size:cover;
				background-attachment:fixed;
				background-color:#c69f2e;
	  } 
	  #Section-3 h2,
	  #Section-3 h3{
		color:#404f21;
		
	  }  
	  
	  #Section-4{
		background:url(../../images/Palmera-Resorts-Coligny.jpg) 0% 0% fixed repeat;
				background-size:cover;
				background-attachment:fixed;
				background-color:#c69f2e;
	  } 
	  #Section-4 h2,
	  #Section-4 h3{
		color:#fff;
		
	  }
	  #Section-5{
			background:url(../../images/Palmera-Resorts-Take-A-Dive.jpg) 0% 0% fixed repeat;
				background-size:cover;
				background-attachment:fixed;
				background-color:#c69f2e;  
	  }
	  
	hr{
		margin: 8px 0px 25px 0px;
border-top: 1px solid #b3c88b;
border-bottom: 1px solid #b3c88b;
border-color: #b3c88b !important;
	}
	hr, 
	.page-header {
		border-color:rgba(250,250,250, 0.1)
	  }
	   
	  #Section-2 p{
		color:rgba(250,250,250, 0.9);
	  }
	  #Section-2 h3 {
		
	  }

	  .page-header h2,
	  .page-header h3{
		font-weight:100;
		font-size:46px;
		line-height:46px;
	  }
	  
	  .box{
		margin-bottom:30px;
		background:url(../../images/white_center_gradient_bg.png) repeat-y;
		background-size:contain;
		border-top: solid 3px #b3c88b;
		border-bottom: solid 3px #b3c88b;
		padding-top:10px;
		padding-bottom:10px;
	  }
	  .about-box {
		margin-bottom:20px;
		margin-top:20px;
		color:#fff;
	  }
	  
	  .about-box h3,
	  .about-box h4{
		border-bottom:1px solid #fff;
	  }
	  .about-box h3 span,
	  .about-box h4 span{
		border-bottom:2px solid #fff;
		display:inline-block;
	  }
	  
	  /* FOOTER
	  ================================*/
	    footer{
		display:inline-block;
		width:100%;
		min-width:100%;
		padding-top:50px;
		padding-bottom:50px;
		min-height:200px;
		background:#404f21;
		color:#fff;
	  }
	  
	  footer .circ-wrap{
		float:left;
		margin:10px;

		
	  }
	   footer .circ-wrap a{
			color:#fff;
	   }
	   
	   footer .circ-wrap a:hover{
			text-decoration:none;
	   }
	   
	  /* NAVIGATION 
	  =============================== */
	.navbar .nav > li > a {
		float: none;
		    padding: 50px 11px 18px;
		color: #404f21;
		text-decoration: none;
		text-shadow: none;
		font-size:14px;
		font-wight:bold;
		text-transform:uppercase;
		border-top: 10px solid transparent;
		letter-spacing: 3px;
	}
	.navbar .nav > .active > a, 
	.navbar .nav > .active > a:hover, 
	.navbar .nav > .active > a:focus {
		color: #404f21;
		text-decoration: none;
		background: none;
		border-top: 10px solid #b3c88b;
		-webkit-box-shadow:  none;
			-moz-box-shadow:   none;
				box-shadow:  none;
	}
	.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: #b3c88b;}
	.navbar .brand {
		padding: 15px 20px 15px 30px;
		color:#b3c88b;
		text-shadow:none;
		font-size:32.5px;
		font-weight:100;
		margin-right:30px;
	}

	.navbar-fixed-top .navbar-inner, 
	.navbar-static-top .navbar-inner {
		-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
					box-shadow:0 3px 0px rgba(0, 0, 0, 0.1);
	}

	.navbar-inverse .navbar-inner {
		min-height: 60px;
		padding-right: 20px;
		padding-left: 20px;
		background: #fff;
		background-image: none;
		background-repeat: repeat-x;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		filter: none;
		-webkit-box-shadow: 0px 0px 10px #666;;
			-moz-box-shadow: 0px 0px 10px #666;;
				box-shadow: 0px 0px 10px #666;;
	}
	
	/* ICONS WRAPERS
	===========================*/
	.circ-wrap{
		width: 98px;
		height: 98px;
		margin: 0 auto;
		line-height: 95px;
		text-align: center;
		border: 1px solid rgba(250,250,250,.9);
		border-radius: 50px;
		padding-top:15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	

	/* Carousel
	==============================*/
	.carousel-control {
		position: absolute;
		top: 50%;
		left: 15px;
		width: 40px;
		height: 40px;
		margin-top: 20px;
		font-size: 30px;
		padding-top:10px;
		font-weight: 100;
		line-height: 30px;
		color: #ffffff;
		text-align: center;
		background: none;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;

	}
	.carousel-control.right {
		right: -20px;
		left: auto;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		 border-top-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.carousel-control.left {
		left: -20px;
		right: auto;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	/* TEAM
	==============================*/
	.social-contacts a i{
		text-decoration:none;
		color:#3F7497;
	}
	.social-contacts a i:hover{

		color:#335E7C;
		text-decoration:none;
		transition: all ease-in-out 0.3s;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
	}
	.social-contacts a:hover{
		text-decoration:none;
	}
	
	/* PRODUCTS
	==============================*/
	.thumbnail.product-item{
		border-top:0px;
		border-left:0px;
		border-right:0px;
		overflow:hidden;
		max-height:300px;
		padding-top:20px;
		background:none;
		border-bottom:4px solid rgba(0,0,0, 0.1);
		-moz-box-shadow:none;
		box-shadow:none;
		-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
				box-sizing:border-box;
		-webkit-border-radius:0px;
			-moz-border-radius:0px;
				border-radius:0px;
	}
	
	
	/* BUTTONS 
	=============================*/
	.btn {
	  border: none;
	  background: #34495e;
	  color: white;
	  font-size: 16.5px;
	  text-decoration: none;
	  text-shadow: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  -webkit-backface-visibility: hidden; 
	}
	
  .btn:hover, 
  .btn:focus {
    background-color: #4e6d8d;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; 
	}
  .btn:active, .btn.active {
		background-color: #2c3e50;
		color: rgba(255, 255, 255, 0.75);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none; 
	}
  .btn.disabled, 
  .btn[disabled] {
		background-color: #95a5a6;
		color: white; 
	}
	
  .btn.btn-large {
		padding-bottom: 12px;
		padding-top: 13px; 
	}
  .btn.btn-primary {
		background-color: #1abc9c; 
	}
    .btn.btn-primary:hover, 
	.btn.btn-primary:focus {
      background-color: #2fe2bf; 
	}
    .btn.btn-primary:active, 
	.btn.btn-primary.active {
      background-color: #16a085;
	 }
	.btn.btn-info {
		background-color: #3498db; 
	}
    .btn.btn-info:hover, 
	.btn.btn-info:focus {
      background-color: #5dade2; 
	 }
    .btn.btn-info:active, 
	.btn.btn-info.active {
      background-color: #2383c4; 
	}
  .btn.btn-danger {
		background-color: #e74c3c; 
	}
    .btn.btn-danger:hover, 
	.btn.btn-danger:focus {
      background-color: #ec7063; 
	}
    .btn.btn-danger:active, 
	.btn.btn-danger.active {
      background-color: #dc2d1b; 
	}
  .btn.btn-success {
    background-color: #2ecc71; 
	}
    .btn.btn-success:hover, 
	.btn.btn-success:focus {
      background-color: #55d98d; 
	 }
    .btn.btn-success:active, 
	.btn.btn-success.active {
      background-color: #27ad60; 
	}
  .btn.btn-warning {
		background-color: #FFAA49; 
	}
    .btn.btn-warning:hover, 
	.btn.btn-warning:focus {
      background-color: #f4d03f; 
	}
    .btn.btn-warning:active, 
	.btn.btn-warning.active {
      background-color: #cea70c; 
	 }
	 
	 /* Progress bars
	 ================================*/
	 .progress, 
	 .ui-slider {
		  background: #e8edf2;
		  border-radius: 32px;
		  height: 20px;
		  -webkit-box-shadow: none;
		  -moz-box-shadow: none;
		  box-shadow: none;
		  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
  }
  .progress .bar, 
  .ui-slider .bar {
		background: #1abc9c;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-success, 
  .ui-slider .bar-success {
		background-color: #2ecc71;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-warning, 
  .ui-slider .bar-warning {
		background-color: #FFAA49;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-danger, .ui-slider .bar-danger {
		background-color: #e74c3c;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
  .progress .bar-info, .ui-slider .bar-info {
		background-color: #3498db;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
	}
	
	.navbar .btn-navbar {
		float: right;
		padding: 20px 20px;
		margin:0px;
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #c6a02e;
		background-image: none;
		border-color: none;
		filter: none;
		-webkit-box-shadow: none;
			-moz-box-shadow: none;
				box-shadow: none;
		-webkit-border-radius:0px;
			-moz-border-radius:0px;
				border-radius:0px;
	}
	
	/* @media width
	====================================*/
	@media (max-width: 979px){
			.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
			padding-bottom: 0px;
			padding-top: 0px;
		}
		.navbar-fixed-top, .navbar-fixed-bottom {
			position: fixed !important;
		}
		.hero-logo img{width:66%;}

	}
	@media (min-width:768px) and (max-width:1199px){
		.brand{content:url(../../images/Palmear-Palm-Only.png); width:20%;}		
	}
	@media (min-width:1200px){
		.brand{content:url(../../images/Palmera-Resorts-Logo-Wide.png); width:35%;}
	}
	@media (max-width: 767px){
		body {
			padding-right: 0px;
			padding-left: 0px;
		}
		.container{
			padding-right: 20px;
			padding-left: 20px;
		}
		
		.navbar-inverse .navbar-inner {
			min-height: 30px;
		}
		
		.navbar .brand {
			padding: 10px 0px 10px;
			width:70%;
		}
		.navbar .brand{
			margin-left:15px;
			margin-right:15px;
			font-size:28px;
		}
		.navbar .nav > li > a {
			float: none;
			padding: 15px 20px 15px;
			-webkit-border-radius:0px;
				-moz-border-radius:0px;
					border-radius:0px;
		}
		.hero-logo img{width:80%;}
		#bottomborder{display:none;}
		.brand{content:url(../../images/ERG_Wide_Logo.png);}

	}
	@media (min-width: 980px){
		.hero-logo img{width:30%;}
		
	}
	.roundedcorners{background-color: rgba(255,255,255,0.7);border-radius: 15px;padding: 15px;}
	.roundedcorners p{color:#000 !important; font-size: 17px !important; line-height: 29px !important;}
	.white {color:#fff !important;}
	.black {color:#000 !important;}
	.brown {color:}
	.main-color{color: #b3c88b; !important}
	.listofresorts {background:url(../../images/gold_white_gradient_background.jpg) repeat-y; background-size: contain; text-align:center;}
	.listofresorts ul {list-style-type:none;}
	#bottomborder{    background-color: #fef3e2;
    min-height: 10px;
box-shadow: 0px 0px 5px #666;
position: fixed;
bottom: 0;
margin-top: -25px;
width: 100%;}

	textarea {
		min-height: 100px !important;
	}
	input[type="submit"] {
		background-color:#e3cc93;
		border-radius: 7px;
		box-shadow: inset 0px 0px 11px rgba(0, 0, 0, 0.5);
		min-height: 40px;
		border:solid #56503e 2px;
		width: 25%;
		font-weight:bolder;
		float:right;
	}

	select, submit, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		width: 100%;
min-height: 40px;
border-radius: 7px;
box-shadow: inset 0px 0px 11px rgba(0, 0, 0, 0.5);
padding-left: 15px;
color: #89888b;
font-family: 'centrale_sans_regularregular', sans-serif;
font-size: 15px;
letter-spacing: 1px;
	}