/* RESET */

/* 
	RESET - ADAPTED FROM MEYER RESET
	URL - http://meyerweb.com/eric/tools/css/reset/
	LICENSE - PUBLIC DOMAIN
*/

/* RESET

----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; 
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
	display: block; 
}
								  
ol, ul { 
	list-style: none; 
}
blockquote, q {
	quotes: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* END RESET

----------------------------------------------------------------------------------------------------*/

/* IMPORT 24 COLUMN RESPONSIVE GS */

/*	24 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */

/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(scripts/boxsizing.htc); 
	/*	If you need support for IE7 and lower make 
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}


/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
.container { 
	margin: 0 auto; 
}


/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
.row { padding-bottom: 0; }
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
	width: 100%;
}

@media ( min-width : 300px ) {
	
	.square {
		width:48%;
	}
	
	.rightpad2 {
	margin-right:4%;
	}
	
	.whitebox {
		width:100%;
	}
	
}

@media ( min-width : 768px ) {
	
	.gutters .col {
		margin-left: 2%;
	}
	
	.gutters .col:first-child { 
		margin-left: 0; 
	}
	
	.rightpad2 {
	margin-right:0;
	}

}


/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media ( min-width : 768px ) {
	.span_1 { width: 4.16666666667%; }
    .span_2 { width: 8.33333333333%; }
    .span_3 { width:12.5%; }
    .span_4 { width: 16.6666666667%; }
    .span_5 { width: 20.8333333333%; }
    .span_6 { width: 25%; }
    .span_7 { width: 29.1666666667%; }
    .span_8 { width: 33.3333333333%; }
    .span_9 { width: 37.5%; }
    .span_10 { width: 41.6666666667%; }
    .span_11 { width: 45.8333333333%; }
    .span_12 { width: 50%; }
    .span_13 { width: 54.1666666667%; }
    .span_14 { width: 58.3333333333%; }
    .span_15 { width: 62.5%; }
    .span_16 { width: 66.6666666667%; }
    .span_17 { width: 70.8333333333%; }
    .span_18 { width: 75%; }
    .span_19 { width: 79.1666666667%; }
    .span_20 { width: 83.3333333333%; }
    .span_21 { width: 87.5%; }
    .span_22 { width: 91.6666666667%; }
    .span_23 { width: 95.8333333333%; }
    .span_24 { width: 100%; }
    
    .gutters .span_1 { width: 2.25%; }
	.gutters .span_2 { width: 6.5%; }
	.gutters .span_3 { width: 10.75%; }
	.gutters .span_4 { width: 15.0%; }
	.gutters .span_5 { width: 19.25%; }
	.gutters .span_6 { width: 23.5%; }
	.gutters .span_6 { width: 23.5%; }
	.gutters .span_7 { width: 27.75%; }
	.gutters .span_8 { width: 32.0%; }
	.gutters .span_9 { width: 36.25%; }
	.gutters .span_10 { width: 40.5%; }
	.gutters .span_11 { width: 44.75%; }
	.gutters .span_12 { width: 49.0%; }
	.gutters .span_13 { width: 53.25%; }
	.gutters .span_14 { width: 57.5%; }
	.gutters .span_15 { width: 61.75%; }
	.gutters .span_16 { width: 66.0%; }
	.gutters .span_17 { width: 70.25%; }
	.gutters .span_18 { width: 74.5%; }
	.gutters .span_19 { width: 78.75%; }
	.gutters .span_20 { width: 83.0%; }
	.gutters .span_21 { width: 87.25%; }
	.gutters .span_22 { width: 91.5%; }
	.gutters .span_23 { width: 95.75%; }
	.gutters .span_24 { width: 100%; }
	
}


/*	EXAMPLE STYLES */
body {
	font-family: 'Droid Sans', sans-serif;
	color: white;
	margin: 0 auto;
	padding-top:70px;
	letter-spacing: 0.07em;
}

