@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-BoldItalic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-Bold.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-Thin.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-ExtraBold.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-ExtraLight.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-LightItalic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-Medium.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-MediumItalic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria.woff2') format('woff2'),
        url('../fonts/geometria/Geometria.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-Italic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-Heavy.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-ThinItalic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-HeavyItalic.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('../fonts/geometria/Geometria-Light.woff2') format('woff2'),
        url('../fonts/geometria/Geometria-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@media (min-width: 1200px){
.container {
    max-width: 1200px;
}
}
body{
    font-size: 14px;
    color: #2b2b2b;
    font-family: "Arial";
    line-height: 1.333;
    font-weight: 300;
    font-style: normal;
}
*:focus,a,input,textarea {
    outline: none!important;
}
/*header*/
header{
    color: #fff;
}
#head{
    background: #425563;
    padding: 20px 0px;
}
#menu{
    background: #3f4b52;
        padding: 0px;
}
.h__logo-text{
        display: inline-block;
    color: #b4c2cc;
    font-size: 14px;
    margin-left: 24px;
    font-weight: 400;
    vertical-align: middle;
}
.h__phone{
        text-align: right;
}
.h__phone .mode{
color: #b4c2cc;
font-size: 12px;
}
.h__phone .mode span{
color: #fff;
}
.h__phone .tel a{
        font-size: 24px;
    color: #fff;
    text-decoration: none;
}
.h__phone .tel span{
    font-weight: bold;
}
.h__phone, .h__callback, .h__feedback{
    display: inline-block;
        vertical-align: middle;
}
.h__callback{
        padding: 0px 5px 0px 15px;
}
.h__callback a,.h__feedback a{
        font-size: 14px;
    padding: 11px 18px;
    border: 1px solid #778692;
    border-radius: 0px;
    border-left: none;
    font-weight: 400;
}
.h__callback>i,.h__feedback>i{
    padding: 14px 17px;
    vertical-align: middle;
    border: 1px solid #778692;    
}
#menu-glavnoe-menyu{
    padding: 0px;
    margin: 0px;
}
#menu-glavnoe-menyu>li:first-child{
  padding-left:0px; 
}
#menu-glavnoe-menyu>li:last-child{
    padding-right: 0px;
}
#menu-glavnoe-menyu>li{
    display: inline-block;
    position: relative;
}
#menu-glavnoe-menyu>li>a{
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 18px 23px;
    display: block;
    text-decoration: none;
}
#menu-glavnoe-menyu .sub-menu { 
    display: none; 
    position: absolute;
    top: 59px;
    left: 0;
}
#menu-glavnoe-menyu .sub-menu>li { 
    
}
#menu-glavnoe-menyu .sub-menu>li>a { 
        display: block;
    padding: 10px 23px;
   color: #fff;
   font-weight: 400;
}
#menu-glavnoe-menyu .sub-menu>li>a:hover { 
    background: #fff;
    text-decoration: none;
 color: #3f4b52;
}
#menu-glavnoe-menyu > li:hover{
    background: #fdc300;
    cursor: pointer;
}
#menu-glavnoe-menyu > li:hover > ul {
        display: block;
    background: #fdc300;
    z-index: 2;
    padding: 0px;
    list-style-type: none;
    
}
#menu .form-search{
    float: right;
    position: relative;
        padding: 18px 0px;
}
#menu .form-search input{
    width: 135px;
    border: 0px;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 15px;
    color: #ffffff;
    background: #3f4b52;
}
#menu .form-search:before{
    content: "";
    border-left: 1px solid #778692;
    height: 50px;
    top: 4px;
    left: -22px;
    position: absolute;
}
#menu .form-search:after{
    content: "";
    border-left: 1px solid #778692;
    height: 50px;
    top: 4px;
    right: 0px;
    position: absolute;
}
#menu .form-search i{
        color: #fdc300;
    font-size: 15px;
}
#menu .form-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b4c2cc;
    opacity: 1; /* Firefox */
}
#menu .form-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b4c2cc;
}
#menu .form-search input::-ms-input-placeholder { /* Microsoft Edge */
    color: #b4c2cc;
}
/*header*/

/*slider*/
.slick-initialized .slick-slide {
    position: relative;
}
#slider{
        position: relative;
}
.container-absolute-center{
    position: absolute;
    right: 0;
    left: 0;
     z-index: 1;
}
.slides .container-absolute-center{
  bottom: 50px;
}
.s__tit{
    font-size: 60px;
    font-weight: 900;
    line-height: 73px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}
