@import url(reset.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic-ext,latin);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic);

/*BASIC: Основная группа стилей*/ 

.list, .list_sertificate {
    margin-top: 50px;
    margin-bottom: 50px;
}

.list_sertificate {
    width: 597px;
    float: left;
}

.list_sertificate li {
    line-height: 1.5;
    font:22px 'PT Sans', Trebuchet MS, sans-serif;
    color: #536c83;
    padding-bottom: 15px;
}

.list li, .list_sertificate li, .lesson_list li, .list_cost li {
    font: 20px 'PT Sans', Trebuchet MS, sans-serif;
    color: #536c83;
    padding: 0 0 3px 35px;
    background: url(../images/marker.png) 0 4px no-repeat;
    margin: 10px 0 15px 0;
    list-style-type: none;
}

.list_cost {
    
}

.programm .lesson_list li {
    padding: 0 0 3px 30px;
}

p {
    line-height: 1.5;
    font:20px 'PT Sans', Trebuchet MS, sans-serif;
    color: #536c83;
    padding-bottom: 15px;
}


.clear {
clear: both;
}

 body{
font-family:'PT Sans Narrow', Trebuchet MS, sans-serif;
width:100%;
height:100%;
min-width: 1120px;
 }
 
 .wrap{
 outline: 0px solid #0000cc;
 width:1120px;
 margin: 0 auto;
 padding-left: 40px;
 min-width: 1120px;
 }
 
 .wrapall{
 outline: 0px solid #0000cc;
 width:1120px;
 margin: 0 auto;
 }

