body
{background-color: white; 
 margin: 0px !important; 
 padding: 0px !important;
 font-size: 15px;
 font-family: Verdana !important;
 width: 100%;
 }
 
 header, section, footer, aside, nav, article {
 display: block; /* Блочный элемент */
}
 
 p {
 line-height: 1.3 !important;
 }
 
 .right {
 float: right;
 }
 
 .color {
 color: #005e8a;
 }
 
 .blue1 {
 color: #0190d6;
 padding-left: 50px;
  font-size: 15px;
 }
 
 .malina {
 color: #ca0f68;
 }
 
 .blue {
 color: #0a7dcf;
 }
 
 #text1 {
 font-size: 20px;
 text-align: center;
 }
 
header a {color: white; text-decoration: underline;}

header {
background-color: #1c1f24; 
font-size: 16px;
position: fixed;
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: Verdana;
color: white;
z-index: 30;
}

header span {
background-color: #ca0f68;
padding: 5px; 
}

.center {
margin: 0px auto 0px auto;
padding: 0px;
width: 1000px;
}

h1 {
font-size: 56px;
z-index: 20;
color: white;
position: relative;
text-shadow: 2px 2px 0px black,  2px -2px 0px black,
			 -2px 2px 0px black,  -2px -2px 0px black;
}

h1 span {
color: white;
background-color: #0a7dcf;
padding: 0px 10px 0px 10px;
text-shadow: none;
}

h2 p {
text-align: right;
color: #0a7dcf;
}

h2 {
margin: 40px 0px 0px 0px;
font-size: 28px;
}

h2 span {
padding: 0px 10px 0px 10px;
background-color: #cc0067;
color: white;
}

.span1 {
background-color: #9e78c1;
}

h3 {
padding: 10px 0px 0px 0px;
font-size: 26px;
}

h4 {
margin: 20px 0px 0px 0px;
font-size: 20px;
color: #ca0f68;
}

h5 {
font-size: 12px;
}

.clear {
margin: 0px;
padding: 0px;
content: ".";
visibility: hidden;
clear: both; 
height: 0px;
}

#back1 {
width: 100%;
background-color: white;
background-image: url('images/back.jpg');
background-repeat: no-repeat;
background-position: center 50px ;
margin: 0px;
padding: 50px 0px 5px 0px;
}

#back1-center {
position: relative;
margin: 0px auto 0px auto;
padding: 500px 0px 0px 0px;
width: 1000px;
}

#date {
position: absolute;
right: 0; top: 100px;
font-size: 32px;
color: white;
padding: 10px;
background-color: #cc0067;
}

#back1-text {
position: absolute;
right: 0; top: 300px;
font-size: 18px;
color: white;
width: 380px;
}


#main-trener {
position: absolute;
left: 0; top: 67px;
z-index: 10;
}

.facts p {
color: #0a7dcf;
padding-left: 100px;
background-repeat: no-repeat;
background-position: top left;
}

.facts {
margin: 50px 0px 80px 0px;
}

#point1 {
background-image: url('images/point1.gif');
height: 90px;
}

#point2 {
background-image: url('images/point2.gif');
}

#point3 {
background-image: url('images/point3.gif');
}

#point4 {
background-image: url('images/point4.gif');
height: 90px;
}

#foto {
margin: 0px 0px 0px 0px;
background-image: url('images/foto2.jpg');
background-repeat: no-repeat;
background-position: center;
height: 546px;
}

#nazv {
padding: 20px 0px 20px 0px;
margin: 0px;
font-size: 48px;
color: white;
}

#nazv span {
font-size: 55px;
}

#podnazv {
margin: 0px;
color: black;
font-size: 28px;
}

#right-k {
float: right;
}

#knopka1 {
position: relative;
padding: 20px 0px 20px 0px;
}


.knopka-verh::before {
content: ''; 
position: absolute;
left: 70px; top: 40px;
border: 30px solid transparent;
border-left: 30px solid #e5e7e2;
}

