@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant&display=swap');
@import url('https://fonts.googleapis.com/css?family=Suez+One&display=swap');
* {
  margin: 0;
  padding: 0;
  outline:none;
}

body, html {
	background: #e4e3e3;
	width: 100%;
  height: 100%;
  outline:none;
}

header {
    background-image: url(../images/beg-hed.jpg);
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;
}

.hover>a:hover {
  color: #f3887c;
  outline:none;
  text-decoration: none;
  transition: all.6s ease;
  -ms-transition: all.6s ease;
  -o-transition: all.6s ease;
  -moz-transition: all.6s ease;
  -webkit-transition: all.6s ease;  
}

a {
  color: #e74c3c;
  outline:none;
  text-decoration: none;
  transition: all.6s ease;
  -ms-transition: all.6s ease;
  -o-transition: all.6s ease;
  -moz-transition: all.6s ease;
  -webkit-transition: all.6s ease;  
}

a:hover {
  outline:none;
  text-decoration: none;
  transition: all.6s ease;
  -ms-transition: all.6s ease;
  -o-transition: all.6s ease;
  -moz-transition: all.6s ease;
  -webkit-transition: all.6s ease;  
}

.logo {
	max-width: 150px;
	float: left;
  padding: 15px;
}

.logo-footer {
  width: 150px;
    /* float: left; */
    display: block;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.logo-footer>img {
  width: 150px;
    height: 60px;
}

.logo>img {
	width: 150px;
    height: 60px;
}

.logo-text {
    text-align: center;
    color: #0a0a0a;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin: 5px 0 0;
    border-top: 2px solid #df0025;
    font-size: 11px;
}

.logo-text span {
    color: #df0025;
    font-size: 1.8em;
}

.main-contacts-phones {
	float: left;
    margin-left: 6%;
    color: #ffffff;
    font-size: 1.4em;
    margin-top: 2%;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
}

.main-contacts-phones>p>i {
    color: #e74c3c;
}

input {
    float: left;
    margin-left: 14px;
    width: 41%;
    margin-top: 10px;
    margin-bottom: 4px;
    padding: 14px 10px;
    display: block;
    border: none;
    border-bottom: 1px solid #525252;
    color: #000000;
    font-family: 'Cormorant Infant', serif;
    background: #e4e3e3;
    outline: none;
    font-size: 1.2em;
    font-style: italic;
}

.myBtn {
  color: #c5c5c5;
    font-size: 1.2em;
    font-style: italic;
    cursor: pointer;
    margin-right: 2%;
    width: auto;
    float: right;
    margin-top: 4%;
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 20px 0px 20px 0px;
    margin-bottom: 15px;
    border: none;
    opacity: 0.9;
    box-shadow: 0 1px 28px rgb(49, 48, 48), 0 1px 10px rgba(218, 213, 213, 0.72);
}

.myBtn:hover {
	background: linear-gradient(90deg, rgb(16, 16, 16) 0%, rgba(167,0,0,1) 50%, rgb(16, 16, 16) 100%);
}


nav {
  width: 99.4%;
  padding: 7px 0.3%;
  float: left;
}

nav a {
  color: #ffffff;
    font-size: 1.4em;
    text-decoration: none;
    font-style: italic;
    margin-left: .6%;
    font-family: 'Cormorant Infant', serif;
    background-image: url(../images/bgmin.png);
    /*background: linear-gradient(90deg, rgb(117, 115, 115) 0%, rgb(29, 28, 28) 50%, rgb(117, 115, 115) 100%);*/
    padding-top: 1px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 5px;
    opacity: 0.79;
    
}

nav a:hover {
  border-bottom: 2px solid #e0dddd;
  text-shadow: 2px 2px 2px #676267; 
  background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
  color: #e0dddd;
}

.fixed {
  position: fixed;
  top: 0;
  opacity: 0.89;
  padding: 4px 0.3%;
  z-index: 111111111;
  background: #000000 url(../images/body_background_dark.png) repeat scroll top left;
}
 .fixed:hover {
  opacity: 1;
 }

 .fixed a {
  font-size: 1.3em;
    margin-top: 8px;
    display: inline-block;
 }

 #hideMenu img {
  float: left;
  display: none;
  visibility: hidden;
 }

 .fixed>#hideMenu>img {
    display: block;
    visibility: visible;
    padding: 3px;
    margin-left: 10px;
}

.fixed>.top-menu {
    display: none;
}

#hideMenu p {
  float: left;
  display: none;
  visibility: hidden;
 }

 .fixed>#hideMenu>p {
    display: block;
    visibility: visible;
    padding: 3px;
    font-size: 1.4em;
    font-family: 'Cormorant Infant', serif;
    font-style: italic;
    color: #ffffff;
    margin-right: 10px;
    float: right;
}


#hideMenu {
  display: inline;
}

#menuShow {
  display: inline;
    font-size: 1.4em;
    margin-right: 20px;
    float: right;
    margin-top: 4px;
    cursor: pointer;
    color: #989494;
    background-color: #a70000;
    padding: 7px;
    border-radius: 5px;
}

#mobileMenu {
  display: none;
  width: 100%;
  float: left;
}

@media (min-width: 785px) {
  #menuShow {
    display: none;
    visibility: hidden;
  }
}

@media (max-width: 784px) {
  #hideMenu {
    display: none;
    visibility: hidden;
  }
}

#wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#content {
  flex: 1 0 auto;
}

.footer {
	background-image: url(../images/bgmin.png);
}

.footer-container-left {
    width: 313px;
    margin: 20px;
    float: left;
}

.footer-tel {
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
}

.footer-tel span {
    color: #e74c3c;
    font-size: 1.3em;
    font-family: 'Cormorant Infant', serif;
    font-style: italic;
    font-weight: 400;
}

.footer-tel a, .footer-tel a:hover {
    color: #c5c5c5;
    text-decoration: none;
    font-size: 1.3em;
    font-family: 'Cormorant Infant', serif;
    font-style: italic;
}

