/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Pattaya&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
html {
  overflow-x: hidden!important;
  position: relative;
  min-height: 100%;
  min-width: 100%;
  -ms-text-size-adjust: none;
  display: block; 
  -ms-overflow-style: scrollbar !important;
  -webkit-tap-highlight-color: transparent !important;
  font-size: 17px !important;
}  
body {
  background: #000000 url(../img/t-fon.jpg) repeat center center;
  font-size: 1.1rem !important;
  line-height: 1.5 !important;
  color: #ffffff;  
  font: 17px 'Open Sans Condensed',sans-serifs,serif; !important;
}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } 
.titul-1 { font:  normal 16px 'Roboto',Arial,sans-serif; color: #f5e9d1; line-height: 20px; font-weight: bold; 
           padding-top: 7px; }
.sdvig { margin-top: -40px; }
h4.zagol { font: italic bold 30px Times New Roman,Times,serif; color: #ddb33f;  background: transparent; 
           padding-left:30px; }
.titul { line-height: 72px; max-width: 100%; background: url(../img/titul-fon-3.png) repeat-x center top;  background-size: cover; 
         font: italic bold 36px Times New Roman,Times,serif; color: #990000; padding: 15px 0; margin: 15px 0; }
.col_1 { background-color: rgb(246,184,68); width: 10px; height: 10px; border-radius: 10px 10px 10px 10px; 
         float: left; margin: 5px 10px 5px 0px;} 
h2.obomne { background: transparent; font: italic bold 43px Times New Roman,Times,serif; color: #ddb33f; }			  
p.otz { font: italic 14px 'Roboto',Arial,sans-serif; color: #ffffff;  line-height: 20px; 
        border-left: solid 10px #ddb33f; padding: 10px 20px 10px 10px; text-align: left; } 
a.viber { color: #ddb33f; } 	
a.viber-0 { color: #000000; } 	
.otstup-1 { padding-left:10%; }
img.foto-otz { width:100px; height:100px; border-radius:50px; }		
p.white-otz { color: #ffffff; font-size: 18px; line-height: 18px; }
img.picture-rit { width: 260px; height: 260px; border: solid #ddb33f 2px; border-radius: 130px; margin-bottom: 0px;
text-align: center; vertical-align: middle; margin: 40px 0 0 0; }
img.contact { width: 400px;  border: solid #ddb33f 2px; }




/* CSS New */
img.mainfoto { width: 240px; }
img.hr { width:100%; height:2px; margin: -30px 0 0 0; }  
video.vid { width: 350px; margin: 10px; border:#f1de7f solid 1px; }
.fon-0 { background: #3d382e; }
.fon-0 { background: transparent url(../img/new-fon-1.jpg) no-repeat center center; background-size: 100%; 
         background-color: rgba(0,0,0,0.66); margin: 0 auto; }
.fon-1 { background: transparent url(../img/fon-1.png) no-repeat center center; background-size: 100%; 
         background-color: rgba(0,0,0,0.66); margin: 0 auto; }
.fon-2 { background-color: #565656; background-color: rgba(0,0,0,0.66); 
          margin: 0 auto; }
.fon-3 { background: #000000; background: transparent url(../img/t-zol.jpg) repeat center center; }
.fon-4 { background: #000000; background-image: url(../img/fon-4.jpg); margin: 0 auto; }
.fon-5 { background-color: #565656; background-color: rgba(0,0,0,0.66); } 

.fon-titul { background: #000000; background-image: url(../img/t-olympic-gold.jpg); margin: 0 auto; }
h1.tit { color: #000000; font-size: 60px; font-family: 'Pattaya', sans-serif; font-family: 'Lobster', cursive; }
ol { font-weight: 800; }
a { color:#ffffff; }
a:hover { color:#ffffff; }

h3.obomne {
	font-weight: 500;
	font-variant: normal;
	font-style: normal;
	font-size: 30px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-weight: 500;
	color: #f1de7f;
	line-height: 30px;
	background: transparent;
	text-transform: none;
	padding: 0 0 0 0;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
h4.obomne { font: normal 16px 'Roboto', Arial, sans-serif; color: #f1de7f;  background: transparent; 
            text-transform: uppercase; margin: 10px; padding: 0; }
.yellow  {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #f1de7f;
	font-size: 18px;
	line-height: 18px;
}
.white   { font-family: 'Open Sans Condensed', sans-serif; color: #ffffff; font-size: 18px; line-height: 18px; }
.black   { font-family: 'Open Sans Condensed', sans-serif; color: #000000; font-size: 18px; line-height: 18px; }			 
.black-big   { font-family: 'Open Sans Condensed', sans-serif; color: #ffffff; font-size: 40px; line-height: 40px; 
               font-weight: 800; }				 
.black-big-i {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #000000;
	font-size: 28px;
	line-height: 28px;
	font-weight: 600;
	font-style: normal;
}
a.logo-3 { background: #f1de7f; color: #000000; border: solid 1px #000000; border-radius: 25px; padding: 15px; margin: 20px; 
           font-weight: normal; font-family: 'Roboto'; font-size: 20px; text-decoration:none; line-height: 50px; }
a:hover.logo-3 { background: #000000; color: #f1de7f; text-decoration: none; font-weight: normal; text-decoration:none; }  	
.uslugi { width: 400px; }
.img-uslugi { width: 400px; }		   
img.picture { width: 200px; height: 200px; border: solid #ddb33f 1px; border-radius: 100px; margin-bottom: 0px;
text-align: center; vertical-align: middle; }
ul { padding-inline-start: 15px; }