/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	line-height: 20px;
	color: #000000;
	min-width: 1000px;

}
html, body {height: 100%;}

p {padding-top: 20px;}

.top {padding-top: 8px;}
.top1 {padding-top: 13px;}
.top2 {padding-top: 0px;}
.top3 {padding-top: 0px;}
.top4 {padding-top: 22px;}
.top5 {padding-top: 39px;}

.bot {padding-bottom: 44px;}
.bot_1 {padding-bottom: 57px;}
.bot_2 {padding-bottom: 40px;}
.bot_3 {padding-bottom: 17px;}
.bot_4 {padding-bottom: 26px;}

.map {padding: 27px 0 2px 0;}
.img {padding: 22px 0 3px 0;}

a {color: #8e846b; outline: none;}
a:hover{text-decoration: none;}

a.decoration {text-decoration: none;}
	a.decoration:hover {text-decoration: underline;}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 980px;
}

	/* Header */
	header{
		height: 170px;
		background: none;
		    border-bottom: 0.5px solid #cccccc;

	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
		height: 106px;
	}
/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 {float: left;}

.alignright {text-align: right;}
.aligncenter {text-align: center;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.extra-container {
	width: 100%;
	
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent {margin: 0 20px 0 0; float: left;}
.img-indent1 {margin: 0 14px 0 0; float: left; padding: 14px 0 0;}
.extra-wrap {overflow: hidden;}

/*=============================================================================== text =====*/
h1 {
	padding: 50px 0 0px 0px;
	margin-left: -11px;
	position: relative;
	float: left;
}
	h1 a {
		display: block;
		height: 99px;
		width: 255px;
		text-indent: -5000px;
		background: url(../images/logo.gif) left top no-repeat;
	}
h2 {
	font-size: 16px;
	line-height: 1.2em;
	color: #aaa696;
	padding: 0px 0px 0px 0px;
	
}
	h2 span {
		display: block;
		margin-top: -9px;
	}
	.h2-top {margin-top: -2px;}
	.h2-top1 {margin-top: 44px;}
h3 {
	font-size: 24px;
	line-height: 1.2em;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: -6px 0 0 0;
	
}

.space {letter-spacing: -2px;}

.bg-tail-bottom {background: none; padding-bottom: 4px; margin-bottom: 36px;}
.bg-tail {
	background: none;
	width: 99%;
}

.colgreen {color: #cc9999;}

.text {
	font-size: 24px;
	line-height: 27px;
	color: #000000;
	display: block;
	padding: 13px 0 0;
	
}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
nav {
	padding: 41px 0 0;
	float: right;
}
	nav li {
		float: left;
		font-size: 13px;
		line-height: 1.2307em;
		padding-right: 1px;
	}
		nav li a {
			display: block;
			text-decoration: none;
			text-transform: uppercase;
			color: #000000;
			padding: 39px 17px 40px 18px;
		}
			nav li a:hover, nav .active {
				background: #525252;
				color: #ffffff;
			}
/*=================================================================================================================== content =====*/
.blocks {
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
	
}
.block {padding: 20px 0 2px;}
	.circle {
		background: #cfc6a5;
		border-radius: 24px;
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
		behavior: url(js/PIE.htc);
		position: relative;
		display: block;
		float: left;
		font-size: 25px;
		line-height: 1.2307em;
		color: white;
		width: 31px;
		height: 38px;
		padding: 4px 0px 0px 11px;
		margin: 5px 11px 0 0;
	}
	.overflow {
		overflow: hidden;
		display: inline-block;
		width: 537px;
	}
		.overflow strong {
			display: block;
			color: #ffcccc;
		}
.bg_1 .circle {background: #cdacf0;}
	.bg_1 .overflow strong {color: #cdacf0;}
.bg_2 .circle {background: #b3e1b8;}
	.bg_2 .overflow strong {color: #b3e1b8;}
.bg_3 .circle {background: #eca1a6;}
	.bg_3 .overflow strong {color: #eca1a6;}
.bg_4 .circle {background: #d6cbd3;}
	.bg_4 .overflow strong {color: #d6cbd3;}
.bg_5 .circle {background: #7FDBFF;}
	.bg_5 .overflow strong {color: #7FDBFF;}
.bg_6 .circle {background: #FFDC00;}
	.bg_6 .overflow strong {color: #FFDC00;}
.bg_7 .circle {background: #AAAAAA;}
	.bg_7 .overflow strong {color: #AAAAAA;}
.bg_8 .circle {background: #F012BE;}
	.bg_8 .overflow strong {color: #F012BE;}
.bg_9 .circle {background: #B10DC9;}
	.bg_9 .overflow strong {color: #B10DC9;}
	.bg_10 .circle {background: #FF0000;}
	.bg_10 .overflow strong {color: #FF0000;}
/*=============================================================================== indents =====*/
.indent {padding: 0px 0px 48px 0px}
.indent1 {padding: 0px 0px 0px 0px}
/*=============================================================================== col-indents =====*/
.col-indent {padding-right: 0px;}
.col-indent1 {padding-right: 0px;}
/*=============================================================================== borders =====*/
.borders a {
	width: 100%;
	min-height: 140px;
	text-decoration: none;
	position: relative;
	float: left;
}
	.borders a strong {
		display: block;
		color: #ffffff;
		font-size: 36px;
		line-height: 1.1em;
		letter-spacing: -3px; 
		padding: 31px 0 0 28px;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); 

	}
		.borders a strong span {
			display: block;
			margin-top: -9px;
		}
	.borders a.borders-bg_3 strong {padding-top: 25px;}
	.borders a.borders-bg_2 {min-height: 142px;}
	.borders a img {
		position: absolute;
		right: 12px;
		bottom: 18px;
	}
		.borders a:hover img {right: 6px;}
		
.borders-bg_1 {background: #cc9999; border: 1px solid white;}
.borders-bg_2 {background: #999999; border: 1px solid white;}
.borders-bg_3 {background: #cccccc; border: 1px solid white;}
.borders-bg_9 {background: #B10DC9; border: 1px solid white;}

/*=============================================================================== line-hor =====*/


.divider {background:url(../images/divider-bg.gif) 325px 0px repeat-y;}
.divider_1 {background:url(../images/divider-bg.gif) 320px 0px repeat-y;}
.divider1 {background:url(../images/divider-bg.gif) 645px 0px repeat-y;}
.divider_2 {background:url(../images/divider-bg.gif) 640px 0px repeat-y;}
/*=============================================================================== lists =====*/
.data-list {padding: 18px 0 0;}
	.data-list li {
		border-bottom: 1px solid #e4e2dc;
		padding-bottom: 5px;
		margin-bottom: 4px;
	}
		.data-list li a {
			display: block;
			width: 100%;
			overflow: hidden;
			padding: 6px;
			text-decoration: none;
		}
			.data-list li a:hover {background: #6dd0f7; color: black;}
			.data-list li a img {
				float: left;
				margin-right: 11px;
			}
			.data-list li a strong {color: #8dc73f;}
				.data-list li a:hover strong {color: black;}
	.data-list .last {border: none;}

.list_1 {padding: 17px 0 0 0;}
	.list_1 li {
		font-size: 13px;
		line-height: 32px;
		border-bottom: 1px solid #d2cec4;
		height: 31px;
		overflow: hidden;
		cursor: pointer;
	}
		.list_1 li:hover {background: #6dd0f7; padding-left: 10px;}
		.list_1 li a {
			color: #8e846b;
			text-decoration: none;
			text-transform: uppercase;
			background: url(../images/list_1-a-bg.gif) 0 5px no-repeat;
			padding-left: 17px;
		}
			.list_1 li:hover a {color: #fff; background: url(../images/list_1-a-bg-hover.gif) 0 6px no-repeat;}
	.list_1 .last {border: none;}


.list {padding: 17px 0 0 0;}
	.list li {
		font-size: 13px;
		line-height: 32px;
		border-bottom: 1px solid white;
		background: url(../images/list-bg.gif) 0 13px no-repeat;
		padding-left: 17px;
		height: 31px;
		overflow: hidden;
	}
		.list li a {
			color: white;
			text-decoration: none;
			text-transform: uppercase;
		}
			.list li a:hover {color: #a29887}
	.list .last {border: none;}


.list_2 {padding: 7px 0 7px;}
	.list_2 li {
		width: 100%;
		overflow: hidden;
		height: 54px;
	}
		.list_2 li img {
			float: left;
			margin-right: 20px;
			padding-top: 4px;
		}
		.list_2 li span {overflow: hidden;}
		.list_2 li a {text-decoration: none;}
			.list_2 li a:hover {color: #8dc73f;}
/*=============================================================================== links =====*/
.link_1 {
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 14px;
}
.link {
		text-decoration:none;
		display: inline-block;
		color: black;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(js/PIE.htc);
		position: relative;
		padding: 5px 24px 6px 23px;
		font-weight: bold;
		margin: 8px 0px 0 0;
		text-transform: capitalize;
	}
		.link:hover {background: #c1b7a5;}
/*=============================================================================== gallery =====*/
.gallery {

	padding-top: 0px;
}
	.gallery img {
		float: left;
		margin: 0 11px 10px 0px;
		box-shadow: 0 0 4px #bcb8aa;
		-moz-box-shadow: 0 0 4px #bcb8aa;
		-webkit-box-shadow: 0 0 4px #bcb8aa;
		behavior: url(js/PIE.htc);
		position: relative;
	}
	.gallery .last {margin-right: 0;}
	.gallery .bottom {margin-bottom: 0;}
/*=============================================================================== contacts =====*/
.contacts span {
	display: inline-block;
	vertical-align: baseline;
	width: 86px;
}
.contacts strong {color: #cc9999;}
/*=============================================================================== nav =====*/
.banner {padding: 49px 0 0;}
/*=================================================================================================================== footer =====*/
footer .grid_24 {
	border-top: 1px solid black;
	font-weight: bold;
	color: black;
	font-size: 12px;
}

footer p {
	float: left;
	padding: 17px 0 0 0;
}
	footer p a {color: black;}
footer span {
	float: right;
	padding: 17px 0 0 0;
}

#icons{ float:right; padding: 10 15px 0 0;}
#icons li{ float:left; padding-left:10px}
#icons a{ position:relative; display: block;}
#icons .img_act{ position:absolute; top:0; left:0;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/

#SearchForm {
	padding: 7px 0px 6px 0;
	width:270px;
	color: #8d836b;
}
	#SearchForm label {
		display: inline-block;
		background: url(../images/SearchForm-label-bg.gif) 0 0 no-repeat; 
		margin: 16px 0 0;
	}
	#SearchForm input {
		width:238px; 
		padding:9px 16px 11px 16px;
		overflow:hidden;
		background:none;
		border:none;
		font-size: 13px; 
		line-height: 14px; 
		color: #bab09b;
	}
	#SearchForm a {
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #a29887;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(js/PIE.htc);
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 6px 1px 0 0;
	}
		#SearchForm a:hover {background: #c1b7a5;}


#ContactForm {
	padding:30px 0 29px;
	width: 603px;
}
	#ContactForm label {
		height:43px; 
		display:block;
	}
	#ContactForm a {
		text-decoration:none;
		display: inline-block;
		color: white;
		float: right;
		background: #cc9999;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url(js/PIE.htc);
		position: relative;
		padding: 5px 25px 6px 23px;
		font-weight: bold;
		margin: 16px 0px 0 0;
	}
		#ContactForm a:hover {background: #a29887;}
	#ContactForm .input {
		width:403px; 
		background:url(../images/ContactForm-label-bg.gif) 0 0 no-repeat; 
		border:none;
		display:block;
	}
	#ContactForm input {
		width:381px; 
		background:none; 
		border:none;
		padding:10px 11px 12px; 
		color:#8e846b;
		font-size: 13px;
		line-height: 14px;
	}
	#ContactForm textarea {
		width:579px; 
		height:225px;
		background:none;
		border:none;
		padding:11px;
		overflow:auto; 
		color:#8e846b;
		font-size: 13px;
		line-height: 16px;
	}
	#ContactForm .textarea {
		background:url(../images/ContactForm-textarea-bg.gif) 0 0 no-repeat;
		border:none;
		width:603px; 
		display: block;
	}
#page2 .container_24 .prefix_2, #page3 .container_24 .prefix_2, #page5 .container_24 .prefix_2 {padding-left: 77px;}
/*==========================================*/
ul.tabs {
    margin: 0px 55px 0;
    padding: 0 0 0 50px;
    list-style: none;
    height: 51px; /*--Set height of tabs--*/
    width: 770px;
	background: #cc9999;
}
ul.tabs li {
    float: left;
    margin: 10;
    padding: 0;
    height: 51px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 51px; /*--Vertically aligns the text within the tab--*/
    overflow: hidden;
    position: relative;
    background: none;
	padding-left: 0px;
}
ul.tabs li a {
    text-decoration: none;
    color: #fffaed;
    display: block;
    font-size: 14px;
	line-height: 1.2307em;
    padding: 20px 13px 15px 14px;
    outline: none;
	text-transform: uppercase;
}
ul.tabs li a:hover {
    background: #999999;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #cfc6a5;
}    

.tab_container {
	overflow: hidden;
	clear: both;
	float:left;
	width:590px;
	position:relative;
}
.tab_content {
	padding: 0px 0 0 0;
	width:590px;
}

/*==========================================*/
.tab-list {padding: 0px 0 0; margin-left: 1px}
	.tab-list li {padding-top: 0px; position: relative;}
		.tab-list li img {float: left; margin-right: 16px; padding-top: 3px;}
		.tab-list li strong {color: #cc9999;}
		.tab-list li span {color: #cc9999;}
		.tab-list li a {font-weight: bold; display: inline-block; margin: 4px 0 0 1px;}
	.tab-list .position {
		position: absolute;
		left: 278px;
		top: 25px;
	}
/*
	* Required 
*/
.loopedCarousel {position: relative;}
.loopedCarousel .container {height:574px; overflow:hidden; position:relative;}

#page4 .loopedCarousel .container {height: 699px;}

.loopedCarousel .slides {position:absolute; top:0; left:0;}
.loopedCarousel .slides div {
	position:absolute;
	top:0;
	width:590px;
	display:none;
}	
/*
	* Optional
*/
.loopedCarousel { position:relative; clear:both; }
.loopedCarousel ul.pagination { 
	padding:0px 0px 0 232px;
}
.loopedCarousel ul.pagination li  { float:left; padding-left:12px; font-size: 13px; line-height: 20px}
.loopedCarousel ul.pagination li a {
	float:left;
	color: #927f67;
}
.loopedCarousel ul.pagination li a:hover {
	text-decoration:none;
	color: #6dd0f7;
}
.loopedCarousel ul.pagination li.active a {
	text-decoration: none;
	color: #6dd0f7;
	font-weight: bold;
}

.carousel-nav {position: absolute; width: 201px; left: 196px;}

.loopedCarousel .previous {
	position: absolute;
	left: 0px;
	top: 0;
	width:22px;
	height:22px;
	background:url(../images/previous-bg.gif) no-repeat 0 0;
}
.loopedCarousel .next {
	position: absolute;
	right: 0px;
	top: 0;
	width:22px;
	height:22px;
	background:url(../images/next-bg.gif) no-repeat 0 0;
}


/* Easy Slider */
    #slider {
        position:relative;
        width:670px;
        height:422px;
		overflow: hidden;
    }
 
    #slider ul, #slider li {
        margin:0;
        padding:0;
        list-style:none;
        }
 
    #slider li{
        width:670px;
        height:422px;
        overflow:hidden;
        }
    #slider li img {
        display:block;
        margin-bottom:0px;
    }
	#slider .controls {display: none;}
        

        
        
        
 @font-face {
    font-family: 'si';
    src: url('../images/socicon.eot');
    src: url('../images/socicon.eot?#iefix') format('embedded-opentype'),
         url('../images/socicon.woff') format('woff'),
         url('../images/socicon.ttf') format('truetype'),
         url('../images/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../images/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-right: 10px;
    color: #ffffff;
    background-color: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-instagram {
    background-color: #9c7c6e;
}
.soc-instagram:before {
    content:'x';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}

        
ul.share-buttons{
  list-style: none;
  padding: 6px 440px 0 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}        
  

/* // Easy Slider */
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */


.flex-container {
	display: flex;
	justify-content: space-between;
}

h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2em;
	color: #cc9999;
	padding: 0px 0px 0px 0px;

}