.work-footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.work-footer span {
    display: block;
    font-size: 1.3em;
    font-family: 'Cormorant Infant', serif;
    font-style: italic;
    color: #c5c5c5;
}

.footer-container-right {
    width: 210px;
    float: right;
    text-align: center;
    margin-bottom: 25px;

}

.footer-mail a {
    font-size: 1.3em;
    font-family: 'Cormorant Infant', serif;
    font-style: italic;
    text-decoration: underline;
    color: #c5c5c5;
}

.footer>.logo {
    position: relative;
    margin-bottom: 40px;
}

.footer-container-center{
float: left;
    margin-left: 12%;
    display: block;
    width: 24%;
}

.social {
  width: 54%;
    display: block;
    margin: 0 auto;
    margin-top: -5%;
    padding-top: 10PX;
    color: #e74c3c;
}

.social a {
  border-radius: 10px 0px 10px 0px;
    margin-left: 3%;
    width: 35px;
    height: 35px;
    float: right;
    color: #e74c3c;
    background-image: url(../images/bgmin.png);
    text-align: center;
    line-height: 35px;
    font-size: 1.4em;
    box-shadow: 0 1px 28px rgba(183, 3, 3, 0.25), 0 1px 10px rgba(232, 13, 13, 0.22);
}

.social a:hover {
  box-shadow: 0 1px 28px #b70303b0, 0 1px 10px rgba(232, 13, 13, 0.22);
  color: #a70000;
  background: #000000 url(../images/body_background_dark.png) repeat scroll top left;
  border-radius: 0px 10px 0px 10px;
}

#toTop {
  position: fixed; z-index: 9999; 
  bottom: 10px; right: 10px; padding: 4px 9px; 
  color: rgb(102, 102, 102); 
  text-align: center; 
  text-decoration: none; 
  background-image: url(../images/bgmin.png); 
  text-align: center; 
  line-height: 35px; 
  font-size: 1.4em; 
  box-shadow: 0 1px 28px rgb(183, 3, 3), 0 1px 10px rgba(232, 13, 13, 0.22); 
  border-radius: 50%; 
  cursor: pointer; 
  color: #e21313; 
  font-size: 2em;
}

.title {
  padding-top: 12px;
    padding-bottom: 7%;
    float: left;
}

.title>h1 {
	color: #f3eded;
    padding: 2%;
    background-color: #0000006b;
    margin-top: 8%;
    float: left;
    font-style: italic;
    text-align: center;
    position: relative;
    font-family: 'Cormorant Infant', serif;
    display: block;
    animation: bounce-top 2s infinite both;
    border-bottom: 4px double rgb(0 148 134);
    border-top: 4px double rgb(0 166 166);
}

.title>p {
	color: #ffeb00;
    padding: 1.2%;
    position: relative;
    font-size: 2em;
    font-style: italic;
    margin-top: 24%;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px black, 0 0 0.4em #0e0e0e;
}