header {
	background: #fff;
	min-height: 70px;
	position:fixed;
    top:0px;
    width:100%;
    z-index:1000;
}

article {
	line-height: 20em;
	text-align: center;
	background: #ccc;
}

aside {
	text-align: center;
	background: #ddd;
}

footer {
	text-align: center;
	background: #fff;
}

.menu {
	margin: 0 auto;
	padding: 0 10px;
	color: black;
	background: #fff;
	width:100%;
}

.max { 
	max-width: 960px; 
	margin: 0 auto;
	padding: 0 10px;
}

.topmargin {
	margin-top:20px;
}

.bottommargin {
	margin-bottom:20px;
}

.footermargin {
	margin:40px auto;
}

.nomarginleft {
	margin-left:0;
}

/*	Typography */

img {
	padding-bottom:20px;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 30pt;
	font-weight:400;
	text-align:left;
	color: #2c3030;
	padding-bottom:20px;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 21pt;
	font-weight:400;
	text-align:left;
	color: #2c3030;
	padding-bottom:10px;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 14pt;
	font-weight:400;
	text-align:left;
	color: #2c3030;
	padding-bottom:10px;
}

p {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size: 12pt;
	line-height:22pt;
	text-align:left;
	color: #6e7877;
}

a {text-decoration:none;}

p a {
text-decoration:none;
color: #6f7877;
-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
transition: all 0.3s;
}

p a:hover{
text-decoration:none;
color: #9daba9;
}

/*	Menu */

.menu h1 {
	line-height:70px;
	padding:0;
	position:absolute;
	top:0;
}

.menu h2{
	font-family: 'Montserrat', sans-serif;
	font-size: 30pt;
	text-align:left;
	padding-top: 10px;
	color: #2c3030;
}

.menu ul{
text-align:right;
}

.menu li{
margin: 0 20px 0 0;
line-height:70px;
width:auto;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-align:left;
color: #6f7877;
text-decoration:none;
display: inline-block;
}

.menu li a{
text-decoration:none;
color: #6f7877;
-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
transition: all 0.3s;
}

.menu li a:hover{
text-decoration:none;
color: #9daba9;
}

/*	Footer */

.footer li{
margin: 0 20px 0 0;
line-height:30px;
margin-bottom:10px;
width:auto;
font-family: 'Droid Sans', sans-serif;
font-size: 16px;
text-align:left;
color: #6f7877;
text-decoration:none;
display: block;
}

.footer li a{
text-decoration:none;
color: #6f7877;
-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
transition: all 0.3s;
}

.footer li a:hover{
text-decoration:none;
color: #9daba9;
}

.footer h1 {
	padding-bottom:0px;
}

.footer p{
line-height:30px;
margin-bottom:10px;
width:auto;
font-family: 'Droid Sans', sans-serif;
font-size: 15px;
text-align:left;
color: #6f7877;
text-decoration:none;
display: block;
}

.footer p a {
text-decoration:none;
color: #6f7877;
-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
transition: all 0.3s;
}

.footer p a:hover{
text-decoration:none;
color: #9daba9;
}

.footer p span a{
font-size: 9px;
line-height:20px;
color: #9daba9;
-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
transition: all 0.5s;
}

.footer p span a:hover{
color: #6f7877;
font-size: 11px;
line-height:20px;
}

/*	End Footer */

/*	Header */

.header {
	height:400px;
	overflow:hidden;
}

.headerinside {
	height:140px;
	overflow:hidden;
}

.headercontent {
	width:100%;
	position:absolute;
	display:block;
	max-width: 960px; 
	padding: 0 10px;
	z-index:999;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.headercontent h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 30pt;
	text-align:left;
	padding-top: 30px;
	padding-bottom: 0;
	color: #2c3030;
}

.headercontent p {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size: 13pt;
	line-height:20pt;
	text-align:left;
	padding-top: 10px;
	color: #6e7877;
	max-width:550px;
}