#slider .yellow--btn {
    margin-top: 45px;
}
.yellow--btn{
   text-transform: uppercase;
    color: #3f4b52;
    background: #ffd031;
    padding: 13px 37px;
    font-size: 18px;
    font-weight: 900;
    border-radius: 0px;
}
.mini-hr{
    border-bottom: 1px solid #dde1e5;
    width: 100px;
}
.mini-hr span{
    border-bottom: 3px solid #fdc300;
    width: 30px;
    display: block;
    margin-bottom: -2px;
}
.search-tit{
    color: #fdc300;
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 400;
}
.search-allprod a{
    color: #fdc300;
    border-bottom: 1px solid #fdc300;
    font-size: 16px;
        width: fit-content;
    float: right;
    font-weight: 400;
    text-decoration: none;
}
.s__search{
margin-top: 28px;
    margin-bottom: 34px;
}
.slider-search input{
        width: 100%;
    height: 56px;
    padding-left: 20px;
    border: 0px;
    font-size: 16px;
    border-radius: 2px;
    box-sizing: border-box;
}
.slider-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #3f4b52;
    opacity: 1; /* Firefox */
}
.slider-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #3f4b52;
}
.slider-search input::-ms-input-placeholder { /* Microsoft Edge */
    color: #3f4b52;
}
.slider-search i{
    position: absolute;
    right: 40px;
    color: #fdc300;
    font-size: 15px;
    top: 20px;
}
.s__arrows{
    margin: 0;
    padding: 0;
    color: #fdc300;
    right: 15px;
    position: absolute;
    list-style-type: none;
    bottom: 34px;
    z-index: 999;
    font-size: 28px;
}
.s__arrows li{
    display: inline-block;
}
.s__arrows  i{
    padding: 18px 30px;
    border-radius: 53px;
    background: #425563;
    cursor: pointer;
}
.s__arrows  i:hover{
    color: #425563;
    background: #fdc300;
}
.s__arrows  .prev i{
    padding: 21px 32px 21px 28px;
}
.s__arrows  .next i{
    padding: 21px 28px 21px 32px;
}
.slick-dots {
    right: 13px;
    width: fit-content;
    }
.slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 8px;
    background: #fff;
}
.slick-dots li.slick-active{
    background: #fdc300;
}
.slick-dotted.slick-slider{
    margin-bottom: 0px;
}
/*slider*/

/*footer*/
footer{
padding-top: 44px;
    border-top: 1px solid #ebebeb;
}
.f__tit{
    color: #999999;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 26px;
}
.f__list ul,.f__social ul {
  list-style: none;
  padding: 0;
  
}
.f__list li{
font-weight: 500;
    color: #3f4b52;
    line-height: 33px;
}
.f__list li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    width: 28px;
    font-size: 13px;
    color: #425563;
}
.f__adress{
    margin-bottom: 30px
}
.f__social i{
        width: 50px;
    margin-left: -8px;
    color: #425563;
}
.f__social li{
    line-height: 43px;
}
.copyright{
    padding: 23px 0px;
    color: #fff;
    font-weight: 400;
    background: #425563;
        margin-top: 20px;
}
.block-1:after,.block-2:after{
    content: '';
    border-left: 1px solid #e6e6e6;
    position: absolute;
    height: 90%;
    top: 4px;
    right: 55px;
}
.block-1:before,.block-2:before{
    content: '';
    border-right: 3px solid #fdc300;
    position: absolute;
    height: 10%;
    top: 4px;
    right: 54px;
    z-index: 2;
}
/*footer*/

/*main*/
#tips{
    padding: 40px 0px;
    background: #425563;
}
#tips a{
	    color: #3f4b52;
}
#tips .tip{
    background: #fff;
}
#tips .col-md-3:nth-child(4) li a{
	font-size: 18px;
}
#tips .col-md-3:nth-child(4) li a b{
	font-weight: 900;
}
.tip__img img{
    height: 240px;
}
.tip__img:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 89%;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
}
.tip__img:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 11%;
    border-right: 7px solid #0000ff00;
    border-bottom: 7px solid #ffffff;
}
.tip__body{
	padding: 14px 23px;
}
.tip__body .h__feedback{
	margin-top: 60px;
}
.tip__body .h__feedback .fa{
	background: #ffd031;
    border: 0px;
}
.tip__body .h__feedback a{
	    background: #fdc300;
    border: 0px;
}
.tip__tit{
    font-weight: bold;
    text-transform: uppercase;
    height: 60px;
}
.tip__subtit{
	color: #fdc300;
	font-weight: 400;
}
.tip__list{
    margin-top: 13px
}
.tip__list ul{
  list-style: none;
  padding: 0;
  margin:0;
}
.tip__list li {
font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 20px;
}
.tip__list li>a>span {
   display: inline-block;
    width: 90%;
}
.tip__list li>a>span>span {
   color: #999999;
   font-size: 14px;
}
.tip__list li:before {
        content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    width: 10%;
    font-size: 13px;
    vertical-align: top;
    margin-top: 3px;
    color: #425563;
}