.titles {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.footer-mail {
	margin-top: -20px;
  padding-bottom: 15px;
}


.modalDialog {
	position: fixed;
	text-align: center;
    font-family: 'Cormorant Infant', serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
width: 60%;
    height: 295px;
    background-size: cover;
    position: sticky;
    background-repeat: no-repeat;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background-image: url(../images/bgmin2.png);
}

.modalDialog > div > h2 {
    color: #716e00;
    padding: 2%;
    font-size: 3.5em;
    font-style: italic;
    font-weight: lighter;
    text-shadow: 5px 3px 9px #101010;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.btn-modal {
    color: #ffffff;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    width: 30%;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 20px 0px 20px 0px;
    border: none;
    opacity: 0.9;
    box-shadow: 0 1px 28px rgb(49, 48, 48), 0 1px 10px rgba(17, 17, 17, 0.72);
}

.btn-modal:hover {
	background: linear-gradient(90deg, rgb(16, 16, 16) 0%, rgba(167,0,0,1) 50%, rgb(16, 16, 16) 100%);
}

.article {
	width: 32%;
    float: left;
    margin-left: 1%;
    margin-bottom: 16.8px;
    background: #bfbdbd;
    box-sizing: border-box;
    height: 440px;
    padding: 10px;
}

.article>img {
    max-width: 180px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.art {
	width: 98%;
    display: block;
    margin: 0px auto;
}

.article>h2 {
	color: rgba(167,0,0,1);
    font-weight: lighter;
    font-size: 1.8em;
    padding: .9%;
    line-height: 1em;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #00000091, 0 0 0.4em #0e0e0e82;
    animation: bounce-top 2s infinite both;
    border-bottom: 4px double rgba(255, 255, 255, 0.25);
    border-top: 4px double rgba(255, 255, 255, 0.25);
}

.article>p {
	color: #0a0a0a;
    padding-top: 5px;
    font-size: 1.4em;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}

.titles {
	float: left;
    width: 100%;
    margin-bottom: 20px;
}

.titles>h2 {
	color: #151414;
    padding: 2%;
    font-size: 2.8em;
    margin-top: 20px;
    font-weight: inherit;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    /* display: block; */
    text-shadow: 1px 1px 9px #00000080, 0 0 0.4em #0e0e0e82;
    animation: bounce-top 2s infinite both;
    border-bottom: 4px double rgb(16 16 16 / 25%);
    border-top: 4px double rgb(14 14 14 / 25%);
}

.titles>h2:first-letter {
  color: #e74c3c;
}

.about-list {
    display: flex;
    padding: 20px;
    width: 92%;
    margin: 0 auto;
    text-align: center;
}

.about-list-left {
    padding-right: 25px;
    border-right: 2px solid #e74c3c;
}

.about-list-right {
    margin-left: 3px;
}

.about-item1, .about-item2 {
    display: flex;
}

.about-item1_numer3 .about-item-text, .about-item1_numer4 .about-item-text, .about-item1_numer7 .about-item-text {
    min-height: auto;
}

.about-item-text {
    font-size: 16px;
    line-height: 20px;
    max-width: 300px;
}

.number {
    font-size: 100px;
    font-weight: 600;
    letter-spacing: 5px;
    color: #e74c3c;
    line-height: 80px;
    margin-right: 10px;
    min-width: 146px;
    margin-right: -20px;
}

.home_list {
  width: 93%;
    display: block;
    margin: 0 auto;
}

.about-list .line {
    width: 94px;
    height: 2px;
    background: #e74c3c;
    margin-top: 40px;
    margin-right: 10px;
    margin-left: 20px;
}

.about-item-text {
    font-size: 1.4em;
    max-width: 300px;
    padding: 10px;
    background: #bfbdbd;
    margin-left: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
    color: #0a0a0a;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}

.about-item1, .about-item2 {
    display: flex;
    margin-left: 10px;
}

.sale-wrap {
  margin: 0 auto;
    display: block;
    width: 97%;
}

.sale, .sale-right {
  padding: 10px;
    background: #bfbdbd;
    width: 46%;
    float: left;
    margin-left: 20px;
    margin-bottom: 40px;
}

.sale>img {
	width: 60px;
    float: left;
    margin: 20px;
    padding-top: 8px
}

.sale>h2 {
	color: #0a0a0a;
    padding: 2%;
    font-size: 2.5em;
    margin-top: 20px;
    font-weight: inherit;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    /* display: block; */
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
    animation: bounce-top 2s infinite both;
    border-bottom: 4px double rgba(255, 255, 255, 0.25);
    border-top: 4px double rgba(255, 255, 255, 0.25);
}

.sale>h2:first-letter {
  color: #e74c3c;
}

.sale>p {
	color: #0a0a0a;
    padding-top: 20px;
    font-size: 1.4em;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}

.sale-right>p {
	color: color: #0a0a0a;
    padding-top: 14px;
    font-size: 1.4em;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
    padding-top: 14px;
    font-size: 1.4em;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #00000082, 0 0 0.4em #0e0e0e91;
}

.sale-right>img {
  margin-top: 20px;
    width: 89%;
    display: block;
    margin: 0 auto;
}



.wrap-myvertical-tabs{
  width: 90%;
    margin: 0 auto;
    display: flex;
}
.myvertical-tabs{
  list-style: none;
  padding: 0;
  margin: 0;
}
.myvertical-tabs li{
  padding: 10px 15px;
  width: 100%;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
    color: #f5f2f2;
    cursor: pointer;
    border-bottom: 1px solid #504d4d;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    position: relative;
}

.myvertical-tabs li.chosen {
  color: #e6e1e1;
    /* background: #efefef; */
    font-style: italic;
    /* font-size: 1.4em; */
    /* text-align: center; */
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgb(16, 16, 16) 0%, rgba(167,0,0,1) 50%, rgb(16, 16, 16) 100%);
    border: none;
}
.myvertical-tabs-content {
  display: none;
  background: #bfbdbd;
  padding: 10px 15px;
  margin-left: -1px;
}

.myvertical-tabs-content>p {
	color: #0a0a0a;
    padding: 2%;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}
.myvertical-tabs-content.active{
  display: block;
}

.myvertical-tabs-content>img {
	width: 100px;
    float: right;
    margin: 20px;
}
/* Базовые стили слоя затемнения и модального окна  */

.overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  /* фон затемнения */
  background-color: rgba(0, 0, 0, 0.65);
  position: fixed;
  /* фиксированное поцизионирование */
  cursor: default;
  /* тип курсара */
}

/* активируем слой затемнения */

.overlay:target {
  display: block;
}

/* стили модального окна */

.popup {
  top: -100%;
  right: 0;
  left: 50%;
  font-size: 14px;
  z-index: 20;
  margin: 0;
  width: 85%;
  min-width: 320px;
  max-width: 600px;
  /* фиксированное позиционирование, окно стабильно при прокрутке */
  position: fixed;
  padding: 15px;
  border: none;
  background: #000000 url(../images/body_background_dark.png) repeat scroll top left;
  /* скругление углов */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font: 14px/18px 'Tahoma', Arial, sans-serif;
  /* внешняя тень */
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
  -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
  box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
  -webkit-transform: translate(-50%, -500%);
  -ms-transform: translate(-50%, -500%);
  -o-transform: translate(-50%, -500%);
  transform: translate(-50%, -500%);
  -webkit-transition: -webkit-transform 0.6s ease-out;
  -moz-transition: -moz-transform 0.6s ease-out;
  -o-transition: -o-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
}

/* активируем модальный блок */

.overlay:target+.popup {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 13%;
}

/* формируем кнопку закрытия */

.close {
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  position: absolute;
  padding: 0;
  border: 2px solid #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background-color: rgba(61, 61, 61, 0.8);
  -webkit-box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #000;
  box-shadow: 0px 0px 10px #000;
  text-align: center;
  text-decoration: none;
  font: 13px/20px 'Tahoma', Arial, sans-serif;
  font-weight: bold;
  -webkit-transition: all ease .8s;
  -moz-transition: all ease .8s;
  -ms-transition: all ease .8s;
  -o-transition: all ease .8s;
  transition: all ease .8s;
}

.close:before {
  color: rgba(255, 255, 255, 0.9);
  content: "X";
  text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
  font-size: 12px;
}

.close:hover {
  background-color: rgba(252, 20, 0, 0.8);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* изображения внутри окна */

.popup img {
  width: 100%;
  height: 400px;
}

/* миниатюры слева/справа */

.pic-left,
.pic-right {
  width: 25%;
  height: auto;
}

.pic-left {
  float: left;
  margin: 5px 15px 5px 0;
}

.pic-right {
  float: right;
  margin: 5px 0 5px 15px;
}

/* элементы м-медиа, фреймы */

.popup embed,
.popup iframe {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  min-width: 320px;
  max-width: 600px;
  width: 100%;
}

.popup h2 {
  /* заголовок 2 */
  margin: 0;
  color: #008000;
  padding: 5px 0px 10px;
  text-align: left;
  text-shadow: 1px 1px 3px #adadad;
  font-weight: 500;
  font-size: 1.4em;
  font-family: 'Tahoma', Arial, sans-serif;
  line-height: 1.3;
}

.popup>p {
  margin: 20px;
    position: absolute;
    color: #c5c5c5;
    line-height: 1;
    padding: 1.3%;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    font-size: 2.3em;
    font-style: italic;
    opacity: 0.69;
    border-radius: 5px;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px black, 0 0 0.4em #0e0e0e;
}

.thumbnail>a>img {
	width: 22%;
    float: left;
    margin-left: 14px;
    padding: 10px;
    background: #bfbdbd;
    height: 280px;
    margin-bottom: 25px;
    border-radius: 20px 0px 20px 0px;
    box-shadow: 0px 0px 35px -19px rgba(0, 0, 0, 1);
}
 
.works-instagram {
    font-size: 1.9em;
    font-style: italic;
    color: #0a0a0a;
    text-align: center;
    float: left;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}

.works-instagram>a {
	text-decoration: none;
    cursor: pointer;
    color: #e74c3c;
}

.karkas {
  width: 93%;
    display: block;
    margin: 0 auto;
}

.karkas-list {
  float: left;
    background: #bfbdbd;
    width: 46%;
    padding: 10px;
    margin-left: 15px;
    margin-bottom: 20px;
}

.karkas-list>img {
  width: 100%;
    display: block;
    height: 400px;
    margin: 0 auto;
    /*min-height: 300px;*/
    border-radius: 20px 0px 20px 0px;
    box-shadow: 0px 0px 35px -19px rgba(0, 0, 0, 1);
}

.karkas-list-m {
  float: left;
    background: #bfbdbd;
    width: 21.5%;
    padding: 10px;
    margin-left: 15px;
    margin-bottom: 20px;
}

.karkas-list-m>img {
  width: 100%;
    display: block;
    height: 280px;
    margin: 0 auto;
    /*min-height: 300px;*/
    border-radius: 20px 0px 20px 0px;
    box-shadow: 0px 0px 35px -19px rgba(0, 0, 0, 1);
}

.karkas-list>p {
  font-size: 1.5em;
    font-style: italic;
    padding-top: 10px;
    color: #0a0a0a;
    text-align: center;
    line-height: .9em;
    margin-top: 3px;
    margin-bottom: 7px;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #00000063, 0 0 0.4em #0e0e0e69;
}

.karkas-list-m>p {
  font-size: 1.5em;
    font-style: italic;
    padding-top: 10px;
    color: #0a0a0a;
    text-align: center;
    line-height: .9em;
    margin-top: 3px;
    margin-bottom: 7px;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #00000063, 0 0 0.4em #0e0e0e69;
}

.karkas-list>p:first-letter {
  color: #e74c3c;
}

.karkas-list-m>p:first-letter {
  color: #e74c3c;
}

.btn-list {
    color: #ffffff;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 80%;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 20px 0px 20px 0px;
    border: none;
    opacity: 0.9;
    box-shadow: 0 1px 28px rgb(49, 48, 48), 0 1px 10px rgba(17, 17, 17, 0.72);
}

.btn-list:hover {
	background: linear-gradient(90deg, rgb(16, 16, 16) 0%, rgba(167,0,0,1) 50%, rgb(16, 16, 16) 100%);
}

.certificates {
    padding: 60px 0;
    margin: 50px 0;
}

.auto-container {
    z-index: 10;
}

.auto-container {
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.certificates_list {
    justify-content: space-evenly;
    margin-top: 80px;
}

a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}

.certificates_item img {
    max-width: 280px;
    max-height: 400px;
}

.certificates_item {
    width: 49%;
    float: left;
    margin-bottom: 20px;
}

.certificates_item>img {
    background: ;
    padding: 20px;
    display: block;
    margin: 0 auto;
}

/*slider*/

@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 1; }
  55.55%  { opacity: 0; }
  100% { opacity: 0; }
}

