.container {           /* класс для всего box_a */
  display: flex;
  flex-flow: column wrap;
           }

.headerimg {         /* класс для img заголовка */
	display: flex; 
  flex-flow: column wrap;
	align-items: center;
	justify-content: center; /* выравнивание по центру img заголовка*/
           }
.headermenucont {           /* класс для всего box_a */
    display: flex;
    flex-flow: row wrap;
    height: 50px;
	align-items: center;
	justify-content: center;
	font-family: 'Rubik', sans-serif;
	
	/*color:#BDC809;*/
           }

.phones {           /* класс для всего box_a */
    display: flex;
    flex-flow: row wrap;
    /*height: 50px;*/
	align-items: center;
	justify-content: center;
	font-family: 'Rubik', sans-serif;
	font-size: 30px;
	/*color:#BDC809;*/
           }

.phones div {
    flex: 1 1 80px;
	text-align: center;
	color:#BDC809;  
           }
/*.phones div A {
    flex: 1 1 80px;
	text-align: center;
	 color:#BDC809;
           } */

.phones div1 {
    flex: 2 ;
	text-align: center;
	 
           }



.headermenucont div {
    flex: 1 1 80px;
	text-align: center;
           }
.headermenucont div A {
    flex: 1 1 80px;
	text-align: center;
	 color:#BDC809;
           }

.headermenucont div1 {
    flex: 2 ;
	text-align: center;
           }

img    {
	max-width: 100%;      /* масштабирование картинки */
       }

header {
	/* background-color:#9CF11D; */
	flex: 1;
	border-radius: 10px; /* закругленные уголки */
	font-family: 'Oswald', sans-serif;
	
 }
catalogmenu {
	 /*background-color:#6AD5F0; */
	flex: 1;
	/*margin-left: 20px;*/
	/*border-radius: 10px;*/
	/*font-family: 'Rubik', sans-serif;
	color:#3B3B3B;*/
     }

.catalogmenucont {           /* класс для всего box_a */
    display: flex;
    flex-flow: row wrap;
   /* height: 50px;*/
	/*padding: 20% auto 20% auto;*/ 
	align-items: center;
	justify-content: center; 
	font-family: 'Rubik', sans-serif;
	color:#4F4F01;
	text-align: center;
	background-color:#6AD5F0;
	border-radius: 10px;
           }
.catalogmenucont div {
    flex: 1;
	/*text-align: center;*/
           }
.catalogmenucont div A {
    
	color:#A20F11;
	font-size: 20px;
           }

.catalogmenucont div1 {
    flex: 1 ;
	text-align: center;
           }


main {
	/*background-color:#D85C32;*/
	flex: 1;
	/*margin-left: 20px;*/
	border-radius: 10px;
	font-family: 'Rubik', sans-serif;
     }

footer {
	/*background-color:#4FEB88;*/
	flex: 1;
	/*margin-left: 20px;*/
	border-radius: 10px;
	font-family: 'Rubik', sans-serif;
       }

.footerclass  {
	display: flex;
    flex-flow: row wrap;
    /*height: 50px; */
	align-items: center;
	justify-content: center;
	font-family: 'Rubik', sans-serif;
	color:#4F4F01;
}
.footerclass div1 { 
	flex: 1;
         }

.footerclass div2 { 
	flex: 3;
	/*background-color:#2C9A24;*/
         }

.footerclass div2 p {
	/*background-color:#1D7BA2;*/
	text-indent: 1.5em;
         }

	
.footerclasscontact {
	text-align: center;
         }


.block1 { 
	display: flex;
    flex-flow: row wrap;
    /*height: 50px; */
	/*align-items: stretch;*/
	justify-content: center;
	/*align-content: stretch;*/
	font-family: 'Rubik', sans-serif;
	color:#4F4F01;
	     }

.block1 a {
	display: block;
	text-decoration-line: none;
	text-decoration-color: #050B09;
}

.block1 div {
	flex: 1;
	width: 350px; 
	height: 400px;
	text-align: center;
            }

p.articul {
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #000000;
	}

p.name {
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #000000;
	}

p.price {
	font-family: 'Rubik', sans-serif;
	font-size: 25px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #000000;
	}


img.mapimg {
	display: block;
	margin: 0 auto;
            }


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color:#C8820E;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(237,215,121,1.00);
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color:#F9BD0D; 
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color:#D8921E;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration: 3s;
}

@-webkit-keyframes fade {
  from {opacity: 0.1}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0.1}
  to {opacity: 1}
}