/* General Reset */
body{
	margin:0;
	color:#000;
	font:14px/17px 'Open Sans', sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
}
* {max-height: 10000px;}
img{border-style:none;}
input,
textarea,
select{
	color:#000;
	vertical-align:middle;
	font:100% 'Open Sans', sans-serif;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
	border: none;
	padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
input [type="email"], input [type="tel"], input[type="search"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], textarea{-webkit-appearance:none;}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a{
	color:#ff4e00;
	text-decoration:none;
}
a:hover{
	color: #fc621e;
}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
header, footer, article, section, nav, figure, aside, main { display: block; }
figure { margin:0; padding:0; }
/* General settings */
#wrapper{
	max-width: 800px;
	margin: 0 auto;
	padding: 0 10px;
}
#header{
	text-align: center;
	padding: 0 0 45px;
}
.top-panel{
	overflow: hidden;
	text-align: left;
}
.top-panel .btn-list{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-panel .btn-list li{
	float: left;
	margin: 0 0 0 12px;
}
.top-panel .twitter{
	display: block;
	background: #5ea9dd;
	font-size: 26px;
	line-height:30px;
	color:#fff;
	padding: 15px 4px 7px 5px;
}
.top-panel .twitter:hover{background:#3799dd;}
.invite{
	display: block;
	font-size: 13px;
	line-height: 16px;
	color:#fff;
	padding: 7px 29px 13px 58px;
	background:#ff4e00 url(../images/btn-invite.png) no-repeat 27px 7px;
}
.invite:hover{
	color:#fff;
	background-color: #fc621e;
}
.buddy{
	display: block;
	font-size: 13px;
	line-height: 16px;
	color:#fff;
	padding: 7px 29px 13px 29px;
	background:#ff4e00;
}
.buddy:hover{
	color:#fff;
	background-color: #fc621e;
}
.logo{
	margin: 24px 0 0;
	display: inline-block;
	vertical-align: top;
}
.logo img{display: block;}
.header-holder{
	width: 100%;
	position: relative;
	z-index: 10;
}
.header-holder:after{
	content:"";
	clear:both;
	display: block;
}
.header-holder .logo{
	float: left;
	margin: -7px 51px 0 1px;
}
#nav{
	overflow: hidden;
	font-size: 13px;
	line-height: 17px;
	padding: 31px 0 0;
}
#nav>ul{
	margin: 0 0 0 -34px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#nav ul li{
	float: left;
	margin:0 0 0 34px;
}
#nav ul a{
	display: block;
	margin: 8px 12px 10px;
}
#nav ul .active a,
#nav ul a:hover{
	background: #ff4e00;
	color:#fff;
	margin: 0;
	padding:8px 12px 10px;
}
.opener{
	display: none;
	float: right;
	width:40px;
	height:40px;
	text-indent: -9999px;
	overflow: hidden;
	background:#ff4e00;
	position:relative;
	border-radius:3px;
}
.opener:before,
.opener:after,
.opener span{
	background:#fff;
	border-radius:4px;
	position:absolute;
	top:50%;
	left:25%;
	right:25%;
	height:4px;
	margin-top:-2px;
	transition:all 0.2s linear;
}
.opener:before,
.opener:after{
	content:'';
	top:30%;
}
.opener:after{top:70%;}
.nav-active .opener span{opacity:0;}
.opener:hover{opacity:.9;}
.nav-active .opener:after,
.nav-active .opener:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	left:15%;
	right:15%;
}
.nav-active .opener:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/* ie8 remove animation */
@media \0screen {
	.nav-active .opener span{opacity:1;}
	.nav-active .opener:after,
	.nav-active .opener:before{
		top:30%;
		left:25%;
		right:25%;
	}
	.nav-active .opener:after{top:70%;}
}
#main{
	padding: 0 0 25px;
}
.sign-form{
	overflow: hidden;
	text-align: center;
	padding: 32px 0;
}
.sign-form h1{
	margin: 0 0 25px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	color:#ff4e00;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.sign-form p{margin: 0 0 5px;}
.sign-form .row{
	max-width: 529px;
	padding: 34px 2px 2px;
	margin: 0 auto 8px;
	position: relative;
}
.sign-form .text-holder{
	padding: 0 153px 0 0;
}
.sign-form input[type="email"]{
	display: block;
	width: 100%;
	height: 50px;
	padding: 10px 18px;
	margin: 0;
	font:italic 16px/24px 'Open Sans', Arial, sans-serif;
	color:#000;
	border:3px solid #000;
	background:none;
	outline:none;
	box-sizing: border-box;
}
.sign-form ::-webkit-input-placeholder {color: #ccc;}
.sign-form :-moz-placeholder {color: #ccc;}
.sign-form ::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
.sign-form :-ms-input-placeholder{color: #ccc;}
.sign-form input[type="submit"]{
	position: absolute;
	top: 34px;
	right: 0;
	width: 135px;
	height: 50px;
	margin: 0;
	padding: 0;
	cursor:pointer;
	background:#ff4e00;
	font:600 19px/21px 'Open Sans', sans-serif;
	color:#fff;
	border:0;
	letter-spacing: -1px;
}
.sign-form input[type="submit"]:hover{background: #fc621e;}
.sign-form .line{
	overflow: hidden;
	text-align: left;
	max-width: 529px;
	margin: 0 auto 34px;
}
.sign-form label{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
	color:#000;
}
.sign-form .text-block p{margin: 0;}
.subscribe-form{
	overflow: hidden;
	margin: 0 0 17px;
}
.subscribe-form h1{
	margin: 0 0 6px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	color:#000;
	letter-spacing: -1px;
}
.subscribe-form .holder{
	background: #ebebeb;
	padding:12px 28px 12px 14px;
}
.subscribe-form .row{
	padding: 0 144px 0 0;
	position: relative;
}
.subscribe-form input[type="email"]{
	display: block;
	width: 100%;
	padding: 5px 11px;
	margin: 0;
	font:italic 16px/29px 'Open Sans', sans-serif;
	color:#000;
	border:3px solid #000;
	background:#fff;
	outline:none;
	height: 45px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.subscribe-form ::-webkit-input-placeholder {color: #ccc;}
.subscribe-form :-moz-placeholder {color: #ccc;}
.subscribe-form ::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
.subscribe-form :-ms-input-placeholder{color: #ccc;}
.subscribe-form .submit-holder{
	position: absolute;
	top: 0;
	right: 0;
}
.subscribe-form .btn{
	display: block;
	width: 117px;
	height: 45px;
	margin: 0;
	padding: 0;
	cursor:pointer;
	background:#000;
	font-size: 18px;
	line-height: 22px;
	color:#fff;
	border:0;
}
.subscribe-form .btn:hover{background: #ccc;}
.subscribe-form .submit-holder .text{
	position: absolute;
	top: -18px;
	right: -23px;
	width: 40px;
	height: 14px;
	font-size: 10px;
	line-height: 14px;
	padding: 13px 2px 15px;
	text-align: center;
	z-index: 4;
	color:#fff;
	cursor:pointer;
	letter-spacing: -1px;
	background: url(../images/bg-text.png) no-repeat;
}
.subscribe-form .line{padding: 7px 0 0;}
.subscribe-form label{
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	color:#666;
	display: inline-block;
	vertical-align: middle;
}
.calendar-block{
	overflow: hidden;
}
.calendar-block h2{
	margin: 0 0 12px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	color:#ff4e00;
	letter-spacing: -1px;
}
.calendar {
	position: relative;
	padding: 24px 30px 9px;
	background: #ebebeb;
	margin: 0 0 57px;
}
.calendar .mask {
	position: relative;
	overflow: hidden;
}
.calendar .slide {
	overflow: hidden;
}
.calendar .list{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	font-size: 13px;
	line-height: 16px;
	color:#000;
}
.calendar .list li{
	float: left;
	width: 10%;
	padding: 0 10px;
	margin:0 0 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.calendar .list a{
	display: block;
	background: #fff;
	color:#000;
	padding:11px 2px 12px;
	text-align: center;
}
.calendar .list a:hover{
	background:#ff4e00;
	color:#fff;
	font-weight: 700;
}
.calendar .list a>span{
	display: block;
	font-size: 17px;
	line-height: 19px;
	margin: 0 0 -4px;
}
.calendar .fa{
	font-size: 14px;
	line-height: 17px;
	color:#ff4e00;
	display: block;
}
.calendar .btn-prev{
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 0 0 6px;
	margin: -9px 0 0;
	width: 18px;
	height: 18px;
	background:#fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.calendar .btn-next{
	position: absolute;
	top: 50%;
	right: 0;
	padding: 0 0 0 6px;
	margin: -9px 0 0;
	width: 18px;
	height: 18px;
	background:#fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.calendar .btn-prev:hover .fa,
.calendar .btn-next:hover .fa{color:#ececec;}
.visual{
	overflow: hidden;
	margin: 0 0 29px;
}
.visual img{
	max-width: 100%;
	display: block;
}
.article-section{
	overflow: hidden;
}
.article-section .article{
	margin:0 0 77px;
}
.article h2{
	margin: 0 0 20px;
	font-size: 26px;
	line-height: 30px;
	color:#ff4e00;
}
.article p{margin: 0 0 16px;}
.article .info{
	font-weight: 700;
	position: relative;
	padding: 0 0 0 29px;
	overflow: hidden;
	margin: 0 0 13px;
}
.article .info:before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 94%;
	background: #000;
}
.article .info p{margin:0;}
.article .social-networks{
	float: right;
	margin: 0 -17px 0 0;
}
.send-form{padding: 0 0 75px;}
.send-form  h2{
	margin: 0 0 36px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	color:#ff4e00;
	letter-spacing: -1px;
}
.send-form .line{
	padding: 0 0 41px;
	margin: 0 -29px;
}
.send-form .line:after{
	content:"";
	display: block;
	clear:both;
}
.send-form .col{
	float: left;
	width: 50%;
	padding: 0 29px 19px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.send-form input[type="text"]{
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 27px;
	font-style: italic;
	color:#000;
	margin: 0;
	padding: 5px 15px;
	background: none;
	border:3px solid #000;
	outline:none;
	height: 43px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.send-form input[type="text"]::-webkit-input-placeholder{color: #000;}
.send-form input[type="text"]:-moz-placeholder {color: #000;}
.send-form input[type="text"]::-moz-placeholder {
	color: #000;
	opacity: 1;
}
.send-form input[type="text"]:-ms-input-placeholder {color: #000;}
.send-form .error-caption{
	position: absolute;
	bottom: 0;
	right: 29px;
	font-size: 12px;
	line-height: 16px;
	color:#fe5206;
	text-align: right;
	display: none;
}
.send-form .error .error-caption{display: block;}
.send-form .row{
	padding: 2px 0 11px;
	margin: 0 -29px;
}
.send-form .row:after{
	content:"";
	display: block;
	clear:both;
}
.send-form input[type="email"]{
	display: block;
	width: 100%;
	height: 43px;
	font-size: 16px;
	line-height: 27px;
	font-style: italic;
	color:#000;
	margin: 0;
	padding: 5px 15px;
	background: none;
	border:3px solid #999;
	outline:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.send-form input[type="email"]::-webkit-input-placeholder{color: #ccc;}
.send-form input[type="email"]:-moz-placeholder {color: #ccc;}
.send-form input[type="email"]::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
.send-form input[type="email"]:-ms-input-placeholder {color: #ccc;}
.send-form input[type="submit"]{
	float: right;
	width: 129px;
	height: 44px;
	font-size: 22px;
	line-height: 24px;
	color:#fff;
	margin: -6px 0 0;
	padding: 0;
	cursor:pointer;
	border:0;
	background: #fe5206;
	letter-spacing: -1px;
}
.send-form input[type="submit"]:hover{background: #fc621e;}
#footer{
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 0 0 56px;
}
.social-networks{
	font-size: 17px;
	line-height:20px;
	color:#000;
	margin:0;
	padding: 0;
	list-style:none;
	overflow: hidden;
}
.social-networks li{
	float: left;
	padding: 0 17px;
	position: relative;
}
.social-networks li:before{
	content:"";
	position: absolute;
	top: 8px;
	left: 0;
	width: 1px;
	height: 9px;
	background: #000;
}
.social-networks li:first-child:before{display: none;}
.social-networks a{
	color:#000;
	display: block;
}
.social-networks a:hover{color:#fc621e;}
#footer .social-networks{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 12px;
}
.navigation{
	font-size: 12px;
	line-height: 16px;
	color:#000;
}
.navigation ul{
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.navigation ul li{
	float: left;
	padding: 0 5px;
	position: relative;
}
.navigation ul li:before{
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 1px;
	background: #000;
}
.navigation ul li:first-child:before{display: none;}
.navigation a{
	color:#000;
}
.navigation a:hover{color: #fc621e;}
/* custom checkbox styles */
.jcf-checkbox {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #e3e3e3;
	margin: 0 9px 0 0;
	height: 14px;
	width: 14px;
}
.subscribe-form .jcf-checkbox{
	background: #fff;
	margin: 0 7px 0 0;
}
.jcf-checkbox span{
	position:absolute;
	display:none;
	height:12px;
	width:12px;
	top:50%;
	left:50%;
	margin:-6px 0 0 -6px;
	background: url(../images/bg-check.png) no-repeat 1px 0;
}
.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-checkbox.jcf-checked span{display:block;}
/* common custom form elements styles */
.jcf-disabled {background: #ddd !important;}
.jcf-focus, .jcf-focus * {border-color: #000 !important;}
@media only screen and (max-width: 767px){
	body{
		font-size: 12px;
		line-height: 15px;
	}
	#header{padding: 0 0 30px;}
	.top-panel{
		text-align: center;
		margin: 0 0 15px;
	}
	.top-panel .btn-list{
		display: inline-block;
		vertical-align: top;
		float: none;
	}
	.logo{margin: 0;}
	.header-holder{
		margin: 0 -10px;
		padding: 0 10px;
	}
	.header-holder .logo{margin: 0;}
	#nav{
		padding: 15px 0 0;
	}
	.opener{display: block;}
	#nav ul{
		position: absolute;
		top: 60px;
		right: 0;
		width: 100%;
		background: #fff;
		border:solid #ccc;
		border-width:0 0 1px;
		display: none;
	}
	.nav-active #nav ul{display: block;}
	#nav ul li{
		float: none;
		margin: 0;
	}
	#nav ul li a:hover,
	#nav ul li a{
		padding: 9px 12px;
		margin: 0;
		border:solid #ccc;
		border-width: 1px 0 0;
	}
	.sign-form{padding: 0;}
	.sign-form h1{
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 15px;
	}
	.sign-form .row{padding: 15px 2px 2px;}
	.sign-form .text-holder{padding: 0 0 15px;}
	.sign-form input[type="submit"]{
		position: static;
		top: auto;
		right: auto;
		width: 100%;
	}
	.sign-form .line{margin: 0 auto 15px;}
	.jcf-checkbox{float: left;}
	.sign-form label{
		display: block;
		overflow: hidden;
	}
	.subscribe-form h1{
		text-align: center;
	}
	.subscribe-form .row{padding: 0;}
	.subscribe-form input[type="email"]{margin: 0 0 15px;}
	.subscribe-form .submit-holder{
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
	}
	.subscribe-form .btn{width: 100%;}
	.subscribe-form label{
		display: block;
		overflow: hidden;
	}
	.calendar{margin: 0 0 15px;}
	.calendar-block h2{
		font-size: 18px;
		line-height: 20px;
		text-align: center;
	}
	.calendar .list li{
		padding: 0 5px;
		width: 20%;
	}
	.visual{margin: 0 0 15px;}
	.article-section .article{margin: 0 0 30px;}
	.article h2{
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 10px;
	}
	.article .social-networks{
		float: none;
		margin: 0 0 5px -17px;
	}
	.article .info{padding: 0 0 0 10px;}
	.send-form{padding: 0;}
	.send-form h2{
		font-size: 18px;
		line-height: 20px;
		text-align: center;
		margin: 0 0 15px;
	}
	.send-form .line{
		margin: 0;
		padding: 0;
	}
	.send-form .col{
		padding: 0 0 30px;
		width: 100%;
	}
	.send-form .error-caption{
		right: 0;
		bottom:8px;
	}
	.send-form .row{
		margin: 0;
		padding: 0;
	}
	.send-form input[type="submit"]{
		width: 100%;
		margin: 0;
		float: none;
	}
	#footer{padding: 0 0 25px;}
}
@media ( -webkit-min-device-pixel-ratio : 1.5 ), ( min-resolution : 144dpi ){
	.invite{
		background:#ff4e00 url(../images/btn-invite@2x.png) no-repeat 27px 7px;
		background-size: 16px auto;
	}
	.buddy{
		background-size: 16px auto;
	}
	.jcf-checkbox span{
		background: url(../images/bg-check@2x.png) no-repeat;
		background-size: 12px auto;
	}
	.subscribe-form .submit-holder .text{
		background: url(../images/bg-text@2x.png) no-repeat;
		background-size: 44px auto;
	}
}