#about{
        padding: 50px 0px 50px;
}
.a__tit{
    font-size: 28px;
    color: #425563;
}
.a__tit span{
    font-weight: 700;
    text-transform: uppercase;
}
#about .mini-hr{
    margin:30px 0px;
}
.a__desc .subtit{
    font-size: 24px;
    color: #425563;
    margin-bottom: 50px;
    line-height: 35px;
    font-weight: 400;
}
#about img{
    margin-top: 50px;
    width: 100%;
}

#useful{
    padding: 36px 0px 34px;
    background: #425563;
    color: #fff;
}

.u__tit{
font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}
#useful .mini-hr{
        margin: 30px 0px 44px;
}
.u__all a{
	text-decoration: none;
    position: absolute;
    right: 0px;
    top: 20px;
    border-bottom: 1px solid #fdc300;
    color: #fdc300;
    font-weight: 400;
    font-size: 16px;
}
.block--pointer{
color: inherit;
}
.block--pointer:hover{
color: inherit;
text-decoration: none;
}
#useful .block--pointer{
	 padding: 24px 23px;
    border: 1px solid #5c6f7d;
    position: relative;
        margin-bottom: 30px;
            background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 346px;
}

#useful .block--pointer.type-bg:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
background-image: -moz-linear-gradient( 90deg, rgb(53,64,70) 0%, rgba(53,64,70,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(53,64,70) 0%, rgba(53,64,70,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(53,64,70) 0%, rgba(53,64,70,0) 100%);

}

#useful .block--pointer:hover{
    background: #5c6f7d;
     background-size: cover;
    background-repeat: no-repeat;
}
#useful .type-bg .u__material{
	bottom: 0;
    position: absolute;
    padding: 24px 23px 0px;
    left: 0;

}
.u__material .tit{
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 18px;
}

.u__material .time{
    color: #b4c2cc;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}
.u__material .views{
	color: #b4c2cc;
    font-size: 14px;
    display: inline-block;
    float: right;
     vertical-align: top;
}
span.post-views-icon.dashicons{
	padding-right: 24px;
}
#useful .col-md-6 .views{
padding-left: 97px;
	    float: none;
}
.u__material .views i{
        padding-right: 5px;
}
.u__material .desc{
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.equal-height {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.mt-30{
    margin-top: 30px;
}
/*main*/

/*product*/
#bk.grey-bg{
	background: #f9f9f9;
}
#breadcrumbs{
    font-size: 14px;
    color: #c8cfd5;
    padding: 17px 0px 23px;
    margin-bottom: 0px;
}
#breadcrumbs a{
    color: #c8cfd5;
    padding: 0px 9px;
}
.breadcrumb_last{
    padding-left: 9px;
}
#breadcrumbs>span>span>a{
	padding-left: 0px;
}
#product{
     
    padding-bottom: 50px;
}
.p__title{
    font-size: 32px;
    text-transform: uppercase;
    color: #3f4b52;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 50px;
}
.p__buy>div{
	    text-align: center;
    border: 1px solid #ebebeb;
    padding: 22px 28px;
}
.p__buy .price{
	color: #3f4b52;
    font-weight: bold;
    font-size: 36px;
}
.p__buy .price span{
	    padding-left: 10px;
    font-size: 24px;
}
.p__buy .avail{
    font-size: 16px;
    color: #00aa03;
    font-weight: 400;
    margin-top: 16px;
}
.p__buy .avail .fa{
    font-size: 18px;
    padding-right: 5px;
    vertical-align: text-bottom;
}
.p__buy a.yellow--btn{
	padding: 14px 0px;
    color: #3f4b52;
    margin-top: 28px;
    display: block;
}

