/*Это наcтройки стиля кнопки-логотипа MALINA*/
.sitelogo {margin-right: 40px;}


/*Это наcтройки стиля содержания первичной разработки*/

body {font-family: Sans-serif; background-color: #0000} /*Был серый #B5B8B1*/
h1 {font-family: "Arial Rounded MT Bold"; font-size: 20px; color:#000000;} /*Это название основного шрифта проекта*/
        h2, h3 {}
        p { font-size: 18px; color: #000000; }
p2 {border-bottom: 2px double red;}


/*Это наcтройки анимационной иконки в выпадающем меню*/

.nav-icon {
  margin: 0.5em;
  width: 20px;
}

.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {
  background-color: #000000;
  border-radius: 3px;
  content: '';
  display: block;
  height: 2.5px;
  margin: 3.5px 0;
  transition: all .2s ease-in-out;
}


.nav-icon:hover:before {
  transform: translateY(6px) rotate(135deg);
}

.nav-icon:hover:after {
  transform: translateY(-6px) rotate(-135deg);
}

.nav-icon:hover div {
  transform: scale(0);
}

/*Это наcтройки контейнеров общих к описательным страницам*/

.container_opisanya {margin-left: 30px;
    margin-right: 30px;
    width: 6em
width: 200px;
height: 150px;
border:  1px dotted #000;
text-align: center}

.foto_opisanya {
width: 100px;
height: 100px;
margin-left: 0px;
margin-right: 10px;
border:  1px dotted #000;}

displayed_foto_opisanya {
    display: block;
    margin-left: auto;
    margin-right: auto; }

/*Это наcтройки стиля шапки*/

a {
    color: #000;
        text-decoration:none;
}
.header {display: flex;
    justify-content: space-between;
    padding: 0px 325px;
    background: #0000; /*Был серый #B5B8B1*/
    color: #000;
    font-family: "Arial Rounded MT Bold;
}

.header2 {display: flex;
    justify-content: space-between;
    padding: 0px 100px;
    background: #646664; /*Был серый #B5B8B1*/
    color: #000;
    font-family: "Arial Rounded MT Bold;
}

.header_section {
    display: flex;
    align-items: center;
    margin: auto;
    
    
}
.header_item {padding: 5px 10px;
    font-size: 16px;
    margin-left: 5px;
	margin-right: 5px;
    
}
.header_item:hover{
    background-color: #646664; /*Был зелёный #599340*/
    border-radius: 4px;
}
.headerlogo{
    font-weight: bold;
}
.headerButton{
    cursor:pointer;
	
}

/* Dropdown Button */
.dropbtn {
  background-color: #0000; /*Был серый #B5B8B1*/
  border-radius: 4px;
  margin-left: 5px;
  color: black;
  padding: 5px 5px;
  font-size: 16px;
  border: none;
}


/*Настройки выпадающего меню Войти*/

/*Настройки поискового меню*/
.header__search-form {
  position: relative;
}
.header__search-input {
  display: flex;
  font-size: 14px;
}
.header__search-input input[type=search] {
  width: 450px;
  height: 35px;
  padding: 10px 10px 10px 200px;
  outline: none;
  border: 1.5px solid purple;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
}
.header__search-input--mobile input[type=search] {
  padding: 10px 10px 10px 140px;
}
@media (min-width: 576px) {
  .header__search-input--mobile input[type=search] {
    padding: 10px 10px 10px 184px;
  }
}
.header__search-category {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.header__search-category select {
  height: 45px;
  width: 150px;
  border: none;
  background: transparent;
  font-size: 14px;
  padding: 10px;
  outline: none;
}
.header__search-category--mobile select {
  width: 125px;
}
@media (min-width: 576px) {
  .header__search-category--mobile select {
    width: 150px;
  }



   /*****************************
16 - Component - Sidebar Widget Панель выбора товара и ФИЛЬТРЫ
*****************************/
.sidebar {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .sidebar {
    margin-top: 80px;
  }
}
@media (min-width: 992px) {
  .sidebar {
    margin-top: 0px;
  }
}
.sidebar__widget {
  padding: 20px;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  margin-bottom: 40px;
}
.sidebar__widget:last-child {
  margin-bottom: 0;
}
.sidebar__box {
  position: relative;
}
.sidebar__box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dee2e6;
  bottom: -20px;
  left: 0;
}
.sidebar__title {
  font-size: 18px;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.sidebar__menu-collapse-list:last-child .accordion__title {
  margin-bottom: 0;
}
.sidebar__post-img {
  width: 40%;
}
.sidebar__post-content {
  width: 60%;
  margin-left: 10px;
}
.sidebar__post-content a {
  font-size: 14px;
  word-wrap: break-word;
  font-weight: 500;
}
.sidebar__post-content span {
  font-size: 13px;
}
.sidebar__tag li {
  display: inline-block;
  margin-right: 5px;
}

.accordion__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.accordion__category-list li {
  padding: 5px;
  display: block;
}
.accordion a {
  text-decoration: none !important;
  color: #000;
}
.accordion a:hover {
  color: #0063d1;
} 
    
    
    
    
    
    
    
    /*Настройки корзинки и кошелька*/
    
    .header__wishlist-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
		padding: 5px;
		margin-left: 5px;
		margin-right: 5px;
}
.header__wishlist-box a {
  text-decoration: none;
  color: #242424;
	margin-left: 5px;
		margin-right: 5px;
	  
}
.header__wishlist-box i {
  font-size: 20px;
  color: #242424;
	margin-left: 5px;
		margin-right: 5px;
	  
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    



/* The container <div> - needed to position the dropdown content Расширяет меню Для тебя с анимированной иконкой и настройки выпадающего меню */
.dropdown {
  position: relative;
  display: inline-block;
  min-width: 30px;
    
}

/* Dropdown Content (Hidden by Default) */ /*Было z-index 2*/
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #646664; /*Был серый #B5B8B1 (Стал крутой эффект прозрачности)*/
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  border-radius: 4px;  
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: gray;} /*Был зелёный #599340*/

/* Show the dropdown menu on hover Дает розовое свечение вокруг выпадающего меню*/
.dropdown:hover .dropdown-content {display: block; /*border-radius: 4px; box-shadow: 0 0 10px #f0719D;*/}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #646664;} /*Был зелёный #599340*/


/*Это наcтройки стиля тела*/


.home .carousel-item{
	min-height: 100vh;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
	
}
.home .carousel-item:before{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -1;
}
.home .carousel-item .container{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.home .carousel-item h2{
	font-size: 80px;
	color: #ffffff;
	margin:0 0 10px;
	opacity: 0;
}
.home .carousel-item p{
	font-size: 30px;
	margin:0;
	color: #eeeeee;
	opacity:0;
}
.home .carousel-item.active h2{
	animation: fadeInLeft 0.5s ease forwards;
}
.home .carousel-item.active p{
	animation: fadeInRight 0.5s ease forwards;
}

@keyframes fadeInLeft{
	0%{
		opacity: 0;
		transform: translateX(-30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}
@keyframes fadeInRight{
	0%{
		opacity: 0;
		transform: translateX(30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}
/*Было z-index:10*/
.home .carousel-controls{
	position: absolute;
	left: 50%;
	bottom: 40px;
	z-index: 2;
	transform: translateX(-50%);
}

.home .carousel-indicators{
	position: relative;
	margin:0;
}

.home .carousel-indicators li{
	height: 60px;
	width: 60px;
	margin:0 5px;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	border:3px solid transparent;
	transition: all 0.3s ease;
}
.home .carousel-indicators li.active{
	border-color: #5da130; /*Был зелёный #599340*/
	transform: scale(1.2);
}

.home .carousel-control-next, 
.home .carousel-control-prev{
	height: 60px;
	width: 60px;
	opacity: 1;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	transition: all 0.3s ease;
}
.home .carousel-control-next:hover, 
.home .carousel-control-prev:hover{
   box-shadow: 0 0 10px #f0719D;
}
.home .carousel-control-next img, 
.home .carousel-control-prev img{
   width: 25px;
}
.home .carousel-control-next{
	right: -90px;
}
.home .carousel-control-prev{
	left: -90px;
}

/*responsive*/
@media(max-width: 767px){
  .home .carousel-control-next, 
  .home .carousel-control-prev{
  	display: none;
  }
  .home .carousel-indicators li{
  	height: 60px;
  	width: 60px;
  }
  .home .carousel-item h2{
  	font-size: 45px;
  }
  .home .carousel-item p{
  	font-size: 22px;
  }
}


/*Это наcтройки стиля ног*/


.page-footer {display: flex;
    justify-content: space-between;
    padding: ;
    background: #0000; /*Был серый #B5B8B1*/
    color: #000;
    font-family: "Arial Rounded MT Bold; 
}






.page-footer_section {
    display: flex;
    align-items: center;
	padding: 5px 125px;
}

.page-footer_item {padding: 7px 10px;
    font-size: 15px;
    margin-left: 3px;
    
}

.page-footer_item:hover{
    background-color: #5da130; /*Был зелёный #599340*/
    border-radius: 4px;
    /*Все что ниже помещает кружок в зеленую рамку при наведении*/
    list-style-position: inside;
    /*Все что ниже дает смещение вправо, но безобводки зеленым*/
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}


/*Это наcтройки стиля копирайта*/

.footer-copyright .container  {}


/*  
    ----------------------------------
    48. Not found (Настройки стиля страницы 404 - не найдено )
    ----------------------------------
*/
.not-found {
    padding: 160px 0;
    text-align: center;
}

.not-found .title {
    position: relative;
    color: white;
    font-size: 80px;
    margin-bottom: 15px;
    line-height: 0.8;
    z-index: 2;
}

.not-found .title:before {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%) scale(2);
    -ms-transform: translate(-50%, -50%) scale(2);
    -o-transform: translate(-50%, -50%) scale(2);
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
    color: #666666;
    opacity: 0.1;
    font-size: 40px;
    z-index: -1;
}

@media (min-width: 992px) {
    .not-found {
        padding: 320px 0;
    }
    .not-found .title {
        font-size: 250px;
    }
    .not-found .title:before {
        font-size: 100px;
    }
}

.not-found .subtitle {
    color: white;
}

.not-found a {
    color: #666666;
    text-decoration: underline;
}

.not-found a:hover {
    color: #2e73bb;
}

.not-found p {
    margin-bottom: 0;
}




















/*  
    ----------------------------------
    Попытка настроить движение ссылки в бок - смещение
    ----------------------------------
*/
footer .footer-links a {
    display: inline-block;
    

}

footer .footer-links a:hover {
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    
}


footer .footer-links .form-newsletter {
    position: relative;
}

footer .footer-links .form-newsletter .btn {
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer .footer-links a {
    display: inline-block;
}

footer .footer-links a:hover {
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}

.row {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
	padding: 5px;
}
	
	

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    
}

    
    
    
/*Тестовый блок для контента в черном обрамлении с тенью*/
	.contentbox {
		
	background-color: #f6f6f6;  /*Был серый #B5B8B1*/
    width: 1000px;
    border: none;
	border-radius: 6px;
    padding: 35px;
    margin: auto;
	margin-bottom: 40px;	
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.7);
		
	}

	/*Тестовый блок для контента в зеленом обрамлении с тенью внутри блока с черным обрамлением с тенью*/
	.contentbox_inside {
	display: inline-flex ;	
	background-color: lightgrey;
    width: 900px;
    border: none;
	border-radius: 6px;
    padding: 35px;
    margin: auto;
	margin-bottom: 40px;	
	box-shadow: 0px 8px 16px 0px #599340;
		
	}

    
  /*Нижняя разделительная линия*/
    hr {
    margin: 0.5em 750px;
    border-style: inset;
    border-width: 1px;
    
}
    
    /*Ужимка курусели под хидер
    .slidercarysel {
    margin: 0 325px;}*/
    
    
    /*
-----------------------------------------------------------------------
  Footer CSS
-----------------------------------------------------------------------
*/
.footer-area {
  position: relative;
  z-index: 1;
}
.footer-area .footer-shape {
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.footer-area.default-style .footer-main {
  background-color: #0000; /*Был серый #B5B8B1*/
  padding: 15 0 30px;
}
@media only screen and (max-width: 1199px) {
  .footer-area.default-style .footer-main {
    padding: 90px 0 65px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-area.default-style .footer-main {
    padding: 90px 0 50px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-area.default-style .footer-main {
    padding: 105px 0 50px;
  }
}
.footer-area.default-style .widget-item {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .footer-area.default-style .widget-item {
    margin-bottom: 20px;
  }
}
.footer-area.default-style .widget-item h4 {
  color: black;
  font-size: 18px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 991px) {
  .footer-area.default-style .widget-item h4 {
    margin-bottom: 10px;
  }
}
.footer-area.default-style .widget-item p {
  color: #e4e4e4;
  line-height: 1.6875;
  margin-bottom: 17px;
  margin-top: 7px;
}
@media only screen and (max-width: 991px) {
  .footer-area.default-style .widget-item p {
    margin-top: 0;
  }
}
.footer-area.default-style .widget-item ul li {
  color: #e4e4e4;
  margin-bottom: 4px;
    
}
.footer-area.default-style .widget-item a {
  color: black;
}
.footer-area.default-style .widget-item a:hover {
  color: royalblue;
}
@media only screen and (max-width: 767px) {
  .footer-area.default-style .widget-item .about-widget {
    text-align: center;
  }
}
.footer-area.default-style .widget-item .about-widget .footer-logo img {
  position: relative;
  bottom: 24px;
}
.footer-area.default-style .widget-item .about-widget .widget-social-icons a {
  color: #fff;
  font-size: 16px;
  margin-right: 30px;
}
.footer-area.default-style .widget-item .about-widget .widget-social-icons a:last-child {
  margin-right: 0;
}
.footer-area.default-style .widget-item .about-widget .widget-social-icons a:hover {
  color: #f379a7;
}
.footer-area.default-style .widget-item .widget-menu-wrap .nav-menu {
  display: block;
    
}
.footer-area.default-style .widget-item .widget-address {
  line-height: 1.75;
  margin-bottom: 0;
}
.footer-area.default-style .widget-item .widget-contact-info {
  margin-bottom: 29px;
}
@media only screen and (max-width: 767px) {
  .footer-area.default-style .widget-item .widget-contact-info {
    margin-bottom: 20px;
  }
}
.footer-area.default-style .widget-item .widget-contact-info li {
  margin-bottom: -1px;
}
.footer-area.default-style .widget-item .widget-payment-info {
  max-width: 192px;
}
.footer-area.default-style .widget-item.item-style1 {
  margin-left: 33px;
}
@media only screen and (max-width: 1199px) {
  .footer-area.default-style .widget-item.item-style1 {
    margin-left: 0;
  }
}
.footer-area.default-style .widget-item.item-style2 {
  margin-left: 39px;
}
@media only screen and (max-width: 1199px) {
  .footer-area.default-style .widget-item.item-style2 {
    margin-left: 0;
  }
}
.footer-area.default-style .widget-item.item-style3 {
  top: -5px;
}
.footer-area.default-style .item-hover-style li {
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.footer-area.default-style .item-hover-style li:hover {
  transform: translate(8px, 0);
  -webkit-transform: translate(8px, 0);
  -moz-transform: translate(8px, 0);
  -ms-transform: translate(8px, 0);
  -o-transform: translate(8px, 0);
}
.footer-area.default-style .footer-bottom {
  background-color: #0000; /*Был серый #B5B8B1*/
  padding: 14px 0 15px;
}
.footer-area.default-style .footer-bottom .widget-copyright {
  position: relative;
  z-index: 1;
}
.footer-area.default-style .footer-bottom .widget-copyright p {
  color: #e4e4e4;
  font-size: 14px;
}
.footer-area.default-style .footer-bottom .widget-copyright p .fa-heart {
  color: #f53400;
  padding: 0 4px;
}
.footer-area.default-style .footer-bottom .widget-copyright p span {
  color: black;
}
.footer-area.default-style .footer-bottom .widget-copyright p a {
  color: #e4e4e4;
}
.footer-area.default-style .footer-bottom .widget-copyright p a:hover {
  color: #f379a7;
}
@media only screen and (max-width: 767px) {
  .footer-area .widget-title {
    display: none;
  }
}
.footer-area .widget-title.widget-collapsed-title {
  display: block;
  position: relative;
  background-color: #535353;
  height: 70px;
  line-height: 69px;
  padding: 0 15px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 17px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .footer-area .widget-title.widget-collapsed-title {
    display: none;
  }
}
.footer-area .widget-title.widget-collapsed-title:before {
  font-family: "FontAwesome";
  font-size: 14px;
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 60px;
  text-align: center;
}
.footer-area .widget-title.widget-collapsed-title:not(.collapsed):before {
  content: "";
  font-family: "FontAwesome";
}
.footer-area .widget-collapse-body {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
@media only screen and (min-width: 768px) {
  .footer-area .widget-collapse-body {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area .widget-collapse-body {
    background-color: #535353;
    padding: 22px 22px 20px;
  }
}
    
   
    /* Вкладки горизонтальные бокового меню  списка функций (Если убрать этот блок стилей, то заработает карусель на главной странице)
    
    
    *{box-sizing:border-box} 
.tabs { 
  width: 800px; 
  padding: 0px; 
  margin: 0 auto; 
  position: relative; 
  border: 1px solid #DEE8F2; 
} 
sections { 
  display: none;  
  padding: 15px; 
  background: white; 
  position: absolute; 
  top: 0; 
  left: 180px; 
} 
p { 
  margin: 0; 
    font-size: 14px;
} 
input { 
  display: none; 
} 
label { 
  display: block; 
  width: 180px; 
  padding: 15px; 
  color: #4F5966; 
  background: #DEE8F2; 
  cursor: pointer; 
} 
input:checked + label { 
  color: #555; 
  background: white; 
} 
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 { 
  display: block; 
} 
section { 
  animation: scale 0.7s ease-in-out; 
} 
@keyframes scale { 
  0% { 
  transform: scale(0.9); 
  opacity: 0; 
  } 
  50% { 
  transform: scale(1.005); 
  opacity: 0.5; 
  } 
  100% { 
  transform: scale(1); 
  opacity: 1; 
  } 
}
    */
    
    /* Style the tab (Вкладки)*/
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}  
    
    /* (Ниже правила для настроек адаптивной панели команды сайта)*/
    
     /* Three columns side by side */
.column {
    float: left;
    width: 33.3%;
    margin-bottom: 16px;
    padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
    .column {
        width: 100%;
        display: block;
    }
}

/* Add some shadows to create a card effect */
.card {
    box-shadow:  0 0 12px #f0719D;
}

/* Some left and right padding inside the container */
.container {
    padding: 0 16px;
}

/* Clear floats */
.container::after, .row::after {
    content: "";
    clear: both;
    display: table;
}

.title {
    color: grey;
}

.button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #555;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
}

.button:hover {
    background-color: #599340;
} 
    
    
    
    /* Начало стиля Шкалы */
   
 
    /* Конец стиля шкалы */
    
    
   /* Начало переключаемые заголовки-вкладки */ 
    /* Style the tab buttons */
.tablink {
    background-color: #777;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 25%;
}

/* Change background color of buttons on hover */
.tablink:hover {
    background-color: #747; /* f0719D*/
}

/* Set default styles for tab content */
.tabcontent {
    color: black;
    display: none;
    padding: 50px;
    text-align: center;
}

/* Style each tab content individually */
#Active {background-color:#B5B8B1;}
#Passive {background-color:#B5B8B1;}
#Intellect {background-color:#B5B8B1;}
#Drugs {background-color:#B5B8B1;}
    
   /* Начало переключаемые заголовки-вкладки */ 
    
    
    
     /* Настройки для панировочных сухарей */
    /* Style the list */
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
} 
 
    /* Конец для для панировочных сухарей */