.fadein { 
    position: relative;
    width: 100%;
    float: left; 
  }
.fadein img { position: absolute;
    width: 100%;
    margin-top: -13px;
    height: 570px;
    padding-bottom: 14px;
    left: 0;
    right: 0;
    opacity: 0;
    animation-name: fade;
    animation-duration: 9s;
    animation-iteration-count: infinite;}
.fadein img:nth-child(1) { animation-delay: 0s;  }
.fadein img:nth-child(2) { animation-delay: 3s;  }
.fadein img:nth-child(3) { animation-delay: 6s;  }
.fadein img:nth-child(4) { animation-delay: 9s;  }

/*контакты*/

/*.default-info-box {
    position: relative;
    font-family: 'Cormorant Infant', serif;
}*/

.row {
    width: 94%;
    display: block;
    margin: 0 auto;
}

.row>h2 {
    position: relative;
    text-align: left;
    font-weight: 600;
    position: relative;
    font-size: 40px;
    margin-bottom: 50px;
}

.default-info-box .info-box {
    float: left;
    position: relative;
    width: 28%;
    height: 225px;
    margin-top: -40px;
    margin-bottom: 20px;
    border-radius: 20px 0px 20px 0px;
    margin-left: 10px;
    min-height: 1px;
    padding: 15px;
    /* padding-left: 15px; */
    background: #bfbdbd;
}

.h4 {
  font-size: 1.7em;
    font-family: 'Cormorant Infant', serif;
    color: #ffffff;
    font-style: italic;
}

.default-info-box .info-box .inner {
    padding-left: 0;
    display: flex;
    align-items: center;
}

.default-info-box .info-box .inner {
    padding-left: 0;
}

.default-info-box .info-box .inner {
    position: relative;
    padding: 10px 0px;
    line-height: 60px;
    padding-left: 44px;
}