.headercontentin {
	width:100%;
	position:absolute;
	display:block;
	max-width: 960px; 
	padding: 0 10px;
	z-index:999;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.headercontentin h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 30pt;
	text-align:left;
	padding-top: 40px;
	padding-bottom: 0;
	color: #2c3030;
}

.headercontentin p {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size: 13pt;
	line-height:20pt;
	text-align:left;
	padding-top: 10px;
	color: #6e7877;
	max-width:550px;
}

.logo a {
	text-decoration: none;
}

/*	Header Icons */

.icon {
	padding:20px;
}


/*	Squares */

.squaresbox{
	padding: 50px 0 30px;
}

.whitebox{
	padding: 0 0 30px;
}

.insidecontent{
	padding: 50px 0 30px;
}

.square {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 0;
	-webkit-transition: box-shadow 0.3s; /* For Safari 3.1 to 6.0 */
	transition: box-shadow 0.3s;
	position:relative;
	height:195px;
	color: #fff;
	overflow: auto;
}

.square:hover {
	box-shadow:  inset 0px -8px 0px 0px rgba(0, 0, 0, 0.1);
}

.innersquare {
	margin: auto;
	padding: 30px 0 0;
	text-align:center;
	color: white;
	width:100%;
	height:100%;
	position:absolute;
}

.innersquare h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 14pt;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 0;
	color: #fff;
	
}

.box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
	padding: 20px;
}

.handbg {
background-image:url('../img/hand.gif');
background-repeat:no-repeat;
background-color:#fff;
background-position:right top;
}

.mailbg {
background-image:url('../img/mail.gif');
background-repeat:no-repeat;
background-color:#fff;
background-position:right top;
}

.bulbbg {
background-image:url('../img/bulb.gif');
background-repeat:no-repeat;
background-color:#fff;
background-position:right top;
}


/* main content */

.maincontent {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
	padding: 20px;
}

.maincontent h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 30pt;
	font-weight:400;
	text-align:left;
	color: #2c3030;
	padding-bottom:20px;
}

.maincontent h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 21pt;
	font-weight:400;
	text-align:left;
	color: #2c3030;
	padding-bottom:10px;
}

.maincontent h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 14pt;
	font-weight:400;
	text-align:left;
	color: #2c3030;
	padding-bottom:10px;
}

.maincontent p {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size: 12pt;
	line-height:22pt;
	text-align:left;
	color: #6e7877;
	padding-bottom:20px;
}

