@charset "UTF-8";

/* CSS Document 

      
<link href='http://fonts.googleapis.com/css?family=Lustria|Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>

font-family: 'Lustria', serif;

	font-family: 'Lato', sans-serif;
	
	
	
Colors
----------------------------------

Normalize and reset
-----------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
/*	font-weight:normal;
	font-style:normal; */
}
body {
	padding:0;
	margin:0;
	line-height: 1;
	-webkit-font-smoothing: antialiased;  /*This needs to be set or some font faced fonts look bold on Mac. */
	-moz-font-smoothing: antialiased;  /*This needs to be set or some font faced fonts look bold on Mac. */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a {
	 color:inherit;
	 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	/* text-decoration:none; */
}
a:hover {
	text-decoration:none;
	
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
     padding: 0 !important;
     border: 0 none !important;
 }
@-ms-viewport{ /* this fixes an IE issue see:http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html*/
			width: device-width;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block;
}
audio, canvas, video {
	display:inline-block;
}
audio:not([controls]) {
	display:none;
	height:0;
}
img {display:block;
border:0;}

pre {
	white-space:pre-wrap;
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019";
}
small {
	font-size:80%;
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}

.clr {
	clear:both;
}
.clr:after  {
	content:' ';
	display:block;
	clear:both;
	height:0;
	width:0;
	overflow: hidden;
}
.nobr {white-space:nowrap;}
				@media only screen and (max-width:500px) {
					.nobr {white-space:normal;}
				}
		
/*
End normalize





Global scaling for different viewport sizes when keeping the desktop layout.
Mobile layout adjustments are coded next to the element that changes.
To work correctly, sizes need to be declared in em units. For this site 1em == 16px for a standard desktop viewport over 980px
------------------------
*/

html {
	font-size:100%;
	width:100%;
	height:100%;
	
	overflow-y: auto;
	overflow-x: none;
	
}


				@media only screen and (max-width:1260px) {
					html {
						font-size:98.75%;
					}
					}
				@media only screen and (max-width:1200px) {
					html {
						font-size:87.5%;
					}
					}
				@media only screen and (max-width:11360px) {
					html {
						font-size:81.25%;
					}
					}
				@media only screen and (max-width:1040px) {
					html {
						font-size:75%;
					}
					}
				@media only screen and (max-width:960px) {
					html {
						font-size:68.75%;
					}
					}
				@media only screen and (max-width:880px) {
					html {
						font-size:62.5%;
					}
					}
					
				@media only screen and (max-width:800px) {
					html {
						font-size:56.25%;
					}
					}


				@media only screen and (max-width:767px) {
					html {
						font-size:75%;
						
						 overflow-x: hidden;
					}
					body {
						 overflow-y: auto;
						 overflow-x: hidden;
					}
					}
				@media only screen and (max-width:639px) {
				
					}
				@media only screen and (max-width:499px) {
					
					}
				@media only screen and (max-width:379px) {
				
					}





		 @media only screen and (max-width: 570px) { /*  iphone landscape */
		html {
			-webkit-text-size-adjust:100%; /* fix font size inconsistancy for webkit */
			/*font-size:87.5%; */
		}
		}
		 /*



Animation set up
=======================




*/ 
 .item_top,.item_top_delay,.item_top_start {
	top: -2em;
	opacity: 0;
	position: relative;
}
.item_bottom,.item_bottom_delay, .item_bottom_start {
	bottom: -2em;
	opacity: 0;
	position: relative;
}
.item_left, .item_left_delay,.item_left_start {
	left: -2em;
	opacity: 0;
	position: relative;
}
.item_right ,.item_right_delay, .item_right_start{
	left: 2em;
	opacity: 0;
	position: relative;
}
.item_fade_in, .item_fade_in_delay,.item_fade_in_start {
	opacity: 0;
	 position: relative;
	/*padding-left: 0px;
	right: 0px; */
}





/*
/*














Site Styles
----------------------------

*/
body {
	font-family: 'Lato', sans-serif;
	
	
	font-weight:400;
	color:#666;
	background: #fff;

background: -moz-linear-gradient(left,  rgb(204,204,204) 0%, rgb(222,222,222) 1%, rgb(255,255,255) 15%, rgb(255,255,255) 85%, rgb(222,222,222) 99%, rgb(204,204,204) 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(204,204,204)), color-stop(1%,rgb(222,222,222)), color-stop(15%,rgb(255,255,255)), color-stop(85%,rgb(255,255,255)), color-stop(99%,rgb(222,222,222)), color-stop(100%,rgb(204,204,204)));

background: -webkit-linear-gradient(left,  rgb(204,204,204) 0%,rgb(222,222,222) 1%,rgb(255,255,255) 15%,rgb(255,255,255) 85%,rgb(222,222,222) 99%,rgb(204,204,204) 100%);

background: -o-linear-gradient(left,  rgb(204,204,204) 0%,rgb(222,222,222) 1%,rgb(255,255,255) 15%,rgb(255,255,255) 85%,rgb(222,222,222) 99%,rgb(204,204,204) 100%);

background: -ms-linear-gradient(left,  rgb(204,204,204) 0%,rgb(222,222,222) 1%,rgb(255,255,255) 15%,rgb(255,255,255) 85%,rgb(222,222,222) 99%,rgb(204,204,204) 100%);

background: linear-gradient(to right,  rgb(204,204,204) 0%,rgb(222,222,222) 1%,rgb(255,255,255) 15%,rgb(255,255,255) 85%,rgb(222,222,222) 99%,rgb(204,204,204) 100%);








	

}