.default-info-box .info-box .inner .icon {
    border-radius: 50%;
    background: #e74c3c;
    width: 30px;
    height: 30px;
    padding: 6px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.default-info-box .info-box .inner .icon {
    position: relative;
    display: inline-block;
    /* vertical-align: middle; */
    vertical-align: top;
}

.default-info-box .info-box .inner .icon {
    position: absolute;
    left: 0px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 0px;
    color: #040404;
    font-size: 24px;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.default-info-box .info-box .inner a {
    line-height: 26px;
    color: #0c0c0c;
    text-decoration: none;
    font-size: 20px;
    font-style: italic;
}

.call_response_text {
    color: #e74c3c;
}

.default-info-box .info-box .inner a {
    text-transform: initial;
}

.default-info-box .info-box .inner a {
    line-height: 27px;
    display: inline-block;
}

.info-box .inner a, .info-box .inner svg {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}

.no-padd {
    padding-top: 0 !important;
}

.call_response_text {
    font-size: 16px;
}

.call_response_text {
    color: #e74c3c;
}



.col-6 {
    float: left;
    margin-left: 4%;
    width: 50%;
    background-image: url(../images/bgmin.png);
    padding: 20px;
}

.title-box-maps {
  color: #ffffff;
    /* padding: 1%; */
    font-size: 2em;
    margin-bottom: 20px;
    font-weight: inherit;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    /* display: block; */
    text-shadow: 1px 1px 9px black, 0 0 0.4em #0e0e0e;
    animation: bounce-top 2s infinite both;
    border-bottom: 4px double rgba(255, 255, 255, 0.25);
    border-top: 4px double rgba(255, 255, 255, 0.25);
}

fieldset {
  border: none;
}

fieldset>input {
  background: #e4e3e3;
    width: 89%;
}

fieldset>textarea {
  margin-left: 14px;
  background: #e4e3e3;
    width: 89%;
    height: 170px;
    margin-top: 10px;
    padding: 14px 10px;
    border: none;
    font-family: 'Cormorant Infant', serif;
    outline: none;
    font-size: 1.2em;
    color: #000000;
    font-style: italic;
}

.car {
  float: left;
    width: 97%;
    padding: 10px;
}

.car-item {
    float: left;
    display: block;
    margin: 0 auto;
    margin-left: 22px;
}

.car-item>h2 {
  color: #0c0c0c;
    font-size: 2em;
    margin-bottom: 20px;
    font-weight: inherit;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #0000006e, 0 0 0.4em #0e0e0e73;
}

.car-item>h2:first-letter {
  color: #e74c3c;
}

.car-item ul li {
  list-style: none;
}

.car-item ul li span {
  color: #0a0a0a;
    font-weight: lighter;
    font-size: 1.3em;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
}

.car-item>img {
  width: 350px;
  padding: 10px;
  border: 5px solid #bfbdbd;
}

.Btn-text {
  color: #ffffff;
    font-size: 1.5em;
    font-style: italic;
    cursor: pointer;
    float: left;
    text-decoration: none;
    margin-top: 4%;
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 20px 0px 20px 0px;
    margin-bottom: 15px;
    border: none;
    opacity: 0.59;
    box-shadow: 0 1px 28px rgb(49, 48, 48), 0 1px 10px rgba(218, 213, 213, 0.72);
}

.Btn-text:hover {
  background: linear-gradient(90deg, rgb(16, 16, 16) 0%, rgba(167,0,0,1) 50%, rgb(16, 16, 16) 100%);
}

.text {
    background: #bfbdbd;
    padding: 20px;
    position: relative;
    float: left;
    width: 93%;
    left: 2%;
    display: block;
    margin-bottom: 15px;
}

.text>img {
  float: right;
    padding: 15px;
    margin-left: 10px;
    width: 300px;
    border: 10px solid #e4e3e3;
}

.text>p {
  color: #0a0a0a;
    padding-top: 20px;
    font-size: 1.4em;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    display: block;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}

.text>h3 {
  color: #e74c3c;
    font-weight: lighter;
    font-size: 1.8em;
    margin-bottom: -20px;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
}

.partners {
    float: left;
    margin-bottom: 20px;
}

.partners-container {
  position: relative;
    z-index: 10;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.partners-list {
  display: flex;
}

.partners-item {
    margin-left: 13px;
}

.partners-item>a>img {
    width: 80%;
    padding: 5px;
    border: 6px solid #cec9c9;
}

.partners-item:hovrer {
    background-color: #a70000;
}

.list_with_title>h2 {
  color: #0a0a0a;
    padding: 2%;
    font-size: 2.2em;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 50%;
    /* float: left; */
    font-weight: inherit;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
    animation: bounce-top 2s infinite both;
    border-bottom: 4px double rgb(21 20 20 / 25%);
    border-top: 4px double rgb(21 20 20 / 25%);
}

.list_with_title>img {
  float: right;
  height: 400px;
  width: 520px;
  padding: 10px;
  border-radius: 20px 0px 20px 0px;
    box-shadow: 0px 0px 35px -19px rgba(0, 0, 0, 1);
}

.list_with_title>h2:first-letter {
  color: #e74c3c;
}

.list_with_title {
  margin: 20px;
}

.list_with_title>ul>li {
  color: #e74c3c;
  margin-left: 15px;
}

.list_with_title>ul>li>span {
  color: #0a0a0a;
    font-size: 1.4em;
    font-weight: inherit;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}

.thumbnail>a>i {
  display: none; 
    width: 30px;
    vertical-align: middle;
    float: left;
    background: linear-gradient(90deg, rgb(16, 16, 16) 0%, rgba(167,0,0,1) 50%, rgb(16, 16, 16) 100%);
    margin-top: 7%;
    margin-left: -14%;
    padding: 15px;
    color: #636060;
    opacity: 0.94;
    box-shadow: 0 1px 28px #101010e0, 0 1px 10px rgba(19, 18, 18, 0.96);
    font-size: 1.8em;
    text-align: center;
    border-radius: 50%;
    outline: none;
    text-decoration: none;
    transition: all.6s ease;
    -ms-transition: all.6s ease;
    -o-transition: all.6s ease;
    -moz-transition: all.6s ease;
    -webkit-transition: all.6s ease; 
}

.thumbnail>a:hover>i {
  display: block;
  outline:none;
  text-decoration: none;
  transition: all.6s ease;
  -ms-transition: all.6s ease;
  -o-transition: all.6s ease;
  -moz-transition: all.6s ease;
  -webkit-transition: all.6s ease; 
}

.thumbnail>a {
  transition: all.8s ease;
  -ms-transition: all.8s ease;
  -o-transition: all.8s ease;
  -moz-transition: all.8s ease;
  -webkit-transition: all.8s ease;
}

.thumbnail>a:hover {
  transition: all.8s ease;
  -ms-transition: all.8s ease;
  -o-transition: all.8s ease;
  -moz-transition: all.8s ease;
  -webkit-transition: all.8s ease;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 17px;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
    background: #a70000;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background: #666;
}

::selection {
    background-color: #ee1d25;
    color: #fff;
}

.btn-left {
  color: #c5c5c5;
    font-size: 1.5em;
    font-style: italic;
    cursor: pointer;
    float: left;
    width: 4%;
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 5px;
    text-align: center;
    border: none;
    opacity: 0.59;
    box-shadow: 0 1px 28px rgb(49, 48, 48), 0 1px 10px rgba(218, 213, 213, 0.72);
}

.btn-right {
  color: #c5c5c5;
    font-size: 1.5em;
    font-style: italic;
    cursor: pointer;
    float: right;
    width: 4%;
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 5px;
    text-align: center;
    border: none;
    opacity: 0.59;
    box-shadow: 0 1px 28px rgb(49, 48, 48), 0 1px 10px rgba(218, 213, 213, 0.72);
}

.home_list>ul>li {
  list-style: none;
}

.sitemap {
  color: #c5c5c5;
    font-size: 1.2em;
    font-style: italic;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Cormorant Infant', serif;
    background: linear-gradient(90deg, rgba(167,0,0,1) 0%, rgb(16, 16, 16) 50%, rgba(167,0,0,1) 100%);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 9px;
    padding-right: 12px;
    border-radius: 0px 10px 0px 10px;
    margin-bottom: 15px;
    border: none;
    opacity: 0.59;
    box-shadow: 0 1px 28px rgb(49, 48, 48), 0 1px 10px rgba(218, 213, 213, 0.72);
}

.sitemap:hover {
  background: linear-gradient(90deg, rgb(16, 16, 16) 0%, rgba(167,0,0,1) 50%, rgb(16, 16, 16) 100%);
}

/*------------------------------*/

  div.section {
    overflow: hidden;
    width: 95%;
    display: block;
    margin: 0 auto;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding-top: 50px; 
  }
  
  div.section div { 
    display: inline-block;
    background-image: url(../images/bgmin.png);
    border-radius: 5px;
    width: 30%;
    text-align: center;
    min-width: 300px;
    font-size: 1.2em;
    color: #c5c5c5;
    max-width: 99%;
    margin: 16px 1%;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    padding: 12px;
    box-shadow: 0 3px 3px #960404; 
      }

      div.section a {
        color: #c5c5c5;
      }

      div.section div:before { 
        display: block;
    content: "";
    position: relative;
    left: 50%;
    width: 1px;
    height: 26px;
    margin: -40px 0 8px 4px;
    background: #f11e1e;
      }

      div.section p { 
        font-weight:bold; 
        text-align:center; 
        overflow:hidden; 
        position:absolute; 
        width:100%; 
        left:0; 
        margin-top:-50px; 
      }

      div.section p:after { 
        display: block;
    content: "";
    position: relative;
    width: 67.5%;
    max-width: 656px;
    height: 1px;
    box-sizing: border-box;
    margin: -14px auto 0 auto;
    background: #a90505; 
      }

      div.section p a { 
        margin: 0 auto;
    float: none;
    color: #c5c5c5;
    text-decoration: none;
    font-size: 1.3em;
    font-style: italic;
    font-weight: lighter;
    text-align: center;
    font-family: 'Cormorant Infant', serif; 
      }

      div.section p a:after { 
        display:block; content: ""; 
        position:relative; 
        left:50%; 
        width:1px; 
        height:32px; 
        background:#ccc; 
      }

      div.PageBreak { 
        margin-top:16px; 
      }

      div.PageBreak span { 
        font-weight:bold; 
      }

      div.footerinfo { 
        margin-top:16px; 
        color:#666; 
        font-size:12px; 
        text-align:right; 
      }

      div.footerinfo * { 
        font-size:12px; 
      }

      @media only screen and (max-width:800px) { 
        div.section div { 
          width:50%; 
        } 

        div.section { 
          -webkit-column-count:2; 
          -moz-column-count:2; column-count:2; 
          } 
        }

      @media only screen and (max-width:500px) { 
        div.section div { 
          width:100%; 
          } 

          div.section { 
            -webkit-column-count:1; 
            -moz-column-count:1; column-count:1; 
            } 

          div.section p:after, div.section p a:after { 
              display:none; 
            } 
        }

#erconts {
  float: left;
    width: 65%;
    margin-top: -67px;
    background: #000000 url(../images/body_background_dark.png) repeat scroll top left;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    font-size: 1.3em;
    font-style: italic;
    color: #c5c0c0;
    padding: 5px;
}


.val { 
  font-family: 'Cormorant Infant', serif;
  font-size: 2.2em;
  font-style: italic;
  color: red;
  text-align: center;
}

.val2 { 
  font-family: 'Cormorant Infant', serif;
  font-size: 1.6em;
  font-style: italic;
  color: #c5c5c5;
  text-align: center;
}

.ok {
  font-family: 'Cormorant Infant', serif;
  font-size: 2.2em;
  font-style: italic;
  color: red;
  text-align: center;
}

.ok>p {
  font-family: 'Cormorant Infant', serif;
  font-size: .9em;
  font-style: italic;
  color: #c5c5c5;
  text-align: center;
}

.error {
  color: #a70000;
  font-size: 1.2em;
}

.error-page {
  width: 60%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.error-page>img {
  width: 80%;
}

/*---------------------------------*/

img.novosti {
  float: right;
    margin-left: 90px;
    width: 420px;
    height: 300px;
    padding: 10px;
    border-radius: 20px 0px 20px 0px;
    box-shadow: 0px 0px 35px -19px rgba(0, 0, 0, 1);
}

.list_with_novosti>ul>li>span {
    color: #000000;
    font-size: 1.4em;
    font-weight: inherit;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
}

.list_with_novosti>ul {
  list-style: none;
}

.list_withnovosti_novosti>h2 {
    color: #151414;
    padding: 2%;
    font-size: 2.2em;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 58%;
    /* float: left; */
    font-weight: inherit;
    font-style: italic;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #0000007d, 0 0 0.4em #0e0e0e7d;
    animation: bounce-top 2s infinite both;
    border-bottom: 4px double rgb(0 0 0 / 25%);
    border-top: 4px double rgb(0 0 0 / 25%);
}

.list_withnovosti_novosti>ul>li>span {
    color: #0a0a0a;
    font-size: 1.4em;
    font-weight: inherit;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
    text-shadow: 1px 1px 9px #0000005c, 0 0 0.4em #0e0e0e82;
}

.videowrap {
width: 50%;
    float: right;
    padding: 10px;
}

.list_withnovosti_novosti>h2:first-letter {
    color: #e74c3c;
}

.list_withnovosti_novosti>ul {
  list-style: none;
}

.video-wrap {
height: 0;
overflow: hidden;
position: relative;
padding-bottom: 56.25%;
}
.video-wrap iframe  {
height: 100%;
width: 100%;
position: absolute; top: 0; left: 0;
}

.videowrap1 {
width: 90%;
    padding: 10px;
}

.video-wrap1 {
height: 0;
overflow: hidden;
position: relative;
padding-bottom: 56.25%;
}
.video-wrap1 iframe  {
height: 100%;
width: 100%;
position: absolute; top: 0; left: 0;
}

iframe {
  border: none;
  outline:none;
}

.full-width {
  width: 100%;
    padding-bottom: 10px;
    padding-top: 15px;
    text-align: center;
    background: #1f1e1e14;
    float: left;
}

.full-width>.bread-block>.container>.list-sections {
  list-style: none;
}

.full-width>.bread-block>.container>ul>li {
  display: inline-block;
    background: #b5b3b3;
    padding: 4px 5px 4px 5px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.full-width>.bread-block>.container>ul>li>a {
  color: #035e63;
    font-size: 1.4em;
    font-weight: bold;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
}

.full-width>.bread-block>.container>ul>li:hover {
  background: #525151;
  color: #ffffff;  
}

.full-width>.bread-block>.container>ul>li>a:hover {
  color: #ffffff;  
}

.full-width>.bread-block>.container>ul>li.link {
  background: #525151;
  color: #ffffff;
}

.full-width>.bread-block>.container>ul>li.link>a {
  color: #ffffff;
}











#slider { /*положение слайдера*/
    position: relative;
  text-align: center;
    top: 10px;
}

#slider{ /*центровка слайдера*/
  
}

#slides article{ /*все изображения справа друг от доруга*/
  width: 20%;
  float: left;
}

#slides .image{ /*устанавливает общий размер блока с изображениями*/
  width: 500%;
  line-height: 0;
}

