/*
 * Responsive HTML5/CSS3 template
 * http://webcodebuilder.com/examples/responsive-html5css3-template/index.html
 *
 * Copyright 2012, WebCodeBuilder
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
@media all{
	body{
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	background color:#000;
	background:url(../img/bg-light.jpg) repeat;
	width:100%;
	color:#fff;
	}
	a{
	color:#fff;
	text-decoration:underline;
	}
	a:hover { text-decoration:none;}
	section, header,footer,nav { display:block;}
	img{
	border:0;
	vertical-align:central;
	max-width:100%;
	}
	form,
	fieldset{
		border:0;
		padding:2em;
		margin:0;
	}
	h1{
	font:2.5em/1em 'PT Sans', Arial, Helvetica, sans-serif; /*60px/64px*/
	margin:0 0 0.167em;
	text-align:center;
	color:#FFF;
	text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h2 {
		font:1.714em/1.125em Arial, Helvetica, sans-serif; /*24px/27px*/
		color:#fff;
		text-align:center;
		margin:0 0 0.417em;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h3 {
		font:1.285em/1.167em 'Nunito', Arial, Helvetica, sans-serif; /*18px/21px*/
		margin:0 0 0.55em;
		text-align:center;
	}
	.subHeading{
	display:block;
	font:1.5em/1em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/
	margin:0.5em 0 3em;
	text-align:center;
	color:#999;
	text-shadow:0px 1px 1px rgba(140,140,140,0.5);
	}
	ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	section ul,
	article ul{
		margin:0 0 0.5em;
	}
	section li,
	article li{
		padding:0 0 0.5em 1.5em;
	}
	.grey li,
	.grey article li
	p {margin:0 0 1em;}
	blockquote {
	margin:0 0 1em;
	font-size:1.143em;
	line-height:1.25em;
	font-style:italic;
	color:#fff;
	}
	q {
	quotes:none;
	display:block;
	padding:1em 1em 1em 40px;
	}
	q:before { content:"";}
	q:after { content:"";}
	cite {
		display:block;
		text-align:right;
	}
	dl{ margin:0 0 10px;}
	dt {font-weight:bold;}
	dd { margin:0 0 10px 20px;}
	form,
	fieldset {
		padding:0;
		margin:0;
		border:0;
	}
	.center {
	max-width:960px;
	width:100%;
	margin:0 auto;
	}
	.hidden{display:none;}
	.box-main:after,
	.center:after {
		content:"";
		clear:both;
		display:block;
	}
	.right { float:right;} 
	.left { float:left;}
	.alignLeft{
		float:left;
		margin-right:1em;
	}
	.alignRight{
		float:right;
		margin-left:1em;
	}
	.fullWidth{width:100%;}
	.fullWidth img{width:100%;}
	.row{
	width:100%;
	padding:2.857em 0;
	background-attachment: scroll;
	background-image: none;
	}
	.row:after{
		content:"";
		display:block;
		clear:both;
	}
	.grey{
	background:url(../img/bg-light.jpg) no-repeat;
	;
	color:#fff;
	
	-moz-box-shadow:   	inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
	-webkit-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
	box-shadow:         inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
	}
	.grey h1{
		color:#fff;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.grey h2{
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.grey .subHeading{
	color:#333;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	}
	.grey a{color:#fff;}
	.btn{
		position:relative;
		display:inline-block;
		padding:0.278em;
		font:1.714em/2.375em Arial, Helvetica, sans-serif;
		border:1px solid #d6d6d6;
		background:#dedede;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		width:auto;
		margin:0 -2px;
		overflow:visible;
		
		-webkit-border-radius: 1.67em;
		-moz-border-radius: 1.67em;
		border-radius: 1.67em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
	* +html .btn{margin:0;}
	.btn span{
		color:#fff;
		padding:0 1.25em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(255,255,255,255.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(255,255,255,0.75);
		box-shadow:         inset 0 0px 3px rgba(255,255,255,0.75);
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btnSmall{
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		background:#798493;
		font-weight:bold;
		border:1px solid #505a68;
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	.btnSmall span{
		color:#fff;
		text-decoration:none;
		padding:0 1.47em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:1px solid #566270;
		background:#606a78;

		background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(98,119,149)),
			color-stop(1, rgb(160,188,226))
		);
		
		-moz-box-shadow:   	inset 0 2px 2px -2px rgba(255,255,255,255.75),
							inset 0 0 0 #fff;
		-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
		box-shadow:         inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btn:hover {
		background:#1b4648;
		background:rgba(0,0,0,0.2);
	}
	.btnSmall:hover {
		background:none;
	}
	.btnSmall:hover span{
		background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(109,131,164)),
			color-stop(1, rgb(169,199,241))
		);
	}
	.btn:active{
		top:1px;
	}
	.btn:hover span,
	.btn:active span{
		color:#fff;
	}
	.btnGreen span{
		border:1px solid #5e9048;
		background:#75cf44;
		
		background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(80,153,46)),
			color-stop(1, rgb(117,207,68))
		);
	}
	.btnBlue span{
		background:#52b3d3;
		border:1px solid #67a2b4;
		color:#fff;
		
		background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(66,153,179)),
			color-stop(1, rgb(82,179,211))
		);
	}
	.formRow{
		width:100%;
		margin:0 0 1.5em;
	}
	.formRow:after{
		content:"";
		display:block;
		clear:both;
	}
	.textField{
	width:100%;
	overflow:hidden;
	border:1px solid #333;
	background:#666;
	font-weight:bold;
	padding:0.5em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
	box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	input,
	textarea{
	display:block;
	background:#fff;
	font:1em/1.214em Arial, Helvetica, sans-serif;
	width:100%;
	padding:0.75em 1.5em;
	border:1px solid #888;
	margin:0;
	resize:none;
	-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
	-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
	box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
	textarea {
		overflow:auto;
		height:10.812em;
	}
	* +html input,
	* +html textarea,
	* +html .textField{
		width:99%;
		padding:0;
	}
	::-webkit-input-placeholder {
		color:    #444;
	}
	:-moz-placeholder {
		color:    #444;
	}
	.columns{width:100%	}
	.columns:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}
	.columns h2{text-align:left;}
	.half{
	width:45%;
	margin:1.3%;
	padding: 0 0 0 18px;
	}
	.oneThird{
		width:32%;
		margin:1%;
		}
	.oneFifth{
		width:20%;
		margin:0%;
	}
	.columns > div:first-child,
	.columns > article:first-child{
	margin-left:0px;
}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}
	.oneForth{width:25%;}
	.threeForth{width:74.5%;}
	.buttons{
		width:100%;
		overflow:hidden;
		text-align:center;
		margin:2.5em 0 0
	}
	.buttons > span{
		background:url(../img/bg-light.jpg) no-repeat;
		display:inline-block;
		font-size:1.714em;
		line-height:1.125em;
		padding:1em 0.75em;
		margin:0 -1px 0 -2px;
		background:#;
	}
	* +html .buttons > span{margin:0 20px;}
	.buttons > span em{
		font-style:normal;
		display:block;
		background:none;
	}
	.imgHolder{
		display:inline-block;
		padding:1px;
		background:none;
		margin-bottom:1em;
		max-width:100%;
		overflow:hidden;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	* +html .imgHolder{
		max-width:93.5%;
		border-width:3%;
		padding:0;
	}
	.imgHolder img{display:block;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
	.grey .imgHolder{
}
	/*main styles*/
	#pagewidth {width:100%;}
		#header{
		position: fixed;
		z-index:100;
		left: 0;
		top: 30;
		height:60px;
		width:100%;
		overflow:hidden;
		padding:1.143em 0;
		background:url(../img/bg_nav.jpg) no-repeat;
	
		}
	
	#content{padding:70px 0 0;}
	#lang{text-align:right;}
	#lang li{
		display:inline-block;
		margin:0 0px;
	}
	#lang a{
	color:#fff;
	position:relative;
	display:inline-block;
	padding:1em;
	text-decoration:none;
	font-size:0.7em;
	line-height:1em;
	font-weight:normal;	
	}
	#lang a span{
	color:#fff;
	text-decoration:none;
	padding:0 1.25em;
	display:block;
	text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
	
	}
	#lang a:active{
		top:1px;
	}
	#lang a:hover span ,
	#lang li.active span {
	}
	#mainNav{text-align:right;}
	#mainNav li{
		display:inline-block;
		margin:0 0px;
	}
	#mainNav a{
	color:#fff;
	position:relative;
	display:inline-block;
	padding:0.278em;
	text-decoration:none;
	font-size:0.9em;
	line-height:2.35em;
	font-weight:bold;	
	}
	#mainNav a span{
	color:#fff;
	text-decoration:none;
	padding:0 1.25em;
	display:block;
	text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
	
	}
	#mainNav a:active{
		top:1px;
	}
	#mainNav a:hover span ,
	#mainNav li.active span {
	}
	.gallery{
	background:none;
	padding:60px 0;
	position:relative;
	margin:0 auto 1em;
	width:88%;
	position:relative;
	}
	.gallery:after{
		content:"";
		position:absolute;
		left:0;
		50% 0;
		width:100%;
		height:2px;
	}
	.news > div{
	position:relative;
	padding:0 0 50px;
	margin:0 0 30px;
	height:1%;
	}
	.news > div:after{
		content:"";
		display:block;
		clear:both;
	}
	.news h3{
	font-size:1.2em;
	line-height:2.583em;
	text-align:center;
	margin:0 0 0.83em;
	border-top:none;
	border-bottom:none;
	background:none;
	}
	.news h3 a{
		display:block;
		text-decoration:none;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.news .content{
		width:83%;
		overflow:hidden;
		margin:0 auto;
		
	}
	.news .readMore{
		position:absolute;
		top:100%;
		margin:-2.143em 0 0;
		width:100%;
		text-align:center;
	}
	.slides{
		list-style:none;
		overflow:hidden;
		padding:0;
		width:100%;
	}
	.slides li{
	padding:0;
	position:relative;
	}
	* +html .slides li{
		display:inline;
		zoom:1;
		margin:0;
	}
	.slides blockquote{
	float:right;
	width:48%;
	margin:1.5em 0 1.5em;
	}
	.slides blockquote:first-child{float:left;}
	#map{
		padding:0.428em;
		background:none;
		margin:0 0 1em;
	}
	#map .imgHolder{
		height:1%;
		overflow:hidden;
		background:none;
		padding:1px;
		border:0;
		margin:0;
		display:block;
	}
	#map .imgHolder img{
		width:100%;
	}
	.form{width:92%;}
	#testimonials{
		margin-top:-2.857em;
	}
	#testimonials .row{
		padding:0;
		background:none;
	}
	#testimonials .row:first-child{
		background:none;
	}
	#testimonials{background:none;}
	#testimonials:after{display:none;}
	#footer{
		width:100%;
		overflow:hidden;
		padding:24px 0;
		color:#fff;
		line-height:16px;
	}
	#footer a{
		color:#fff;
	}
	#footer .copy{float:right;}
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 960px){
	.center{
	padding:2em 10px;
	width:auto;
	}
	.buttons{font-size:11px;}
	#header{
		padding:2px 0 0;
		height:0;
		overflow:hidden;
		position:static;
	}
	#content{padding:0;}
}
@media all and (max-width: 780px){
	body{font-size:13px;}
	.buttons{font-size:9px;}
	h1{font-size:3.5em;}
	.subHeading{font-size:2em;}
	.news h3{font-size:1.3em;}
}
@media all and (max-width: 504px){
	body{font-size:12px;}
	.columns > div,
	.columns > article{
		float:none;
		margin:0;
		width:100%;
	}
	.buttons{font-size:7px;}
	#testimonials li,
	#testimonials .row{
		background:none;
	}
	#testimonials blockquote{
		float:none;
		width:100%;
		position:relative;
	}
	#testimonials blockquote:after{
		background:none;
		content:"";
		position:absolute;
		left:0;
		top:-18px;
		width:100%;
		height:2px;
	}
	#testimonials .row:first-child blockquote:first-child:after{display:none;}
	.flex-direction-nav{display:none;}
	h1{font-size:3em;}
	.subHeading{font-size:1.75em;}
}
@media all and (max-width: 320px){
	.buttons > span{display:none;}
	.buttons .btn{margin-top:0.5em;}
	.buttons{margin-top:2em;}
	h1{font-size:2.5em;}
	.subHeading{font-size:1.5em;}
	.news h3{font-size:1.25em;}
}
@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	#header{
		padding:2px 0 0;
		height:0;
		overflow:hidden;
		position:static;
	}
	#content{padding:0;}
	
}