.p-navigation .slick-slide {
    height: 70px !important;
    width: 70px !important;
    margin: 5px 0px;
    border: 1px solid #e1e1e1;
}
.p-navigation{
	    position: relative;
    padding-top: 41px;
}
.p-navigation .slick-prev,.p-navigation .slick-next{
    top: auto;
    left: 0px;
    width: 70px;
    margin-left: 15px;
    border: 1px solid #e1e1e1;
    background: #f4f4f4;
    height: 32px;
    transform: none;
}
.p-navigation .slick-prev:hover,.p-navigation .slick-next:hover{
    background: #fec400;
}
.p-navigation .slick-current{
    border: 2px solid #fec400;
}
.p-slider .slick-slide img {
    margin: 0 auto;
    max-height: 402px;
        padding: 5px;
}
.p-navigation .slick-next{
	bottom: 0px;

}
.p-navigation .slick-prev{
	top: 0px;
}
.p__sliderbox{
	max-height: 402px;
}
.p-navigation .slick-prev:before{
    font-family: FontAwesome;
    content: "\f106";
    color: #344b53;
}
.p-navigation .slick-next:before{
    font-family: FontAwesome;
    content: "\f107";
    color: #344b53;
}
.p__tit{
        margin-top: 25px;
    background: #fec400;
    font-weight: 400;
    font-size: 24px;
    padding: 5px 30px;
    text-transform: uppercase;
}
.p__about{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 30px;
}
.p__attributes{
    margin-top: 8px;
}
.p__attributes table{
    width: 100%;
    font-weight: 400;
    font-size: 16px;
}
.p__attributes table tr{
    border-bottom: 1px solid #ebebeb;
        display: flex;
        position: relative;
}
.p__attributes table tr:before{
border-bottom: 1px solid #fec400;
    content: "";
    width: 10px;
    position: absolute;
    bottom: -1px;
}
.p__attributes table td,.p__attributes table th{
    padding: 10px 30px;
}

.p__video{
    margin-top: 42px;
}
.p__info{
        margin-top: 40px;
    
    font-weight: 500;
    margin-bottom: 50px;
}
.p__info a{
    color: #3f4b52;
}
.p__info i{
    font-size: 14px;
    color: #48a9c5;
    padding-right: 20px;
}
.p__info div{
        margin-bottom: 10px;
}

.p__form{
    background: url(../img/product-form-bg.png);
    padding: 45px 100px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 30px;
}
.p__form .field{
        margin-bottom: 24px;
}
.p__form input[type="text"],.p__form input[type="tel"],.p__form input[type="email"]{
        width: 100%;
    padding: 17px 20px;
    /* font-weight: 400; */
    border: none;
    border-radius: 4px;
    color: #3f4b52;
    font-style: italic;
    font-size: 16px;
}
.p__form textarea{
        height: 180px;
    resize: none;
    width: 100%;
    border-radius: 4px;
    padding: 17px 20px;
}
.p__form .accept{
        font-size: 14px;
    color: #fff;
    font-weight: 400;
        margin-top: 18px;
    margin-bottom: 40px;
}
.div.wpcf7 .ajax-loader{
    position: absolute;
}
.p__form .form-tit{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #ffc300;
    text-align: center;
    line-height: 36px;
}
.p__form .yellow--btn{
        width: 270px;
    margin: 0 auto;
    display: block;
    border-radius: unset;
}
.p__form input[type="checkbox"]{
    display: inline-block;
    vertical-align: top;
}
.p__form span.wpcf7-list-item{
margin: 0
}
.p__form [type="checkbox"]:not(:checked),
.p__form [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.p__form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label,
.p__form [type="checkbox"]:checked + .wpcf7-list-item-label {
position: relative;
    padding-left: 50px;
    cursor: pointer;
}

/* checkbox aspect */
.p__form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:before,
.p__form [type="checkbox"]:checked + .wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 4px;
}
/* checked mark aspect */
.p__form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after,
.p__form [type="checkbox"]:checked + .wpcf7-list-item-label:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 14px;
    color: #ffd031;
}
/* checked mark aspect changes */
.p__form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after {
  opacity: 0;
  transform: scale(0);
}
.p__form [type="checkbox"]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.p__form [type="checkbox"]:disabled:not(:checked) + .wpcf7-list-item-label:before,
.p__form [type="checkbox"]:disabled:checked + .wpcf7-list-item-label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.p__form [type="checkbox"]:disabled:checked + .wpcf7-list-item-label:after {
  color: #999;
}
.p__form [type="checkbox"]:disabled + .wpcf7-list-item-label {
  color: #aaa;
}

.p__form .wpcf7-list-item-label{
    display: inline-block;
    width: 90%;
}
/*product*/

/*category*/