.knopka-verh::after {
content: ''; 
position: absolute;
left: 440px; top: 40px;
border: 30px solid transparent;
border-left: 30px solid #da7500;
}

.knopka-verh a {
color: white;
text-decoration: none;
}

.knopka-verh:hover {
width: 300px;
height: 36px;
margin: 20px 0px 5px 70px;
padding: 10px 20px 14px 50px;
background-color: #da7500;
text-decoration: underline;
}    

.knopka-verh span { 
font-size: 30px; 
}

#right-k {
float: right;
}

.knopka {
color: white;
font-size: 20px; 
border: none;
width: 300px;
margin: 30px 0px 0px 20px;
padding: 10px;
background-color: #cc0067;
} 

.knopka a {
color: white;
text-decoration: none;
}

.knopka:hover {
width: 310px;
margin: 30px 0px 0px 20px;
padding: 10px 20px 10px 20px;
background-color: #cc0067;
}    

.knopka p { 
color: white;
font-size: 20px; 
margin: 0px;
padding: 0px;
text-align: center;  
}

.knopka span { 
font-size: 20px; 
}

.grey {
margin: 0px;
padding: 50px 0px 50px 0px;
background-image: url('images/ricepaper.jpg');
background-repeat: repeat;
background-position: center;
}

.grey ul {
margin-top: 20px;
margin-bottom: 60px;
}

.grey ul li {
margin: 0px 180px 0px 20px;
padding: 10px 0px 15px 80px;
list-style-type: none;
background-image: url('images/strelka.gif');
background-repeat: no-repeat;
background-position: 0px 10px;
border-bottom: 1px solid #cccccc;
line-height: 1.5;
font-size: 12px;
position: relative;
}

.grey ul b {
font-size: 20px;
color: #1c1f24;
}

.grey ul span {
font-size: 15px;
line-height: 2;
}

.grey ol {
margin: 20px 0px 0px 0px;
padding: 0px;
counter-reset: myCounter;
}

.grey ol li {
float: left;
width: 400px;
margin: 10px 40px 30px 40px;
padding: 0px 0px 0px 10px;
list-style: none;
border-left: 1px solid #cccccc;
position: relative;
}

.grey ol p {
text-align: center;
font-size: 20px;
}

.grey ol li:before {
counter-increment: myCounter;
content: counter(myCounter);
color: #0190d6;
background: transparent;
position: absolute;
left: -30px; top: 0px
text-align: center;
font-size: 30px;
line-height: 30px;
width: 26px;
}

#rez li {
background-image: none;
position: relative;
}

#rez li:before {
color: #0190d6;
position: absolute;
left: 20px; top: 10px;
content: "✓";
font-size: 44px;
}

#video1 {
float: right;
width: 560px;
margin: 0px;
padding: 20px 0px 60px 10px;
border: none;
}

#trener {
margin: 0px;
padding: 50px 0px 0px 0px;
background-image: url('images/ricepaper.jpg');
background-repeat: repeat;
background-position: center;
}

#trener ul {
margin-left: 0px;
padding: 10px 0px 0px 0px;
}

#clients {
margin: -25px 0px 20px 0px;
padding: 0px;
font-size: 30px;
color: #0a7dcf;
}

#trener li {
margin: 0px;
float: left;
width: 130px;
list-style-type: none;
display: block;
position: relative;
}

#t12 {
padding: 0px 0px 0px 80px;
}

#t12::before {
position: absolute;
left: 20px; 
top: -5px;
content: "12";
font-size: 40px;
font-weight: bold;
color: #0a7dcf;
}

#t20 {
padding: 0px 0px 0px 90px;
}

#t20::before {
position: absolute;
left: 30px; 
top: -5px;
content: "20";
font-size: 40px;
font-weight: bold;
color: #0a7dcf;
}

#t300 {
padding: 0px 0px 0px 140px;
}