/*



Structure
=======================




*/  
.hld {
	display:block;  
	max-width:100%;
	margin:0 auto 0 auto;
	
}
.hld {
	display:block;
	position:relative;
	box-shadow: 0 0 .5em .25em rgba(0,0,0,.3), 0 0 2em .25em rgba(0,0,0,.3), 0 0 5em .25em rgba(0,0,0,.3);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}





.cnt { /* max-width:1024px;  */
margin:0 auto;
padding:7em 0;}

				@media only screen and (max-width:767px) {
				.cnt {
						padding:2em 0;
					}
					}
				@media only screen and (max-width:639px) {
				
					}
				@media only screen and (max-width:499px) {
					}
				@media only screen and (max-width:379px) {
				
					}
.txt {
	display:block;
	 max-width:64em;
	 margin:0 auto;
	 position:relative;
	 margin:0 auto;
	 -o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 2em;
	z-index:0;
 }
 .cnt>.txt {
 }
 .txt.white {
	color:#fff; 
	font-weight:400;
 }
 .txt.wide {
	 max-width:100%;
	 padding:0;
 }
 .txt > .txt {
	 box-shadow:none;
 }
 .hld {
	 width:100%;
	 position:relative;
 }
 .full_image {
	 display:block;
	 width:100%;
	 height:auto;
 }
 			.hld
					{	position:relative; 
						height:100%;
						width:100%;
						top:0;
						bottom:0;
						left:0;
						overflow-y: auto;
						 overflow-x: hidden;
						 overflow-y: auto;
						 overflow-x: hidden;
						 z-index:10;
					}
	.ftr {	display:block;
						position: relative;
						height: auto;
						bottom:0;
						left:0;
						overflow-y:  hidden;	
						 overflow-x: hidden;		 
						width:100%;
						min-width:250px;	
						background:#dedede;
						
	 background:#eff0f0;
						 z-index:1;
}
.cpy {
	text-align:center;
	padding:2em 0 0 0;
	line-height:1.5em
}
.cpy span {color:#008b3d;}
.soc {
	position:relative;
	top:.5em;
	 display:inline-block;
	 margin:0 0 0 .5em;
}.mnu {
	 display:inline-block;
}
.soc a {
	display:inline-block;
	margin:0 1.5em 0 0;
	width:1.5em;
	border-radius:.25em;
	overflow:hidden;
	box-shadow:0 .125em .125em rgba(0,0,0,.3);
}
.soc a img{
	width:100%;
	height:auto;
}
 
				@media only screen and (max-width:767px) {
					.txt {
						padding:0 5%;
					}
					.hld
					{
					  
					}
					#menu {
						
					
					}
				
					}
				@media only screen and (max-width:639px) {
				
					}
				@media only screen and (max-width:499px) {
				
					}
				@media only screen and (max-width:379px) {
				
					}
 