#overflow{ /*сркывает все, что находится за пределами этого блока*/
  width: 100%;
  overflow: hidden;
}

article img{ /*размер изображений слайдера*/
  width: 100%;
}

#desktop:checked ~ #slider{ /*размер всего слайдера*/
  max-width: 350px; /*максимальнная длинна*/
}

/*настройка переключения и положения для левой стрелки*/
/*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
#switch1:checked ~ #controls label:nth-child(5), 
#switch2:checked ~ #controls label:nth-child(1),
#switch3:checked ~ #controls label:nth-child(2),
#switch4:checked ~ #controls label:nth-child(3),
#switch5:checked ~ #controls label:nth-child(4){
  background: url('../images/prev.png') no-repeat; /*заливка фона картинкой без повторений*/
  float: left;
  display: block;
  height: 68px;
  width: 68px;
}

/*настройка переключения и положения для правой стрелки*/
#switch1:checked ~ #controls label:nth-child(2), 
#switch2:checked ~ #controls label:nth-child(3),
#switch3:checked ~ #controls label:nth-child(4),
#switch4:checked ~ #controls label:nth-child(5),
#switch5:checked ~ #controls label:nth-child(1){
  background: url('../images/next.png') no-repeat; /*заливка фона картинкой без повторений*/
  float: right;
  display: block;
  height: 68px;
  width: 68px;
}

