html, body{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
}
h1, h2{
	font-family: 'Open Sans', Arial, sans-serif;
}
header{
	background: url('../im/header.png') no-repeat;
	background-position: center top;
	width: 100%;
	height: 190px;
}
.header-content{
	width: 1024px;
	margin: 0px auto;
	position: relative;
}
.logo{
	position: absolute;
	left: 3px;
}
.topmenu{
	top: 19px;
	right: 0px;
}
.top-menu-list li{
	display: inline-block;
}
.top-menu-list li>a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	padding: 0px 10px;
	font-size: 12px;
}
.top-menu-list li>a:hover{
	color: #ccc;
	transition: all ease 0.3s;
}
#slogan{
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	font-style: italic;
	position: absolute;
	top: 106px;
	left: 400px;
	color: #a7a6a6;
}
#phone{
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	position: absolute;
	right: 0;
	top: 74px;
	color: #444;
}
#phone span{
	font-size: 26px;
	color: #b91529;
	font-weight: 400;
}
#fss{
	position: absolute;
	right: 0;
	top: 133px;
	width: auto;
}
#fss input.im{
	padding: 7px 10px;
	font-size: 12px;
	border-radius: 3px 0px 0px 3px;
	width: 183px;
}
#fss .sub{
	background: #ca1024;
	padding: 5px;
	border-radius: 0px 3px 3px 0px;
}
#fss .sub:hover{
	background: #444;
	transition: all ease 0.3s;
}
main{
	margin-top: 40px;
}
.main-content{
	width: 1024px;
	margin: 0px auto;
}
.content{
	float: left;
	width: 720px;
}
.right-panel{
	float: right;
	width: 289px;
}
h1#h1 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 21px;
}
.uslugi{

}
.razdel .h2index{
	display: block;
	text-align: center;
	padding: 7px 10px;
	font-size: 20px;
	font-weight: 400;
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 20px 0px 20px 0px;
	font-weight: 300;
}
.uslugi .h2index{
	background: #488252;

}
.seminar1 .h2index, .seminar2 .h2index{
	background: #488252;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 13px 8px;
	margin-bottom: 5px;
}
.mmen2 {
    display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 230px;
	margin: 5px 0px 20px;
	height: auto;
}
.mmen2  img{
	display: block;
	margin: auto;
	background: #469053;
	padding: 15px;
	border-radius: 5px;
}
.mmen2 a{
	margin: auto;
	text-decoration: none;
	font-size: 14px;
	font-size: 13px;
	font-weight: 400;
	border-bottom: 1px dashed;
}
.mmen2 a:hover, .rubmenu li a:hover{
	color: #ccc;
	transition: all ease 0.3s;
}
.seminar1, .seminar2{
	margin-bottom: 15px;
}
.seminar1{
	display: inline-block;
	vertical-align: top;
	width: 251px;
	margin-right: 10px;
}
.seminar2{
	display: inline-block;
	vertical-align: top;
	width: 455px;
}
.rubmenu li{
	background: none;
}
.rubmenu li a{
	text-decoration: none;
	font-size: 14px;
	border-bottom: 1px dashed;
	color: #5f5e5e;
}
.homeban{
	margin: 30px 0px;
}
.homeban-center img{
	margin: 0px 45px;
}
.trening .h2index{
	background: #aa0c18;
}
a.h3{
	font-family: 'Open Sans', Arial, sans-serif;
}
.eventLayer{
	width: auto;
}
.tags_block {
	width: 645px;
	margin-left: 5px;
}
.whitebg{
	border: 1px solid #ccc;
	border-radius: 3px;
}
.mmen{
	height: auto;
	margin: -3px 0px 0px;
}
.mmen img{
	margin: 0px;
	width: 288px;
}
.mmen a{
	color: #fff;
	background: #9f0c17;
	display: block;
	margin: 0px;
	text-align: center;
	padding: 11px 0px;
	font-size: 14px;
}
.flash {
	text-align: center;
	margin-top: 20px;
}
#subscribeForm{
	background: #469053 url('../im/subscribe.png') no-repeat !important;
	box-shadow: none !important;
	border: 1px solid green !important;
	border-radius: 3px !important;
	padding: 10px !important;
	width: 266px !important;
	font-family: 'Open Sans', Arial, sans-serif;
	background-size: 28px !important;
	background-position: top 11px right 11px !important;
}
#subscribeForm span{
	font-size: 13px !important;
}
#subscribeForm a{
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #fff;
	font-size: 13px;
}
#subscribeForm a:hover{
	color: #ccc;
	transition: all ease 0.3s;
}
#subscribeForm form{
	margin-top: 12px !important;
}
#iemail2{
	padding: 7px 10px !important;
	font-size: 13px;
	border-radius: 3px 0px 0px 3px !important;
	width: 146px !important;
	font-family: 'Open Sans', Arial, sans-serif;
}
#isub2{
	background: #aa0c18;
	border: none;
	color: #fff;
	padding: 7px 6px;
	margin-left: -3px;
	font-family: 'Open Sans', Arial, sans-serif;
	border-radius: 0px 3px 3px 0px;
	color: #fff;
}
#isub2:hover{
	background-color: #444;
	transition: all ease 0.3s;
}
.trainersTitle {
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	background: #bdbdbd;
	padding: 5px 0px;
	border-radius: 3px 3px 0px 0px;
	color: #5a5a5a !important;
	margin-bottom: 0px !important;
}
.trainersLayer {
	border-radius: 0px 0px 3px 3px;
	border: 1px solid #d6d5d5;
}
.teachers img{
	border-radius: 3px;
}
footer{
	background: #6b1923;
	margin-top: 40px;
}
.footer-content{
	width: 1024px;
	margin: 0px auto;
	color: #eae9e9;
	padding: 10px 0px;
}
.foot1{
	display: inline-block;
	vertical-align: top;
	width: 627px;
}
.foot2{
	display: inline-block;
	vertical-align: top;
	text-align: right;
	padding-top: 9px;
}
.foot3{
	border-top: 1px solid #962432;
	height: 40px;
	font-size: 12px;
}
.foot-links{
	float: left;
}
.foot-links a{
	color: #fff;
	border-bottom: 1px dashed;
	text-decoration: none;
}
.foot-links a:hover{
	color: #ccc;
	transition: all ease 0.3s;
}
.foot-licensy{
	float: right;
}
.flash{
	width: 100%;
}
.flash object{
	width: 100%;
	height: 361px;
}
.m-knopki, .mobile-forms{
	display: none;
}
.navbar{
	background: #e8e8e8;
	padding: 10px;
}
.right-menu{

}
.rmm{
	background: #dad8d8;
	width: 100%;
	height: auto;
	padding: 5px 0px;
}
.rmm:hover{
	background: #eaeaea;
	transition: all ease 0.3s;
}
.rmm a{
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #565656;
}
.rmm img{
	width: 40px;
	height: auto;
	vertical-align: middle;
}
.tematiki{

}
.tematiki h4{
	display: block;
	background: #dad8d8;
	padding: 5px 4px;
	border-radius: 3px 3px 0px 0px;
	margin: 15px 0 0px 0;
}
.tematiki ul{
	margin: 0px;
	background: #e8e7e7;
	width: 100%;
	padding-bottom: 10px;
}
.tematiki li{
	padding: 5px 20px;
}
.tematiki li>a{
	text-decoration: none;
	font-size: 14px;
	border-bottom: 1px dashed #ababab;
	color: #6d6d6d;
}
.tematiki li>a:hover{
	color: #ccc;
	transition: all ease 0.3s;
}