/* 



basic text 


*/
h1, h2, h3 {
	display:block;
		width:100%;
	color:#231f20;
	text-align: left;
	margin:0 auto;
	font-weight:300;
	line-height:1em;
	opacity:.7;
	
}
h1, h2 {
	font-size:3.5em;
	
}
h3 {
	font-size:2.5em;
}
strong {
	color:#231f20;
}
p {
	font-size:1.5em;
	line-height:1.5em;
	display:block;
	
	margin:1em auto;
	width:100%;
	text-align:left;
	font-weight:300;
}
.col_2 , .item.col_2 {
	width:50%;
	float:left;
}
.col_3 , .item.col_3 {
	width:33.33333333333333%;
	float:left;
}
.col_4 , .item.col_4 {
	width:25%;
	float:left;
}

.col_4m, .ftr .mnu {
	width:23%;
	float:left;
	margin:0 1%;
}
.ftr .col_4m {
	box-shadow:0 .125em .25em rgba(0,0,0,.3);
	background:#fff;
	height:20em;
}
.hdln_txt {
	font-size:1.5em;
	display:block;
	text-align:center;
	color:#009e58;
	line-height:2em;
	vertical-align: middle;
	text-transform:uppercase;
}
.hdln_txt:before, .hdln_txt:after {
	display: inline-block;
	height:1px;
	width:14%;
	background:#231f20;
	background:#58595b;
	background:#ccc;
	content:' ';
	overflow:hidden;
	vertical-align: middle;
	margin:-.5em .5em;
}
.post {
	margin:2em auto;
}
.post a {
	text-decoration:none;
	display:block;
	max-width:60em;
	margin:0 auto;
	box-shadow:0 7em 1em -7em rgba(0,0,0,.1),0 6em .5em -6em rgba(0,0,0,.3);
	padding-bottom:2em;
	padding-top:2em;
}
.post.cover a {
	box-shadow:none;
}
.post a:after  {
	content:' ';
	display:block;
	clear:both;
	height:0;
	width:0;
	overflow: hidden;
}
.post a img {
	display:block;
	width:30%;
	float:left;
	margin:0 1em .25em 0;
	height:auto;
	box-shadow:0 .25em .75em -.25em rgba(0,0,0,.6),0 .25em .25em -.25em rgba(0,0,0,1);
}
.post.toppic a img {
	width:100%;
	float: none; clear:both
	margin:0 0 1em 0;
	height:auto;
}
.post .post_hdr {
	display:inline;
}
.post.toppic.toptext .post_hdr, .post.toppic.bottext .post_hdr {
	display:block;
	position:relative;
	
}
.post.toppic h3 {
	margin:.75em 0 -.25em 0;
}

.post.toppic.toptext .post_hdr h3, .post.toppic.bottext .post_hdr h3 {
	display:block;
	position:absolute;
	padding:.5em;
	font-weight:700;
	color:#fff;
	margin:0;
	
	color:#fff;
	text-shadow:0 .0625em .125em  rgba(0,0,0,1);
	 filter: Shadow(Color=#000000, Direction=90, Strength=1);
	 opacity:1;
	
}
.post.toppic.bottext .post_hdr h3 {
	bottom:0;
}
.post.toppic.toptext .post_hdr h3 {
	top:0;
}

				@media only screen and (max-width:767px) {
				
				
				h1,h2 {
					font-size:2.375em;
				}
				h3 {
					font-size:1.5em;
				}
				p {
					width:100%;
					font-size:1em;
				}

				
					}
				@media only screen and (max-width:639px) {
					.col_2,.col_3,.col_4 {
					width:100%;
					float:none;
					margin-bottom:0;
				}
				.item.col_4,.item.col_2,.item.col_3 {
					width:50%;
					float:right;
				} 
				
					}
				@media only screen and (max-width:499px) {
				.hdln_txt:before, .hdln_txt:after {
					content:normal;
				}
					}
				@media only screen and (max-width:379px) {
					
				
					}
/*



Header Menu
=======================




*/
.menucolor {
	background:#720017;
	 box-shadow:0 5px 5px -5px rgba(0,0,0,.4),0 6px 5px 3px rgba(0,0,0,.1);
}

#menu {
	/* position: absolute;
	 top:0;
	 left:0;*/
	 font-size:1.25em;
	 width:100% !important;
	 display:block;
		
	 -webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	border-top:1.75em solid #fff;
	 
 }
 #menu-sticky-wrapper #menu {
	 z-index:0;
 }
