@charset "UTF-8";
/* CSS Document */

body {
	 padding-top: 180px;
	 
}
.navbar-toggler {
  padding: 0.35rem;
  
}


.bg-light {
  background-color: white !important;
}

	
	
.navbar-light {
	background-color: white !important;
	
}

#navbarSupportedContent1 {
	padding-right: 35px;
	
}


.navbar-brand {
	padding-top: 5px;
	padding-left: 2%;
}

.navbar-light .navbar-nav .nav-link {
	color: purple;
}


.navbar-light .navbar-nav .nav-link:hover {
	color: darkslateblue;
}
	


a {
  color: purple;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: teal;
  text-decoration: none;
}
		
#bottom a {
	font-size: 10px;
	color: darkslategrey;
	
}
#bottom a:hover {
	
	color: steelblue;
	
}
.center-block{
	
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.obigger {
	
	line-height: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	
}

.small{
	text-align: center;
	font-size: 11px;
}


#copyr{
	margin-top: 0px;
	margin-bottom: 0px;
		
	}	

#OKwrap{
	
	width: 72%;
		
	}	





h4{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}


h5{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
}

#zagolovokOleg {
	width: 100%;	
	margin-left: auto;
	margin-right: auto;

	
}
	
p{
	
	font-size: 0.9em;
}


#foto{
	padding-top: 20px;
	
	
}



#about {
	max-width: 100%;
	
	
		
}


	



#carousel {
	margin-top: 130px;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	background-color: white;
	
	
}


.carousel-item {
	margin-bottom: 30px;
	
}

#carouselExampleIndicators2{
	padding-bottom: 13px;
	
}



.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 0px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 0px;
  color: #000;
  text-align: center;
	opacity: 1;
}


.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 15px;
  height: 5px;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: slategray;
  background-clip: padding-box;
  border-top: #3A2C2Cpx solid transparent;
  border-bottom: 5px solid transparent;
  opacity: .7;
  transition: opacity 0.6s ease;

	
}

.carousel-control-prev-icon {
  background-image: url("../images/arrow_left1.png");
}

.carousel-control-next-icon {
  	background-image: url("../images/arrow_right1.png");
}
	

#zagolovok_videos {
	width: 100%;
	
}

#zagolovok_videos  p {
	font-size: 0.8em;
	
}


#Videos {
	margin-top: 130px;
	padding-bottom: 190px;
	width: 90%;
	
}
.rowpadding{
	padding-bottom: 40px;
	
}
 .rowpadding_sm {
	padding-bottom: 5px;
	
}



.rowpadding_more{
	padding-bottom: 75px;
	
}





		
/* MEDIA*/


@media  (max-width: 365px){
	
	
		
	.navbar-brand{
		padding-left: 0px;
		width: 65%;
			
		}
	
	#about{
	margin-top: -16px;
	
	text-align: center;
	
	
}
	}
	
	@media  (max-width: 485.98px){
	
	body {
	 padding-top: 110px;
	 
}
	
		
		
	.navbar-brand{
		padding-top: 0px;
		padding-left: 0px;
		width: 50%;
			
		}
		
		.navbar-toggler {
		margin-right: -10px;
  		border: 0px;
	}
	
		
		.navbar-toggler img{
  		max-width: 91%;
		
  
}
		
			
	#bottom a {
		font-size: 9px;
	
}
			
	
	#zagolovokOleg{
		width: 90%;
		
	}
	
	#zagolovokOleg h4{
		font-size: 1.2em;
		
	}
	
	#about{
	margin-top: -16px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	
}
#about h6{
	text-align: center;
	padding-bottom: 8px;
	
}
	
	#carousel{
	margin-top: 50px !important;
	
	width: 80%;
			
		}
		
		#carousel h5{
	text-align: center;
			
		}
		
	#Videos {
	margin-top: 95px !important;
	
	
}
		
	.obigger {
	line-height: 1.4em;
	
	
}
	
		
	#zagolovok_videos {
		padding-left: 10px;
	
}

}


@media (min-width: 486px) and (max-width: 645.98px) {	
		
		
	
	
	#about{
	
	padding-left: 20px;
	padding-right: 10px;
	
}

	#carousel{
	margin-top: 70px !important;
	
	width: 80%;
			
		}
	
	#carousel h5{
	text-align: center;
			
		}
		
	#Videos {
	margin-top: 100px !important;
	
	
}
	
		
		
		

}		


	@media (min-width: 646px) and (max-width: 768px) {	
		
	#foto{
	padding-top: 20px;
	padding-left: 0px;
	
}
		
		
	
	
	#about{
	padding-top: 0px;
	padding-left: 60px;
	padding-right: 60px;
	
}

	
		
		
		

}		

@media (min-width: 1200px){
	
	.navbar {
		margin-left: auto;
		margin-right: auto;
		width: 85%;
	


}
	
	
}