.cost-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    display:none;
}
.cost-popup .cost-popup-content{
    margin:0px auto 0px auto;
    width:500px;
    height: 500px;
    padding:10px;
    background-color: #ccc;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}
/* adaptive */
@media screen and (min-width:240px) and (max-width:1020px){
	header{
		background: url('../im/header2.png') no-repeat;
		background-position: center top;
	}
	.header-content, .main-content, .footer-content{
		width: 100%;
	}
	.topmenu {
		background: #6b1923;
		top: 0;
		width: 100%;
	}
	.logo {
		left: 0px;
		top: 35px;
	}
	.top-menu-list{
		float: right;
		margin-right: 10px;
	}
	#phone, #fss{
		right: 10px;
	}
	#phone{
		top: 60px;
	}
	#h1{
		font-size: 16px !important;
	}
	.mmen2 {
		width: 32%;
	}
	.seminar1, .seminar2, .mmen, .mmen img{
		width: 100%;
	}
	.rubmenu{
		width:48%;
	}
	.homeban a{
		width: 31%
	}
	.homeban img{
		width: 100%;
		height: auto;
	}
	.homeban-center img {
		margin: 0px;
	}
	.tags_date_block {
		width: 7%;
	}
	.tags_block {
		width: 90%;
	}
	#iemail2 {
		width: 49% !important;
	}
	#isub2 {
		width: 39%;
		font-size: 10px;
		padding: 11px 6px 9px;
	}
	#subscribeForm a {
		font-size: 11px;
	}
	.trainersLayer {
		height: auto;
	}
	.trainerLayer {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	#mdev{
		padding: 0px 5px;
	}
	main{
		margin-top: 30px;
	}
	.footer-content{
		text-align: center;
	}
	.footer-content div{
		width: 100%;
	}
	.foot2{
		text-align: center;
		padding: 0px;
	}
	.foot3 span{
		float: none;
		display: block;
	}
}
@media screen and (max-width:900px){
	#slogan{
		display: none;
	}
	.footer-content{
		text-align: center;
	}
	.footer-content div{
		width: 100%;
	}
	.foot2{
		text-align: center;
		padding: 0px;
	}
	.foot2 p{
		margin-top: 0px;
	}
	.foot3{
		height: auto;
	}
	.foot3 span{
		float: none;
		display: block;
	}
	.foot-licensy {
		margin-top: 5px;
	}
	#subscribeForm span {
		font-size: 12px !important;
	}
}
@media screen and (min-width:760px) and (max-width:1020px){
	#slogan{
		top: 105px;
		font-size: 20px;
		width: 230px;
		margin: 0px auto;
		left: auto;
		position: relative;
		padding-left: 100px;
	}
	.content{
		width: 70%;
		padding-left: 5px;
	}
	.right-panel{
		width: 28%;
		padding-right: 5px;
	}
	.mmen a {
		font-size: 11px;
	}
	#subscribeForm {
		width: 91% !important;
		background-image: none !important;
	}
	#iemail2 {
		width: 49% !important;
	}
	#isub2 {
		width: 39%;
		font-size: 10px;
		padding: 11px 6px 9px;
	}
	#subscribeForm a {
		font-size: 11px;
	}
	.trainerLayer{
		width: 49%;
	}
	.rmm a{
		font-size: 9px;
	}
	.tematiki h4 span{
		font-size: 12px;
	}
	.tematiki li>a{
		font-size: 12px;
	}
	#subscribeForm span {
		font-size: 11px !important;
	}
}
@media screen and (max-width:705px){
	header{
		background-size: auto 150px;
		height: auto;
	}
	.m-knopki{
		display: block !important;
		width: 50px;
		margin: 0px;
		position: absolute;
		right: 15px;
		top: 5px;
	}
	.m-tel, .m-poisk, .m-menu{
		display: inline-block;
		background: linear-gradient(to right bottom, #6b1923, #cc3147);
		width: 42px;
		padding: 6px 0px;
		text-align: center;
		border-radius: 3px;
		margin: 3px 0px;
		cursor: pointer;
	}
	.m-tel:hover, .m-poisk:hover, .m-menu:hover{
		background: #444;
		transition: all ease 0.2s;
	}
	.m-tel img, .m-poisk img, .m-menu img{
		width: 20px;
		margin-top: 4px;
	}
	/* .topmenu, #fss,  */#phone{
		display: none;
	}
	#fss{
		position: relative;
		width: 100%;
		top: auto;
		background: #ccc;
		padding: 12px 0px 8px;
		right: 0;
		float: none;
	}
	#fss form{
		width: 90%;
		margin: 0px auto;
	}
	#fss input.im{
		width: 87%;
	}
	.topmenu{
		position: relative;
		width: 100%;
		top: auto;
		right: auto;
	}
	ul.top-menu-list {
		float: none;
		margin: 0px;
		padding: 0px;
	}
	.top-menu-list li {
		display: block;
		text-align: center;
		padding: 10px;
		border-top: 1px solid #881e2b;
		border-bottom: 1px solid #4c0c14;
	}
	.top-menu-list li>a{

	}
	.logo{
		position: relative;
		top: 0;
	}
	main{
		margin-top: 20px;
	}
}
@media screen and (max-width:760px){
	.content, .right-panel{
		float: none;
		width: 100%;
		margin: 0px 5px;
	}
	.flash{
		display: none;
	}
	.teachers{
		width: 99%;
	}
	.rmm{
		text-align: center;
	}
	.rmm a{
		font-size: 11px;
	}
	.right-menu{
		margin-left: -30px;
	}
}
@media screen and (min-width:480px) and (max-width:760px){
	.mmen, #subscribeForm{
		width: 47% !important;
		display: inline-block;
		vertical-align: bottom;
	}
	.mmen a {
		font-size: 11px;
	}
	.teachers img {
		border-radius: 3px;
		height: 85px;
	}
	.trainerLayer {
		width: 14%;
		padding: 0px 1%;
	}
	.tematiki li {
		display: inline-block;
		width: 41%;
	}
}
@media screen and (min-width:240px) and (max-width:480px){
	header{
		background-size: auto 48%;
	}
	.logo {
		width: 100%;
		max-width: 370px;
	}
	.m-knopki {
		width: 255px;
		position: relative;
		top: auto;
		right: auto;
		margin: 0px auto;
		margin-bottom: 5px;
	}
	.m-tel, .m-poisk, .m-menu{
		margin: 0px 20px;
	}
	#fss input.im {
		width: 77%;
	}
	.mmen2 {
		width: 32%;
	}
	.rubmenu {
		width: 100%;
		text-align: center;
	}
	.homeban {
		width: 100%;
		height: auto;
	}
	.homeban a{
		width:100%;
		margin: 0px;
		float: none;
	}
	.homeban img {
		width: 80%;
		height: auto;
		margin: 10px auto;
		display: block;
	}
	#subscribeForm{
		width: 90% !important;
		margin: 0px auto;
	}
	.tags_date_block {
		width: 14%;
	}
	.tags_block {
		width: 80%;
	}
	.trainerLayer {
		width: 120px;
	}
	.trening{
		display: none;
	}
	.tematiki h4 span{
		font-size: 16px;
	}
	.tematiki li{
		text-align: center;
	}

}
/* end adaptive */