label, a{ /*при наведении на стрелки или переключатели - курсор изменится*/
  cursor: pointer;
}

.all input{ /*скрывает стандартные инпуты (чекбоксы) на странице*/
  display: none;
}

/*позиция изображения при активации переключателя*/
#switch1:checked ~ #slides .image{
  margin-left: 0;
}

#switch2:checked ~ #slides .image{
  margin-left: -100%;
}

#switch3:checked ~ #slides .image{
  margin-left: -200%;
}

#switch4:checked ~ #slides .image{
  margin-left: -300%;
}

#switch5:checked ~ #slides .image{
  margin-left: -400%;
}

#controls{ /*положение блока всех управляющих элементов*/
  margin: -25% 0 0 0;
  width: 100%;
  height: 50px;
}

#active label{ /*стиль отдельного переключателя*/
  border-radius: 10px; /*скругление углов*/
  display: inline-block; /*расположение в строку*/
  width: 15px;
  height: 15px;
  background: #bbb;
}

#active{ /*расположение блока с переключателями*/
  margin: 23% 0 0;
  text-align: center;
}

#active label:hover{ /*поведение чекбокса при наведении*/
  background: #76c8ff;
  border-color: #777 !important; /*выполнение в любом случае*/
}

/*цвет активного лейбла при активации чекбокса*/
#switch1:checked ~ #active label:nth-child(1),
#switch2:checked ~ #active label:nth-child(2),
#switch3:checked ~ #active label:nth-child(3),
#switch4:checked ~ #active label:nth-child(4),
#switch5:checked ~ #active label:nth-child(5){
  background: #18a3dd;
  border-color: #18a3dd !important;
}

