/*--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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	border:0;

	outline:0;

	font-weight:inherit;

	font-style:inherit;

	font-size:100%;

	font-family:inherit;

	vertical-align:baseline;

	margin:0;

	padding:0;

}

:focus {

	outline:0;

}

body {

	line-height:1;

	color:#000;

}

ol, ul {

	list-style:none;

}

table {

	border-collapse:separate;

	border-spacing:0;

}

caption, th, td {

	text-align:left;

	font-weight:400;

}

.clear {

	clear: both;

}

.clear.big {

	padding-bottom: 30px;

}

.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

/* ----- clear fix for floats ----- */

.clearfix {

	display:inline-block;

}

* html .clearfix {

	height:1%;

}

/* hides clearfix from IE-mac */

.clearfix {

	display:block;

}

/* end hide from IE-mac */



/*--FRAMEWORK--*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

html{

	height: 100%;

}

.section {

	width: 100%;

}



p {

	margin-bottom: 20px;

}



.floatright {

	float: right;

}



.floatleft {

	float: left;

}



.video-container {

	position: relative;

	padding-bottom: 52.6%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.soundcloud-container {

	position: relative;

	padding-bottom: 22%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

	margin-bottom: 20px;

}



.soundcloud-container iframe,

.soundcloud-container object,

.soundcloud-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.full_width {

	width: 100%; margin-bottom: 20px;

}

.one_half { width: 48%; }

.one_third { width: 30.66%; }

.two_thirds { width: 65.33%; }

.one_fourth { width: 22%; }

.three_fourths, .three_fourth { width: 74%; }

.one_fifth { width: 16.8%; }

.two_fifth { width: 37.6%; }

.three_fifth { width: 58.4%; }

.four_fifth { width: 67.2%; }

.one_sixth { width: 110px; }

.five_sixth { width: 82.67%; }



.one_half,

.one_third,

.two_thirds,

.three_fourths,

.one_fourth,

.one_fifth,

.two_fifth,

.three_fifth,

.four_fifth,

.one_sixth,

.five_sixth {

	position: relative;

	margin-right: 4%;

	margin-bottom: 20px;

	float: left;

}



.last {

	margin-right: 0;

}



img {

	max-width: 100%; height: auto;

}



.breakword {

	word-wrap: break-word;

}



.normal-wrap {

	word-wrap: normal;

}



.inherit-wrap {

	word-wrap: auto;

}



.drop-cap:first-letter {

	float: left;

	margin: auto .25em auto auto;

	padding: inherit;

	font-size: 4em;

	font-family: inherit;

	line-height: 1;

	text-indent: 0;

	background: transparent;

	color: inherit;

}



p + .drop-cap {

	text-indent: 0;

	margin-top: 0;

}



html {

	font: 400 100%/1.65 serif; /* base font size 18px with 1.65 line-height */

}



body {

	word-wrap: break-word;

}



small {

	font-size: 12px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	line-height: 1.4;

	margin-top: 0;

	text-rendering: optimizeLegibility;

}



.tera {

	font-size: 117px;

	font-size: 6.5rem; /* 117 / 18 = 6.5 */

	margin-bottom: 0.25385em;

}



.giga {

	font-size: 90px;

	font-size: 5rem; /* 90 / 18 = 5 */

	margin-bottom: 0.33em;

}



.mega {

	font-size: 72px;

	font-size: 4rem; /* 72 / 18 = 4 */

	margin-bottom: 0.3em;

	line-height: 1.1;

}



h1,

.alpha {

	font-size: 60px;

	font-size: 3.33333rem; /* 60 / 18 = 3.3333 */

	margin-bottom: 0.495em;

}



h2,

.beta {

	font-size: 48px;

	font-size: 2.6667rem; /* 48 / 18 = 2.6667 */

	margin-bottom: 0.61875rem;

}



h3,

.gamma {

	font-size: 36px;

	font-size: 2rem; /* 36 / 18 = 2 */

	margin-bottom: 0.825em;

}



h4,

.delta {

	font-size: 24px;

	font-size: 1.3333333333333333rem; /* 24 / 18 = 1.3333 */

	margin-bottom: 1.2375em;

}



h5,

.epsilon {

	font-size: 21px;

	font-size: 1.16667rem; /* 21 / 18 = 1.1667 */

	margin-bottom: 1em;

}



h6,