#t300::before {
position: absolute;
left: 50px; 
top: -5px;
content: "300";
font-size: 40px;
font-weight: bold;
color: #0a7dcf;
}


#r-knopka {
background-color: #005e8a;
color: white;
text-align: center;
width: 653px;
font-size: 33px;
padding: 20px 20px 20px 0px;
margin: 20px 0px 0px 50px;
font-weight: bold;
border-top: 3px solid #003954;
border-left: 3px solid #003954;
border-right: 3px solid #005e8a;
border-bottom: 3px solid #005e8a;
}

#r-knopka:hover {
background-color: #45aada;
}

#r-knopka a {
text-decoration: none;
color: white;
}

.vedyshii {
font-size: 36px;
color: #005e8a;
}



.center-f {
margin: 0px auto 0px auto;
padding: 0px;
width: 1200px;
}



#price {
padding: 15px 10px 0px 0px;
font-size: 26px;
color: #0190d6;
}

#zagolovok6 {
font: 30px Verdana;
color: black;
background-color: transparent;
margin: -30px 100px 0px 30px;
padding: 5px 10px 5px 10px;
}

#zagolovok6a {
background-color: white;
margin: 0px;
padding: 0px 10px 0px 10px;
}

#info1 {
width: 50%;
padding: 10px 0px 0px 20px;
margin: 0px;
float: left;
text-align: left
}

#info2 {
width: 40%;
padding: 10px 20px 0px 0px;
margin: 0px;
float: right;
}

.clock {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
}

#back12text1 {
font-size: 18px;
}

#back12text2 {
color: #005e8a;
font-size: 18px;
}

#back12text3 {
font-size: 10px;
}

#place {
background-image: url('images/minsk-hotel.jpg');
background-size: 100%;
background-attachment: fixed;
padding: 70px 0px 70px 0px;
margin-top: 50px;
}

#forma {
background-image: url('images/white.png');
background-repeat: repeat;
position: relative;
border: 2px solid #f2f2f2;
margin: 0px auto 0px auto;
padding: 5px 50px 60px 50px;
width: 1000px;
}

.name {
text-align: center;
color: #005e8a;
}

.formname {
font-size: 30px;
text-align: center;
color: #b32023;
text-shadow: 1px 1px 0px white, -1px -1px 0px white,
			1px -1px 0px white, -1px 1px 0px white;
}

#back12 {
margin: 80px auto 0px auto;
width: 1000px;
padding: 0px 10px 10px 10px;
background-color: white;
border: 5px solid #005e8a;
border-radius: 20px;
font-size: 14px;
}

#form {
float: left;
width: 500px;
padding: 0px;
text-align: left;
}

#kontakt {
float: left;
width: 350px;
border-right: 5px dotted  #005e8a;
font-size: 30px;
margin: 20px 30px 0px 100px;
padding: 0px;
}

#kontakt b {
color:  #005e8a;
}

#kontakt a {
color:  black;
}

.formavvod {
width: 400px;
font-size: 30px;
margin: 0px 0px 10px 0px;
}

.formaknopka {
width: 405px;
border: none;
background-color: #005e8a;
border: 3px solid #005e8a;
color:  white;
font-size: 35px;
padding: 10px;
font-weight: bold;
}

.formaknopka:hover {
border: 3px solid white;
}

footer {
margin: 0px;
padding: 20px 0px 20px 0px;
background-color: black;
color: white;
text-align: left;
font-size: 12px !important;
}

footer a {
color: white;
}

.futer1 {
float: left;
width: 340px;
margin: 0px;
padding: 0px 0px 0px 10px;
}

.futer2 {
float: right;
width: 300px;
margin: 0px;
padding: 0px;
}	

#map {
float: left;
margin-right: 20px;
}

#mesto {
padding: 0px;
margin: 0px;
font-size: 22px;
}

#mesto b {
color:  #b32023;
}

#mesto img {
padding-top: 13px;
}

#mesto span {
padding: 0px;
margin: 0px;
font-size: 12px;
}