#slides .image{ /*анимация пролистывания изображений*/
  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#controls label:hover{ /*прозрачность стрелок при наведении*/
  opacity: 0.6;
}

#controls label{ /*прозрачность стрелок при отводе курсора*/
  transition: opacity 0.2s ease-out;
}

.pagination {
    clear: both;
    /* border-top: 1px solid #333; */
    min-height: 1px;
    padding: 30px 10px;
    margin-top: 20px;
    /* float: left; */
    width: 88%;
    display: block;
    margin: 0 auto;
    background-image: url(../images/bgmin.png);
}

.pagination ul {
    text-align: left;
}

ul, ul.rss, ul.minus, ul.delete, ul.check, ul.arrow, ul.arrow-2, ul.add, ul.star {
    list-style: none;
}

.pagination ul li {
    cursor: pointer;
    display: inline;
    overflow: hidden;
    list-style-type: none;
    margin: 0 1px 0 0;
    background: none;
    padding: 0!important;
}

.pagination ul li a:hover, div.pagination ul li.pagination-active a {
    color: #f12504;
    border-bottom: 1px solid #f30303;
    font-size: 1em;
    font-weight: bolder;
    background: none;
}

.pagination ul li a {
   background: none;
    font-weight: 700;
    list-style-type: none;
    padding: 5px 10px!important;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #565656;
    font-size: 1em;
    color: #eae8e8;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-style: italic;
}

.pagination span {
  float: left;
    background-image: url(../images/bgmin.png);
    /* width: 7%; */
    padding: 5px;
    font-style: italic;
    color: #e2dcdc;
    font-size: 1em;
    /* margin-bottom: 10px; */
    box-shadow: 0 1px 28px #181919b0, 0 1px 10px rgb(232 13 13 / 22%);
    border-radius: 5px;
}

.text-center-pt {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}

.text-center-pt>h3 {
    font-size: 2em;
    color: #151414;
    font-size: 2.8em;
    font-style: italic;
    font-family: 'Cormorant Infant', serif;
}

.text-center-pt>p {
    font-size: 1.9em;
    font-style: italic;
    color: #0a0a0a;
    margin-top: 15px;
    text-align: center;
    font-family: 'Cormorant Infant', serif;
}










.top-menu:after, 
.submenu:after {
  content: "";
  display: table;
  clear: both;
}
.top-menu > li {
  display: inline-block;
    float: left;
    margin-left: 60%;
    margin-top: 20%;
}
.top-menu > li > a {
  display: block;
    padding: 10px;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #f7f5f5;
    transition: .2s linear;
}
.top-menu > li > a:hover {color: #B03062;}
.dropdown:after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: 4px;
  vertical-align: top;
} 
.submenu,
.submenu-standart {
  background: white;
  padding: 25px 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0,30px,0);
  transition: .5s ease-out;
  transform-origin: 0% 0%;
}
.submenu {width: 100%;}
.submenu-standart {
  min-width: 200px;
  padding: 10px 0;
}
.dropdown-standart {position: relative;}
.top-menu > li:hover .submenu, 
.top-menu > li:hover .submenu-standart {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0,0,0);
}
.submenu > li {
  float: left;
  width: calc(50% / 3);
  padding: 0 18px;
}
.submenu-standart li {padding: 0 18px;}
.submenu > li:last-child {border-right: none;}
.submenu img {
  display: block;
  width: 100%;
}
.submenu li a, 
.submenu-standart li a {
  display: block;
    padding: 5px 0;
    color: #05e4ef;
    background: #000000b0;
    margin-bottom: 5px;
    width: 110%;
    margin-left: 10px;
    text-align: center;
    font-size: 1.4em;
}
.submenu li .link-image {padding: 0;}
.submenu li a:hover {
  color: #ffffff; 
  text-shadow: none;
}
.submenu h3 {
  font-family: 'Playfair Display', serif;
    font-size: 1.5em;
    /* font-weight: 400; */
    font-style: italic;
    text-align: center;
    color: #000000;
    margin: 10px 0;
}

.submenu h3:first-letter {
    color: #a70000;
}
.container-m {
  max-width: 10%;
}
.content {
  margin: 20px auto;
  padding: 0 20px;
}

@media(max-width:768px) {
  .top-menu li {
    width: 100%;
    height: auto!important;
  }
  .top-menu > li {border-bottom: 1px solid #e5e5e5;}
  .top-menu > li > a {padding: 18px}
  .submenu,
  .submenu-standart {
    position: relative;
    display: none;
    box-shadow: none;
    padding: 0;
    background: rgba(0,0,0,.02);
  }
  .submenu-standart {padding: 10px 0;}
  .submenu > li {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 18px;
  }
  .submenu h3 {margin: 0 0 10px}
  .submenu .image-header {margin: 10px 0}
  .submenu li:last-of-type {border-bottom: none}
  .top-menu > li:hover .submenu,
  .top-menu > li:hover .submenu-standart {display: block;}
}


.top-menu > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: perspective(600px) rotateX(0);
}


.top-menu > li:hover .submenu {
  top: 100%;
  opacity: 1;
  z-index: 5;
}


.top-menu > li:hover .submenu {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.submenu {
    background: #dfd9d9d9;
    padding: 30px 0;
    /* position: static; */
    width: 100%;
    top: 100%;
    margin-top: -45%;
    left: 0;
    opacity: 0;
    z-index: 15;
    transform: scale3d(0,0,0);
    transform-origin: top left;
    transition: .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.top-menu > li:hover .submenu {
  left: 0;
  opacity: 1;
  transform: scale3d(1,1,1);
}