/*@font-face{
	font-family:"PT Serif";
	src:url(/bitrix/templates/.default/fonts/pt_serif-regular-01.eot);
	src:url(/bitrix/templates/.default/fonts/pt_serif-regular.eot?#iefix) format('eot'),
		url(/bitrix/templates/.default/fonts/pt_serif-regular-01.woff) format('woff'),
		url(/bitrix/templates/.default/fonts/pt_serif-regular-01.svg) format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"PT Serif";
	src:url(/bitrix/templates/.default/fonts/pt_serif-bold-01.eot);
	src:url(/bitrix/templates/.default/fonts/pt_serif-bold.eot?#iefix) format('eot'),
		url(/bitrix/templates/.default/fonts/pt_serif-bold-01.woff) format('woff'),
		url(/bitrix/templates/.default/fonts/pt_serif-bold-01.svg) format('svg');
	font-weight:bold;
	font-style:normal;
}
@font-face{
	font-family:"PT Serif";
	src:url(/bitrix/templates/.default/fonts/pt_serif-italic-01.eot);
	src:url(/bitrix/templates/.default/fonts/pt_serif-italic.eot?#iefix) format('eot'),
		url(/bitrix/templates/.default/fonts/pt_serif-italic-01.woff) format('woff'),
		url(/bitrix/templates/.default/fonts/pt_serif-italic-01.svg) format('svg');
	font-weight:normal;
	font-style:italic;
}*/
body {
	margin: 0;
	padding: 0;
	font-family: "PT Serif";
	font-size: 16px;
	background: url(./imgs/bg.png) 0 0 repeat #f3f3f3;
	min-width: 1024px;
}
h1 {
	color: #333;
	font-size: 36px;
}
h2 {
	font-size: 20px;
	color: #333;
}
#page h1 {
	margin: 0 0 15px 0;
	/**line-height: 40px;**/
}
.btn-sbmt, .avfocus a, .ico-date, .ico-time, .ico-cam, .link-box a b, a.more  b, .abtn b, .ico b, .i  b, .bread-crumbs a:first-child , .bread-crumbs b
{
	background: url(./imgs/sprite.png);
}
#branding {
	height: 280px;
	width:100%;
	position:fixed;
	left:0;
	top:0;
}
#branding a{
	width: 100%;
	min-width: 1024px;
	height: 852px;
	overflow: hidden;
	display: block;
	position: relative;
}
#branding a img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
}
.inner {position: relative; margin: 0 auto; margin-top: 20px; width: 1000px;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); background: #fff; color: #333;}
.left { float: left;}
.right { float: right;}
.bnnr-960 { margin: 20px 20px 0 20px; text-align: center;}
.bnnr-960.bttm {margin: 0px 20px 20px 20px;}
.bnnr-240-400 { margin: 0 0 35px 0;}
.bnnr-240-120 { margin: 0 0 20px 0;}
.bnnr-690 {margin-bottom: 20px;margin-top: 20px;}
.btn {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 10px;
	font-size: 18px;
	padding: 10px 30px;
	display: inline-block;
}
.h1 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
	line-height: 17px;
	margin: 25px 0 20px;
}
.h1:after {
	content: '';
	background: url(./imgs/sprite.png);
	background-position: -35px 0;
	width: 31px;
	height: 12px;
	display: inline-block;
	margin-left: 5px;
}
.h1.red:after { background-position: 0 0;}
.h1.green:after { background-position:-105px 0;}
.h1.blue:after { background-position:-70px 0;}
.col-2.right .h1:first-child {margin-top: 0px;}
.title{
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
}
.textfield{
	padding: 0px 10px;
	border: 1px solid #e1e1e1;
	outline: none;
}
.btn-sbmt{
	text-indent: -7000px;
	display: block;
	cursor: pointer;
	border: 0;
	position: absolute;
	outline: none;
}
a.more {
	position: relative;
	font-size: 14px;
	color: #333;
	float: right;
	margin: 0 0 25px 0;
}
.col-2 a.more:after {
	content: '';
	display: inline-block;
	width: 100%;
	clear: both;
	visibility: hidden;
}
a.more  b{
	position: absolute;
	background-position: -213px -3px;
	width: 9px;
	height: 9px;
	top: 6px;
	left: -12px;
}
header {
	background: url(./imgs/bg-hd.jpg) no-repeat;
	width: 100%;
	height: 190px;
	position: relative;
}
header .logo { 
	display: inline-block;
	margin: 50px 40px 50px 20px;
	height: 50px;
}
.thesis{
	font-size: 14px;
	color: #333;
	width: 298px;
	position: absolute;
	top: 0px;
	left: 329px;
	height: 150px;
	display: table;
}
.thesis div {
	display: table-cell;
	vertical-align: middle;
}
.thesis b{ color: #d2232a; font-weight: normal;}
.thesis b.blue{ color: #005EB0;}
.thesis b.green{ color: #9EB223;}
#top-bnnr{
	position: absolute;
	top: -14px;
	left: 633px;
	width: 147px;
	height: 218px;
	z-index: 10;
}
.top-soc-link {
	position: absolute;
	top: -5px;
	right: 20px;
}
.top-soc-link a{
	background: url(./imgs/sprite-soc.png);
	width: 27px;
	height: 39px;
	display: inline-block;
	margin-right: 20px;
}
.top-soc-link a:last-child{margin:0;}
.top-soc-link .facebook {background-position: 0 0;}
.top-soc-link .twitter {background-position: -47px 0;}
.top-soc-link .google {background-position: -94px 0;}
.subscription {
	position: absolute;
	right: 20px;
	top: 70px;
	width: 190px;
}
.subscription div {
	font-size: 14px;
}
.subscription  .textfield{
	width: 165px;
	height: 28px;
	padding: 0 15px 0 10px;
	margin-top: 8px;
	float: right;
	line-height: 28px;
}
.subscription .btn-sbmt{
	background-position: -140px 0;
	width: 16px;
	height: 15px;
	right: 6px;
	bottom: 6px;
}
header nav {
	height: 40px;
	padding-left: 5px;
}
/*nav div {float: left; margin-left: 25px;}*/
/*.top-menu .active {border-top: 5px solid #d2232a;}*/
.top-menu a{
	text-decoration: none;
	font-size: 15px;
	line-height: 40px;
	color: #d4d4d4;
}
.top-menu .active a  { color: #fff; /*line-height: 30px;*/}
.top-menu .avfocus a {
	background-position: 0 -230px;
	width: 107px;
	height: 22px;
	display: inline-block;
	margin: 9px -4px 0 -2px;
}
.search {
	position: absolute;
	right: 21px;
	bottom: 10px;
	width: 190px;
	height: 20px;
}
.search .textfield{
	margin: 0;
	border-radius: 3px;
	float: right;
	height: 20px;
	border: none;
	padding-right: 22px;
	width: 158px;
}
.search .btn-sbmt{
	background-position: -160px 0;
	width: 15px;
	height: 15px;
	right: 5px;
	bottom: 2px;
}
#page { position: relative; padding: 20px; display: inline-block; width: 960px;}
.col-1 {
	width: 720px;
}
.col-1 .more { margin-right: 30px;}
.col-1 .more.nomargin { margin-right: 0;}
#event {
	position: relative;
	width: 330px;
}
#event .title {
	position: absolute;
	padding: 10px;
	top: 0;
	left: 0;
	color: #fff;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	background: rgba(0,0,0,0.6);
	text-shadow: 1px 2px 1px rgba(0,0,0,0.5);
	text-decoration: none;
}
#event .more {
	position: absolute;
	right: 15px;
	bottom: 20px;
	color: #fff;
	background: rgba(0,0,0,0.7);
	text-decoration: none;
	padding: 3px 5px 3px 20px;
	max-width: 110px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	height: 28px;
	display: block;
	line-height: 14px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	text-align: right;
}
#event .more  b {
	background-position: -123px -18px;
	top: 10px;
	left: 0px;
	width: 14px;
	height: 14px;
}
#event .more  span {
	background: url('/bitrix/templates/ra_avclub_main/./imgs/sprite.png');
	background-position: -140px -90px;
	position: absolute;
	left: -15px;
	top: 0;
	width: 15px;
	height: 34px;
}
#video { display: inline-block;}
#video .title {
	font-size: 18px;
	font-style: normal;
	margin: 17px 0 8px 0;
	max-width: 330px;
}
#article-block{
	display: inline-block;
}
.news-list.view-1 {
	width: 330px;
	margin-right: 30px;
}
.news-list.view-1 .item { position: relative;}
.news-list.view-1 .title {
	font-size: 16px;
	line-height: 20px;
/*	padding: 0 0 15px 120px;*/
	display: block;
}
.news-list.view-1 .date {
	color: #d2232a;
	font-size: 12px;
/*	position: absolute;
	bottom: 0;
	right:0;
	position: absolute;
	bottom: 0;
	left: 120px;*/
}
.news-list .item {
	width: 330px;
	float: left;
	margin: 0 30px 25px 0;
}
.news-list .item a {
	text-decoration: none;
	display: block;
}
.news-list .text { font-size: 12px; 	color: #999;}
.news-list .pic {
	width: 120px;
	height: 70px;
	overflow: hidden;
	float: left;
	margin: 5px 10px 0 0;
}
#file-box {
	display: inline-block;
}
#file-box .item {
	position: relative;
	width: 330px;
	float: left;
	margin: 0 30px 25px 0;
}
#file-box .pic {
	width: 120px;
	max-height: 168px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	border: 1px solid #999;
}
#file-box .text {
	font-size: 12px;
	color: #999;
	padding-bottom: 40px;
}
.download {
	height: 31px;
	position: absolute;
	bottom: 0;
	left: 130px;
}
.download a{
	position:relative;
	text-decoration: none;
	color: #333;
	font-size: 12px;
}
.download a.ico { margin-right: 15px; padding-left:28px;}
.download a.ico b{
	position: absolute;
	width: 26px;
	height: 26px;
	top: -5px;
	left: 0;
}
.download .ico-pp b{ background-position: -80px -40px;}
.download .ico-pdf b{ background-position: -50px -40px;}
.download .abtn {
	font-size: 14px;
	text-transform: lowercase;
	color: #fff;
	background: #333;
	padding: 4px 24px 8px 25px;
	border-radius: 8px;
}
.abtn b {
	background-position: -226px -3px;
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
#oes-box {
	font-size: 14px;
	line-height: 22px;
	color: #333;
	width: 690px;
/*	padding: 0 0 15px 0;*/
}
#oes-box h1 { margin-top: 0;}
.col-2 {
	width: 240px;
}
#webinar .item {
	position: relative;
	padding-left: 60px;
	margin-bottom: 15px;
	line-height: 17px;
}
#webinar .name{
/*	font-style: italic;*/
	font-weight: bold;
	text-decoration: none;
	color: #333;
	font-size:14px;
}
#webinar .date {
	font-size: 12px;
	margin-top: 7px;
}
#webinar .hr {
	width: 80%;
	margin: -10px 10% 10px 10%;
}
.ico-date, .ico-time {
	margin-right: 4px;
	display:inline-block;
	width: 13px;
	height: 13px;
	position: relative;
	top: 2px;
}
.ico-date{
	background-position: -178px -1px;
}
.ico-time{
	background-position: -196px -1px;
}
.ico-cam {
	background-position: 0px -38px;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 5px;
}
#expert .item {margin-bottom: 20px;}
#expert a.title {
	font-size: 14px;
	text-decoration: none;
	display: block;
}
#expert .foto {
	border-radius: 50%;
	float: left;
	width: 90px;
	height: 90px;
	background: #fff;
	overflow: hidden;
	margin: 0px 10px 10px 0;
}
#expert .foto  img{ width:90px;}
#expert .text {
	font-size: 14px;
	font-style: italic;
	color: #999;
}
#expert .name {
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
}
#expert .company {
	font-size: 12px;
	font-weight: bold;
	color: #999;
}
/*#expert .more {margin-top: -15px;}*/
#infograph {
	margin-top: 15px;
}
footer{
	position: relative;
	background: url(./imgs/bg-ftr.jpg) no-repeat;
	font-size: 14px;
	padding: 40px;
	display: table;
	width: 920px;
	height: 270px;
	color: #ccc;
}
footer .col {
	display: table-cell;
	width: 230px;
}
.bttm-menu.col, .year.col {
	vertical-align: middle;
}
.bttm-menu.col .item, .year.col .item {
	color: #ccc;
	text-decoration: none;
}
.bttm-menu.col .item {
	text-transform: uppercase;
	margin-left: 195px;
	display: block;
}
.year.col .item, .year.col .hr {margin-left: 60px;}
.hr {
	width: 100%;
	height: 1px;
	background: #3a3a3a;
	margin-left: 195px;
	display: inline-block;
}
footer .address{
	margin-top: 45px;
	color: #999;
	display: inline-block;
}
footer .phone{
	color: #fff;
	font-weight: bold;
	margin: 20px 0 45px 0;
}
footer .copyright{font-size: 12px; color: #999;font-weight: bold;}
footer .col:last-child {text-align: right;}
.bttm-soc-link a{
	background: url(./imgs/sprite-soc.png);
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-left: 20px;
}
.bttm-soc-link .facebook {background-position: 0 -44px;}
.bttm-soc-link .twitter {background-position: -70px -44px;}
.bttm-soc-link .google {background-position: -140px -44px;}
.link-box { margin-top: 40px;}
.link-box a {
	font-size: 12px;
	display: block;
	color: #ccc;
	text-decoration: none;
	line-height: 30px;
}
.link-box a b{
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	margin-right: 5px;
}
.link-box .reklama b{
	background-position: -80px -15px;
	top: 3px;
}
.link-box .expert b{
	background-position: -104px -15px;
	width: 15px;
	top: 5px;
}
#developer {
	width: 300px;
	height: 42px;
	display: inline-block;
	margin-top: 100px;
}
#developer a.redaper{
	background: url(./imgs/redaper.png) center no-repeat;
	display: inline-block;
	width: 131px;
	height: 42px;
}
.video-box a {
	position: relative;
	display: inline-block;
}
.video-box a b{
	background: url(/bitrix/templates/ra_avclub_main/imgs/sprite.png);
	background-position: 0 -90px;
	width: 137px;
	height: 137px;
	position: absolute;
	left: 50%;
	margin-left: -67px;
	top: 50%;
	margin-top: -67px;
}
.rmenu {
	background: #f8f8f8;
	padding: 2px 0;
/*	margin-top: -10px;*/
	position: relative;
	z-index: 100;
}
.rmenu .title {
	color: #444;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.rmenu .title:after {
	content: '';
	background: url(./imgs/sprite.png);
	position: relative;
	top: -3px;
	background-position: -253px 0;
	width: 5px;
	height: 7px;
	display: inline-block;
	margin: 0 10px;
	transform: rotate(90deg);
}
.rmenu .body { 
	display: none;
	width: 100%;
	position: absolute;
	background: #f8f8f8;
	padding-bottom: 20px;
}
.rmenu a.item {
	display: block;
	color: #000;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	padding: 5px 30px;
	line-height: 20px;
}
.rmenu a.item:hover {
	color: #fff;
	background: #d2232a;
}
.text-block {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 25px;
	width: 690px;
}
.featured {
	margin-bottom: 35px;
	position: relative;
	width: 690px;
	overflow: hidden;
}
.i {
	position: absolute;
	top: 85px;
	left: 185px;
	background: rgba(0,0,0,0.6);
	padding: 7px 10px;
	border-radius: 21px;
	height: 28px;
}
.i  b {
	background-position: -110px -40px;
	width: 22px;
	height: 22px;
	display: inline-block;
	margin-top: 3px;
	cursor: pointer;
}
.i a{
	display: none;
	text-decoration: none;
	max-width: 130px;
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	float: right;
	padding-left: 10px;
	text-shadow: 1px 1px 1px #000000;
}
.i:hover { border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.i:hover a{ display:block;}
.bread-crumbs {margin-bottom: 20px;}
.bread-crumbs, .bread-crumbs a{
	color: #333;
	font-size: 14px;
}
.bread-crumbs a:first-child {
	background-position: -236px 0;
	width: 13px;
	height: 9px;
	display: inline-block;
}
.bread-crumbs b {
	background-position: -253px 0;
	width: 5px;
	height: 7px;
	display: inline-block;
	margin: 0 5px;
}
/* news-list */
.news-list-i .item {
	width: 300px;
	margin: 15px 30px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #999;
}
.news-list-i .item:last-child {border-bottom: none;}
.news-list-i.right .item{
	margin-right: 0px;
}
.news-list-i .date {
	color: #d2232a;
	font-size: 12px;
}
.news-list-i .title {
	text-decoration: none;
	font-weight: normal;
}
.news-list-i .rich .title { font-weight: bold;}
.news-list-i .text {
	color: #999;
	font-size: 12px;
}
.news-list-i img { width: 300px; margin-top: 5px;}
.pagination { margin: 10px 0 30px;}
.pagination a {
	color: #444;
	text-decoration: none;
	border: 1px solid #444;
	width: 18px;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
}
.pagination a.active{
	color: #fff;
	border: 1px solid #d2232a;
	background: #d2232a;
}
/* news detail */
p {
	font-size: 14px;
}
.detail-news {
	padding-right: 30px;
}
.detail-news .date {
	color: #d2232a;
	font-size: 14px;
	margin-bottom: 25px;
}
.detail-news .author {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
}
.detail-news .mpic {
	position: relative;
	background-color:#d7d7d7;
	text-align: center;
	line-height: 0;
}
.detail-news .mpic img {
	max-width: 690px;
	max-height: 460px;
}
.detail-news .mpic.infograph img {
	max-width: 690px;
	max-height: 2048px;
}
.detail-news .mpic .logo {
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.news-list-t .item {
	width: 300px;
	margin-right: 30px;
}
.news-list-t .title {
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	display: block;
	margin-bottom: 0;
}
.news-list-t .date {
	color: #d2232a;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}
#video .item {
	width: 330px;
	margin-right: 30px;
	float: left;	
}
#video .item .title {
	margin: 0 0 8px 0;
}
#webinar {display: inline-block;}
a.more { margin: 0; }
h3 {
	font-size: 24px;
	color: #333;
	margin: 20px 0;
}
/*
.article-list .item { border-bottom: 1px solid #999; min-height: 220px;}
.article-list .item:last-child {border-bottom: none;}
.article-list .text {
	font-size: 14px;
	color: #999;
	padding-bottom: 30px;
	position: relative;
	display: table;
}
.article-list .pic {
	float: right;
	position: relative;
	margin-left: 20px;
}
.article-list .pic img { width: 320px;}
.article-list .pic a.section_parent{
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	text-transform: uppercase;
	background: rgba(0,0,0,0.7);
	border-radius: 10px;
	padding: 5px 10px;
}
.article-list .item a{
	text-decoration: none;
}*/
.rmore {
	margin-right: 20px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	position: absolute;
	bottom: 10px;
	right: 0;
	white-space: nowrap;
}
.view-list {
	font-size: 14px;
	font-weight: bold;
	width: 300px;
	margin: 15px 30px 0 0;
}
.view-list.right { margin-right: 0;}
.view-list  a { text-decoration: none; display: block;}
.view-list .author {
	display: table;
	margin-bottom: 10px;
}
.view-list .author .cell {
	display: table-cell;
	vertical-align: middle;
}
.view-list .name  { color: #b4282e; }
.view-list .post  { color: #333; }
.view-list .text  { color: #a8a8a8; font-weight: normal; font-style: italic; margin-bottom: 15px;}
.view-list .pic {
	border-radius: 50%;
	width: 140px;
	height: 140px;
	overflow: hidden;
	margin: 0 20px 0 0;
}
.view-list .hr {
	width: 100%;
	background: #a8a8a8;
	margin: 5px 0 20px;
}
.cases-list .item {
	width: 300px;
	height: 200px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 15px 30px 15px 0;
}
.cases-list .btm-line {
	position: absolute;
	background: rgba(0,0,0,0.5);
	left: 0;
	bottom: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000;
	color: #fff;
	padding: 8px;
	text-decoration: none;
}
.cases-list .btm-line  b {
	color: #d2232a;
	font-size: 16px;
	text-transform: none;
	text-decoration: underline;
}
.infograph-list .item {
	float: left;
	margin: 15px 30px 15px 0;
	width: 300px;
}
.infograph-list .pic-block{display:block;width:300px;height:200px;overflow:hidden;}
.infograph-list img { width: 300px; }
.infograph-list .title {
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	display: block;
}
.item.last { margin-right: 0!important;}
.cases-list .item {
    width: 300px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 15px 30px 15px 0px;
}
.cases-list .item img{
    width: 300px;
    height: 200px;
}
.cases-list .item {
	width: 300px;
	height: 200px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 15px 30px 15px 0;
}
.cases-list .item:nth-child(3n) { margin-right: 0; }
.cases-list .btm-line {
	position: absolute;
	background: rgba(0,0,0,0.5);
	bottom: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000;
	color: #fff;
	padding: 8px;
	text-decoration: none;
}
.cases-list .btm-line  b {
	color: #d2232a;
	font-size: 16px;
	text-transform: none;
	text-decoration: underline;
}
.infograph-list .item {
	float: left;
	margin: 15px 30px 15px 0;
	width: 300px;
}
.infograph-list img { width: 300px; }
.infograph-list .title {
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	display: block;
}
.item.last { margin-right: 0;}
#file-box { margin-top: 15px;}
#file-box .item { width: 300px;}
#file-box .item:nth-child(3n) { margin-right: 0; }
#file-box .title { margin-bottom: 15px;}
#file-box a { display: block;}
#file-box .text { padding-bottom: 15px;}
#file-box .abtn {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 14px 0px 14px;
	margin-top: 15px;
}
#file-box .pic {
	width: 140px;
	max-height: 190px;
}
#file-box img {
	width: 140px;
}
#file-box .download {
	position: relative;
	margin-left: 150px;
	left: 0px;
}
.comment {margin-top: 30px; width: 680px;}
.comment .author-wrapper  {
	float: left;
	width: 280px;
	margin: 0 25px 15px 0;
}
.comment .author {
	display: table;
	width: 280px;
	margin-bottom: 10px;
}
.comment .author .cell {
	display: table-cell;
	vertical-align: middle;
}
.comment .name  { 
	color: #333;
	font-size: 14px;
	text-decoration: none;
}
.comment .post  { 
	color: #999;
	font-size: 11px;
	text-decoration: none;
}
.comment .text  { 
	color: #444;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
}
.comment .pic {
	display: block;
	border-radius: 50%;
	width: 130px;
	height: 130px;
	overflow: hidden;
	margin: 0 15px 0 0;
}
.comment .pic img { max-height: 130px;}
.detail p {
	font-size: 16px;
	line-height: 22px;
	color: #444;
	text-align: justify;
}
.comment ul { color: #444;}
.pic-box img { display: block;}
.pic-box.right img{ 	margin: 30px 0px 30px 30px; }
.pic-box.left img{ 	margin: 30px 30px 30px 0px; }
.pic-box img:first-child {margin-top: 8px;}
.video-list .item {
	width: 300px;
	float: left;
	margin: 10px 30px 20px 0;
}
.video-list .title {
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
}
.video-list .text {
	font-size: 14px;
	color: #999;
	margin: 15px 0;
}
.video-list .note {
	font-size: 14px;
	color: #333;
}
.video-list .note a { color: #333; }
/* course-list */
.pre-course { margin: 30px 0;}
.pre-course img{ margin-left: 10px; float:right;}
.course { margin-bottom: 20px;}
.course .title {
	background: #d7d7d7;
	padding-left: 95px;
	line-height: 30px;
}
.course .line {
	display: table;
	width: 100%;
	border-bottom: 1px solid #999;
}
.course .line:last-child {
	border-bottom: none;
}
.course .col {
	display: table-cell;
	padding: 10px 5px;
	font-size: 14px;
}
.course-detail .splogo img, .course .splogo {
	vertical-align: middle;
	text-align: center;
	width: 80px;
}
.course-detail .splogo img, .course .splogo img {
	max-width: 100px;
	max-height: 40px;
}
.course .cnt {
	width: 200px;
	padding-left: 20px;
}
.course .date {
	width: 210px;
}
.course .date.red { color: #d2232a;}
.course .date.red div{ font-size: 12px;}
.course .paid { margin: 5px 0 0 28px; }
.paid {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.paid:before {
	content: '$';
	width: 18px;
	height: 18px;
	background: #3761ab;
	position: absolute;
	left: -28px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}
/* course detail */
.course-detail {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}
.course-detail .col.left {
	width: 236px;
	background: #f0f0f0;
	padding: 10px 20px;
}
.teachers { margin-bottom: 40px; }
.teachers .item {
	display: table;
	margin-bottom: 20px;
}
.teachers .item  .cell {
	display: table-cell;
	vertical-align: middle;
}
.teachers .item  .pic {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-right: 20px;
}
.teachers .item .name, .teachers .item .post {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	display: block;
}
.teachers .item .name { color: #3761ab; margin-bottom: 10px;}
.target .item {
	float: left;
	width: 100px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	margin: 0 9px 15px;
 }
.course-detail .col.left ul, ul.view-1 {
	list-style-type: none;
	padding: 0px;
}
.course-detail .col.left li, ul.view-1 li {
	font-size: 14px;
	line-height: 21px;
}
.course-detail .col.left ul>li:before, ul.view-1 li:before {
	content: '';
	background: url('./imgs/sprite.png') no-repeat;
	background-position: -195px -20px;
	width: 7px;
	height: 8px;
	display: inline-block;
	margin-right: 5px;
}
.course-detail .col.right {
	width: 664px;
}
.schedule table { border-collapse: collapse; width: 100%;}
.schedule table tr>th:last-child{ width: 80px;}
.schedule table tr>td:last-child{ text-align: center; background: #f0f0f0; vertical-align: middle;}
.schedule table tr>td:before, .schedule table tr>td:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	left: 0;
}
.schedule table tr>td:before { top: 0;}
.schedule table tr>td:after{ bottom: 0; }
.schedule th {
	padding: 10px 20px;
	background: #d7d7d7;
	text-align: left;
}
.schedule td {
	position: relative;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #999;
	vertical-align: top;
}
.clr999 { color: #999!important;}
.schedule td a{
	color: #d2232a;
	font-weight: bold;
}
.schedule .lesson { margin-bottom: 10px;}
.schedule .line { margin-top: 5px;}
.schedule .splogo { float: left;}
.schedule .paid { float: right; margin-top: 3px;}
#schedule-tabs {height: 34px;}
.tab {
	float: left;
	padding: 5px 25px;
	background: #f0f0f0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-right: 2px;
	border-top: 2px solid #999;
	box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.5);
	cursor:pointer;
}
.tab.active {
	background: #d7d7d7;
	box-shadow: none;
	cursor:default;
}
.tab:before {
	content: '';
	background: url(./imgs/sprite.png) no-repeat;
	background-position: -205px -20px;
	width: 13px;
	height: 11px;
	display: inline-block;
	position: relative;
	margin-right: 5px;
}
.tab.active:before { background-position: -178px -2px; }
.wait-message{color:#d2232a;padding-left: 15px;font-size:14px;}
/* webinar list*/
.webinars .col-1 { width: 690px;}
.webinars .course { margin: 0;}
.webinars .course .title { padding-left: 20px; margin-bottom: 0px;}
.webinars .splogo { float: left;}
.webinars .paid { float: right; margin-top: 3px;}
.webinars .course .col { padding: 5px 20px 10px;}
.webinars .line .col:first-child { width: 100%;}
.webinars a { color: #d2232a;} 
.webinars .name a { color: #333; text-decoration:none;} 
.webinars .name a:hover { color: #d2232a; text-decoration:underline;} 
.webinars .date {
	font-size: 16px;
	white-space: nowrap;
}
.webinars .date b {top: 1px;}
.m15 { margin-left: 15px;}
.varwebinar, .grey-btn-bttm {
	background: #ededed;
	font-size: 14px;
	font-weight: bold;
	color: #333!important;
	text-decoration: none;
	text-align: center;
	padding: 6px 50px;
	border-radius: 5px;
	border-bottom: 2px solid #999;
}
.varwebinar { margin: 25px 0; display: block;}
a.dashed {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dashed;
}
.date-cntrl {
	margin: 30px 0;
}
.date-cntrl .arr {
	display: inline-block;
	width: 62px;
	height: 30px;
	margin: 0 10px;
	background: #d7d7d7;
	border-radius: 5px;
	border-bottom: 2px solid #999;
	position: relative;
	line-height: 30px;
}
.date-cntrl .arr:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 26px;
	background: #b4b4b4;
	top: 2px;
	left: 50%;
}
.date-cntrl .arr a {
	background: url(./imgs/sprite.png) no-repeat;
	width: 14px;
	height: 20px;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	top: 2px;
}
.date-cntrl .arr .arrL { background-position: -219px -15px;}
.date-cntrl .arr .arrR { background-position: -231px -15px;}
.webinars .googlecal {
	font-size: 14px;
	color: #333;
	display: inline-block;
	padding-left: 60px;
	position: relative;
	top: 10px;
	margin-left: 25px;
}
.webinars .googlecal:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url(./imgs/sprite.png) no-repeat;
	background-position: -160px -70px;
	width: 45px;
	height: 45px;
}
/*
.webinars select {
	display: inline-block;
	background: #ededed;
	font-size: 14px;
	font-weight: bold;
	color: #333!important;
	text-decoration: none;
	text-align: center;
	padding: 5px 25px;
	border-radius: 5px;
	border: none;
	border-bottom: 2px solid #999;
	font-family: "PT Serif";
	outline: none;
}
.webinars label { position:relative; }
.webinars label:after {
	content: '';
	position: absolute;
	top: -4px;
	right: 6px;
	height: 30px;
	width: 30px;
	background: url(./imgs/sprite.png) no-repeat;
	background-position: -160px -120px;
	pointer-events:none;
}*/
.datepicker {
	position: relative;
	font-family: "PT Serif";
	background: #ededed;
	font-size: 14px;
	font-weight: bold;
	color: #333!important;
	text-decoration: none;
	text-align: center;
	padding: 6px 55px 5px 25px;
	width: 80px;
	outline: none;
	border: none;	
	border-radius: 5px;
	border-bottom: 2px solid #999;
}
.webinars label.dp-btn { position:relative; }
.webinars label.dp-btn:after {
	content: '';
	position: absolute;
	top: -4px;
	right: 0px;
	height: 30px;
	width: 30px;
	background: url(./imgs/sprite.png) no-repeat;
	background-position: -160px -120px;
	cursor: pointer;
/*	pointer-events:none;*/
}
.liketxt {
	color: inherit;
	text-decoration: none;
}
.view-1 .h1{margin-top:0px;}
/* about page styles */
#wwd { display: inline-block; width: 100%; margin-bottom: 70px;}
#wwd .title {
	font-weight: bold;
	font-size: 48px;
	text-align:center;
	margin-bottom: 30px;
}
#wwd .item {
	float: left;
	width: 268px;
	height: 160px;
	padding: 40px 20px 181px;
	margin-right: 18px;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
#wwd .item:last-child { margin-right: 0px;}
#wwd .blue { background: url(/about/box-blue.png) no-repeat;}
#wwd .red { background: url(/about/box-red.png) no-repeat;}
#wwd .green { background: url(/about/box-green.png) no-repeat;}
#watm {
	background: url(/about/bg-watm.jpg) no-repeat;
	padding: 50px 30px 50px 80px;
	width: 890px;
	margin-left: -20px;
}
#watm .title {font-size: 36px; margin-bottom: 40px;}
#watm p { font-size: 18px; font-weight: bold;}
#watm li { font-size: 16px; margin-bottom: 15px;}
#watm ul { margin-top: 40px;}
#ohinf { 
	display: inline-block;
	width: 100%;
	padding: 80px 20px;
	background: url(/about/bg-growth.jpg) no-repeat;
	margin-left: -20px;
	margin-bottom: -25px;
}
#ohinf .col-1, #ohinf .col-2 { height: 535px;}
#ohinf .col-1 { width: 740px; background: url(/about/bg-naf.png) no-repeat; position: relative;}
#ohinf .col-1 p { margin-left: 95px; width: 200px;}
#ohinf .col-2 { width: 205px;}
#ohinf .col-2 p:first-child { margin-top: -5px;}
#ohinf .title { font-size: 48px; margin: 85px 0 165px 50px;}
#ohinf .start, #ohinf .now {
	font-size: 14px;
	color: #d2232a;
	position: absolute;
	bottom: -40px;
}
#ohinf .start {left: 0;}
#ohinf .now {right: 18px;}
.hr-dbl {
	height:2px;
	width: 900px;
	margin: 5px auto;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.p18i {
	text-align:center;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	width: 900px;
	margin: 20px auto;
}
/* end about page styles */
.yashare-auto-init{
text-align:right;
margin-right:30px;
}
.h1 a {display:inline-block!important;}
#content {
	margin: 0;
	padding: 0;
	font-family: "PT Serif";
	font-size: 16px;
	background: url(./imgs/bg.png) 0 0 repeat #f3f3f3;
	min-width: 1024px;
}
h2 {
	font-size: 20px;
	color: #333;
}
.h1 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
	line-height: 17px;
	margin-bottom: 20px;
}
.h1:after {
	content: '';
	background: url(./imgs/sprite.png);
	background-position: -35px 0;
	width: 31px;
	height: 12px;
	display: inline-block;
	margin-left: 5px;
}
.h1.red:after { background-position: 0 0;}
.h1.green:after { background-position:-105px 0;}
.h1.blue:after { background-position:-70px 0;}
img.left { margin: 3px 20px 10px 0px;}
img.right { margin: 8px 0px 10px 20px;}
p.quote {
	float: right;
	width: 230px;
	margin: 0 0 10px 30px;
	font-style: italic;
	font-size: 18px;
	text-align: left;
}
p.quote:after, p.blockquote:after { content: '»';}
p.quote:before, p.blockquote:before {	content: '«';}
p.quote:before, p.quote:after, p.blockquote:after, p.blockquote:before {
	font-size: 22px;
	color: red;
	font-style: normal;
	font-weight: bold;
}
/*p.blockquote:after, p.blockquote:before {
	font-size: 22px;
}*/
p.blockquote { font-style: italic; margin: 16px 40px;}
.project-info{background:#F0F0F0;padding:5px 40px 0 40px;}
.project-info table td{vertical-align:top;width: 50%;}
.project-info table td:first-child{padding-right:10px;}
.project-info table td:last-child{padding-left:10px;}
.project-info table td p{text-align:left!important;}
a {color: #d2232a;}

.circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  background: #d2232a;
  margin: 0 auto;
}