#menu-katalog{
  border: 1px solid #e6e6e6;
}
#menu-katalog>li.active{
  background: #f4f4f4;
}
#menu-katalog>li.active:before,#menu-katalog>li:hover:before,#menu-katalog > li.open:before{
    content: "";
    border-left: 4px solid #fec400;
    left: 0;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
}
#menu-katalog>li.active .holder:before{
   color: #fec400;
}
#menu-katalog>li.open .holder:before{
   color: #364a53;
}
#menu-katalog>li.open:hover .holder:before{
   color: #364a53;
}
#menu-katalog>li{
border-bottom: 1px solid #e6e6e6; 
    line-height: 1;
    position: relative;
    background: #fff;
    /*padding: 16px 40px 16px 16px;*/
    line-height: 1;
  position: relative;
}
#menu-katalog>li:last-child{
  border-bottom: unset;
}
#menu-katalog>li:hover{
  background: #f4f4f4;
}
#menu-katalog>li:hover .holder:before{
  color: #fec400;
}
#menu-katalog > li.open{
      padding: 0;
    background: #fec400;
    border-bottom: none;
}

#menu-katalog > li.open:hover .holder,#menu-katalog > li.open{
      
}
#menu-katalog > li>a>span{
      margin: 16px 40px 16px 16px;
    display: block;
}

#menu-katalog ul {
    background: #f4f4f4;
    list-style-type: none;
    padding: 0;
    display: none;
}
#menu-katalog ul li{
      position: relative;
        padding: 14px 38px 14px 18px;
}
#menu-katalog ul li.active{
   background: #fff;
}
#menu-katalog ul li:hover{
   background: #fff;
}
#menu-katalog ul li:after{
content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
        z-index: 2;
}

#menu-katalog > li > a {
        color: #3f4b52;
    font-size: 16px;
    font-weight: 400;
}


.holder {
width: 14px;
    position: absolute;
    top: 20px;
    z-index: 10;
    background: #fff;
    height: 14px;
    border-radius: 14px;
    right: 15px;
    color: #364a53;
}

.holder::before {
top: -1px;
    right: 0px;
     font-family: FontAwesome;
    content: "\f055";
    display: block;
    position: relative;
    cursor: pointer;
    z-index: 10;
color: #364a53;
}
.holder.minus::before {
   font-family: FontAwesome;
    content: "\f056";
}


#menu-katalog > li > a:hover > span::after,
#menu-katalog > li.active > a > span::after,
#menu-katalog > li.open > a > span::after {
  border-color: #eeeeee;
}



#menu-katalog ul li a {
 font-weight: 400;
    color: #777777;
    font-size: 14px;
}

#menu-katalog ul ul li a {
  padding-left: 30px;

}
#menu-katalog > li > ul > li:last-child > a,
#menu-katalog > li > ul > li.last > a {
  border-bottom: 0;
}

#menu-katalog > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#menu-katalog ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#menu-katalog ul li.active > a::after,
#menu-katalog ul li.open > a::after,
#menu-katalog ul li > a:hover::after {
  border-color: #ffffff;
}



#listing{
	padding-bottom: 30px;
	background: #f9f9f9;
}
.site--title{
font-size: 28px;
	color: #3f4b52;
	line-height: 36px;
	    margin-top: -6px;
	        margin-bottom: 35px;
}
.site--title span{
font-weight: 700;
	text-transform: uppercase;
}

.c-listing .mini-hr{
	    margin-bottom: 45px;
}
.cl__item{
	    border: 1px solid #ebebeb;
    margin-bottom: 30px;

}
.cl__item .play{
	margin: 23px 30px 23px;
    width: 33px;
    height: 33px;
    background: #fec400;
}
.cl__item .play i{
	    line-height: 33px;
    /* margin: 0 auto; */
    display: block;
    text-align: center;
    font-size: 10px;
    color: #fff;
}
.cl__item .tit{
	    padding: 0px 38px 45px 30px;
}
.cl__item .tit a{
	    color: #3f4b52;
    font-weight: bold;
}

.listing{
	padding-bottom: 50px;
}
.l_item{
	    border: 1px solid #e1e1e1;
        padding: 33px 0px 33px 40px;
        margin-bottom: 20px;
        background: #fff;
}
.l_item .img-wrap{
	padding: 10px;
}
.l_item .img-wrap:before{
    top: -33px;
    content: '';
    border-left: 1px solid #e1e1e1;
    position: absolute;
    left: 0px;
    height: calc(100% + 66px);

}
.l_item .tit{
	    margin-bottom: 25px;
	    width: 340px;
		font-size: 18px;
}
.l_item .tit a{
	font-weight: bold;
    color: #3f4b52;
}
.l_item .desc{
    font-size: 16px;
}
.l_item .buy .yellow--btn{
	padding: 13px 73px;
    font-size: 16px;
}
.l_item .buy .more{
	padding: 13px 24px;
    font-size: 16px;
    border: 1px solid #e1e1e1;
    border-radius: unset;
    margin-left: 10px;
    font-weight: 400;
    color: #3f4b52;
}
.l_item .attributes{
    margin-bottom: 30px;
}
.l_item .attributes-row {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}
.l_item .attributes-row .right-att{
    font-weight: normal;
}