#menu-sticky-wrapper.is-sticky #menu {
	 z-index:2000;
 }
  
 #menu >.txt {
	 padding:0;
	 text-align:right;
	  z-index:2000;
	  position:relative;
	  max-width:100%;
	  margin:0 auto;
	  
 }
 #menu .mnu li {
	 display:block;
 }
 #menu .mnu>li {
	 display:inline-block;
 }
 #menu .mnu li a{
	 line-height:1em;
	 display:block;
	 height:100%;
	 width:auto;
	 padding:1em 1.5em 1.25em 1.5em;
	 
	 text-decoration:none;
	 color:#fff;
	 text-shadow:0 .0625em .125em rgba(0,0,0,.3);
	 filter: Shadow(color=#000000, strength=4);
	 font-weight:600;
 }
#menu .mnu li a:hover {
	  text-decoration:underline;
	
  }

.logo_hld {
	width:100%;
	position: absolute;
	top:15%;
	left:0;
	padding:.5em;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
	z-index:2000;
	height:0;
	
	text-align:center;
}
 .bt_logo {
	display:inline-block;
	margin:0 auto;
	width:28em;
	max-width:40%;
	
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	








}
.bt_logo img {
	width:100%;
	height:auto;
	display:block;
}

  }
  
				@media only screen and (max-width:767px) {
				
				
					}
				@media only screen and (max-width:639px) {
				
					}
				@media only screen and (max-width:499px) {
							.bt_logo {
						
					}
				
					}
				@media only screen and (max-width:379px) {
				
					}
.txt #menu .mnu {
	position:relative;
	margin:0 0 0 -2em;
	white-space:nowrap;
}
#menu .mnu>li ul{
	display:none;
	position:absolute;
	background:rgba(0,0,0,.8);
	padding:.5em;
	top:3.1875em;
	box-shadow:0 8px 10px -2px rgba(0,0,0,.7), inset 0 0 10px rgba(0,0,0,1);
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	overflow:hidden;
	border: 1px solid #000;
	margin:0;
	
}

#menu .mnu>li:hover ul {
	
	/* display:block; */
}
#menu .mnu>li ul li{
	text-align:left;
	width:auto;
	display:block;
	position:relative;
	
	
}
#menu .mnu>li ul li a{
	padding:.5em 1.5em;
	width:100%;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:left;
	color:rgba(255,255,255,.8);
	border-top:1px solid rgba(255,255,255,.1);
	border-bottom:1px solid rgba(0,0,0,.8);
	box-shadow: inset 0 0 0 rgba(0,0,0,1);
	min-width:10em;
	
					
}
#menu .mnu>li ul li a:hover{
	color:rgba(255,255,255,1);
	box-shadow: inset 0 0 2em rgba(0,0,0,.8);
}
.ftr .mnu ul{
	display:none;
}
.ftr .mnu a {
	text-decoration:none;
	font-size:1.25em;
	margin:0 0 .75em 0;
	display:block;
	color:#231f20;
	
    font-family: 'MonoleinRegular', sans-serif;
	text-transform:uppercase;
}
	.ftr .mnu a:before {
	content:' ';
	
	 background:#ccc url(../_img/bk_rarrw.png) center center no-repeat;
	 background-size:100% 100%;
	 display:inline-block;
	 height:1.25em;
	 width:1.25em;
	 border-radius:1.5em;
	 position:relative;
	 margin:0 .5em 0 1em;
	 top:.25em;
	 	 border:.03125em solid transparent;
	 -o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	position:relative;
	left:0;
 }
 .ftr .mnu a:hover:before {
	 
	 left:.25em;
 }
.navbar-toggle {
	display:none;
}

