body {padding: 0px; margin: 0px; font-size: 16px; font-weight: 300; color: #000; background: #fff; font-family: 'Roboto', sans-serif; overflow-x: hidden;}
h1 {padding: 0; margin: 0; font-size: 35px; font-weight: 700; margin-top: 30px; margin-bottom: 30px;}
footer, nav, header, section, aside {display: block;}
a {color: #0181da;}
a:hover {text-decoration: none; color: #0181da;}
.center {margin: auto; max-width: 1300px; box-sizing: border-box; padding-left: 20px; padding-right: 20px;}

.btn-more {
    width: 150px;
    display: block;
    margin: auto;
    padding: 10px 0px;
    cursor: pointer;
}


.nav .active a, .catalog .active a {color: #b01328;}

.layoutUp {float: left; width: 100%; background: #daaf00; color: #594700; font-size: 14px; padding: 5px 0px;}
.menuUp {float: left;}
.menuUp ul {margin: 0px; padding: 0px;}
.menuUp ul li {float: left; list-style: none; margin-right: 15px;}
.menuUp ul li a {text-decoration: none; color: #594700;}
.addUp {float: right; background: url('images/icomap.png') left center no-repeat; padding-left: 15px;}
.header {float: left; width: 100%; padding: 20px 0px;}
.logoTop, .logo, .logoBot {float: left;}
.phoneTop, .phoneBottom {float: right; font-size: 20px; font-weight: 400; text-align: right; line-height: 20px; margin-top: 9px;}
.phoneTop span {font-size: 15px;font-weight: 300;}
.phoneTop a {color: #b01328; text-decoration: none; border-bottom: 1px dotted #b01328;}
.nav {float: left; padding: 0px; margin: 0px; margin-left: 10%; margin-top: 17px;}
.nav li {float: left; list-style: none; margin-right: 24px;}
.nav li:last-child {margin-right: 0px;}
.nav li a {text-decoration: none; color: #000;}
.nav li a:hover, .catalog li a:hover {color: #0181da;}
.layoutSlider {float: left; width: 100%;}
.slide {float: left; width: 100%; height: 520px; border-radius: 10px; overflow: hidden;}
.layoutSlideInf {float: left; width: 50%; box-sizing: border-box; padding-left: 30px; margin-top: 90px;}
.titleSlideInf {float: left; width: 100%; font-size: 47px; text-transform: uppercase; color: #fff; font-weight: 700; margin-bottom: 20px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.slideInf {float: left; width: 100%; font-size: 24px; font-weight: 300; color: #fff; margin-bottom: 40px;}
.layoutSlideInf a, .contBottom a {font-size: 20px; text-decoration: none; color: #000; font-weight: 400; background: #ffd200;     padding: 15px 23px; border-radius: 7px;}
.popTovar {float: left; width: 100%; margin-top: 40px; margin-bottom: 40px;}
.titleBlock {float: left; width: 100%; font-size: 35px; font-weight: 400; color: #000; margin-bottom: 30px;}
.pod {font-size: 19px; color: #ba1523;  width: 100%; margin-top: 10px;}
.catalogTov{float: left; width: 100%; padding: 0; margin: 0;}
.catalogTov li {display: inline-block; list-style: none; vertical-align: top; font-size: 14px; font-weight: 300; width: 23.5%; border: 1px solid #11546f; border-radius: 7px; box-sizing: border-box; padding: 15px; margin-right: 21px;}
.imgTover {float: left; width: 100%; height: 210px;}
.catalogTov li:last-child {margin-right: 0px;}
.titleTover {float: left; width: 100%; font-size: 18px; font-weight: 500; margin-top: 25px; margin-bottom: 10px;}
.infTovar {float: left; width: 100%;}
.infTovar a {text-decoration: none; color: #b01328; font-size: 15px; font-weight: 500;}
.leftCatalogHome {float: left; width: 23.5%;}
.catalog {float: left; width: 100%; padding: 0px; margin: 0px;}
.catalog li {list-style: none; font-size: 17px; border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px;}
.catalog li a {color: #000; text-decoration: none;}
.savePdf {display: block; float: left; margin-top: 15px; text-decoration: none; color: #b01328; text-align: center; width: 100%; border: 1px solid #b01328; box-sizing: border-box; padding: 12px 24px; border-radius: 7px;}
.rightBlockHome {float: right; box-sizing: border-box; width: 74%;}
.rightBlockHome a {text-decoration: none; color: #11546f; border: 1px solid #11546f; box-sizing: border-box; padding: 12px 24px; border-radius: 7px;}
.layoutBottom {float: left; width: 100%; margin-top: 40px; background: url('images/bgbot.png') left no-repeat #f7f7f7;}
.leftBottom {float: left; width: 50%; height: 400px;}
.rightBottom {float: left; width: 50%; height: 400px;}
.contBottom {float: right; width: 67%; padding-top: 35px; font-size: 20px; box-sizing: border-box; padding-right: 20px;}
.footer {float: left; width: 100%; background: #ba1523; padding-top: 20px; padding-bottom: 20px;}
.menuBot {float: left; font-size: 14px; Color: #fff; margin-left: 100px;}
.menuBot ul {margin: 0px; padding: 0px;}
.menuBot ul li {list-style: none; margin-bottom: 5px;} 
.menuBot ul li a {text-decoration: none; color: #fff;}
.phoneBottom {color: #fff; text-align: right;}
.phoneBottom span {font-size: 13px; font-weight: 300;}


/*******Page*****/
.borderPageTop {float: left; width: 100%; height: 2px; background: #11546f;}
.rightBlock {float: right; box-sizing: border-box; width: 74%;}
.rightBlock .catalogTov li {width: 30%; margin-bottom: 20px;}
.breadcrumbs {float: left; width: 100%; font-size: 13px; margin-top: 20px; margin-bottom: 30px;}
.breadcrumbs ul {padding: 0px; solid: 0px;}
.breadcrumbs ul li {list-style: none; display: inline-block;}

.layoutMiniInf{ float: left; width: 100%; margin-bottom: 30px;}
.fotoTovar {float: left; width: 35%; box-sizing: border-box;  padding: 25px; border: 1px solid #ddd; border-radius: 7px;}
.fotoTovar img {width: 100%; height: auto;}
.textMiniTovar {float: right; width: 62%;}
.new {float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb;}
.nameNew {float: left; width: 100%; font-size: 24px; font-weight: 400; margin-bottom: 7px;}
.nameNew a {color: #11546f;}
.dataNew {float: left; width: 100%; font-size: 16px; color: gray;}
.anonsNew {float: left; width: 100%; margin-top: 15px;}

/*********ТАБЫ************/
.tabs {
   float: left;
   width: 100%;
 
}

/* Стили для списка вкладок */
.tab-header {
   list-style: none;
   padding-left: 0;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin: 0;
   height: 30px;
/**********ПОСТАВИТЬ ПРИ МОБИЛЬНОМ РАЗРЕШЕНИИ**********/ 
       overflow: auto; 
}

/* Стили для вкладки */
.tab-header__item {   
   margin-right: 15px;
   cursor: pointer;   
   border-bottom: none;
   color: #a9a9a9;
}

/* Стили для активной вкладки */
.tab-header__item.active {
   color: #11546f;
   position: relative;
   top: 1px;
   background-color: #fff;
   font-weight: 500;
   border-bottom: 2px solid #b01328;
  
}

/* Стиль для списка контейнеров с содержимым вкладок */
.tab-content {
   list-style: none;
   padding: 0;
   margin: 0;
   overflow: auto;
}

/* Стили для контейнера с содержимым вкладки */
.tab-content__item {
   display: none;
   padding-top: 20px;
}

/* Стили для активного контейнера вкладки */
.tab-content__item.active {
   display: block;
}




/*****FORM****/
.form input {width: 100%; box-sizing: border-box; background: #fff; font-size: 17px; font-weight: 300; color: #6c6c6c; font-family: 'Roboto', sans-serif; border: 1px solid #dedfe0; border-radius: 7px; resize: none; padding: 17px; margin: 10px 0px; outline: none;}
.form button {transition: .5s; width: 100%; background: #b01328; color: #fff; font-size: 20px; font-weight: 400; text-decoration: none; padding-top: 16px; padding-bottom: 17px; border-radius: 7px; border: none; cursor: pointer; outline: none;}
.form button:hover {background: #014891;}
.form .checkbox {float: left; line-height: 10px; margin-top: 10px;}
.form .checkbox input {width: auto; float: left; margin-top: 4px; margin-right: 10px;}
.form .checkbox label {font-size: 12px; color: #9d9fa0;}
/*****FORM****/



/*****FIX HEADER****/
.fixHeader {
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    color: #000;
    z-index: 300;
    width: 100%;
    height: 100px;
    position: fixed;
    top: -300px;
    left: 0;
    background: #ffffff;
}
/*****FIX HEADER****/


@media only screen and (max-width:1200px) {
    .catalogTov li {width: 23%;}
    .nav {margin-left: 5%;}
}

@media only screen and (max-width:1024px) {
    .breadcrumbs {margin-top: 135px;}
    .slide {height: auto; padding-top: 40px; padding-bottom: 70px;}
    .layoutSlideInf {margin-top: 0px;}
    .layoutSlider {margin-top: 120px;}
    .fixHeader .logo {margin-top: 17px;}
    .header, .layoutUp, .borderPageTop {display: none;}
    .contBottom {width: 95%;}
/*****FIX HEADER****/
.fixHeader {top: 0; -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);}
.menuOpenBtn {display: block; float: right; width: 42px; height: 28px; margin-top: 25px; margin-left: 30px; cursor: pointer; position: relative;}
.menuOpenBtn .l1 { width: 100%;  height: 3px; background: #0181da; position: absolute; top: 0; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.menuOpenBtn .l2 { width: 100%;  height: 3px; background: #0181da; position: absolute; top: 13px; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.menuOpenBtn .l3 { width: 100%;  height: 3px; background: #0181da; position: absolute; top: 25px; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.menuOpenBtn.opened .l1 {
    -moz-transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    transform: rotate(405deg);
    top: 12px;
}
.menuOpenBtn.opened .l2 {
    opacity: 0;
}
.menuOpenBtn.opened .l3 {
    -moz-transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    -ms-transform: rotate(-405deg);
    transform: rotate(-405deg);
    top: 12px;
}

.fixHeader nav > #ddmenu {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: fixed;
        margin-left: 0;
        width: 100%;
        background: rgba(0,0,0,.94);
        width: 100%;
        height: 100%;
        left: 0;
        padding-left: 10px;
        padding-top: 30px;
        top: -200vh;
    }
    
.fixHeader nav > #ddmenu.show { top: 86px;} 
#ddmenu li {float: none; margin-bottom: 20px; font-size: 25px; padding-left: 20px; font-weight: 300;}    
#ddmenu li a {color: #fff; text-decoration: none}
#ddmenu .active a {color: #fce07d; border-bottom: 1px solid #fce07d;}
/*****FIX HEADER****/
}

@media only screen and (max-width:920px) {
    .layoutSlideInf, .leftBottom, .rightBottom, .logoBot, .phoneBottom, .leftCatalogHome, .rightBlockHome, .catalogTov li, .rightBlock {width: 100%;}
    .slideInf {text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
    .catalogTov li {margin-bottom: 30px;}
    .rightBlockHome {margin-top: 30px;}
    .layoutBottom {background-size: cover;}
    .menuBot {display: none;}
    .logoBot, .phoneBottom {text-align: center;}
    .rightBlock {margin-top: 30px;}
    .fotoTovar {width: 100%;}
    .textMiniTovar {width: 100%; margin-top: 30px; margin-bottom: 30px;}
    
}

@media only screen and (max-width:720px) {
    .rightBlock .catalogTov li {width: 100%;}
    
}

@media only screen and (max-width:580px) {
    .titleSlideInf {font-size: 7vw;}
    .tab-header {height: 60px;}
    
}

@media only screen and (max-width:420px) {
    .fixHeader .logo {width: 250px;}
    .fixHeader .logo img {width: 100%;}
    .fixHeader .logo {margin-top: 20px;}
    
}

/***cookie**/
#cookie_note{
    display: none;
    position: fixed;
    bottom: 25px;
    left: 45%;
    max-width: 90%;
    transform: translateX(-45%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 100;
}

.layout_text_cookie {display: flex; gap: 20px; align-items: center;}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: leАнод политика сделать (оплачено)ft;
    color: black;
    width: 90%;
}

#cookie_note a {color: #3755fa;}
#cookie_note a:hover {text-decoration: none;}

.cookie_accept{
    width: 100px;
    height: 30px;
    background: #3755fa;
    border: none;
    color: #fff;
    border-radius: 5px;
    transition: .3s;
}

.cookie_accept:hover {cursor: pointer; background: #283eb9;}

@media (max-width: 780px){
.layout_text_cookie {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
}
}

@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}
/***cookie**/