/*category*/

/*region*/
#region-header{
position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
#region-header .content{
color: #fff;
margin-top: 30px;
}
#region-header .site--title{
    color: #fff;
}
.r__blocks{
    margin-top: 340px;
    color: #fff;
        padding-bottom: 20px;
}
#region-header:before{
content: "";
    position: absolute;
    background: #3f4b52;
    height: 240px;
    opacity: 0.5;
    z-index: 0;
    width: 100%;
    bottom: 0px;
}
.r__blocks .tit img{
    padding-right: 8px;
    vertical-align: top;
    display: inline-block;
}
.r__blocks .tit div{
	display: inline-block;
    width: 230px;
    vertical-align: top;
}
.r__blocks .tit{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    height: 60px;
}
.r__blocks .desc{
        font-size: 14px;
            line-height: 24px;
}

#region-listing .mini-hr{
	margin-bottom: 30px;
}
.rl__desc{
	    font-size: 24px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #3f4b52;
}
.rl__items{
	margin-bottom: 80px;
}
.rl__item{
	    position: relative;
    border: 1px solid #ebebeb;
    height: 100%;
    padding-bottom: 30px;
}

.rl__item:hover,#useful-listing .block--pointer:hover,#hos-listing .block--pointer:hover,#service-taxonomy .block--pointer:hover,#service-listing .block--pointer:hover{
	-webkit-box-shadow: 0px 5px 58px -9px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 5px 58px -9px rgba(0,0,0,0.29);
    box-shadow: 0px 5px 58px -9px rgba(0,0,0,0.29);
}
.rl__items img{
	max-height: 270px; 
}
.rl__items .tit{
	padding: 20px 26px;
    font-weight: bold;
    
}
.rl__items .tit a{
color: #3f4b52;
}
.rl__item .desc{
	padding: 0px 26px;
    color: #3f4b52;
    font-size: 14px;
    height: 256px;
    line-height: 24px;
}

#region .rl__items{
	margin-top: 60px;
}


.hos{
	    background: #f9f9f9;
    padding: 60px 0px;
}
.hos .block--pointer:hover .hos__item{
	    -webkit-box-shadow: 0px 5px 58px -9px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 5px 58px -9px rgba(0,0,0,0.29);
    box-shadow: 0px 5px 58px -9px rgba(0,0,0,0.29);
}
.hos .block--pointer:hover .yellow--btn{
    background: #ffd031;
    border: 1px solid #ffd031;
}
.hos .block--pointer:hover .body:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-left: 4px solid #fdc300;
    height: 100%;
}
.hos .mini-hr{
	    margin-bottom: 40px;
}
.hos__item{
    margin-bottom: 30px;
}
.hos__item .body{
	    padding: 35px 70px;
    border: 1px solid #e1e1e1;
    border-top: none;
    background: #fff;
    position: relative;
}
.hos__item .tit{
	color: #3f4b52;
    font-size: 24px;
    font-weight: 400;
    width: 80%;
}
.hos__item .date-wrap{
	    font-size: 14px;
    margin: 34px 0px;
    color: #b4c2cc;
}
.hos__item .date-wrap>div{
	display: inline-block;
}
.hos__item .date-wrap .view{
	padding-left: 55px;
}
.hos__item .desc{
	    font-size: 16px;
    color: #3f4b52;
    margin-bottom: 30px;
}
.hos__item .yellow--btn{
    font-size: 16px;
    text-transform: none;
    font-weight: 300;
    width: fit-content;
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 18px 23px;
}

/*region*/

/*contacts*/
#contacts{
	padding-bottom: 70px;
	    background: #f9f9f9;
}
#contacts .mini-hr{
	margin-bottom: 40px;
}
#contacts .map{
	    margin: 30px 0px 50px;
}
#contacts .subtit{
	    font-weight: bold;
    color: #3f4b52;
    margin-bottom: 40px;
}
#contacts .page-content{
	    line-height: 12px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
}
#contacts .contacts-item{
	font-size: 16px;
    font-weight: 400;
    color: #3f4b52;
        margin-bottom: 12px;
}
#contacts .contacts-item .fa{
	    width: 40px;
    color: #fec400;
    font-size: 30px;
    vertical-align: middle;
}
#contacts .contacts-item>div{
	display: inline-block;
}
#contacts .contacts-item>div>a{
    color: inherit;
}
#contacts .contacts-item:nth-child(2) div {
	font-size: 24px;
	font-weight: bold
}
#contacts .contacts-item:nth-child(3) .fa {
	font-size: 25px;
}
/*contacts*/