.zeta {

	font-size: 18px;

	font-size: 1rem; /* 18 = 18 × 1 */

	margin-bottom: 1.65em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(18) = margin-bottom(1.65) */

}



p {

	margin: auto auto 1.4em; /* bottom margin for paragraphs */

}



pre code {

	word-wrap: normal;

	white-space: -moz-pre-wrap;

	white-space: pre-wrap; /* http://css-tricks.com/almanac/properties/w/whitespace */

}



pre {

	white-space: pre;

}



code {

	white-space: pre;

}



abbr {

	font-variant: small-caps; /* https://developer.mozilla.org/en-US/docs/CSS/font-variant */

	font-weight: 600;

	text-transform: lowercase;

}



abbr:hover {

	cursor: help; /* cursor changed to a question mark */

}



/* BUTTONS */



.button {

	display: inline-block;

	text-decoration: none;

	padding: 8px 13px;

	color: #555;

	border: 1px solid #dedede;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin: 0px 10px 0 0;

	margin-bottom: 3px;

}



.button.large {

	font-size: 18px;

}



.button.huge {

	font-size: 22px;

}



span.button {

	cursor: pointer; padding: 8px 16px; margin: 0 5px 0 0; font-size: 18px;

}



.button.white{

	background: #fff;

	border-color: #dedede #d8d8d8 #d3d3d3;

	color: #555;

	text-shadow: 0 1px 0 #fff;

	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;

}

.button.white:hover{

	background: #fff;

	border-color: #c7c7c7 #c3c3c3 #bebebe;

	text-shadow: 0 1px 0 #fdfdfd;

	box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;

}



.button.grey{

	background: #bdbdbd;

	border-color: #b5b5b5 #a1a1a1 #8f8f8f;

	color: #555;

	text-shadow: 0 1px 0 #d4d4d4;

	box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;

}

.button.grey:hover{

	background: #c2c2c2;

	border-color: #989898 #8e8e8e #878787;

	text-shadow: 0 1px 0 #dadada;

	box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

}



.button.pink{

	background: #f67689;

	border-color: #df6f8b #da5f75 #d55061;

	color: #913944;

	text-shadow: 0 1px 0 #f89ca9;

	box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;

}

.button.pink:hover{

	background: #f67c90;

	border-color: #c36079 #c25669 #c14e5c;

	text-shadow: 0 1px 0 #f9a6b4;

	box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;

}



.button.orange{

	background: #fecc5f;

	border-color: #f5b74e #e5a73e #d6982f;

	color: #996633;

	text-shadow: 0 1px 0 #fedd9b;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;

}

.button.orange:hover{

	background: #fecb5e;

	border-color: #d29a3a #cc9436 #c89133;

	text-shadow: 0 1px 0 #fee1a0;;

	box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;

}



.button.green{

	background: #b7d770;

	border-color: #adc671 #98b65b #87aa4a;

	color: #5d7731;

	text-shadow: 0 1px 0 #cfe5a4;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;

}

.button.green:hover{

	background: #b9d972;

	border-color: #8bb14d #83a648 #7d9e45;

	text-shadow: 0 1px 0 #d5e8aa;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;

}



.button.blue{

	background: #92dbf6;

	border-color: #8dc5da #76b7cf #63abc7;

	color: #42788e;

	text-shadow: 0 1px 0 #b6e6f9;

	box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;

}

.button.blue:hover{

	background: #92dbf6;

	border-color: #7caec0 #68a3ba #5a9cb5;

	text-shadow: 0 1px 0 #bee9fa;

	box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;

}



.button.purple{

	background: #dfaeda;

	border-color: #bc9db9 #ad89aa #a1799d;

	color: #7b5777;

	text-shadow: 0 1px 0 #eacae6;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;

}

.button.purple:hover{

	background: #e0b1db;

	border-color: #a482a0 #9b7897 #947090;

	text-shadow: 0 1px 0 #ecd0e9;

	box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

}



.button.teal{

	background: #9cedef;

	border-color: #90c6c8 #78bdc0 #65b6ba;

	color: #437b7d;

	text-shadow: 0 1px 0 #bef3f5;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;

}

.button.teal:hover{

	background: #9fedf0;

	border-color: #7db9bb #6bb2b5 #5dacaf;

	text-shadow: 0 1px 0 #c5f4f6;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;

}