.maincontent p a {text-decoration:none; color: #6e7877;}

.maincontent li{
margin: 0 20px 0 0;
line-height:20pt;
margin-bottom:10px;
width:auto;
font-family: 'Droid Sans', sans-serif;
font-size: 16px;
text-align:left;
color: #6f7877;
text-decoration:none;
display: block;
}

.maincontent li a{
text-decoration:none;
color: #6f7877;
-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
transition: all 0.3s;
}


/*	forms and input groups */

/* #### bootstrap Form #### */
.forms {
    width: 100%;
    font: "Droid Sans", sans-serif;
}
.forms label {
    display: block;
    margin: 0px 0 5px;
    width:100%;
}
.forms label>span {
    float: left;
    text-align: right;
    margin: 0 0 10px;
    color: #2c3030;
    font-family: "Droid Sans", sans-serif;
}
.forms input[type="text"], .forms input[type="email"], .forms textarea, .forms select{
    border: none;
    background: #fffffa;
    margin-bottom: 10px;
    outline: 0 none;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font: normal 16px/16px "Droid Sans", sans-serif;
    line-height:30pt;
    display:block;
    width:100%;
}
.forms select {
    background: #fffffa;
    color: #6e7877;
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
    line-height:30pt;
    border:none;
    box-shadow: 0 1px 0 #edede8;
}

.forms textarea{
    height:100px;
    line-height:20pt;
}
.forms .button {
    border-radius: 5px;
    display:block;
    -webkit-appearance: none;
}

.forms .error {
	background: rgba(249,118,78,0.1) !important;
}

/*	colors */


.whiteshadow {box-shadow: 0 1px 0 #e5e5e1;}

.blueshadow {box-shadow: 0 1px 0 #c7d9d5;}

.orange {
	background-color: #f9764e;
}

.aqua {
	background-color: #7cd1cd;
}

.lightaqua {
	background-color: #dff2ee;
}

.subtle {
	background-color: #fffffa;
}

.violet {
	background-color: #7c8cd1;
}

.yellow {
	background-color: #f3b227;
}

.red {
	background-color: #ff6666;
}

.black {
	background-color: #2c3030;
}

.white {
	background-color: #fff;
}

.grey {
	background-color: #6f7877;
}

.lightgrey {
	background-color: #6f7877;
}

.light {color: #fffffa;}

.lightaquatext {color: #dff2ee;}


/*	Header Icons */

.right-40{position:absolute;z-index:auto;right: -280px;}
.right-30{position:absolute;z-index:auto;right: -270px;}	
.right-20{position:absolute;z-index:auto;right: -260px;}
.right-10{position:absolute;z-index:auto;right: -250px;}
.right0{position:absolute;z-index:auto;right: -240px;}
.right10{position:absolute;z-index:auto;right: -230px;}
.right20{position:absolute;z-index:auto;right: -220px;}
.right30{position:absolute;z-index:auto;right: -210px;}
.right40{position:absolute;z-index:auto;right: -2000px;}
.right50{position:absolute;z-index:auto;right: -190px;}
.right60{position:absolute;z-index:auto;right: -180px;}
.right70{position:absolute;z-index:auto;right: -170px;}
.right80{position:absolute;z-index:auto;right: -160px;}
.right90{position:absolute;z-index:auto;right: -150px;}
.right100{position:absolute;z-index:auto;right: -140px;}
.right110{position:absolute;z-index:auto;right: -130px;}
.right120{position:absolute;z-index:auto;right: -120px;}
.right130{position:absolute;z-index:auto;right: -110px;}
.right140{position:absolute;z-index:auto;right: -100px;}
.right150{position:absolute;z-index:auto;right: -90px;}
.right160{position:absolute;z-index:auto;right: -80px;}
.right170{position:absolute;z-index:auto;right: -70px;}
.right180{position:absolute;z-index:auto;right: -60px;}
.right190{position:absolute;z-index:auto;right: -50px;}
.right200{position:absolute;z-index:auto;right: -40px;}
.right210{position:absolute;z-index:auto;right: -30px;}
.right220{position:absolute;z-index:auto;right: -20px;}
.right230{position:absolute;z-index:auto;right: -10px;}
.right240{position:absolute;z-index:auto;right: 0px;}
.right250{position:absolute;z-index:auto;right: 10px;}
.right260{position:absolute;z-index:auto;right: 20px;}
.right270{position:absolute;z-index:auto;right: 30px;}
.right280{position:absolute;z-index:auto;right: 40px;}
.right290{position:absolute;z-index:auto;right: 50px;}
.right300{position:absolute;z-index:auto;right: 60px;}
.right310{position:absolute;z-index:auto;right: 70px;}
.right320{position:absolute;z-index:auto;right: 80px;}
.right330{position:absolute;z-index:auto;right: 90px;}
.right340{position:absolute;z-index:auto;right: 100px;}
.right350{position:absolute;z-index:auto;right: 110px;}
.right360{position:absolute;z-index:auto;right: 120px;}
.right370{position:absolute;z-index:auto;right: 130px;}
.right380{position:absolute;z-index:auto;right: 140px;}
.right390{position:absolute;z-index:auto;right: 150px;}
.right400{position:absolute;z-index:auto;right: 160px;}
.right410{position:absolute;z-index:auto;right: 170px;}
.right420{position:absolute;z-index:auto;right: 180px;}
.right430{position:absolute;z-index:auto;right: 190px;}
.right440{position:absolute;z-index:auto;right: 200px;}
.right450{position:absolute;z-index:auto;right: 210px;}
.right460{position:absolute;z-index:auto;right: 220px;}
.right470{position:absolute;z-index:auto;right: 230px;}
.right480{position:absolute;z-index:auto;right: 240px;}
.right490{position:absolute;z-index:auto;right: 250px;}
.right500{position:absolute;z-index:auto;right: 260px;}

.top-10{top:-10px;}
.top-20{top:-20px;}
.top-30{top:-30px;}
.top-40{top:-40px;}
.top-50{top:-50px;}
.top-60{top:-60px;}
.top-70{top:-70px;}
.top-80{top:-80px;}
.top-90{top:-90px;}
.top0{top:0px;}
.top10{top:10px;}
.top20{top:20px;}
.top30{top:30px;}
.top40{top:40px;}
.top50{top:50px;}
.top60{top:60px;}
.top70{top:70px;}
.top80{top:80px;}
.top90{top:90px;}
.top100{top:100px;}
.top110{top:110px;}
.top120{top:120px;}
.top130{top:130px;}
.top140{top:140px;}
.top150{top:150px;}
.top160{top:160px;}
.top170{top:170px;}
.top180{top:180px;}
.top190{top:190px;}
.top200{top:200px;}
.top210{top:210px;}
.top220{top:220px;}
.top230{top:230px;}
.top240{top:240px;}
.top250{top:250px;}
.top260{top:260px;}
.top270{top:270px;}
.top280{top:280px;}
.top290{top:290px;}
.top300{top:300px;}
.top310{top:310px;}
.top320{top:320px;}
.top330{top:330px;}
.top340{top:340px;}
.top350{top:350px;}
.top360{top:360px;}
.top370{top:370px;}
.top380{top:380px;}
.top390{top:390px;}
.top400{top:400px;}

.rotate3{transform:rotate(3deg);-ms-transform:rotate(3deg); -webkit-transform:rotate(3deg);}
.rotate5{transform:rotate(5deg);-ms-transform:rotate(5deg); -webkit-transform:rotate(5deg);}
.rotate7{transform:rotate(7deg);-ms-transform:rotate(7deg); -webkit-transform:rotate(7deg);}
.rotate17{transform:rotate(17deg);-ms-transform:rotate(17deg); -webkit-transform:rotate(17deg);}
.rotate-3{transform:rotate(-3deg);-ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg);}
.rotate-5{transform:rotate(-5deg);-ms-transform:rotate(-5deg); -webkit-transform:rotate(-5deg);}
.rotate-7{transform:rotate(-7deg);-ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg);}
.rotate-17{transform:rotate(-17deg);-ms-transform:rotate(-17deg); -webkit-transform:rotate(-17deg);}

@media ( min-width : 450px ) {

.headercontent h1 {
	padding-top: 60px;
}
}

@media ( min-width : 556px ) {


.right-40{position:absolute;z-index:auto;right: -10px;}
.right-30{position:absolute;z-index:auto;right: 0px;}	
.right-20{position:absolute;z-index:auto;right: 10px;}
.right-10{position:absolute;z-index:auto;right: 20px;}
.right0{position:absolute;z-index:auto;right: 30px;}
.right10{position:absolute;z-index:auto;right: 40px;}
.right20{position:absolute;z-index:auto;right: 50px;}
.right30{position:absolute;z-index:auto;right: 60px;}
.right40{position:absolute;z-index:auto;right: 70px;}
.right50{position:absolute;z-index:auto;right: 80px;}
.right60{position:absolute;z-index:auto;right: 90px;}
.right70{position:absolute;z-index:auto;right: 100px;}
.right80{position:absolute;z-index:auto;right: 110px;}
.right90{position:absolute;z-index:auto;right: 120px;}
.right100{position:absolute;z-index:auto;right: 130px;}
.right110{position:absolute;z-index:auto;right: 140px;}
.right120{position:absolute;z-index:auto;right: 150px;}
.right130{position:absolute;z-index:auto;right: 160px;}
.right140{position:absolute;z-index:auto;right: 170px;}
.right150{position:absolute;z-index:auto;right: 180px;}
.right160{position:absolute;z-index:auto;right: 190px;}
.right170{position:absolute;z-index:auto;right: 200px;}
.right180{position:absolute;z-index:auto;right: 210px;}
.right190{position:absolute;z-index:auto;right: 220px;}
.right200{position:absolute;z-index:auto;right: 230px;}
.right210{position:absolute;z-index:auto;right: 240px;}
.right220{position:absolute;z-index:auto;right: 250px;}
.right230{position:absolute;z-index:auto;right: 260px;}
.right240{position:absolute;z-index:auto;right: 270px;}
.right250{position:absolute;z-index:auto;right: 280px;}
.right260{position:absolute;z-index:auto;right: 290px;}
.right270{position:absolute;z-index:auto;right: 300px;}
.right280{position:absolute;z-index:auto;right: 310px;}
.right290{position:absolute;z-index:auto;right: 320px;}
.right300{position:absolute;z-index:auto;right: 330px;}
.right310{position:absolute;z-index:auto;right: 340px;}
.right320{position:absolute;z-index:auto;right: 350px;}
.right330{position:absolute;z-index:auto;right: 360px;}
.right340{position:absolute;z-index:auto;right: 370px;}
.right350{position:absolute;z-index:auto;right: 380px;}
.right360{position:absolute;z-index:auto;right: 390px;}
.right370{position:absolute;z-index:auto;right: 400px;}
.right380{position:absolute;z-index:auto;right: 410px;}
.right390{position:absolute;z-index:auto;right: 420px;}
.right400{position:absolute;z-index:auto;right: 430px;}
.right410{position:absolute;z-index:auto;right: 440px;}
.right420{position:absolute;z-index:auto;right: 450px;}
.right430{position:absolute;z-index:auto;right: 460px;}
.right440{position:absolute;z-index:auto;right: 470px;}
.right450{position:absolute;z-index:auto;right: 480px;}
.right460{position:absolute;z-index:auto;right: 490px;}
.right470{position:absolute;z-index:auto;right: 400px;}
.right480{position:absolute;z-index:auto;right: 410px;}
.right490{position:absolute;z-index:auto;right: 420px;}
.right500{position:absolute;z-index:auto;right: 430px;}

.headercontent h1 {
	padding-top: 100px;
}
}

/*	Buttons */

.button {
width:auto;
font-size: 16px;
color: #fff;
height: 50px;
display: inline-block;
margin: 10px 0;
line-height: 50px;
border-radius: 6px;
border: 0 none;
text-align: center;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
-webkit-transition: box-shadow 0.3s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 0.3s;
}


@-webkit-keyframes pulsate {
    0% {
        opacity: 1;
    }

     30% {
		-webkit-transform: rotate(90deg);
     	opacity:0.6;
    }
    
     60% {
		-webkit-transform: scale(0.8,0.8) rotate(90deg);
     	opacity:0.7;
    }
     80% {
		-webkit-transform: scale(0.6,0.6) rotate(90deg) perspective(1000px);
     	opacity:0.6;
    }

     100% {
		-webkit-transform: scale(1,1) rotate(90deg);
     	opacity:1;
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(1,1);
        opacity: 1;
    }
    
    100% {
		-moz-transform: scale(0.8,0.8);
     	opacity:0.5;
    }
}

@-o-keyframes pulsate {
     0% {
        -o-transform: scale(1,1);
        opacity: 1;
    }
    
     100% {
		-o-transform: scale(0.8,0.8) perspective(1000px);
     	opacity:0.5;
    }
}

@keyframes pulsate {
      0% {
        transform: scale(1,1);
        opacity: 1;
    }
    
     100% {
		transform: scale(0.8,0.8);
     	opacity:0.5;
    }
}

.button.active { 
    -webkit-animation: pulsate 0.5s ease forwards;
    -moz-animation: pulsate 0.5s ease forwards;
    -o-animation: pulsate 0.5s ease forwards;
    animation: pulsate 0.5s ease forwards;
}

.button.flex {
padding:0 20px;
}

.button.squared.menu {
margin:10px 0 0 0;
padding: 0 20px;
float:right;
width:auto;
}

.button.large {
height: 60px;
line-height: 60px;
max-width:300px;
width:100%;
}

.button.fullwidth {
width:100%;
}

.button.squared {
height: 50px;
width:50px;
float:right;
margin:10px 0 0 10px;
padding:0;
}

.button.squared.flex {
width:auto;
padding:0 20px;
}

.button.squaredfooter {
height: 50px;
width:50px;
float:left;
margin:2px 10px 10px 0;
padding: 0;
}
 
 .buttonflex:hover {
	box-shadow:  inset 0px -5px 0px 0px rgba(0, 0, 0, 0.1);
 }
 
.button:hover {
	box-shadow:  inset 0px -5px 0px 0px rgba(0, 0, 0, 0.1);
}

.buttonflex:hover {
	box-shadow:  inset 0px -5px 0px 0px rgba(0, 0, 0, 0.1);
}

 
/*	End Buttons */
 
/*	Swiper */
  
.swiper-container {
  color: #fff;
}
.white-slide {
  background: #fff;
}
.pagination {
  position: relative;
  z-index: 1;
  text-align:center;
  bottom:20px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #2c3030;
  margin-right: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #2c3030;
}
.swiper-active-switch {
  background: #e5e5e1;
}

/*	End Swiper */

/*	Menu responsive */

@media ( min-width : 756px ) {

.hidewhenbig {display: none;}
li.contact {display: none;}

}

@media ( max-width : 756px ) {

.hidewhensmall {display: none;}

.menu ul {
  margin: 10px 0;
  width: 100%;
  list-style: none;
  position:relative;
  display:block;
}

.menu li {
line-height:40px;
width:100%;
display: block;	
font-size: 16px;
color: #6f7877;
border: none;
text-align: left;
}

.menu li:last-child {
border-bottom: none;
}

.menu li a {
text-decoration: none;
}

.menu li a:hover {
color: #9daba9;
}
}

/*	End Menu responsive */

/*! responsive-nav.js 1.0.32 by @viljamis */

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  height:auto;
  position: absolute;
  display: block;
  overflow: auto;
  zoom: 1;
  z-index:3000;
  width:100%;
}

.nav-collapse.opened {
  max-height: 9999px;
  height:auto;
  display:inline-block;
  -webkit-animation: launch 0.5s ease forwards;
  -moz-animation: launch 0.5s ease forwards;
  -o-animation: launch 0.5s ease forwards;
  animation: launch 0.5s ease forwards;
  position: relative;
}


@-webkit-keyframes launch {
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-20px);
	    transform: translateY(-20px);
	  }
	
	  100% {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
}

.disable-pointer-events {
  pointer-events: none !important;
}


@media screen and (min-width: 756px) {
  .js .nav-collapse {
    position: relative;
    width:auto;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
}

/*! END responsive-nav.js 1.0.32 by @viljamis */

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/ Thank you Vladimir!
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
	width: 100%;
	height: 140px;
}
.swiper-slide {
	width: 100%;
	height: 140px;
	text-align:center;
}



/* ==========================================================================
   POPUP
   ========================================================================== */

#lean_overlay {
    position: fixed;
    z-index:9999;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
    opacity: 0.7 !important;
}

#popup {
	position: relative;
	width: 600px;
	padding: 30px;
	display: none;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#popup p {
	color: #333;
	text-align: center;
	padding: 30px 0px;
}

#popup .modal_close {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 23px;
	width: 23px;
	background: url(../img/close-popup.png) no-repeat;
}

.popup-trigger { display: none; }