/* GLOBAL */
p{font-family: 'Kite One', sans-serif;}
td{font-family: 'Kite One', sans-serif;}
li{font-family: 'Kite One', sans-serif;}
body{border-top:5px solid #e56038; font-family: 'Open Sans', sans-serif; color:#333333; /*background:#ebe8de;*/
background: #ffffff;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
input{font-family: 'Open Sans', sans-serif;	font-size:16px;	padding: 7px; outline: 0; border:0; width:auto; background: #EBE8DE; border-radius:5px;}
input[type=submit]{	width:auto;	padding: 5px 18px; line-height:25px; text-shadow:none; cursor:pointer; box-shadow: none; background: #333333; color: #fff;}
p{margin:5px 0;	line-height:25px;}
a{	text-decoration:none; color:inherit; transition: color .5s ease;}
strong{	font-weight:bold;}
figcaption strong{	border-bottom: 1px solid #D6D0C1; padding-bottom:10px; margin: 10px 0; display:block;}
figcaption{	line-height: 25px;	font-size:14px;	width:200px;}
hr{	background-color: #D6D0C1;	border:0;	height:1px;	margin:20px 0;}
.button{ padding:7px 14px; border: 1px solid #c3532e; background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%); background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%); background-color: #eb653c; color: #EBE8DE; text-shadow: 1px 1px 0px #ff8155; text-decoration:none; border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);}
.button:hover{ background:none #EBE8DE; border-color: #EBE8DE; text-shadow:none; color: #4A463B;}
#logos_list{display: none; text-align: center;}
.titlerepre{display: none}
.sliderlink{width: 100px; height: 50px; background-color: #e56038; border-radius: 4px; padding: 5px; color: #ffffff;}
.sliderlink:hover{text-decoration: underline;}

/* HEADER */
#top{background-color: #3A2601;}
header{	position:relative;	height: 130px;	width:auto;	max-width:900px;	margin: 0 auto 0px auto;}
header img{	margin: 15px 0 0 0;	position: relative;}
header h1{	margin:-100px 0 0 100px; font-size:55px; color:#e56038;	font-family: 'Baumans', cursive;}
header p{ font-family: 'Open Sans', sans-serif;	font-size:16px;	color: #4A463B;	margin-left:132px;}
header form{position: absolute; right: 0; bottom: 5px}
/*header .seach { border-radius: 3px; background:#fff; border:1px solid #3F444B; -webkit-box-shadow:0px 1px 1px #282B2F; box-shadow:0px 1px 1px #282B2F; width:175px; height:28px; line-height:25px; float:right; margin:13px 0 0; padding:0.5px 5px}
header .seach .seachinput {padding-left: 5px; border:none; background:#ddd; border-top-left-radius: 3px; border-bottom-left-radius: 3px; height:15px; line-height:23px; width:140px; overflow:hidden; color:#000000; font-size:11px; float:left; margin-left: -5px; margin-top:15px} 	
header .seach .seachinput::-webkit-input-placeholder {color: #000000; font-style: italic;}
header .seach .seachinput:-moz-placeholder {color: #000000;font-style: italic;} 
header .seach .seachinput::-moz-placeholder {color: #000000;font-style: italic;}
header .seach .seachinput:-ms-input-placeholder {color: #000000;font-style: italic;}
header .seach .seachbtn { background:url(../images/ico_search.jpg) no-repeat 50% 50%; width:23px; height:26px; float:right;  display:block; cursor:pointer; border:none; }*/
nav{ position:absolute;	left: 90px;	bottom:5px;	color: #ffffff;}
nav ul{	list-style:none;}
nav ul li{ display:block; float:left; padding:3px 15px;}
nav ul li a{ font-family: 'Open Sans', sans-serif; text-transform:uppercase; transition: all .25s ease;}
nav ul li a:hover{ text-shadow: 0 0 3px #ffffff; border-top: 5px solid #F0C538;	}
nav .current{ text-shadow: 0 0 3px #ffffff;	border-bottom: 5px solid #e56038;}
nav ul ul {display: none}
nav ul ul  li a {color: #ffffff; transition: none; text-transform:capitalize;}
nav ul ul  li a:hover {color: #ffffff; transition: none; border: none;}
nav ul li:hover > ul{display: block;}
nav ul ul{background-color: #e56038; position: absolute; top: 100%; height: auto; width: auto; z-index: 9999; padding: 10px 9px; color: #ffffff; }
nav ul ul li:first-child a:after{ content: ''; position: absolute; left: 30px; top: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #e56038;}
nav ul ul li:first-child a:hover:after{ border-bottom-color: #e56038; }
#alternative_menu{ width: 150px; position:absolute;	top:100px; left:50%; margin-left: -75px; display:none;}

/* 3 COLUMNS */
#boxcontent{ width:auto; max-width:900px; margin:0 auto; padding:620px 0 45px 50px;}
#boxcontent article{ float:left; width:250px; margin-right:45px; font-size:14px;}
#boxcontent article h3{	font-family: 'Open Sans', sans-serif; font-size:20px; margin-bottom:10px; text-align: center; text-shadow: 0 0 2px #E1E1E1, 0 0 3px #E9E9E9;}
#boxcontent article img{ float:left; margin-top: 5px; padding-right: 5px;}
#boxcontent article p{ line-height:25px; font-family: 'Open Sans', sans-serif; margin-left: 18px;}
#slider_content1, #slider_content2, #slider_content3, #slider_content4{	line-height: 25px; font-family: 'Open Sans', sans-serif; width:350px; position:absolute; top:15%; left:15%; display:none; z-index:11;}
#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3{	color:#EBE8DE; font-size:20px; font-weight:bold; margin-bottom:10px; background-color:#333333; padding:10px 15px; border-radius: 15px 0 15px 0; display:inline-block;}
#slider_content1{ display:block;}
#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p{	margin:0 0 30px 0; color:#4a463b; background-color:#EBE8DE; padding:10px 15px; border-radius: 5px;}

/* FOUR COLUMNS */
#four_columns, #text_columns{ line-height:25px; font-family: 'Open Sans', sans-serif; clear:both; width:auto; max-width:900px; margin:0 auto;}
#four_columns h2, #text_columns h3{font-size:24px;border-bottom: 1px solid #D6D0C1; padding: 20px 0; margin-bottom: 20px;}
#four_columns .img-item{ float:left; margin-right:25px;}
#four_columns .img-item a{ position:relative; display:block;}
.thumb-screen{ display:block; position:absolute; top:0;	left:0;	width:100%;	height:113px; background: #f6f6f6 url(../images/readmore.png) center center no-repeat; z-index:99; opacity: 0; transition: opacity .5s ease;}
.thumb-screen:hover{ opacity:1;}

/* TWO COLUMNS */
#text_columns article.column1, #text_columns .column2{ margin: 70px 0; font-size:14px; float:left; width:auto; max-width: 450px;}
#text_columns .column2 {padding-top: 23px; width: 400px}
/* #text_columns .column2{ border-top: 1px solid black;  margin-left: 10px; margin-top: 10px;}
#text_columns article.column1{margin-top: 30px}
#text_columns article.column1 p{margin-left: 150px; text-align: justify}
#text_columns .column2 .row {margin-left: -20px;}
#text_columns .column2 .row p	{margin-left: 30px; float: left;}*/
#abt{background: #ffffff; box-shadow: inset 2px -1px 82px -6px  #D2D1D1; border-radius: 7px; font-size: 17px;}
#abt ul li{height: 50px; padding-top: 20px; border-bottom: 1px solid #E4E4E4}
#abt ul li:hover{text-shadow: 0 0 4px #EAE9E9; font-size: 17px; cursor: pointer; color: #ffffff; background-color: #e56038; border-bottom: 2px solid #3A2601; border-top: 2px solid #3A2601; height: 47px}
.row{ position:relative; margin: 0px 60px 0 10px; float:right; width:250px; text-align: center;	}
.row img{ float:left;}
.row p{	padding: 15px 0 0 0;}

/* FOOTER */
footer{	position:relative; clear:both; width:auto; height:350px; background:#333333;}
footer .wrapper{ line-height:25px; margin: 0 auto; padding-top:30px; width:auto; max-width:900px; font-size:14px;}
footer h1{ margin:-100px 0 0 100px;	font-size:55px;	color:#e56038; font-family: 'Baumans', cursive;}
footer .wrapper .column{ font-family: 'Open Sans', sans-serif; color:#ababab; float:left; width:280px;}
footer .wrapper .column.midlist { border-right: 1px solid #5D5C5C; padding-right: 16px; width: 275px; height: 236px}
footer .wrapper .column.midlist h4{	margin-left: 62px; text-align: left;}
footer .wrapper .column.midlist ul li{ display:block; width:150px; padding:0 0 10px 25px; margin-bottom:10px; border-bottom: 1px solid #444444;	background:url(img/arrowright2.png) left 6px no-repeat;	margin-left:37px;}
footer .wrapper .column.midlist ul li a:hover{ color:#fff;}
footer .wrapper .column.rightlist{ width: 190px; padding-left: 30px;}
footer .wrapper .column.rightlist h4{ margin-left: -10px; text-align: right;}
footer .wrapper .column.rightlist ul li{ display:block;	width:auto;	margin-bottom:15px;	text-align: right;}
footer .wrapper .column.rightlist ul li a span{	display:block;}
footer .wrapper .column.rightlist ul li a img{ transition: border .25s ease; float:left; border:3px solid #444444;}
footer .wrapper .column.rightlist ul li a img:hover{ border-color: #5e5e5e;}
footer .wrapper .column h4{ font-size: 16px; color: #fff; border-bottom: 1px solid #444444; padding: 0 0 10px 0; margin-bottom: 10px; text-align: center;}
#copyright{	background: #1D1D1D; height:70px; position:absolute; bottom:0; left:0; width:100%;}
#copyright .wrapper{ font-family: 'Open Sans', sans-serif; padding-top:25px; color: #5e5e5e; font-size:14px; position:relative;}
#copyright .wrapper .social{ position:absolute;	right:0; top:25px;}
#copyright .wrapper .social a{ transition: opacity .25s ease; opacity: 0.8; margin-left: 12px; display:block; float:left;}
#copyright .wrapper .social a:hover{ opacity: 1;}
#copyright .wrapper a{ color: #ABABAB;}
#copyright .wrapper a:hover{ color: #fff;}

/* Show active item in the pagination */
.slidesjs-pagination .active{ color:red;}
#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button, #slider_content4 p  .responsive_button{ display:none; color:#000;}

/* MISC */
.clear{	clear:both;}
.hidden{position:absolute; clip: rect(1px 1px 1px 1px); /* IE6 & 7 */  	clip: rect(1px, 1px, 1px, 1px);}
#four_columns{display: none;}

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media (max-width: 1215px)
{
	#slider_content1, #slider_content2, #slider_content3, #slider_content4{ width:auto; margin-right:50px;}
	#slider_content1 h2, #slider_content2 h2, #slider_content3 h2, #slider_content4 h2{	font-size:18px;}
	#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p{	font-size:14px;	}
	#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button, #slider_content4 p .responsive_button	{ display:inline;}
	
}

@media (max-width: 915px)
{
	.header_img{display: none}
	#four_columns{display: block;}
	.main{display: none;}
	.titlerepre{display: block}
	#logos_list{display: block; text-align: center;}
	.container{display:none}
	#map_canvas{display: none}
	header h1{font-size: 45px;}
	#boxcontent article	{ float: none; margin: 30px auto 0 auto; width: 60%;}
	input{ padding:4px; font-size:14px;}
	input[type="submit"] { padding: 1px 14px;}	
	#four_columns{ width: 500px;}
	#four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)	{ margin-top: 25px;	}
	#text_columns article.column1, #text_columns .column2 {	float:none;	max-width: 500px; margin: 50px 30px 0 30px;	border: none;}
	#text_columns{padding-left: 0px;}
	.column2 {display: none;}
	.column1 {text-align: center;}
	#text_columns { margin-top: 40px;}
	.column2 .row{ float:none; margin:0 0 40px 50px;}
	footer .wrapper .column { font-size: 12px; width: 230px;}
}

@media (max-width: 765px)
{
	.titlerepre{display: block}
	#boxcontent{padding: 70px 0px 40px 0px}
	#logos_list{display: block; text-align: center;}
	#map_canvas{display: none}
	header h1{font-size: 35px;}
	header .seach{display: none}
	.container { height:1px; top: -1500px;}
	header	{ height:120px;}
	header nav { right: auto; bottom: auto; left: 50%; top:100px; margin-left: -184px;}
	footer { padding-bottom:70px; height: auto;}
	footer .wrapper	{ width: 350px; margin: 0 auto;	}
	footer .wrapper .column	{ margin-top:30px; float:none; font-size: 14px;	width: auto;}
	footer .wrapper .social	{ display:none;}
	.column2 {display: none;}
	.column1 {text-align: center;}
	#text_columns { margin-top: 40px; padding-left: 0px;}
}

@media (max-width: 500px)
{
	.header_img{display: none;}
	.titlerepre{display: block}
	#boxcontent{padding: 40px 0px 20px 0px}
	#logos_list{display: block; text-align: center;}
	#map_canvas{display: none}
	header h1{font-size: 15px;}
	header .seach{display: none}
	.column2 {display: none;}
	.column1 {text-align: center;}
	#text_columns { margin-top: 40px; padding-left: 0px;}
	#four_columns{ width:auto;}
	#four_columns .img-item	{ width: 200px; float:none; margin: 25px auto 0 auto;}
	#four_columns h2{ margin: 0 30px;}
	.column2 .row { margin: 0 0 40px 10px; width:auto;}
	footer .wrapper	{ width:auto;}
	footer .wrapper .column { margin: 0 auto 15px auto; max-width:300px;}	
	input { width:auto;}
	#alternative_menu { display:block;}
	header nav{	display:none;}
	header h1 {	font-size:40px;}
	header p { margin-left: 60px; font-size:14px;}
}

/* KEYFRAMES */
@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}