h1 {
    text-align: center;
    font:48px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #e26d26;
    margin-top: 40px;
    margin-bottom: 30px;
    line-height: 1.0;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

h2 {
    text-align: center;
    font:36px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2b5770;
    margin-top: 30px;
    margin-bottom: 40px;
    line-height: 1.2; 
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

h3 {
    text-align: center;
    font:40px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2a5770;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 1.2;    
}

h4 {
    text-align: center;
    font:bold 40px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2a5770;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.2;    
}

.text_big {
    text-align: left;
    font:36px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2a5770;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 1.2;
}

.text_litle {
    text-align: center;
    font:26px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #e26d26;
    margin-bottom: 10px;
    line-height: 0.6;
}

.not_sound{
	text-align: center;
    font: 17px 'PT Sans', Trebuchet MS, sans-serif;
    color: #9C9C9C;
    line-height: 1.2;
    width: 400px;
    margin: 30px auto -50px auto;
    height: 20px;
    padding: 10px;
    display: block;
}

/*ELEM: Кнопки*/
.button {
    background-image: url(../images/button.png);
    background-repeat: no-repeat;
    width: 743px;
    height: 80px;
    margin: 40px auto 100px auto;
    display: block;
    cursor: pointer;
}

.button_end {
    background-image: url(../images/button.png);
    background-repeat: no-repeat;
    width: 743px;
    height: 80px;
    margin: 40px auto 300px auto;
    display: block;
    cursor: pointer;
}

/*ELEM: Видео*/
.video1 {
    width: 1120px;
    height: 622px;
    margin: 80px auto 75px auto;
}

/*ELEM: Текст справа от картинки*/
.text_right {
    margin-bottom: 15px;
}

.text_block_color {
    width: 1050px;
    border: 2px dashed #788795;
    background-color: #ffe7c4;
    margin-top: 50px;
    margin-bottom: 70px;
    padding: 25px 25px 15px;
}

/*HEAD: Шапка*/
.head {
    height: 699px;   
    width: 100%;
    outline: 0px solid #cc0000;
    min-width: 1300px;
    border: none;
    display: block;
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 100px;
}

.menu {
    height: 70px;
    width: 100%;
    background-color: #3d5f78;
    position: fixed;
    z-index: 100;
	top: 0;
}

.menu ul li{
    float: left;
    list-style-type: none;
    color: #fff;
    font:19px 'PT Sans', Trebuchet MS, sans-serif;
    margin-top: 23px;
    padding-right: 34px;
}

.menu ul li a{
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.menu ul li a:hover{
    color: #b3c8d8;
}

.menu ul{
    width: 1010px;
    margin: 0 auto;
    padding-left: 45px;
	min-width: 980px;
}

#about {
    display: block;
}

/*CONT: Приветствие Бориса*/
.bob {
    background-image: url(../images/bob.jpg); 
    display: block;
    width: 363px;
    height: 408px;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 50px;
}

.bob_text{ 
    width: 633px;
    float: left;  
    margin: 140px 0 0 40px;
}

.bob_text p{
    font:36px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2b5770;
    line-height: 1.2;
}

.bob_text a{
    cursor: pointer;
    text-decoration: none;
    color: #2b5770;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}  

.bob_text a:hover{
    color: #78999b;
}

/*CONT: Обложка цифровой версии*/
.trening_cover_dig {
    height: 650px;   
    width: 520px;
    min-width: 1300px;
    border: none;
    display: block;
    background-image: url(../images/trening_dig.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 30px auto 150px;
}

/*CONT: Первый вариант обложки*/
.trening_cover1 {
    height: 445px;   
    width: 100%;
    min-width: 1300px;
    border: none;
    display: block;
    background-image: url(../images/trening1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 50px 0;
}

/*CONT: Блок - Авторы*/
.autors{
    width: 1100px;
    border-collapse: collapse;
    background-color: #f1f9fb;
    margin-bottom: 60px;
    margin-top: 60px;
}

.autors tr th{
    border: 2px dashed #65798e;
    padding: 30px; 
    width: 366px;
}

.autors p{
    font:20px 'PT Sans Narrow', Trebuchet MS, sans-serif!important;
    color: #536c83;
}

.autors a{
    color: #536c83;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.autors a:hover{
    color: #142b40;
    cursor: pointer;
}

.autors .name{
    font:bold 26px 'PT Sans Narrow', Trebuchet MS, sans-serif!important;
    color: #536c83;
    padding-bottom: 0;
    margin-top: 15px;
}
.autor_boris {
    background-image: url(../images/autor_bob.png); 
    display: block;
    width: 250px;
    height: 281px;
    background-repeat: no-repeat;
}

.autor_sergei {
    background-image: url(../images/autor_sergei.png); 
    display: block;
    width: 250px;
    height: 281px;
    background-repeat: no-repeat;
}

.autor_roman {
    background-image: url(../images/autor_roman.png); 
    display: block;
    width: 250px;
    height: 281px;
    background-repeat: no-repeat;
}

/*CONT: Особенности системы (текст + картинки)*/

.bord{
    background-color: #f1f9fb;
    border: 2px dashed #65798e;
    width: 980px;
    padding: 10px 50px 20px 70px;
    margin-bottom: 70px;
}

.standart_trening {
    background-image: url(../images/standart_tr.png); 
    display: block;
    width: 974px;
    height: 247px;
    background-repeat: no-repeat;
    margin: 90px auto;
}

.our_trening {
    background-image: url(../images/our_tr.png); 
    display: block;
    width: 942px;
    height: 502px;
    background-repeat: no-repeat;
    margin: 90px auto 40px auto;
}

.sertificate{
    background-image: url(../images/sertificate.jpg); 
    display: block;
    width: 400px;
    height: 535px;
    background-repeat: no-repeat;
    margin-left: 35px;
    float: left;
    margin-top: 50px;
}

/*CONT: Второй вариант обложки*/
.trening_cover2 {
    height: 445px;   
    width: 100%;
    min-width: 1300px;
    border: none;
    display: block;
    background-image: url(../images/trening2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 50px 0;
}

/*CONT: Программа тренинга*/
.bg_orange {
    background-color: #ffeccf;
    padding: 1px 0;
    margin-top: 40px;
	min-width: 1300px;
}

.chapter{
    border: 2px dashed #e26d26;
    padding: 20px;
    margin-top: 80px;
}

.chapter_title{
    text-align: center;
    font:36px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #e26d26;
    margin-top: -42px;
    line-height: 1.0;
    background-color: #fff;
    width: 690px;
    margin-left: auto;
    margin-right: auto;
}

.chapter_subtitle{
    text-align: center;
    font:26px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #e26d26;
}

.chapter_description{
    text-align: center;
    font:26px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2b5770;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*CONT: Третий вариант обложки*/

.trening_cover3 {
    height: 445px;   
    width: 100%;
    min-width: 1300px;
    border: none;
    display: block;
    background-image: url(../images/trening3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 50px 0;
}

/*Галерея*/

.gallery{
width: 1100px;
margin: 40px auto 70px auto;
    height: 1100px;
}
.g-line{
float:left;
width:1100px;
margin: 0 0 25px 0;
}
.gallery a{
float:left;
margin: 0 25px 0 0;
}
.g-line.four a{margin-right:15px;}
.g-line.four{margin-bottom: 15px;}

.demo img{
	width: 250px!important;
	height: 250px!important;
}

/*Отзывы*/

.review_title {
    background-image: url(../images/review_title.png);
    background-repeat: no-repeat;
    width: 1041px;
    height: 68px;
    display: block;
    margin: 100px auto 80px auto;
}

.rew_yel {
	width: 1100px;
    border: 2px dashed #65798e;
    background-color: #ffefd8;
    margin-top: 50px;
    margin-bottom: 70px;
}

.rew_bl {
	width: 1100px;
    border: 2px dashed #65798e;
    background-color: #f0f6fa;
    margin-top: 50px;
    margin-bottom: 70px;
}

.rew_text {    
    margin: 60px 50px 50px 50px;
}

.rew_text p{
    font-style: italic;
    color: #536c83;
    font-size: 23px;
}

.rew_title {
	font:bold 36px 'PT Sans Narrow', Trebuchet MS, sans-serif;
	color: #2b5770;
	width: 500px; 
	text-align: left; 
	margin: 80px 0 0 40px;
	float: left;
}

.rew_quote {
	font:italic 32px 'PT Sans Narrow', Trebuchet MS, sans-serif;
	color: #2b5770;
	width: 550px; 
	text-align: left; 
	margin: 10px 0 0 40px;
	float: left;
}

.rew_link {
    font:italic 23px 'PT Sans', Trebuchet MS, sans-serif;
	color: #536c83;
	text-align: left; 
	float: left;
    margin: 20px 0 0 40px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
} 

.rew_link:hover {
    color: #246c95;
}

.stars5 {
    background-image: url(../images/5stars.png); 
    display: block;
    background-repeat: no-repeat;
    width: 280px;
    height: 48px;
    text-align: left; 
	float: left;
    margin: 0px 0 0 40px;
}

.yuliya_foto {
    background-image: url(../images/yuliya.png); 
    display: block;
    width: 404px;
    height: 460px;
    background-repeat: no-repeat;
    float: left;  
    margin: 50px 0px 0px 60px;   
}

.galina_foto {
    background-image: url(../images/galina.png); 
    display: block;
    width: 404px;
    height: 399px;
    background-repeat: no-repeat;
    float: left;  
    margin: 50px 0px 0px 60px;  
}

.snejana_foto {
    background-image: url(../images/snejana.png); 
    display: block;
    width: 404px;
    height: 399px;
    background-repeat: no-repeat;
    float: left;  
    margin: 50px 0px 0px 60px;   
}

.button_rew {
    background-image: url(../images/button_rew.png);
    background-repeat: no-repeat;
    width: 743px;
    height: 80px;
    margin: 0 auto 0px auto;
    display: block;
    cursor: pointer;
}


/*Цена*/

.sale {
    width: 960px;
    border: 2px dashed #97682e;
    background-color: #fbeed8;
    margin-top: 50px;
    margin-bottom: 70px;
    padding: 30px 65px 30px 65px;
}

.sale p {
    text-align: center;
    font:36px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #ce212b;
    line-height: 1.2;
}

.sale p span{
    font:bold 36px 'PT Sans Narrow', Trebuchet MS, sans-serif;
}

.img_kurs {
    width: 815px;
    margin: 55px auto 0 auto;
    display: block;
}



.dig {
    background-image: url(../images/dig.png);
    background-repeat: no-repeat;
    width: 318px;
    height: 319px;
    float: left;
    display: block;
	margin-bottom: -150px;
}

.dvd {
    background-image: url(../images/dvd.png);
    background-repeat: no-repeat;
    width: 319px;
    height: 318px;
    float: left;
    display: block;
    margin-left: 240px;
    margin-bottom: 2px;
	margin-bottom: -150px;
}

.pricenew {
    text-align: center;
    font:40px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #7593a2;
    margin-bottom: 15px;
    margin-top: 30px;
}

.pricenew span {
    font-weight: bold;
    color: #ce212b;
}

.line-t2 span {
    position: absolute;
    left: -2px;
    top: 27px;
    width: 103%;
    height: 2px;
    background: #c0000f;
}

.pricenew .line-t2 {
    position: relative;
    color: #809ba9;
}

.cost {
    width: 1120px;
    margin: 170px auto 0 auto;
    background-color: #dbecef;
	padding: 0px 0px 50px 0px;
}
.cost p{
	font:20px 'PT Sans', Trebuchet MS, sans-serif;
    color: #536c83;
	margin-bottom: 12px;
}

.cost_online {  
    width: 500px;
    font:14px Arial, sans-serif; 
    color: #000;
    margin-left: 38px;
    margin-right: 35px;
    margin-top: 35px;
    float: left;
    display: block;
    margin-top: -120px;
}

.img_online {
    background-image: url(../images/img_online.png);
    background-repeat: no-repeat;
    width: 277px;
    height: 277px;
    display: block;
	margin: 0 auto;
}

.button_online {
    background-image: url(../images/button_online.png);
    background-repeat: no-repeat;
    width: 463px;
    height: 99px;    
    display: block;
    margin: 0 auto;
    padding-bottom: 40px;
    cursor: pointer;
}

.cost_dig {
    width: 500px;
    font:14px Arial, sans-serif; 
    color: #000;
    margin-left: 47px;    
    margin-top: 35px;
    float: left;
    display: block;
    margin-top: -120px;
}
.cost_dig p {
    margin-bottom: 5px;
}

.img_dig {
    background-image: url(../images/img_dig.png);
    background-repeat: no-repeat;
    width: 277px;
    height: 277px;
    display: block;
	margin: 0 auto;
}

.button_dig {
    background-image: url(../images/button_dig.jpg);
    background-repeat: no-repeat;
    width: 463px;
    height: 99px;
    padding-bottom: 40px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.button_dig {
    background-image: url(../images/button_dig.png);
    background-repeat: no-repeat;
    width: 463px;
    height: 99px;
    padding-bottom: 40px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.cost_dig_img {
    background-image: url(../images/cost_dig.jpg);
    background-repeat: no-repeat;
    width: 354px;
    height: 57px;
    margin: 0 auto 10px auto;
}

.cost_dvd {
    width: 325px;
    font:14px Arial, sans-serif; 
    color: #000;
    margin-left: 50px;
    margin-top: 28px;
    float: left;
    display: block;
	margin-top: -120px;
}
.cost_dvd p {
    margin-bottom: 5px;
}

.img_dvd {
    background-image: url(../images/img_dvd.png);
    background-repeat: no-repeat;
    width: 277px;
    height: 277px;
    display: block;
	margin: 0 auto;
}

.button_dvd {
    background-image: url(../images/button_dvd.png);
    background-repeat: no-repeat;
    width: 327px;
    height: 97px;
    padding-bottom: 30px;
    margin-left: -10px;
    display: block;
    cursor: pointer;
}

.cost_dvd_img {
    background-image: url(../images/cost_dvd.jpg);
    background-repeat: no-repeat;
    width: 370px;
    height: 63px;
    margin: 0 auto 10px auto;
}

.cost_dig_img_sum {
    background-image: url(../images/cost_dig_sum.jpg);
    background-repeat: no-repeat;
    width: 354px;
    height: 57px;
    margin: 0 auto 10px auto;
}

.cost_dvd_img_sum {
    background-image: url(../images/cost_dvd_sum.jpg);
    background-repeat: no-repeat;
    width: 370px;
    height: 63px;
    margin: 0 auto 10px auto;
}

.payment{
    background-image: url(../images/payment.png);
    background-repeat: no-repeat;
    width: 1150px;
    height: 76px;
    padding-bottom: 100px;
    margin: 0 auto;
}


.pricenew {
    text-align: center;
    font:46px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #7593a2;
    margin-bottom: 10px;
}

.line-t2 span {
    position: absolute;
    left: 0;
    top: 25px;
    width: 103%;
    height: 3px;
    background: #c0000f;
}

.pricenew span {
    font-weight: bold;
    color: #e26d26;
}

.pricenew .line-t2 {
    position: relative;
    font-weight: bold;
    color: #7593a2;
}

.button2 {
    background-image: url(../images/button2.png);
    background-repeat: no-repeat;
    width: 464px;
    height: 54px;
    margin: 30px auto 60px auto;
    display: block;
    cursor: pointer;
}

.button_block {
    background-image: url(../images/button_block.png);
    background-repeat: no-repeat;
    width: 464px;
    height: 84px;
    margin: 30px auto 60px auto;
    display: block;
    cursor: default;
}

/*CONT: Форма*/

.form_check {
	margin-top: 60px;
	margin-bottom: 50px;
	margin-left: 60px;
}

.name_check_grid{
	border: 1px solid #91abc0;
	font:29px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #758599;
	width: 300px;
	margin-right: 35px;
	background-color: #cbd5df;
	text-align: center;
	height: 45px;
}

.email_check_grid{
	border: 1px solid #91abc0;
	font:29px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #758599;
	width: 300px;
	background-color: #cbd5df;
	text-align: center;
	height: 45px;
	margin-right: 30px;
}

.submit_check_grid {
	background-color: #E99B22;
    border: none;
    width: 300px;
    height: 49px;
    font:bold 32px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #fff;
	cursor: pointer;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}

.submit_check_grid:hover {
	background-color: #f08442;	
}

/*CONT: Ответы на вопросы*/
.faq_ch1 {
    width: 510px;
    float: left;
    margin-top: 30px;
}

.faq_ch1 p{
    font:29px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2a5770;
    margin-top: 5px;
}

.faq_icon {
    background-repeat: no-repeat;
    background-image: url(../images/faq_icon.png);
    width: 79px;
    height: 82px;
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 15px;
}

.faq_text {
    width: 522px;
    height: 165px;
    color: #536c83;
    font:20px 'PT Sans', Trebuchet MS, sans-serif;
    margin-top: -20px;
    margin-bottom: 0px;
}

.faq_text p{
    width: 410px;
    color: #536c83 !important;
    font:20px 'PT Sans', Trebuchet MS, sans-serif !important;
    padding: 35px 0px 0 10px;
}

.faq_ch2 {
    width: 530px;
    float: left;
    margin: 30px 0 10px 80px; 
}

.faq_ch2 p{
    font:29px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2a5770;
    margin-top: 5px;
}

/*FOOTER: Футер*/
.footer {
    height: 200px;   
    width: auto;
    outline: 0px solid #cc0000;
    min-width: 1300px;
    background-color: #2c5770;
    padding-top: 80px;
}
/*FOOTER: Копирайт*/
.copy{
    font: 21px 'PT Sans', Trebuchet MS, sans-serif;
    text-align: center;
    color: #fff;
}
.copyright {
    outline: 0px solid #00cc00;
    height: 35px;
    width: 670px;
    margin: 30px auto 40px auto;
}

.copyright ol{
    font: 21px 'PT Sans', Trebuchet MS, sans-serif;
    text-align: center;
    color: #fff;
}

.copyright ol li{
    float: left;
    text-align: center;
}

.copyright ol li a{
    text-decoration: none;
    color: #fff;
}

.lesson {
    float: left;
    margin-bottom: 45px;
    width: 538px;
}

.lesson_title {
    text-align: left;
    font:bold 26px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    color: #2b5770;
    padding-bottom: 10px;
}

.programm {
    margin-top: 60px;
}

.programm .lesson_list li{
    font:20px 'PT Sans Narrow', Trebuchet MS, sans-serif;
    margin-bottom: 3px;
    margin-top: 0;
}
.lesson_img {
    display: block;
    width: 538px;
    height: 330px;
    background-repeat: no-repeat;
    margin-top: 20px;
}

.mr23{
    margin-right: 23px;
}

.lesson1 {
    background-image: url(../images/lesson1.jpg); 
}

.lesson2 {
    background-image: url(../images/lesson2.jpg); 
}

.lesson3 {
    background-image: url(../images/lesson3.jpg); 
}

.lesson4{
    background-image: url(../images/lesson4.jpg); 
}

.lesson5 {
    background-image: url(../images/lesson5.jpg); 
}

.lesson6 {
    background-image: url(../images/lesson6.jpg); 
}

.lesson7 {
    background-image: url(../images/lesson7.jpg); 
}

.lesson8 {
    background-image: url(../images/lesson8.jpg); 
}

.lesson9 {
    background-image: url(../images/lesson9.jpg); 
}

.lesson10 {
    background-image: url(../images/lesson10.jpg); 
}

.lesson11 {
    background-image: url(../images/lesson11.jpg); 
}

.lesson12 {
    background-image: url(../images/lesson12.jpg); 
}

.lesson13 {
    background-image: url(../images/lesson13.jpg); 
}

.lesson14 {
    background-image: url(../images/lesson14.jpg); 
}

.lesson15 {
    background-image: url(../images/lesson15.jpg); 
}

.lesson16 {
    background-image: url(../images/lesson16.jpg); 
}

.lesson17 {
    background-image: url(../images/lesson17.jpg); 
}

.lesson18 {
    background-image: url(../images/lesson18.jpg); 
}

.lesson19 {
    background-image: url(../images/lesson19.jpg); 
}

.lesson20 {
    background-image: url(../images/lesson20.jpg); 
}

.lesson21 {
    background-image: url(../images/lesson21.jpg); 
}

.lesson22 {
    background-image: url(../images/lesson22.jpg); 
}

.lesson23 {
    background-image: url(../images/lesson23.jpg); 
}

.lesson24 {
    background-image: url(../images/lesson24.jpg); 
}

.lesson25 {
    background-image: url(../images/lesson25.jpg); 
}

.lesson26 {
    background-image: url(../images/lesson26.jpg); 
}

.lesson27 {
    background-image: url(../images/lesson27.jpg); 
}

.lesson28 {
    background-image: url(../images/lesson28.jpg); 
}

.scrin1{
    height: 604px;   
    width: 958px;
    display: block;
    background-image: url(../images/scrin1.jpg);
    background-repeat: no-repeat;
    margin: 50px auto;
}

.scrin2{
    height: 532px;   
    width: 668px;
    display: block;
    background-image: url(../images/scrin2.jpg);
    background-repeat: no-repeat;
    margin: 50px auto;
}

#copyJC {
float: left;
font-size:0px;
text-align:center;
width: 100%;
background-color: #999;
height: 0;
}
#copyJC p{
float: left;
font-size:0px;
text-align:center;
margin-left: 280px;
}

.timer-time {
font: bold 70px 'PT Sans Narrow', Trebuchet MS, sans-serif !important;
color: #fff;
}

.timer-text {
font-size: 52px !important;
color: #fff;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
font-family: 'PT Sans Narrow', Trebuchet MS, sans-serif;
font-weight: bold;
}

div.timer-timer2 {
line-height: 45px;
background: none;
    padding-top: 20px;
}

div.timer-timer1 {
border: none;
    margin-bottom: 60px;  
    background-color: #0aaebf;
}