/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. Eric Mayer CSS Reset
   3. General reset
   4. Common site styles
   5. Custom form styles
   6. Styles for responsive breakpoints
   7. Print style
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
	1. Embedded fonts styles
---------------------------------------------------------*/
* { font-size: 100.01%; }
html { font-size: 62.5%; }
/* ---------------------------------------------------------
	2. General reset
---------------------------------------------------------*/
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body {
	margin: 0;
	color: #36363b;
	font: 1.600em/1.188em "proxima-nova", Helvetica, sans-serif;
	background: #fff;
	min-width: 980px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}
img { border-style: none; }
/* set styles for default page links */
a {
	text-decoration: underline;
	color: #000;
}
a:hover { text-decoration: underline; }
a:active { background-color: transparent; }

/* set default styles in all browsers */
input,
textarea,
select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
header,
footer,
article,
section,
hgroup,
nav,
figure { display: block; }
/* placeholder input styles */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #a6a8ab;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #a6a8ab;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #a6a8ab;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #a6a8ab;
}
/*
input[type=text],
input[type=password],
input[type=file],
input[type=submit],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0 ;
	-ms-border-radius: 0 ;
	border-radius: 0 ;
}*/
/* ---------------------------------------------------------
	3. Сommon site styles
---------------------------------------------------------*/
/* header styles */
#header {
	overflow: hidden;
    background-color: #0A1835;
	margin: 0;
}
#header .panel {
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	padding: 13px 0 17px;
}
#header .panel-holder {
	max-width: 980px;
	overflow: hidden;
	margin: 0 auto;
}
.logo {
	text-indent: -9999px;
	overflow: hidden;
}
.logo a {
	display: block;
	height: 100%;
}
/* page logo styles */
#header .logo {
	background: url(../images/sprite.png) no-repeat;
	width: 167px;
	height: 30px;
	float: left;
}
#header .signin {
	float: right;
	color: #fff;
	font-weight: 600;
	margin: 7px 0 0;
}
/* visual styles */
.visualbox{
    background: url(../images/bg-header.jpg) no-repeat;
	background-size: 100% 100%;
    margin-bottom: 49px;
}
.visual {
	max-width: 980px;
	overflow: hidden;
	margin: 0 auto;
	padding: 68px 0 38px;
	min-height: 370px;
}
.visual .caption {
	float: left;
	width: 50%;
	padding: 18px 0 0;
}
/* main container styles */
.visual h1 {
	overflow: hidden;
	color: #fff;
	font-size: 2.500em;
	line-height: 1.075em;
	font-weight: 300;
}
.visual .caption h1 {
	margin: 0 0 30px;
	line-height: 1.175em;
}
.visual h1 strong { font-weight: 600; }
.blur-active .visual {
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	filter: blur(6px);
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=6);
}
.visual .caption .btn-apply {
	border-radius: 5px;
	background-color: #659bcb;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 20px 1%;
	min-width: 60%;
	float: left;
	text-align: center;
    text-decoration: none;
}
.visual .caption .info {
	text-decoration: underline;
	color: #ced0d5;
	font-weight: 600;
	margin: 20px 0 0 19px;
	float: left;
    text-decoration: none;
}
.visual .caption .info:hover { text-decoration: none; }
.visual .video {
	width: 45.4%;
	float: right;
	padding: 11px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 3px;
}
.visual .video img {
	display: block;
	width: 100%;
}
/* intro styles */
.intro {
	overflow: hidden;
	max-width: 980px;
	margin: 0 auto 33px;
}
.intro h1 {
	margin-top: 0px;
	margin-bottom: 40px;
}
.visual .intro h1 {
	margin: 0 0 56px;
	color: #0b1b38;
	text-align: center;
}
.visual .intro h1 strong { font-weight: 600; }
.intro-holder {
	overflow: hidden;
	margin: 0 0 34px -6.1%;
}
.intro-holder .post {
	float: left;
	width: 40%;
	margin: 0 0 41px 6.1%;
	line-height: 1.438em;
	background: url(../images/sprite.png) no-repeat 0 -69px;
	padding: 0 0 0 9%;
	word-spacing: 2px;
}
.intro-holder .post p { margin: 0; }
/* partners  styles */
.partners { overflow: hidden; }
/* main h2  styles */
h2 {
	margin: 0;
	text-transform: uppercase;
	color: #767f8f;
	background: url(../images/bg-heading.png) no-repeat 50% 100%;
	padding: 0 0 26px;
	font-weight: 600;
	text-align: center;
}
.partners h2 { margin: 0 0 33px; }
.partners ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
.partners ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px 15px 14px;
	position: relative;
}
.partners ul li a { display: block; }
.partners ul li:hover .logo-hover { display: block; }
.partners ul li .logo-hover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	/*cursor: pointer;*/
}
.partners ul li .logo-hover.logo4 { left: 3px; }
.partners ul li .logo-hover.logo5 {
	left: 1px;
	top: 1px;
}
/* members  styles */
.members {
	overflow: hidden;
	background: #f2f4f5;
}
.members h1 {
	margin: 0 0 35px;
	color: #0b1b38;
	text-align: center;
	padding: 0 12%;
	line-height: 1.15em;
}
.members-holder {
	max-width: 980px;
	margin: 0 auto;
	padding: 73px 0 0;
}
/* map  styles */
.map {
	margin: 0 auto;
	max-width: 631px;
	left: -10px;
	position: relative;
}
.map img {
	display: block;
	width: 100%;
}
.all-members {
	background: #fff;
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0 -1px 5px rgba(0,0,0,.1);
	box-shadow: 0 -1px 5px rgba(0,0,0,.1);
	padding: 37px 0 0;
}
.all-members:after,
.about-holder:after {
	content: "";
	display: block;
	clear: both;
}
.all-members h2 { margin: 0 0 49px; }
.all-members ul {
	margin: 0 0 0 -3.6%;
	padding: 0 2.4% 25px;
	list-style: none;
	overflow: hidden;
	left: 4px;
	position: relative;
	font-size:0;
	line-height:0;
}
.all-members ul li {
	margin: 0 0 28px 3.2%;
	width: 29.8%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.all-members ul li img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.all-members ul li a {
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
}
/* about  styles */
.about {
	overflow: hidden;
	background: #659bcb url(../images/about-shadow.jpg) repeat-x 0 100%;
	margin: 0 0 77px;
}
.about .image-holder img {
	display: block;
	width: 100%;
}
.about-holder {
	margin: 0 auto;
	max-width: 980px;
	padding: 59px 0 0;
	position:relative;
}
.about .text {
	float: right;
	width: 48.4%;
	text-align: center;
	color: #fff;
	padding: 62px 0 0;
}
.about .text h1 {
	margin:0 0 44px;
	line-height: 1.15em;
	font-size: 2.500em;
}
.about .image-holder {
	float: left;
	width: 57.9%;
	margin: 0 -16px 0 -48px;
}
.about .text-holder {
	font-size: 1.125em;
	line-height: 1.167em;
	overflow: hidden;
	font-weight: 300;
	padding: 0 7%;
}
.about .text-holder p { margin: 0 0 24px; }
.about .text-holder p strong { font-weight: 900; }
/* community  styles */
.community {
	max-width: 980px;
	margin: 0 auto 6px;
	overflow: hidden;
}
.community h2 { margin: 0 0 39px; }
.community ul {
	margin: 0 0 0 -6.3%;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.community ul li {
	width: 25%;
	float: left;
	text-align: center;
	margin: 0 0 66px 6.3%;
}
.community ul li img {
	display: block;
	margin: 0 auto 22px;
	border-radius:100%;
}
.community blockquote {
	display: block;
	text-align: center;
	margin: 0;
	text-indent: 7px;
	padding: 2px 0 0;
	line-height: 1.438em;
    border-left: none;
}
.community blockquote q {
	quotes: none;
	display: block;
	margin: 0 0 28px;
}
.community blockquote q img {
	display: inline-block;
	vertical-align: middle;
	margin: -11px 0 0 2px;
}
.community blockquote cite {
	font-style: italic;
	font-weight: 300;
}
.community blockquote cite .object {
	background: url(../images/bg-cite.png) no-repeat 0 50%;
	font-weight: 600;
	display: inline-block;
	font-style: normal;
	padding: 0 0 0 12px;
	left: -2px;
	position: relative;
	vertical-align: top;
}
.community blockquote cite .object a { color: #36363b; }
.community blockquote cite span { display: block; }
/* buttons  styles */
.buttons {
	overflow: hidden;
	background: #0e203d;
	margin: 0 0 77px;
}
.buttons-holder {
	margin: 0 auto;
	max-width: 980px;
	overflow: hidden;
	text-align: center;
	padding: 59px 0 59px;
	min-height: 100px;
}
.buttons .btn {
	background: #659bcb;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 0 2.8%;
	width: 33.5%;
	padding: 21px 5px;

}
.buttons .btn.btn-apply { background: #659bcb; }
.buttons .btn.info { background: #426a92; }
.questions {
	max-width: 980px;
	margin: 0 auto;
}
.questions .post {
	width: 42%;
	float: left;
	line-height: 1.438em;
	margin: 0 0 36px 7.3%;
}
.questions h2 { margin: 0 0 67px; }
.questions h3 {
	margin: 0 0 3px;
	color: #659bcb;
	font-weight: 600;
	word-spacing: 2px;
	line-height: 1.438em;
}
.questions p { margin: 0; }
.questions-holder { margin: 0 0 42px -8%; }
.questions-holder:after,
.questions:after {
	content: "";
	display: block;
	clear: both;
}
/* footer styles */
#footer {
	background: #f2f4f5 url(../images/bg-footer.jpg) repeat-x 0 0;
	overflow: hidden;
}
.footer-holder {
	max-width: 980px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	font-weight: 300;
	padding: 53px 0 31px;
	min-height: 107px;
}
.footer-holder ul {
	margin: 0 0 20px;
	padding: 0;
	font-weight: 300;
	overflow: hidden;
	list-style: none;
	color: #36363b
}
.footer-holder ul li:first-child { background: none; }
.footer-holder ul li {
	display: inline-block;
	vertical-align: top;
	background: url(../images/bg-footer-li.jpg) no-repeat 0 2px;
	padding: 0 22px 9px 23px;
}
.footer-holder ul li a { color: #36363b }
.footer-holder .copyright { display: block; }
/* lightbox styles */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(../images/fancybox/fancybox.png);
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px; /* should be 20px */
	z-index: 1101;
	outline: none;
	display: none;
	background:#fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.75);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.75);
	box-shadow: 0 1px 5px rgba(0,0,0,.75);
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0 solid #fff; /* border-width should be zero */
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close,
#lightbox-close {
	position: absolute;
	top: -10px;
	right:-11px;
	width: 30px;
	height: 30px;
	background: url(../images/sprite.png) no-repeat -45px -35px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#lightbox-close{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(../images/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}
#fancybox-left {left: 0;}
#fancybox-right {right:0;}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
	left: 20px;
}
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(../images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -162px;
}
#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(../images/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}
#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -182px; 
}
#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(../images/fancybox/fancybox-x.png);
	background-position: 0 -20px;
}
#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -142px;
}
#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(../images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(../images/fancybox/fancybox.png);
	background-position: -40px -122px;
}
#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}
.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url(../images/fancybox/fancy_title_over.png);
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}
#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(../images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
	color: #fff;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(../images/fancybox/fancybox-x.png) 0 -40px;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(../images/fancybox/fancybox.png) -55px -90px no-repeat;
}
/* example lightbox styles */
.popup-holder {
	position: relative;
	overflow: hidden;
	height: 0;
}
div.lightbox{
	max-width:459px;
	width:90%;
	background:#fff;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow: 0 1px 5px rgba(0,0,0,.75);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.75);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.75);
	background-color: #fff;
	border-radius: 10px;
}
div.lightbox:before{
	position:absolute;
	left:134px;
	top:100%;
	width:21px;
	height:61px;
	z-index:4444;
	content:'';
	background:url(../images/arrow-popup.png) no-repeat;;
}
.lightbox { position:relative;}
.lightbox h2 { margin: 0 0 10px; }
.lightbox p { margin: 0; }
.login-form label.second{ text-align:center;}
.login-form label {
	font-size: 18px;
	line-height: 21px;
	color: #36363b;
	font-weight: 300;
	word-spacing: 3px;
	margin:0 0 15px;
	display:block;
}
.login-form .col {
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
	border: solid 1px #b2b2b3;
	border-radius: 5px;
	width: 94%;
	margin: 0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 2px;
	position: relative;
	height: 39px;
}
#lightbox-wrap div.lightbox{
	width:100%;
}
.fake-clone{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.login-form .col.send{
	left:inherit;
	position:inherit;
}
.login-form .col.textarea{
	height:120px;
	left:inherit;
	position:inherit;
	margin:9px auto 0;
}
.login-form .col:after,
.login-form:after{
	content:"";
	display:block;
	clear:both;
}
.login-form{
	position: relative;
	padding:18px 0 18px 10px;
	width: 96%;
}
.login-form:after{
	display:block;
	clear:both;
	content:''
	}
#lightbox-wrap{
	position:relative;
	margin:-20px 0 0;
}
.login-form.second{
	padding: 17px 0 11px 9px;
	width: 96.5%;
}
.login-form .col.send input[type="email"],
.login-form .col.send input[type="text"]{ width:356px;}
.login-form input[type="email"],
.login-form input[type="text"],
.login-form textarea {
	background: none;
	border: none;
	color: #a6a8ab;
	float: left;
	font: italic 16px/33px "proxima-nova", Helvetica, sans-serif;
	height: 37px;
	padding: 0 7px;
	width: 253px;
	outline:none !important;
}
.login-form textarea{
	font: italic 16px/19px "proxima-nova", Helvetica, sans-serif;
	color: #a6a8ab;
	min-width: 359px;
	max-width: 359px;
	max-height:100px;
	min-height:100px;
	padding:7px;
	overflow:auto;
}
.login-form .col.textarea input[type="submit"]{
	float:left;
	margin:20px 0 9px 3px;
}
.login-form .col input[type="submit"] {
	font: 300 16px/19px "proxima-nova", Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	background: #659bcb;
	width: 105px;
	float: right;
	border: none;
	height: 40px;
	margin: -3px -2px 0 0;
	padding: 0;
	cursor:pointer;
}
.skip a{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip a:focus{
	position:static;
	width:auto;
	height:auto;
}
/* ---------------------------------------------------------
	5. Styles for Responsive web design
---------------------------------------------------------*/
/* styles for screens with width from 321px to 768px */
@media only screen and (max-width: 980px) {
	body { min-width: 320px; }
}
@media only screen and (max-width: 991px) {
	#header,
	 .questions,
	 .community,
	 .intro { padding: 0 1%; }
	.all-members ul li { width: 43%; }
	.about .image-holder {
		position: absolute;
		bottom: 0;
	}
	.about { position: relative; }
}
/* styles for screens 769px wide and larger */
@media only screen and (max-width: 813px) {
	#header { padding: 0 1%; }
	.about-holder { padding: 10px 0 0; }
	.caption .info { margin: 20px 0 0 12px; }
	.buttons .btn { width: 41.5%; }
}
@media only screen and (max-width: 760px) {
	.visual .caption {
		width: 100%;
		text-align: center;
	}
	.visual .video {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border: none;
		float: none;
		overflow: hidden;
	}
	.visual .video img {
		max-width: 100%;
		margin: 0 auto;
		width: inherit;
		border: 1px solid rgba(255, 255, 255, 0.06);
		padding: 11px;
	}
	.visual .caption .btn-apply,
	 .visual .caption .info {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.visual { padding: 3.2% 0 38px; }
	.visual .caption { padding: 18px 0 40px; }
	.intro-holder .post {
		width: inherit;
		padding: 0 0 0 14%;
		margin: 0 0 30px 0;
	}
	.intro-holder { margin: 0 0 34px; }
	.all-members ul li {
		width: 100%;
		margin: 0 0 28px;
	}
	.all-members ul {
		padding: 0 0 25px;
		margin: 0;
		left: inherit;
	}
	.community ul li { width: 43%; }
	.community blockquote { text-indent: 23px; }
	.about .text { width: 100%; }
	.about .image-holder {
		position: inherit;
		width: inherit;
		margin: 0 1%;
		bottom: inherit;
	}
}
/* styles for screens 320px wide and narrower */
@media only screen and (max-width: 599px) {
	.visual .video {
		margin: 0 2%;
		width: inherit;
		border: 1px solid rgba(255, 255, 255, 0.06);
		padding: 11px;
	}
	.visual .video img {
		padding: 0;
		border: none;
	}
	.intro-holder .post { padding: 0 0 0 20%; }
	.community ul li {
		width: 100%;
		margin: 0 0 66px;
	}
	.community ul { margin: 0; }
	.community blockquote { text-indent: 2px; }
	.buttons .btn {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		margin: 0 0 10px;
	}
	.buttons-holder { padding: 59px 3% 49px; }
	.questions .post {
		width: 100%;
		margin: 0 0 36px 0;
	}
	.questions-holder { margin: 0 0 42px; }
	.partners ul li { margin: 0 30px 15px 0; }
	.footer-holder { padding: 53px 1% 31px; }
}
@media only screen and (max-width: 482px) {
	.login-form input[type="email"],
	.login-form input[type="text"]{width: 110px;}
	.login-form .col.send input[type="email"],
	.login-form .col.send input[type="text"]{ width:293px;}
	.login-form .col{
		left:inherit;
		width:inherit;
	}
	#fancybox-close{right:0;}
	.login-form{margin:0 2px;}
	.community blockquote { text-indent: 16px; }
	#fancybox-content{ width:280px !important;}
	#fancybox-wrap{
		width: 280px !important;
		left: 50% !important;
		margin: 0 0 0 -160px;
	}
	.login-form,
	.login-form.second{
		width:inherit;
		padding:17px 0 11px;
	}
	#lightbox-wrap:before{ bottom:-62px;}
}
@media only screen and (max-width: 366px){
	#lightbox-wrap{height:auto !important;}
}
@media only screen and (max-width: 320px){
	#lightbox-wrap:before{ bottom:-60px;}
}