/*useful*/
#useful-page,#useful-listing,#hos-page,#hos-listing,#service-taxonomy,#service-page,#service-listing{
	margin-bottom: 50px;
}
#useful-listing .block--pointer,#hos-listing .block--pointer,#service-taxonomy .block--pointer,#service-listing .block--pointer{
	    margin-bottom: 30px;
}
.u-isting-item{
	    position: relative;
    border: 1px solid #ebebeb;
    height: 100%;
    padding-bottom: 30px;
}
.u-isting-item .tit{
	    padding: 20px 26px;
    color: #3f4b52;
    font-size: 18px;
}
.u-isting-item .desc{
    padding: 0px 26px;
    color: #3f4b52;
    font-size: 14px;
    line-height: 24px;
}

.search-listing .wp-pagenavi{
	margin: 30px 0px 50px;
}
.search-listing .mini-hr {
    margin-bottom: 45px;
}

/*modals*/
.iziModal-intro{
    padding: 40px 70px;
    background: #f9f9f9;
    text-align: center;
    color: #3f4b52;
}
.iziModal-intro .form-sended{
	display: none;
}
.iziModal-intro .form-wrap>.row{
    margin: 30px 0px;
}
.iziModal-intro .prod-tit{
font-size: 24px;
    text-align: left;
}
.iziModal-intro .prod-quantity{
    float: left;
    margin-top: 27px;
    position: relative;
}
.iziModal-intro .prod-quantity>div{
    position: absolute;
    top: -18px;
    font-size: 13px;
    left: 0px;
}
.iziModal-intro .prod-price{
    float: left;
    margin-top: 39px;
    padding-left: 25px;
    font-size: 26px;
    font-weight: 600;
}
.iziModal-intro .prod-quantity>input{
    width: 100px!important;
    }