.sm {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	/*min-width:250px; */
	width:0;
	height:100%;
	background:#eee;
	overflow-y: auto;
	overflow-x: none;
	z-index:0;
	padding:10em 0 1em 0;
	background: -moz-linear-gradient(left, rgb(204,204,204) 0%, rgb(222,222,222) 1%, rgb(238,238,238) 15%, rgb(238,238,238) 85%, rgb(222,222,222) 99%, rgb(204,204,204) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(204,204,204)), color-stop(1%, rgb(222,222,222)), color-stop(15%, rgb(238,238,238)), color-stop(85%, rgb(238,238,238)), color-stop(99%, rgb(222,222,222)), color-stop(100%, rgb(204,204,204)));
	background: -webkit-linear-gradient(left, rgb(204,204,204) 0%, rgb(222,222,222) 1%, rgb(238,238,238) 15%, rgb(238,238,238) 85%, rgb(222,222,222) 99%, rgb(204,204,204) 100%);
	background: -o-linear-gradient(left, rgb(204,204,204) 0%, rgb(222,222,222) 1%, rgb(238,238,238) 15%, rgb(238,238,238) 85%, rgb(222,222,222) 99%, rgb(204,204,204) 100%);
	background: -ms-linear-gradient(left, rgb(204,204,204) 0%, rgb(222,222,222) 1%, rgb(238,238,238) 15%, rgb(238,238,238) 85%, rgb(222,222,222) 99%, rgb(204,204,204) 100%);
	background: linear-gradient(to right, rgb(204,204,204) 0%, rgb(222,222,222) 1%, rgb(238,238,238) 15%, rgb(238,238,238) 85%, rgb(222,222,222) 99%, rgb(204,204,204) 100%);
}
.sm .soc {
	position: absolute;
	top:6.75em;
	right:0;
	z-index:0;
	display:block;
	width:100%;
	height:1em;
	text-align:right;
}
.smtop {
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:6.125em;
	z-index:1;
	border-top:2.125em solid #fcfcfc;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}				@media only screen and (max-width:767px) {
	
					 .smtop {
						 
						 font-size:.625em;
					 }
				
					}
.navbar-toggle {
	display:none;
}
.sm .mnu {
	width:100%;
	display:block;
	margin:0;
	padding:0;
	border-top:1px solid rgba(0,0,0,.3);
}
.sm .mnu li a {
	font-size:1.5em;
	text-decoration:none;
	display:block;
	padding:.5em 0 .5em 1em;
	border-bottom:1px solid rgba(0,0,0,.3);
	border-top:1px solid rgba(255,255,255,.3);
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(255,255,255,.5);
}
.sm .mnu li li a {
	padding-left:2em;
}
.sm .mnu a:hover {
	background:rgba(255,255,255,.8);
}
.socbox {
	display:block;
	background:#fff;
	margin:2em 5%;
	box-shadow:0 .25em .5em rgba(0,0,0,.3);
	width:90%;
	height:20em;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


	.ftr .bt_logo {
		display:none;
					}
				@media only screen and (max-width:767px) {
			
					
					
					 #menu .txt {
						 display:none;
					 	
					 }
					 #menu {
						 font-size:.75em;
						 height:4em;
					 }
					
						
						


						
					}
				@media only screen and (max-width:639px) {
				
					}
				@media only screen and (max-width:499px) {
				
					}
				@media only screen and (max-width:379px) {
				
				
					}


 /*



Buttons
=======================




*/  


.bt_dnarrw {
	 background:rgba(255,255,255,.2) url(../_img/bk_darrw.png) center center no-repeat;
	 background-size:100% 100%;
	 display:inline-block;
	 height:1.25em;
	 width:1.25em;
	 border-radius:1.25em;
	 position:relative;
	 top:.125em;
	 	 border:1px solid transparent;
	 -o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	box-shadow:0 2px 5px rgba(0,0,0,.3)
 }
 .bt_rarrw {
	 font-size:.75em;
	 font-size:1em;
	 background:rgba(0,0,0,.2) url(../_img/bk_rarrw.png) center center no-repeat;
	 background-size:100% 100%;
	 display:inline-block;
	 height:1.25em;
	 width:1.25em;
	 border-radius:1.25em;
	 position:relative;
	 top:.125em;
	 	 border:1px solid transparent;
	 -o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	box-shadow:0 2px 2px rgba(0,0,0,.3);
	margin:-.25em 0 0 .25em;
	left:0;
	
 }
  .top_text .bt_rarrw {
	  background-color:rgba(255,255,255,.2);
	  top:.25em;
  }
 
  .bt_dnarrw.item_top_arrow {
	 top:-.125em;
	 opacity:0;
  }