.button.darkblue{

	background: #a5b8c6;

	border-color: #a2afb8 #8696a1 #6f818f;

	color: #515f6a;

	text-shadow: 0 1px 0 #c4d0d9;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;

}

.button.darkblue:hover{

	background: #adbfcb;

	border-color: #8996a0 #798791 #6c7a85;

	text-shadow: 0 1px 0 #ced9e0;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;

}



.button.black{

	background: #525252;

	border-color: #4c4c4c #313131 #1f1f1f;

	color: #fff;

	text-shadow: 0 1px 0 #2e2e2e;

	box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;

}

.button.black:hover{

	background: #5a5a5a;

	border-color: #2c2c2c #1c1c1c #101010;

	text-shadow: 0 1px 0 #363636;

	box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;

}

.glossy.button.white{

	background: #f5f5f5;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */

	background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);

	border-color: #dedede #d8d8d8 #d3d3d3;

	color: #555;

	text-shadow: 0 1px 0 #fff;

	-webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;

	-moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;

	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;

}

.glossy.button.white:hover{

	background: #f4f4f4;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /*  WebKit */

	background: -moz-linear-gradient(top,  #efefef, #f8f8f8);

	border-color: #c7c7c7 #c3c3c3 #bebebe;

	text-shadow: 0 1px 0 #fdfdfd;

	-webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;

	-moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;

	box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;

}



.glossy.button.grey{

	background: #bdbdbd;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /*  WebKit */

	background: -moz-linear-gradient(top,  #cacaca, #aeaeae);

	border-color: #b5b5b5 #a1a1a1 #8f8f8f;

	color: #555;

	text-shadow: 0 1px 0 #d4d4d4;

	-webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;

	-moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;

	box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;

}

.glossy.button.grey:hover{

	background: #c2c2c2;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /*  WebKit */

	background: -moz-linear-gradient(top,  #bcbcbc, #c2c2c2);

	border-color: #989898 #8e8e8e #878787;

	text-shadow: 0 1px 0 #dadada;

	-webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

	-moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

	box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

}



.glossy.button.pink{

	background: #f67689;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /*  WebKit */

	background: -moz-linear-gradient(top,  #f78297, #f56778);

	border-color: #df6f8b #da5f75 #d55061;

	color: #913944;

	text-shadow: 0 1px 0 #f89ca9;

	-webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;

	-moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;

	box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;

}

.glossy.button.pink:hover{

	background: #f67c90;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /*  WebKit */

	background: -moz-linear-gradient(top,  #f56c7e, #f78297);

	border-color: #c36079 #c25669 #c14e5c;

	text-shadow: 0 1px 0 #f9a6b4;

	-webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;

	-moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;

	box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;

}



.glossy.button.orange{

	background: #fecc5f;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /*  WebKit */

	background: -moz-linear-gradient(top,  #feda71, #febb4a);

	border-color: #f5b74e #e5a73e #d6982f;

	color: #996633;

	text-shadow: 0 1px 0 #fedd9b;

	-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;

	-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;

}

.glossy.button.orange:hover{

	background: #fecb5e;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /*  WebKit */

	background: -moz-linear-gradient(top,  #fec354, #fecd61);

	border-color: #d29a3a #cc9436 #c89133;

	text-shadow: 0 1px 0 #fee1a0;

	-webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;

	-moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;

	box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;

}



.glossy.button.green{

	background: #b7d770;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /*  WebKit */

	background: -moz-linear-gradient(top,  #cae285, #9fcb57);

	border-color: #adc671 #98b65b #87aa4a;

	color: #5d7731;

	text-shadow: 0 1px 0 #cfe5a4;

	-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;

	-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;

}

.glossy.button.green:hover{

	background: #b9d972;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /*  WebKit */

	background: -moz-linear-gradient(top,  #b8d872, #b9d972);

	border-color: #8bb14d #83a648 #7d9e45;

	text-shadow: 0 1px 0 #d5e8aa;

	-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;

	-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;

}



.glossy.button.blue{

	background: #92dbf6;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /*  WebKit */

	background: -moz-linear-gradient(top,  #abe4f8, #6fcef3);

	border-color: #8dc5da #76b7cf #63abc7;

	color: #42788e;

	text-shadow: 0 1px 0 #b6e6f9;

	-webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;

	-moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;

	box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;

}

.glossy.button.blue:hover{

	background: #92dbf6;

	border-color: #7caec0 #68a3ba #5a9cb5;

	text-shadow: 0 1px 0 #bee9fa;

	-webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;

	-moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;

	box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;

}



.glossy.button.purple{

	background: #dfaeda;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /*  WebKit */

	background: -moz-linear-gradient(top,  #e8c4e4, #d494ce);

	border-color: #bc9db9 #ad89aa #a1799d;

	color: #7b5777;

	text-shadow: 0 1px 0 #eacae6;

	-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;

	-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;

}

.glossy.button.purple:hover{

	background: #e0b1db;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /*  WebKit */

	background: -moz-linear-gradient(top,  #deabd9, #e0b1db);

	border-color: #a482a0 #9b7897 #947090;

	text-shadow: 0 1px 0 #ecd0e9;

	-webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

	-moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

	box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;

}



.glossy.button.teal{

	background: #9cedef;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7f2f4', endColorstr='#7ce7ea'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#7ce7ea)); /*  WebKit */

	background: -moz-linear-gradient(top,  #b7f2f4, #7ce7ea);

	border-color: #90c6c8 #78bdc0 #65b6ba;

	color: #437b7d;

	text-shadow: 0 1px 0 #bef3f5;

	-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;

	-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;

}

.glossy.button.teal:hover{

	background: #9fedf0;

	border-color: #7db9bb #6bb2b5 #5dacaf;

	text-shadow: 0 1px 0 #c5f4f6;

	-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;

	-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;

	box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;

}



.glossy.button.darkblue{

	background: #a5b8c6;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4)); /*  WebKit */

	background: -moz-linear-gradient(top,  #becbd6, #88a1b4);

	border-color: #a2afb8 #8696a1 #6f818f;

	color: #515f6a;

	text-shadow: 0 1px 0 #c4d0d9;

	-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;

	-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;

}

.glossy.button.darkblue:hover{

	background: #adbfcb;

	border-color: #8996a0 #798791 #6c7a85;

	text-shadow: 0 1px 0 #ced9e0;

	-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;

	-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;

	box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;

}



.glossy.button.black{

	background: #525252;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /*  IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /*  WebKit */

	background: -moz-linear-gradient(top,  #5e5e5e, #434343);

	border-color: #4c4c4c #313131 #1f1f1f;

	color: #fff;

	text-shadow: 0 1px 0 #2e2e2e;

	-webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;

	-moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;

	box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;

}

.glossy.button.black:hover{

	background: #5a5a5a;

	border-color: #2c2c2c #1c1c1c #101010;

	text-shadow: 0 1px 0 #363636;

	-webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;

	-moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;

	box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;

}





.rslides {

	position: relative;

	list-style: none;

	overflow: hidden;

	width: 100%;

	padding: 0;

	margin: 0;

	margin-bottom: -30px;

}



.rslides li {

	-webkit-backface-visibility: hidden;

	position: absolute;

	display: none;

	width: 100%;

	left: 0;

	top: 0;

}



.rslides li:first-child {

	position: relative;

	display: block;

	float: left;

}



.rslides img {

	display: block;

	height: auto;

	float: left;

	width: 100%;

	border: 0;

}



.rslides_tabs {

	text-align: center; position: relative; top: 0px;	z-index: 999;

}



.rslides_tabs li {

	display: inline-block; margin: 0 3px;

}



.rslides_tabs li a {

	text-indent: -9999px; width: 50px; height: 5px; background: rgba(255,255,255,0.5); display: inline-block; border: none;

}



.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {

	background: #fff;

}



dl.accordion {

	margin-bottom: 30px;

}



dl.accordion dt, dl.accordion dd {

	margin-bottom: 10px; border: 1px solid #c7c7c7; box-shadow: 0 1px 1px #eaeaea; display: block;

}



dl.accordion dd {

	padding: 20px; margin-bottom: 25px; display: none;

}



dl.accordion dd p:last-child {

	margin-bottom: 0;

}



dl.accordion dt.active {

	border-left: 3px solid #e74c3c;

}



dl.accordion dt a {

	padding: 10px 20px; display: block;

}



dl.accordion dt.active a {

	color: #e74c3c;

}



/* default style */

.selectnav { display: none; width: 170px; float: right; margin-top: 20px; }





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

/*	ISOTOPE

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



.isotope-item {

	z-index: 2;

}



.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	transition-duration: 0.4s;

}



.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}



.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property:    -moz-transform, opacity;

	-ms-transition-property:     -ms-transform, opacity;

	-o-transition-property:      -o-transform, opacity;

	transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}



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

/*	END ISOTOPE

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























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

/*	TABLE OF CONTENTS

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



/* Tides - v1.0.0 */

/* Section 1. -- General & Global Styles - other type styles found in /css/framework.css */

/* Section 2. -- Helper Classes - quick classes for easy style modification */

/* Section 3. -- Header Styles - styles for main and sub headers */

/* Section 4. -- Navigation Styles - Styles for the nav menu, and the filter menu for the portfolio */

/* Section 5. -- Homepage Styles - all styling for the main homepage elements, and also ebor_carousel styling */

/* Section 6. -- Portfolio Styles - all styling for both portfolio and portfolio-alt */

/* Section 7. -- Blog Styles - all the styling for all 3 blog layouts, and also the blog single pages */

/* Section 8. -- Contact Styles - contact page styles, including map */

/* Section 9. -- Footer Styles - Styles for footer and subfooter */

/* Section 10. -- Revolution Slider Styles - Custom styling for revolution slider, default styling is in /css/settings.css */

/* Section 11. -- Isotope Styles - required styles for isotope, no need to modify */

/* Section 12. -- Tabs & Accordions Styles - styling for tabs, side tabs and accordions */

/* Section 13. -- Responsive Styles - Media queries */





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

/*	GENERAL & GLOBAL STYLES

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



body {

	font-family: 'Raleway', sans-serif; font-weight: 300; overflow-x: hidden; line-height: 26px; font-size: 14px; color: #414141; background: #fff;

}



h1, h2, h3, h4, h5, h6, a {

	font-weight: 300;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color: #414141;

}



h1, h2, h3 {

	font-weight: 500;

}



a, .fa-6x {

	text-decoration: none; color: #e74c3c;

}



a:hover, .social a:hover {

	color: #c0392b;

}



p {

	margin-bottom: 25px;

}



.wrapper {

	margin: 0 auto; width: 960px; position: relative;

}



strong {

	font-weight: 500;

}



em {

	font-style: italic;

}



section, footer {

	padding: 60px 0 20px;

}



img {

	vertical-align: bottom;

}



::selection {

	background: #fefac7; /* Safari */

	color: #555555;

}

::-moz-selection {

	background: #fefac7; /* Firefox */

	color: #555555;

}



hr {

	height: 1px; width: 35px; background: #c7c7c7; border: none; margin-bottom: 30px;

}



code {

	background: #f5f5f5; padding: 2px 8px; border-radius: 2px; border: 1px solid #e5e5e5; color: #e74c3c; margin: 0 3px; font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px;

}



pre {

	margin-bottom:30px;

}



pre code {

	background: none; padding: 0; border: none; font-family: monospace; color: #414141;

}



input, textarea, #load-more {

	width: 100%; background: none; border: 1px solid #e5e5e5; padding: 12px 15px; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; font-size: 14px; background: #fff;

}



input {

	margin-bottom: 10px;

}



input:focus, textarea:focus, input[type="submit"]:hover {

	border-color: #c7c7c7;

}



input[type="submit"] {

	width: auto; cursor: pointer; color: #a7a7a7;

}



input[type="submit"]:hover {

	color: #666;

}



textarea {

	min-height: 160px; resize: none; margin-bottom: 15px;

}



blockquote, pre, .tab-container div, .tab.active {

	margin-bottom: 25px; padding: 10px 20px; border: 1px solid #c7c7c7; box-shadow: 0 1px 1px #eaeaea; display: block; border-left: 3px solid #e74c3c;

}



blockquote p:last-child {

	margin-bottom: 0;

}



ol.numbered {

	list-style: decimal; margin: 0 0 25px 40px;

}



ul.unordered {

	list-style: square; margin: 0 0 25px 40px;

}



small {

	display: block;

	font-size: 20px;

}



.button {

	border-radius: 0;

}



.dark-wrapper {

	background: #f5f5f5 !important;

}



section {

	z-index: 99; position: relative;

}



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

/*	END GENERAL & GLOBAL STYLES

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



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

/*	HELPER CLASSES

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



.isotope-alt-details {

	-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;

}



.remove-bottom {

	margin-bottom: 0;

}



.floatleft, .floatright {

	display: inline-block;

}



.floatleft {

	float: left;

}



.floatright {

	float: right;

}



.small-padding {

	padding: 23px 0 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff;

}



.scroll-animate.left {

	position: relative; left: -50px; opacity: 0;

}



.scroll-animate.bottom {

	position: relative; bottom: -50px; opacity: 0;

}



.scroll-animate.right {

	position: relative; right: -50px; opacity: 0;

}



.scroll-animate.top {

	position: relative; top: -50px; opacity: 0;

}



.margin-bottom-10 {

	margin-bottom: 10px;

}



.alert, .example-column {

	background: #f5f5f5; border: 1px solid #e5e5e5; padding: 5px 10px; margin-bottom: 4%;

}



.alert i {

	float: right; cursor: pointer; font-size: 18px; padding-top: 4px;

}



.alert.danger {

	background: #ffe5e3; color: #d90f00; border-color: #f9bbb8;

}



.alert.warning {

	background: #fff6d6; color: #a26025; border-color: #f8d867;

}



.alert.success {

	background: #cef0cb; color: #698733; border-color: #91cc8c;

}



.centered {

	text-align: center;

}



.light {

	font-weight: 300;

}



.heavy {

	font-weight: 500;

}



.break15 {

	width: 100%; height: 15px;

}



.overflow-hidden {

	overflow-x: hidden;

}



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

/*	END HELPER CLASSES

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



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

/*	HEADER STYLES

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



header {

	padding: 25px 0;

	background: #fff;

	position: fixed;

	top: 0; left: 0;

	width: 100%;

	z-index: 9999;

	border-bottom: 1px solid #e5e5e5;

	box-shadow: 0 1px 1px rgba(100,100,100,0.2), inset 0 1px 0 #fbfbfb;

}



header * {

	margin-bottom: 0 !important;

}



#selectnav {

	float: right;

	padding-top: 15px;

}



#selectnav li {

	float: left; margin-left: 25px;

}



#selectnav li a {

	color: #414141; text-transform: uppercase; font-weight: 500;

}



#selectnav li a.active, #selectnav li a:hover {

	color: #e74c3c;

}



.header-small #selectnav {

	padding-top: 7px;

}



.logo-dark {

	display: none;

}



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

/*	END HEADER STYLES

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



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

/*	HOMEPAGE STYLES

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



.vjs-control-bar {

	text-indent: -9999px;

}



#big-video-wrap {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding-top: 108px;

	z-index: 1;

}



#big-video-image {

	max-width: none;

}



.full {

	width: 100%; height: 100%;

	background: no-repeat center center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	text-align: center;

}



.gallery {

	padding-bottom: 0; padding-top: 108px;

}



.full * {

	color: #fff; font-weight: 300;

}



.full.video {

	background: none;

}



.big {

	width: 100%; height: 400px;

	background: no-repeat center center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	text-align: center;

	display: block;

}



.big * {

	color: #fff; font-weight: 300;

}



.button.white.light {

	background: none;

	color: #fff;

	border: 2px solid #fff;

	box-shadow: none;

	text-shadow: none;

	font-size: 22px;

	position: absolute;

	bottom: 50px;

	margin: 0;

	left: 50%;

	margin-left: -70px;

}



.mute {

	right: 20px;

	position: absolute;

	bottom: 20px;

	font-size: 28px;

}



h1.mega {

	position: relative;

	top: 50%;

	margin-top: -70px;

}



.big h1.mega {

	margin-top: -33px;

}



.big h1.mega.single {

	margin-top: 0;

}



.rslides h1.mega {

	position: absolute; z-index: 99;

	width: 100%; color: #fff; text-align: center;

	text-shadow: 0 1px 2px rgba(0,0,0,0.4);

}



.service {

	text-align: center;

}



.member a {

	cursor: default;

}



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

/*	END HOMEPAGE STYLES

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



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

/*	PORTFOLIO STYLES

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



.isotope-alt-image div {

	position: absolute; bottom: 0; left: 0; display: none; background: rgba(231,76,60,0.85); width: 100%; height: 100%; padding: 30px; color: #fff; text-align: left;

}



.isotope-alt-image div h4 {

	color: #fff; font-size: 30px;

}



.isotope-alt-image div h4 small {

	font-size: 16px;

}



.portfolio-isotope li {

	float: left; width: 33.3%; position: relative;

}



.portfolio-isotope li {

	margin-bottom: 30px; padding-right: 25px;

}



.portfolio-isotope li:hover .isotope-alt-details {

	opacity: 0; pointer-events: none;

}



.isotope-alt-details {

	text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding-right: 25px;

}



.isotope-alt-details div {

	display: block; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; background: #fff; border-top: none;

}



.portfolio-isotope {

	width: 995px; margin-bottom: 10px;

}



.isotope-alt-details h4 {

	padding-top: 10px;

}



.isotope-alt-details .meta {

	position: relative; padding-bottom: 13px; margin-bottom: 0;

}



.isotope-alt-image {

	position: relative; display: block; overflow: hidden; text-align: center;

}



.isotope-alt-image img {

	width: 100%;

}



#load-more {

	width: 100%; text-align: center; font-size: 24px; cursor: pointer; background: #fff; display: block; margin-bottom: 30px; color: #414141;

}



#load-more:hover, #filters a:hover, #filters a.active {

	border-color: #b7b7b7; color: #111;

}



h3 small {

	display: inline-block; font-size: 14px; margin-left: 7px; color: #c7c7c7;

}



#filters a {

	border: 1px solid #e5e5e5; padding: 7px 13px; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; margin: 0 0 0 5px;

}



#loader {

	opacity: 0; position: relative; bottom: -50px; max-width: 770px; width: 90%;

	margin: 0 auto;

}



.portfolio-close {

	position: absolute; display: block; width: 100%; text-align: center; margin-bottom: 20px; top: -55px; font-size: 44px; color: #c7c7c7;

}



.overflow-hidden article {

	position: relative; top: 50px;

}



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

/*	END PORTFOLIO STYLES

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



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

/*	BLOG STYLES

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



article, .widget {

	border: 1px solid #e5e5e5; padding: 20px 25px; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; background: #fff;

}



.widget {

	margin-bottom: 25px;

}



.widget p:last-child, article p:last-child {

	margin-bottom: 0;

}



.widget.search {

	background: none; padding: 0; border: none; box-shadow: none;

}



article {

	padding: 0; margin-bottom: 50px;

}



article .content {

	padding: 20px 25px;

}



article .meta {

	padding: 15px 25px 15px; font-size: 12px; border-top: 1px solid #e5e5e5;

}



article .meta p {

	margin-bottom: 0;

}

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

/*	END BLOG STYLES

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



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

/*	FOOTER STYLES

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



footer {

	border-top: 1px solid #e5e5e5; padding: 45px 0;

}



.social a {

	font-size: 32px; margin: 0 10px; color: #c7c7c7;

}



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

/*	END FOOTER STYLES

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



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

/*	RESPONSIVE STYLES

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



@media only screen and (min-width: 1180px) {



	.wrapper {

		width:1180px; position:relative;

	}



	.portfolio-isotope {

		width: 1215px;

	}



}



@media only screen and (max-width: 1180px) {



	#selectnav li {

		float: left; margin-left: 15px;

	}

}



/* Standard 960 or larger (browsers) */

@media only screen and (min-width: 960px) {}



/* Standard 960 or Smaller (browsers) */

@media only screen and (max-width: 959px) {



	#selectnav { display: none; }

	.selectnav { display: block; }

	.portfolio-isotope li {

		width: 49.8%;

	}



}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {



	.wrapper {

		width:768px; position:relative;

	}



	.portfolio-isotope {

		width: 803px;

	}



}



/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {



	.wrapper { width:479px; margin: 0 auto; position:relative; }



	.one_half, .one_third, .two_thirds, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .three_fourths { width: 100%; }



	#comments li ul {

		padding-left: 0px;

	}



	.portfolio-isotope {

		width: 509px;

	}



	h1.mega {

		font-size: 44px;

	}



	header .one_fourth, header .three_fourths {

		width: 50%; margin: 0;

	}



	.big h1.mega {

		margin-top: -10px;

	}



}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {}





/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {



	.wrapper { width:300px; margin: 0 auto; position:relative; }



	.portfolio-isotope li {

		width: 100%;

	}



	.portfolio-isotope {

		width: 325px;

	}



}



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

/*	END RESPONSIVE STYLING

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





























#videoOverlay {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:100;

	background:url('https://www.webforactors.com/cld/iadb/image/upload/v1/templates/backgrounds/ov/overlay34.webp');

}

.video .mega, .video button, .video .mute { z-index:101; }