.iziModal-tit{
    font-weight: 900;
    font-size: 36px;
    line-height: 40px;
}
.iziModal-subtit{
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px;
}
.iziModal-intro textarea{
    height: 211px;
    resize: none;
}
.iziModal-intro input[type="text"],.iziModal-intro input[type="tel"],.iziModal-intro input[type="email"],.iziModal-intro textarea,.iziModal-intro input[type="number"]{
    width: 100%;
    padding: 17px 20px;
    border: 1px solid #f3eded;
    border-radius: 4px;
    color: #3f4b52;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 20px;
}
.iziModal-intro input[type="checkbox"]{
    display: inline-block;
    vertical-align: top;
}
.iziModal-intro span.wpcf7-list-item{
margin: 0
}
.iziModal-intro [type="checkbox"]:not(:checked),
.iziModal-intro [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.iziModal-intro [type="checkbox"]:not(:checked) + .wpcf7-list-item-label,
.iziModal-intro [type="checkbox"]:checked + .wpcf7-list-item-label {
position: relative;
    padding-left: 50px;
    cursor: pointer;
    font-size: 12.7px;
    text-align: left;
}

/* checkbox aspect */
.iziModal-intro [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:before,
.iziModal-intro [type="checkbox"]:checked + .wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    color: #3f4b52;
    background: #ffd031;
}
/* checked mark aspect */
.iziModal-intro [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after,
.iziModal-intro [type="checkbox"]:checked + .wpcf7-list-item-label:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    left: 6px;
    font-size: 16px;
    color: #3f4b52;
}
/* checked mark aspect changes */
.iziModal-intro [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after {
  opacity: 0;
  transform: scale(0);
}
.iziModal-intro [type="checkbox"]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.iziModal-intro [type="checkbox"]:disabled:not(:checked) + .wpcf7-list-item-label:before,
.iziModal-intro [type="checkbox"]:disabled:checked + .wpcf7-list-item-label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.iziModal-intro [type="checkbox"]:disabled:checked + .wpcf7-list-item-label:after {
  color: #999;
}
.iziModal-intro [type="checkbox"]:disabled + .wpcf7-list-item-label {
  color: #aaa;
}

.iziModal-intro .wpcf7-list-item-label{
    display: inline-block;
}
.iziModal-intro .accept{
    margin-bottom: 20px;
}
.wpcf7-not-valid{
	    border: 1px solid #f00;
}
span.wpcf7-not-valid-tip {
	font-size: 12px;
    position: absolute;
    bottom: -34px;
    left: 0;
    width: 260px;
    text-align: left;
}
.wpcf7-response-output{
    display: none!important;
}
.iziModal .iziModal-button-close{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAXHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMTAtMjBUMTg6MzM6MjUrMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTEwLTIwVDE4OjM2OjIwKzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTEwLTIwVDE4OjM2OjIwKzAzOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdiODgyODMxLTdmZjQtZDU0ZC05NjVkLTU3YWQ2NWI0Yzc0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQzRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjg2QkJCM0NDNEU4NDExRTY5QTgyOEExQUU0QTJBQjA0IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2QkJCM0M5NEU4NDExRTY5QTgyOEExQUU0QTJBQjA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg2QkJCM0NBNEU4NDExRTY5QTgyOEExQUU0QTJBQjA0Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjdiODgyODMxLTdmZjQtZDU0ZC05NjVkLTU3YWQ2NWI0Yzc0NSIgc3RFdnQ6d2hlbj0iMjAxOC0xMC0yMFQxODozNjoyMCswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrMK5nEAAAGkSURBVEiJ7dSxSsNAGAfw70wpXXTSTXAtWUpH8QnE8SiUywO0TR0cEkLQNCQU0lQEB/UtSiefo1M7tUtpX+B0OEL0XGu4yF0UWqEf3JDL5ftx5O6POOewjTrYirqHdwLudrtNwzDM2WxWKdK43W4TwzA6i8VCk4Y9z7tcLpcXlNJnx3GiyWRypIJijJ31en1OKX2xLOtWGk7TdHP+ptfrBbI4xthJkuQUAK4BADjn8juOoui1XC6vAOBJBc+iAPAYBMG9NAwAMBqNYhVchIZh6NdqtXclWAXPQ+v1Os3rjWQiU9Q4jmNX13VWBJWGRThC6EHTNJqm6YkqqgSL8ExJo8owAECj0bAYY99OKkLobTgcHler1US2z+5Fpqgwxg5j7Cw7zzk/tG07Vkm4rR0uqR2LrsxgMLgbj8dhkYSTgvPuqa7rDEA94aRg2XAoguf+4yKJJPqm3+97orwW7th13asiMSjaue/7tmitEC6VSp8bj0qJlMURQh/ChZxz4TBNs0kIMafTaSVvzU+j1WoRQkhnPp9rovfKkflX9T8icw//pr4A2M98wBCvmdIAAAAASUVORK5CYII=) no-repeat 50% 50%;
    background-color: #999c9e;
    border-radius: 0;
    transition: none;
}
.iziModal .iziModal-button-close:hover{
    transform: none;
}
#modal-buy.iziModal .accept{
    margin-top: 10px;
}


/*Адаптивность*/
/*Градация*/
/*Малые девайсы («ландшафтные телефоны», >= 576px)*/
@media (min-width: 576px) {}
@media (max-width: 575.98px) {
    header .h__logo{
        width: 100%!important;
    }
    .cl__item{
        width: 100%;
    }
    .p__title{
        font-size: 21px;
    }
/*Средние девайсы («таблетки», >= 768px)*/
@media (min-width: 768px) {}
@media (max-width: 767.98px) {

}
@media (max-width: 782px) {
   
}
/*Большие девайсы (десктопы, >= 992px)*/
@media (min-width: 992px) { 

}
@media (max-width: 991.98px) {

}
/*Экстрабольшие девайсы (большие десктопы, >= 1200px)*/
@media (min-width: 1200px) {} 
@media (max-width: 1199.98px) {
    header .h__logo{
        width: 250px;
    }
    #menu .form-search{
        width: 100%;
    }
    #menu .form-search:after{
        display: none;
    }
    .tip__img img {
        width: 100%;
        object-fit: cover;
    }
    #tips .tip{
        width: 100%;
    }
    .p-navigation{
        height: 0px!important;
    }
} 


/*Диапазоны*/
/*Экстрамалые девайсы («портретные телефоны», < 576px)*/
@media (max-width: 575.98px) {

}

/*Малые девайсы («ландшафтные», >= 575px)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/*Средние девайсы («таблетки», >= 768px) */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*Большие девайсы (большие десктопы, >= 992px)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Большие девайсы (большие десктопы, >= 1200px)*/
@media (min-width: 1200px) {}