a:hover .bt_dnarrw {
	 background-color:rgba(255,255,255,.4);
	 border:1px solid #fff;
	   }
	 a:hover  .bt_dnarrw.item_top_arrow {
		 
	 top:.5em;
	   }
	a:hover   .bt_rarrw {
		background-color:rgba(0,0,0,.3);
	 border:1px solid #fff;left:.25em;
	   }
	  	  .top_text a:hover   .bt_rarrw {
		  background-color:rgba(255,255,255,.4);
		  
		}
.bt_explore {
	font-size:1em;
	color:#009e58;
	 font-family: 'MonoleinRegular', sans-serif;
	 display:block;
	 text-align:center;
	 text-decoration:none;
	 text-transform:uppercase;
	 margin:1em auto;
	 text-shadow:0 0 0 rgba(0,0,0,.3);
	 position:relative;
	 
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	 }
.bt_explore:before {
	content:' ';
	
	 background:#009e58 url(../_img/bk_darrw.png) center center no-repeat;
	 background-size:100% 100%;
	 display:inline-block;
	 height:1.75em;
	 width:1.75em;
	 border-radius:1.5em;
	 position:relative;
	 margin:0 .5em 0 0;
	 top:.5em;
	 	 border:.03125em solid transparent;
	 -o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	box-shadow:0 0 0 rgba(0,0,0,0);
 }
 .bt_explore:hover:before {
	box-shadow:0 .25em .125em -.125em rgba(0,0,0,.3);
 }
 .bt_explore:hover {
	 top:-.125em;
	 text-shadow:0 .1875em .125em  rgba(0,0,0,.15);
 }
#menu .mnu a.bt_login, #menu .mnu a.bt_login:hover {
	color:#009e58;
}					
/*



Pages
=======================




*/  


/* 


.mask {
	background: #222;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
}
#intro-loader {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -33px 0 0 -33px;
	background: url("../img/intro-loader.gif");
}

##### HOME SECTION #####





 */

.frontpage {
	 background-image:url(../_img/bk.jpg);
	display:block;
	position:relative;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
				@media only screen and (max-width:767px) {
					 div.frontpage {
	 background-image:url(../_img/bk-500.jpg);
				
					}
.cover {
	background: url('../_img/ring.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	margin:4em auto;
}
.cover a{ 
width:50%;
color:#3c231c;
margin:0;
height:100%;
background:rgba(172,221,215,.7);
padding:3em 1em 4em 1em;
-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:-1em 0;

}
.cover a h3, .cover a strong{ 

color:#3c231c;
}
.top_text {
	font-weight:400;
	color:#fff;
	 position:absolute;
	 display:block;	 
	 z-index:1000;
	 text-shadow:0 2px 5px rgba(0,0,0,.3);
	width:auto;
	 
	text-align:right;
}
.top_text a {
	 text-decoration:none;	 background:none;
	 color:#fff;
 }
 .top_text a:hover {
	 text-decoration:none;
	 color:rgba(255,255,255,.9);
	 background:none;
 }
.home1 {
	bottom:8%;
	/*right:56%;*/
	left:0;
	font-size:1em;
	text-align: center;
	width:100%;
}
.home1 p,.home1 h1 {
	
	text-align: center;

	margin:.5em 0 0 0;
	color:#fff;
	text-shadow:0 2px 6px rgba(0,0,0,.7);
	 filter: Shadow(Color=#000000, Direction=90, Strength=1);
	margin:0 auto;
}
.home1 h1 {
	text-transform:none;
	opacity:1;
}
.home1 h1 strong{
	font-weight:600;
	color:#fff;
	color:#ffa100;
	
	font-size:1.125em;
}
.home1 p {
	line-height:1.2em;
	
	font-size:2.25em;
	width:55%;
	
}
.home1 span{
	font-size:1em;
}
.home2 {
/*		position:absolute;
	top:60%;
	right:0; 
	
right:5%;*/
	font-size:3.25em;
	width:100%;
	text-align:center;
	padding-bottom:.75em;
	
 }
 #content:before {
	 /*
	 display:block;
	 content:' ';
	 height:3em; */
 }
	   
				@media only screen and (max-width:767px) {
				.home1 {
					
					font-size:.75em;
				}.home1 p {
					font-size:1.75em
				}
				
					}
				@media only screen and (max-width:639px) {
					.home1 {
					
					font-size:.675em;
				}
				
					}
				@media only screen and (max-width:480px) {
					.home1 p {
						width:90%;
				}
					
				}
					}
				@media only screen and (max-width:379px) {
				
					}
					
					
					
/*



portfolio icons

====================
*/
					
					
/*





===*/
.icons {
	
		font-size:1.5em;
	margin:0 auto -1.9em auto;
	position:relative;
		border-left:0.171875em  solid #fff;
			 z-index:2001;}
.icons .item {
	
	position: relative;
}
.icons .item  a {
	display: block;
	border-top:0.171875em solid #fff;
		border-right:0.171875em  solid #fff;
		position:relative;
		
}
.icons .item:last-child  a {
}
.icons .item  a .img_hld {
	display: block;
	position: relative;
	padding:0 0 65% 0;
	overflow:hidden !important;
}

				@media only screen and (max-width:767px) {
					.icons { 
					
		border-left:1px  solid #fff;
					}
					.icons .item  a {
						border-top:1px solid #fff;
		border-right:1px solid #fff;
					}
					.icons .item  a .img_hld {
						padding:0 0 50% 0;
					}
				
					}
.icons .item  a img {
	display: block;
	width:100%;
	height:auto;
	position:absolute;
	z-index:1;
	bottom:0;
}
.icons .item  a:before {
	content:' ';
	
	 background:rgba(0,0,0,.4) url(../_img/bk_rarrw.png) center center no-repeat;
	 background-size:100% 100%;
	 display:block;
	 height: auto;
	 width:30%;
	 padding:0 0 30% 0;
	 
	 border-radius:50%;
	 position:absolute;
	 opacity:0;
	 
	left:48%;
	top:50%;
	z-index:15;
	 	margin:-15% 0 0 -15%;
	 
	 	 border:1px solid #fff;
	 -o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	box-shadow:0 .125em .25em rgba(0,0,0,.2), 0 .25em 1em rgba(0,0,0,.2);

}
.icons .item  a:hover:before {
		left:50%;
		opacity:1;
}


.icons .item  a {
	overflow: hidden;
}
.icons .item a .desc {
	width: 100%;
	position: absolute;
	top:0;
	display:block;
	font-size:.875em;
	font-weight:700;
	z-index:10;
	
	
}
.icons .item a .desc>span {
	padding:.5em;
	font-size:1.125em;
	display:block;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	font-weight:800;
	color:#fff;
	text-shadow:0 .0625em .125em  rgba(0,0,0,1);
	 filter: Shadow(Color=#000000, Direction=90, Strength=1);
}

.bt_more {
		
}
.bt_more:before {
	content:' Read';
	font-weight:600;
	display:inline-block;
	margin:0 0 0 .5em;
	opacity:.7;
	text-decoration:underline;

}
a:hover .bt_more:before {
	opacity:1;
	
	text-decoration:none;
}
				@media only screen and (max-width:767px) {
					.icons{
						font-size:1em; 
						
	margin:0 auto -1.125em auto;
						}
				
					}	
					
										
.frontpagevideo {
	position:relative;
	overflow:hidden;
		height: 100%;
	overflow: hidden;
	width: 100%;
}
 .vid_frame {
	
	margin:0;
	 padding:56.25% 0 0 0; 
	display:block;
	position:relative;
	background:#333;
}
.frontpagevideo  .vid_frame {
	padding:0;
	
	min-width:100%;
	min-height:100%;
 }
.vid_frame iframe {
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	min-width:100%;
	min-height:100%;
}

				@media only screen and (max-width:767px) {
				.frontpagevideo  .vid_frame {
					display:none;
			
					
				}
					}
.mobile {
	display:none;
}
.desktop { display:inherit; }
				@media only screen and (max-width:767px) {
				.desktop 	 { display:none !important }
				.mobile{ display:inherit; }
				
					}