body,html{
    padding: 0;
    margin: 0;
    font-family: 'OpenSansRegular', sans-serif;
}

p{margin-bottom: 0;}

a:active, a:focus, button, span { outline: none; }

/**************MAIN**************************/

.menu {
    width: 100%;
    background-color: #ff9c00;
}

.menu p {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0;
    margin-bottom: 0;
}

.navbar {
    padding: .5rem 0;
}

.navbar,.nav-link {
    padding-top: 0;
    padding-bottom: 0;
    transition: .3s linear;
}

/*.menu .nav-item {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 20px !important;
}*/

.menu .nav-item {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 !important;
}
.menu .brd{
    padding: 0px 20px !important;
    border-left: 1px solid #fff;
    margin: 6px 0;
}
.menu .brd:first-child{
    border-left: none;
}
.menu a:hover {
    color: #222222 !important;
}

.v-line {
    width: 1px;
    height: 22px;
    background-color: #ffffff;
    margin: 5px 0;
}

.logo-img {
    margin: 18px 0 15px;
}
.time {
    display: table;
    margin: 34px auto 21px;
}
.time-z {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.35px;
}

.time-d {
    display: block;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 13.98px;
}

.time-d b {
    font-weight: 700;
}

.head-search {
    margin: 46px 0 25px;
    position: relative;
}

.head-search input[type=search] {
    width: 100%;
    height: 36px;
    border: 1px solid #f1f3f4;
    border-radius: 20px;
    color: #222222;
    font-size: 14px;
    outline: none;
    padding: 12px 0 12px 14px;
}

.head-search input::-webkit-input-placeholder {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 57.01px;
    letter-spacing: -0.35px;
    padding: 12px 0 12px 14px;
}

.head-search input:-moz-placeholder {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 57.01px;
    letter-spacing: -0.35px;
    padding: 12px 0 12px 14px;
}

.head-search input::-moz-placeholder {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 57.01px;
    letter-spacing: -0.35px;
    padding: 12px 0 12px 14px;
}

.head-search input:-ms-input-placeholder {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 57.01px;
    letter-spacing: -0.35px;
    padding: 12px 0 12px 14px;
}

.head-search .fa-search {
    position: absolute;
    top: 0;
    right: 5px;
    color: #222222;
    font-size: 16px;
    border-left: 1px solid #f1f3f4;
    padding: 10px;
}

.head-number {
    margin: 12px 0 0;
}

.head-number .velcom {
    display: block;
    color: #222222;
    font-size: 22px;
    font-weight: 400;  
    transition: 0.3s linear;
    text-align: right;
}

.head-number .velcom img,.head-number .mts img {
    margin-right: 13px;
} 

.head-number .velcom:hover {
    font-weight: bold;
    text-decoration: none;
}

.head-number .mts {
    display: block;
    color: #222222;
    font-size: 22px;
    font-weight: 400;    
    transition: 0.3s linear;
    text-align: right;
}

.head-number .mts:hover {
    font-weight: bold;
    text-decoration: none;
}

.zakaz-zvon {
    display: block;
    color: #ff9c00;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.35px;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #ff9c00;
    transition: 0.3s linear;
    text-align: right;
}

.zakaz-zvon:hover {
    color: #222222;
    text-decoration-color: #222222;
    text-decoration-style: dashed;
}

.h-menu {
    margin: 0 0 18px;
    background-color: #f4f4f4;
    position: relative;
}

.h-menu-box-img-about {
    width: 20px;
    height: 14px;
    background-image: url(../img/h-menu/roulette.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 0 auto;
}

.h-menu ul li:hover .h-menu-box-img-about {
    background-image: url(../img/h-menu/1.png);
}

.h-menu-box-img {
    width: 20px;
    height: 14px;
    background-image: url(../img/h-menu/roulette.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
}


.h-menu-box-img-2 {
    width: 20px;
    height: 17px;
    background-image: url(../img/h-menu/2.png);
    background-repeat: no-repeat;
        display: block;
    margin: 0 auto;
}

.h-menu-box-img-3 {
    width: 20px;
    height: 20px;
    background-image: url(../img/h-menu/3.png);
    background-repeat: no-repeat;
        display: block;
    margin: 0 auto;
}

.h-menu-box-img-4 {
    width: 20px;
    height: 16px;
    background-image: url(../img/h-menu/4.png);
    background-repeat: no-repeat;
        display: block;
    margin: 0 auto;
}

.h-menu-box-img-5 {
    width: 20px;
    height: 20px;
    background-image: url(../img/h-menu/5.png);
    background-repeat: no-repeat;
        display: block;
    margin: 0 auto;
}

.h-menu-box-img-6 {
    width: 20px;
    height: 20px;
    background-image: url(../img/h-menu/6.png);
    background-repeat: no-repeat;
        display: block;
    margin: 0 auto;
}

.h-menu ul {
    list-style: none;
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.h-menu ul li {
    display: inline-block;
    padding: 12px 52px 6px;
    border-right: 1px solid #ffffff;
    margin-left: -4px;
    transition: 0.3s linear;
}

.hovered-image.menu-image-title-after{
    margin: 0 auto !important;
    display: none;
}

.h-menu ul li:hover > a > span > img.hovered-image.menu-image-title-after{
    display: block; 
     transition: 0.3s linear;
}
.h-menu ul li:hover > a > span > img.menu-image.menu-image-title-after{
    display: none; 
     transition: 0.3s linear;
}
.h-menu ul li.active > a > span > img.hovered-image.menu-image-title-after{
    display: block !important; 
     transition: 0.3s linear;
}
.h-menu ul li.active > a > span > img.menu-image.menu-image-title-after{
    display: none; 
     transition: 0.3s linear;
}
.left-nav ul li:hover > a > span > img.hovered-image.menu-image-title-after{
    display: block; 
     transition: 0.3s linear;
}
.left-nav ul li:hover > a > span > img.menu-image.menu-image-title-after{
    display: none; 
   
}
.left-nav ul li.active > a > span > img.hovered-image.menu-image-title-after{
    display: block !important; 
    
}
.left-nav ul li.active > a > span > img.menu-image.menu-image-title-after{
    display: none; 
     
}
.left-nav ul li > a > span > img.menu-image.menu-image-title-after{
    margin: 0 15px;
}
.left-nav ul li > a > span > img.hovered-image.menu-image-title-after{
    margin: 0 15px !important;
}
.left-nav li.active{
    background-color: #fff ;
    color: #ff9c00;
}
.h-menu ul li:nth-child(5).active {
    background-color: #dc0000;
}
.h-menu ul li:nth-child(6).active {
    background-color: #dc0000;
}
.left-nav li.active .menu-image-title{
    color: #ff9c00;
}
.menu-image-title
.h-menu ul li:first-child {
    /*padding-top: 19px;*/
}

.h-menu ul li:nth-child(2) {
   /* padding-top: 16px;*/
}

.h-menu ul li:nth-child(4) {
    /*padding-top: 16px;*/
    /*padding-top: 16px;*/
}

.h-menu ul li.active {
    background-color: #ff9c00;
}

.h-menu ul li.active-2 {
    background-color: #dc0000;
}

.h-menu ul li.active > a {
    color: #ffffff;
}

.h-menu ul li.active-2 > a {
    color: #ffffff;
}

.h-menu ul li.active-stock {
    background-color: #ff9c00;
}

.h-menu ul li.active-install {
    background-color: #ff9c00;
}

.h-menu ul li.active-install > a {
       color: #ffffff; 
}

.h-menu ul li.active-stock > a {
       color: #ffffff; 
}

.h-menu ul li.active-stock > .h-menu-box-img-6 {
    background-image: url(../img/h-menu/percent-white.png);
    background-size: contain;
}

.h-menu ul li.active-install > .h-menu-box-img-3 {
    background-image: url(../img/h-menu/door-white.png);
    background-size: contain;
}

.h-menu ul li img {
    display: block;
    margin: 0 auto;
}

.h-menu ul li a {
    color: #222222;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.38px;
}

.h-menu ul li:hover > a{
   color: #ffffff; 
    text-decoration: none;
}

.h-menu ul li:hover {
    background-color: #ff9c00;
}

.h-menu ul li:hover .h-menu-box-img {
    background-image: url(../img/h-menu/1.png);
    background-size: contain;
}

.h-menu ul li:hover .h-menu-box-img-2 {
    background-image: url(../img/h-menu/moving-truck-white.png);
    background-size: contain;
}

.h-menu ul li:hover .h-menu-box-img-3 {
    background-image: url(../img/h-menu/door-white.png);
    background-size: contain;
}

.h-menu ul li:hover .h-menu-box-img-4 {
    background-image: url(../img/h-menu/credit-card-white.png);
    background-size: contain;
}

.h-menu ul li:hover .h-menu-box-img-5 {
    background-image: url(../img/h-menu/fluctuation-white.png);
    background-size: contain;
}

.h-menu ul li:hover .h-menu-box-img-6 {
    background-image: url(../img/h-menu/percent-white.png);
    background-size: contain;
}

.h-menu ul li:nth-child(5):hover {
    background-color: #dc0000;
}
.h-menu ul li:nth-child(5):active {
    background-color: #dc0000;
}

.h-menu ul li:nth-child(6):hover {
    background-color: #dc0000;
}\
.h-menu ul li:nth-child(6):active {
    background-color: #dc0000;
}

.form-carousel h1 {
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 17px;
}

.banner {
    padding: 50px 0;
}

.banner a {
    position: relative;
    display: block;
    overflow: hidden;
}

.test {
    background-color: #ff9c00;
    border-top: 3px dashed #ffffff;
    border-bottom: 3px dashed #ffffff;
	margin-top: 40px;
}

.box-tablet {  
    border-left: 3px solid #ffffff;
    height: 96px;
}

.box-tablet-img {
    display: inline-block;
   width: 48px;
    height: 70px;
    background-image: url(../img/test.png); 
    margin: 10px 0 10px 9px;
}

.test p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 17px;
    margin-bottom: 16px;
}

.test .second-p {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -1.2px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    
}

.test-button {
    padding: 25px 0;
    text-align: center;
    border-left: 1px solid #ffc366;
}

.test-button a {
    display: inline-block;
    padding: 13px 39px 13px 43px;
    border: 1px solid #ffffff;
    background-color: #dc0000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    border-radius: 30px;
    text-decoration: none;
}

.zakaz-dveri {
    padding: 50px 0;
    border-bottom: 3px dashed #b2b2b2;
}

.zakaz-dveri-h3 {
    width: 100%;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 28px;
    text-align: center;
}

.zakaz-dveri-span {
    display: inline;
    width: 100%;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 5px;
    text-align: center;
}

.zakaz-dveri-span:last-child {
    margin-bottom: 54px;
}

.zakaz-dveri-text {
    padding-top: 41px;
}

.zakaz-dveri-text a {
    color: #dc0000;
    font-weight: 700;
}

.zakaz-dveri-text a:hover {
    text-decoration: none;
	color:#222;
	transition: .3s linear;
}

.zakaz-dveri-text p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px;
}

.box-dveri {
    display: inline-block;
    width: 165px;
    height: 194px;
    border: 1px solid #ff9c00;
    background-color: #ffffff;
    margin-bottom: 29px;
    margin-right: 7px;
    transition: .3s linear;
}

.box-dveri:hover {
    box-shadow: 1px 1px 4px rgba(30, 30, 30, 0.3);
    border: 1px solid #f4f4f4;
}

.box-dveri img {
    display: block;
    margin-top: 13px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.box-dveri p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    display: block;
    text-align: center;
}

.h-dveri {
    width: 71px;
    font-weight: 700 !important;
    line-height: 14px !important;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 19px;
}

.h-dveri-2 {
    width: 127px;
    font-weight: 700 !important;
    line-height: 14px !important;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 19px;
}

.h-dveri-3 {
    width: 88px;
    font-weight: 700 !important;
    line-height: 14px !important;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 19px;
}

.hits {
    padding: 54px 0;
}

.hits-sale {
    display: block;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px;
}

@media only screen and (max-width : 991px){
	.hits-sale{
	  margin-top: 30px;
	}
}
.hits-box,.stock-box {
    position: relative;
    width: 100%;
    height: 454px;
    border: 1px solid #fff3e0;
    background-color: #ffffff;
    transition: .3s linear;
}

.hits-box.sert {
    height: auto;
}


.stock-box {
    width: 230px;
    height: 460px;
    display: inline-block;
    margin: 15px 5px;
}

.hits-box:hover {
    box-shadow: 1px 1px 4px rgba(30, 30, 30, 0.3);
    border: 1px solid #f4f4f4;
}

.hits-box img,.stock-box img {
    display: block;
    margin: 22px auto 15px;
}

.hits-box.sert img,.stock-box img {
    display: block;
    margin: 0;
	margin: 22px auto 15px;
}

.stock,.hit,.popular {
    position: absolute;
}

.stock-box > .stock {
    left: 10px;
}

.stock {
    width: 88px;
    height: 24px;
    background-color: #dc0000;
    top: 22px;
    left: 20px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 0 3px 6px;
}

.stock:before {
    content: ''; 
    position: absolute;
    top: -1px;
    right: -26px;
    border: 13px solid transparent;
    border-left: 14px solid #dc0000;
}

.stock-box > .hit {
    left: 10px;
}

.hit {
    width: 75px;
    height: 24px;
    background-color: #ff9c00;
    top: 56px;
    left: 20px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 0 3px 6px;
}

.hit:before {
    content: ''; 
    position: absolute;
    top: -1px;
    right: -26px;
    border: 13px solid transparent;
    border-left: 14px solid #ff9c00;
}

.stock-box > .popular {
    right: 10px;
}

.popular {
    width: 86px;
    height: 24px;
    background-color: #ffffff;
    border: 1px solid #ffb540;
    top: 22px;
    right: 12px;
    color: #dc0000;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 0 3px 6px;
}

.popular:after {
    content: ''; 
    position: absolute;
    top: -2px;
    left: -26px;
    border: 13px solid transparent;
    border-right: 13px solid #ffffff;
}

.hits-box-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 12px;
}

.title-price {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 12px;
    margin-right: 26px;
}

.stock-box .title-price {
    margin-left: 5px !important;
    margin-right: 3px;
    margin-bottom: 13px;
}

.price-slide {
    display: inline-block;
    color: #dc0000;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
    margin-right: 12px;
    text-align: right;
}

.hits-box-button {
    text-align: center;
}

.hits-box-button a {
    display: inline-block;
    border: 1px solid #dc0000;
    background-color: #ffffff;
    padding: 14px 50px 12px;
    color: #dc0000;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    border-radius: 20px;
    transition: 0.3s linear;
    text-decoration: none;
}

.stock-box > .hits-box-button a {
    padding: 13px 35px;
}

.hits-box-button a:hover {
    color: #ffffff;
    border: 1px solid #dc0000;
    background-color: #dc0000;
}

.our-service {
    padding: 50px 0;
    background-color: #e5e5e5;
}

.our-service-title {
    display: block;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.our-service-box {
    display: inline-block;
    width: 100%;
    height: 149px;
    box-shadow: 1px 1px 4px rgba(30, 30, 30, 0.3);
    background-color: #ffffff;
    margin-top: 15px;
    margin-bottom: 15px;
}

.our-service-box:nth-child(6) {
        background-color: #ff9c00;
}



.our-service-box img {
    margin-top: 52px;
    margin-bottom: 52px;
    margin-left: 17px;
    margin-right: 25px;
    float: left;
}

.our-service-box-in {
    margin-top: 5px;
    margin-right: 14px;
    margin-bottom: 5px;
}

.our-service-box-title {
    display: inline;
    color: #ff9c00;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}

.our-service-box-title-last {
    display: inline;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase; 
}

.our-service-box-title-g {
    display: inline-block;
    color: #ff9c00;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.our-service-box-text {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;    
}

.our-service-box-text-last {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.our-service-box-button {
    margin: 10px 0;
}

.our-service-box-button a {
    display: inline-block;
    padding: 9px 26px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s linear;
    background-color: transparent;
}

.our-service-box-button a:hover {
    background-color: #ffffff;
    color: #ff9c00;
}

.vygoda {
    padding: 53px 0;
}

.vygoda-title {
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 26px;
    text-align: center;
}

.vygoda ul {
    padding: 0;
    list-style: none;
}

.vygoda ul li {
    display: flex;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.vygoda ul li > .fa-check {
    color: #ff9c00;
    margin-right: 7px;
}

.ost-voprosy {
    background-color: #f4f4f4;
    padding: 17px 0;
    border-top: 3px dashed #b2b2b2;
}

.ost-voprosy-title {
    color: #222222;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 14px;
}

.ost-voprosy-title-2 {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
}

.ost-voprosy-button {
    padding: 10px;
    text-align: center;
}

.ost-voprosy-button a {
    display: inline-block;
    padding: 14px 21px;
    background-color: #dc0000;
    border: 1px solid #ffffff;
    border-radius: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    transition: 0.3s linear;
    text-decoration: none;
}

.ost-voprosy-button a:hover {
    color: #dc0000;
    background-color: #ffffff;
    border-color: #dc0000;
}

footer {
    padding: 51px 0;
    background-color: #232323;
}

.footer-title {
    color: #ff9c00;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer-logo {
    margin-bottom: 25px;
}

.footer-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 20px;
}

.footer-social-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 10px;
}

.social-icon {
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 5px 9px;
    margin-right: 2.5px;
    transition: .3s linear;
}

.social-icon:hover {
    background: #ffffff;
}

.social-icon-2 {
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 5px 7px;
    margin-left: 2.5px;
    transition: .3s linear;
}

.social-icon-2:hover {
    background: #ffffff;
}

.social-icon .fa-instagram {
    color: #ffffff;
    font-size: 18px;
}

.social-icon:hover .fa-instagram {
    color: #232323;
    font-size: 18px;
}

.social-icon-2 .fa-vk {
   color: #ffffff; 
    font-size: 18px;
}

.social-icon-2:hover .fa-vk {
   color: #232323;
}

.footer-list {
    padding: 0;
    list-style: none;
}

.footer-list .fa-chevron-right {
    font-size: 12px;
    color: #ffffff;
    margin-right: 13px;
    transition: 0.3s linear;
}

.footer-list li {
       display: flex;
    margin-bottom: 10px;
}

.footer-list li a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    transition: 0.3s linear;
}

.footer-list li a:hover {
    text-decoration: none;
    color: #777777;
}

.footer-list li:hover > .fa-chevron-right {
    color: #777777;
}

.footer-list .last-item a {
    color: #777777;
}

.footer-list .last-item a:hover {
    color: #ffffff;
}

.work-item {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 11px;
}

.work-item span {
    margin-left: 35px;
}

.work-item b {
    color: #777777;
    font-weight: bold;
}

.fa-phone,.fa-envelope,.fa-clock {
    color: #777777;
    margin-right: 10px;
}

.fa-phone {
    transform: rotate(90deg);
}

.footer-text-under {
    margin-top: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 13.96px;
}

.dev {
    padding: 11px 0 13px;
    background-color: #333333;
}

.left-nav {
    width: 100%;
    box-shadow: 1px 1px 4px rgba(30, 30, 30, 0.3);
    background-color: #ffffff;
}

.left-nav-title {
    background-color: #f4f4f4;
    padding: 17px 15px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.left-nav ul {
    padding: 0;
    list-style: none;
}

.left-nav ul li {
    position: relative;
    border-top: 1px solid #dae2e6;
}

.left-nav ul li a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 11px 0;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s linear;
  /* margin-left: 47px;*/
}
.left-nav ul.dropdown_menu li > a > span.menu-image-title{
padding-left: 50px;
}
.left-nav ul li:nth-child(5) a {
    width: 241px;
    line-height: 14px;
}

.left-nav ul li i {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 12px;
    transition: 0.3s linear;
}

.left-nav ul li >i:hover {
    color: #ff9c00;
}

/*.left-nav ul li:hover a {
    color: #ff9c00;
}*/

.left-nav ul li:hover .left-nav-img {
    background-image: url(../img/left-nav/home-hover.png);
}

.left-nav ul li:hover .left-nav-img-2 {
    background-image: url(../img/left-nav/doorway-hover.png);
}

.left-nav ul li:hover .left-nav-img-3 {
    background-image: url(../img/left-nav/door-room-hover.png);
}

.left-nav ul li:hover .left-nav-img-4 {
    background-image: url(../img/left-nav/portal-active.png);
}

.left-nav ul li:hover .left-nav-img-5 {
    background-image: url(../img/left-nav/door-handle-hover.png);
}

.left-nav ul li:hover .left-nav-img-6 {
    background-image: url(../img/left-nav/single-door-hover.png);
}

.left-nav ul li:hover .left-nav-img-7 {
    background-image: url(../img/left-nav/fluctuation-hover.png);
}

.left-nav-img {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/left-nav/1.png);
    background-size: cover;
    transition: 0.3s linear;
    margin: 10px 0 10px 15px;
}

.left-nav-img-2 {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 31px;
    background-image: url(../img/left-nav/2.png);
        background-size: cover;
    transition: 0.3s linear;
    margin: 5px 0 5px 15px;
}

.left-nav-img-3 {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 30px;
    background-image: url(../img/left-nav/3.png);
        background-size: cover;
    transition: 0.3s linear;
    margin: 6px 0 6px 15px;
}

.left-nav-img-4 {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/left-nav/4.png);
        background-size: cover;
    transition: 0.3s linear;
    margin: 10px 0 10px 15px;
}

.left-nav-img-5 {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 20px;
    background-image: url(../img/left-nav/5.png);
        background-size: cover;
    transition: 0.3s linear;
    margin: 10px 0 10px 15px;
}

.left-nav-img-6 {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/left-nav/6.png);
        background-size: cover;
    transition: 0.3s linear;
    margin: 10px 0 10px 15px;
}

.left-nav-img-7 {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/left-nav/7.png);
        background-size: cover;
    transition: 0.3s linear;
    margin: 10px 0 10px 15px;
}

.banner-box-1,.banner-box-2,.banner-box-3,.banner-box-4 {
    width: 100%;
height: 100%;
transition: .3s linear;
display: block;
}

.banner-box-1 img,.banner-box-2 img,.banner-box-3 img,.banner-box-4 img {
width: 100%;
}

.banner-box-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .3s linear;
}


.banner-box-shadow:hover {
   background-color: rgba(77, 77, 77, 0.28);
}


.banner-box-shadow:hover {
    background-color: rgba(77, 77, 77, 0.28);
}

.banner-box-shadow:hover  {
    background-color: rgba(77, 77, 77, 0.28);
}


.banner-box-shadow:hover {
    background-color: rgba(77, 77, 77, 0.28);
}

@media (max-width: 1199px) {
    .menu .brd {padding: 0px 7px !important;}
    .menu p {font-size: 12px;padding: 7px 0;}
    .h-menu ul li {padding: 12px 39px 6px;}
    .test .second-p {font-size: 19px;}
    .box-dveri {width: 135px;}
    .box-dveri p {line-height: 12px;margin: 10px 0;}
    .hits-box {width: 100%; height: auto;}
    .title-price {display: block;text-align: center;}
    .price {display: block;text-align: center;}
    .hits-box-button {margin-bottom: 10px;}
    .hits-box-button a {display: block;margin: 0 10px;padding: 14px 20px 12px;}
    .our-service-box {height: auto;}
}

/*********Delivery***************/

.devilery-test {
    margin: 50px 0;
    width: 100%;
    height: auto;
    padding: 17px 0;
    background-color: #ff9c00;
    box-shadow: 1px 1px 4px rgba(30, 30, 30, 0.3);
    border: 3px dashed #ffffff;
}

.devilery-test-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 74px;
}

.devilery-test-title-2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -1.2px;
    text-align: center;
    margin: 18px 0 15px;
    padding: 0 25px;
}

.devilery-test-img {
    text-align: center;
    margin-bottom: 21px;
}

.devilery-test-button {
    text-align: center;
}

.devilery-test-button a {
   display: inline-block;
    padding: 13px 41px;
    background-color: #dc0000;
    border: 1px solid #ffffff;
    border-radius: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    transition: 0.3s linear;
    text-decoration: none; 
}

.devilery-test-button a:hover {
    color: #dc0000 !important;
    background-color: #ffffff;
    border-color: #dc0000;
}

.breadcrumbs {
    width: 100%;
    height: auto;
    padding: 12px 0;
    background-color: #f4f4f4;
    border-top: 1px solid #dae2e6;
    border-bottom: 1px solid #dae2e6;
    
}

.breadcrumbs-img {
    display: inline-block;
    margin: -7px 14px;
    width: 27px;
    height: 27px;
    background-image: url(../img/left-nav/1.png);
    background-size: contain;
     transition: .3s linear;
}

.breadcrumbs .fa-angle-right {
    color: #ff9c00;
    font-size: 18px;
    line-height: 18px;
    padding: 9px 5px 9px 0px;
    transition: .3s linear;
}

.breadcrumbs .fa-angle-right.active {
    color: #222222;
    background-color: transparent;
}


.breadcrumbs-link {
    display: inline-block;
    color: #ff9c00;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    transition: .3s linear;
    margin-right: 16px;
}

.breadcrumbs-link.active {
    color: #222222;
    background-color: transparent;
}

.breadcrumbs-link.active:hover {
    color: #ff9c00;
    background-color: transparent;
}

.breadcrumbs-link:hover {
    color: #222222;
    text-decoration: none;
}

.breadcrumbs .fa-angle-right:hover {
    color: #222222;
}

.fa-angle-right.active:hover {
    color: #ff9c00;
}

.breadcrumbs .breadcrumbs-img:hover {
    background-image: url(../img/left-nav/home-hover.png);
}

.devilery-h4 {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    margin: 45px 0 20px;
}

.devilery-price {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 27px;
}

.devilery-price-box {
    margin: 12px 0;
}


.devilery-price-box-text {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 5px;
}

.delivery-p {
    margin-top: 25px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 0;
}

.delivery-p b {
    color: #dc0000;
}

.delivery-zakaz-button {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.delivery-zakaz-button a {
    display: inline-block;
    background-color: #dc0000;
    border: 1px solid #dc0000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 12px 35px;
    border-radius: 25px;
    transition: .3s linear;
    text-decoration: none;
}

.delivery-zakaz-button a:hover {
    background-color: #ffffff;
    color: #dc0000;

}

/********payment***************/

.breadcrumbs .red {
    color: #dc0000;
    font-size: 18px;
    line-height: 18px;
    padding: 9px 14px 9px 4px;
}

.breadcrumbs-link-2 {
        display: inline-block;
    color: #dc0000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
}

.payment-title {
    display: inline-block;
    margin-top: 54px;
    margin-bottom: 26px;
    color: #222222;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.payment-item {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
}

.payment-item b {
    font-size: 18px;
}

.payment-p-bold {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 16px;
}

.payment-zakaz-button {
        text-align: center;
    margin-top: 35px;
}

.payment-zakaz-button a {
    display: inline-block;
    background-color: #dc0000;
    border: 1px solid #dc0000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 12px 35px;
    border-radius: 25px;
    transition: .3s linear;
    text-decoration: none;
}

.payment-zakaz-button a:hover {
    background-color: #ffffff;
    color: #dc0000;

}

.cards {
    margin-top: 45px;
    width: 100%;
    height: auto;
    padding: 50px 0;
    background-color: #f4f4f4;
    border-top: 3px dashed #b2b2b2;
    border-bottom: 3px dashed #b2b2b2;
}

.card-box {
    display: inline-block;
    width: 28.5%;
    margin: 0 2.2%;
}

.card-box-line {
    width: 100px;
    height: 1px;
    background-color: #000000;
    margin: 16px auto;
}

.card-box-description {
    text-align: center;
}

.card-box-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.card-box-usloviya {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

/******contacts***************/

.cont-roz,.cont-dil {
    padding: 50px 0;
}

.cont-dil {
    border-top: 3px dashed #ff9c00;
    border-bottom: 3px dashed #b2b2b2;
}

.cont-roz-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.cont-roz-title-red {
    color: #dc0000;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.cont-item {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    transition: .3s linear;
    cursor: pointer;
}

.cont-item:hover {
    font-weight: bold;
}

.cont-item img {
    margin-right: 5px;
}

.cont-item .fa-envelope {
    margin-right: 4px;
    color: #222222;
    font-size: 18px;
}

.cont-roz a, .cont-dil a {
    margin-top: 22px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.35px;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #000000;
    transition: .3s linear;
}

.cont-roz a:hover {
    color: #ff9c00;
    text-decoration-color: #ff9c00;
}

.cont-dil a:hover {
    color: #ff9c00;
    text-decoration-color: #ff9c00;
}

.cont-rekvizit {
    padding: 50px 0;
    border-bottom: 3px dashed #b2b2b2;
    margin-bottom: 50px;
}

.cont-rekvizit-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}


.cont-rekvizit-text {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 27px;
}

/***********О нас**************/

.about_us_text {
    padding: 48px 0;
}

.about_us_text h4 {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom:  28px;
}

.about_us_text p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 27px;
}

.about_us_text p:last-child {
    margin-bottom: 0;
}

.about_us_text b {
    color: #dc0000;
}

.about-border-top {
    border-top: 3px dashed #ff9c00;
    background-color: #f7f7f7;
    padding-left: 17px;
}

/*.about {
    padding-left: 17px;
}*/

.dop-block {
    padding: 0 0 50px;
}

.dop-block-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.dop-block-box {
    display: inline-table;
    width: 32%;
    margin-right: 1%;
}

.dop-block-line {
    display: block;
    width: 100px;
    height: 1px;
    background-color: #000000;
    margin: 16px auto;
}

.dop-block-text {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 30px;
}

.footer-social-icon {margin-bottom: 20px;}

.payment-zakaz-button {margin-bottom: 35px;}

/************menu-mobile*********************/

.menu__icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    cursor: pointer;
    top: 12px;
    z-index: 9999999;
}

.menu__icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #333333;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.menu__icon span:nth-child(1) {
  top: 0px;
}

.menu__icon span:nth-child(2), .menu__icon span:nth-child(3) {
  top: 8px;
}

.menu__icon span:nth-child(4) {
  top: 16px;
 }

.menu__links-item {
    display: inline-block;
    color: #333333;
    font-family: Arial;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    transition: opacity .4s;
}

.menu__links-item:hover {
    text-decoration: underline;
}

.menu.menu_state_open .menu__icon span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.menu.menu_state_open .menu__icon span:nth-child(2) {
  transform: rotate(45deg);
    background: #ffffff;
}

.menu.menu_state_open  .menu__icon span:nth-child(3) {
  transform: rotate(-45deg);
    background: #ffffff;
}

.menu.menu_state_open  .menu__icon span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.menu.menu_state_open .menu__links { 
    display: block;
    opacity: 1;
    transition: opacity .5s linear; 
}

.menu__links {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    overflow: auto;
    opacity: 0;
    transition: opacity .5s linear;
    padding-left: 0;
}
  
  .menu__links-item {
    display: block;
    padding: 5px 0;
    text-align: center;
    color: #ffffff !important;
      transition: 1s linear; 
  }

.menu__links-item:hover {
    background-color: #ff9c00;
}

@media (max-width:991px) {
    .time {display: block;margin: 34px 0 21px;text-align: end;}
    .banner a {display: block; margin: 10px 0;}
    .box-tablet {border-left: none;}
    .test-button {border-left: none;}
    .zakaz-dveri-text {padding-top: 0;padding-bottom: 54px;}
    .h-dveri {width: 100%;text-align: center;}
    .h-dveri-2,.h-dveri-3 {width: 100%;}
    .hits-box {margin: 5px 0;}
    .form-carousel h3 {margin-top: 10px;margin-bottom: 25px;}
    .head-number .velcom,.head-number .mts,.zakaz-zvon {text-align: center;}
    .menu__icon span {width: 80%;}
    .vhod-dveri-main {text-align: center;}
    .hits-box-price {text-align: center;}
    .price-slide {margin-top: 5px;}
}

@media (max-width:768px) {
    .head-search {margin: 0;}
}

@media (max-width:767px) {
    .h-dveri {text-align: center;}
    .box-dveri {width: 48%;display: inline-table;}
    .box-dveri img {height: inherit;}
}

@media (max-width:768px) {
    .box-tablet-img {display: none;}
    .box-tablet {height: 0;}
    .box-dveri {display: block;margin: 0 auto 29px;}
    .h-dveri {text-align: center;}
}

@media (max-width:767px) {
    .logo-img {text-align: center;}
    .time {text-align: center;}
    .time-z {font-size: 16px;}
    .time-d {font-size: 18px;line-height: 21px;}
    .box-tablet-img {display: none;}
    .box-tablet {height: 0;}
    .box-dveri {width: 100%;display: block;height: auto;}
    .ost-voprosy-title,.ost-voprosy-title-2 {text-align: center;}
}

@media (max-width:350px) {
    .left-nav ul li:nth-child(5) a {
        width: auto;
    }
}


/**********about us***********/

@media (max-width:1199px) {
    .dop-block-box {margin: 10px 0;}
    .devilery-test-title-2 {padding: 0 15px;}
}

@media (max-width:991px) {
    .dop-block-box {;width: 100%;}
    .dop-block-box img {display: block;margin: 15px auto;}
    .dop-block-title {text-align: center;}
}

/**********pay***************/
@media (max-width:1199px) {
    .card-box {display: inline-table;margin-bottom: 10px;}
    .cards {text-align: center;}
}

@media (max-width:767px) {
    .card-box {display: block;margin: 20px 0 ;width: 100%;}
}

@media (max-width:400px) {
    .card-box-usloviya {padding: 0 15px;}
}

/**************owl****************/

.owl-theme .owl-nav {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    transform: translateY(200%);
    z-index: 9999999;
}

.owl-theme .owl-dots {
    position: absolute;
    bottom: 27px;
    margin-left: 27px;
}

.owl-carousel .owl-nav span {
    font-size: 36px;
    color: #222222;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 2px !important;
    width: 13px !important;
    height: 13px !important;
}

.owl-carousel .owl-nav button.owl-next {right: -45%;position: relative;}
.owl-carousel .owl-nav button.owl-prev {left: -45%;position: relative;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    border: 1px solid #dc0000;
    background: #ff9c00 !important;
}

.owl-theme .owl-dots span {
    border: 1px solid #dc0000;
    background-color: transparent !important;
}
.v-o-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    margin: 50px 0 22px;
}

.accordion-block {
    margin-bottom: 10px;
    position: relative;
}

.accordion-block:nth-child(6) i {
    position: absolute;
    top: 25px;
    right: 20px;
}

.accordion {
  background-color: #f2f2f2;
  color: #222222;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  padding: 16px 18px;
  width: 100%;
  text-align: left;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: none;
  outline: none !important;
  transition: 0.4s;
    line-height: 18px;
}


.active, .accordion:hover {
  background-color: transparent;
}

.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
     border: 1px solid #e5e5e5;
}

.panel p {
    width: 70%;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 15px 17px;
}

.accordion i {
  font-size: 24px;
  color: #ff9c00;
  float: right;
  margin-left: 5px;
}

.stock-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.stock-title-2 {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 25px;
}

.stock-today {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.stock-img-box {
    display: inline-block;
    margin: 25px 0 50px;
}

.stock-img-box-1 {
    display: inline-block;
    margin-right: 15px;
}

.stock-img-box-1:last-child {
    margin-right: 0;
}

.stock-doors {
    border-top: 3px dashed #b2b2b2;
    border-bottom: 3px dashed #b2b2b2;
    padding: 50px 0;
}

.stock-doors-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.under-door-text {
    padding-top: 50px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.page-link {
    color: #ff9c00;
    border: 1px solid #ff9c00;
}

.page-link:hover {
  color: #ffffff;
  background-color: #ff9c00;
  border-color: #ff9c00;
}

.page-item.active .page-link {
    background-color: #ff9c00 !important;
    color: #ffffff;
    border-color: #ff9c00;
}

.slope-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

.slope-title-b {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin: 24px 0;
}

.slope-img-txt {
    display: inline-block;
}

.slope-img-box {
    display: inline-block;
    margin-right: 25px;
    float: left;
}

.slope-img-box img {
    display: block;
    max-width: 100%;
}

.slope-txt-box {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14.03px;
    padding: 42px 0;
}

.slope-txt-box p {

    margin-bottom: 25px;

}


.slope-img-box-block {
    display: inline-flex;
    padding: 50px 0 25px;
}

.slope-img-box-block img {
    margin: 0 10px;
}

.slope-txt-under {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 25px;
}

.slope-txt-under-list {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.slope-button-block {
    text-align: center;
    margin: 50px 0 0;
}

.slope-button {
    display: inline-block;
    padding: 14px 28px;
    border: 1px solid #dc0000;
    border-radius: 25px;
    background-color: #dc0000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    transition: .3s linear;
}

.slope-button:hover {
   color: #ff9c00;
    background-color: #ffffff;
    text-decoration: none;
}

.block-table {
    margin-top: 50px;
    padding: 50px 0 0;
    border-top: 3px dashed #b2b2b2;
}

.block-table-price {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.table th {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 10px 16px;
}

.table th:last-child {text-align: center;}

.table td {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 10px 15px;
}

.table td:nth-child(2n) {
    text-align: center;
}

.under-table-list {margin-bottom: 45px;}

.under-table-list-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 5px;
}

.under-table-list-item {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 5px;
}

.under-table-list-item .fa-check {
    font-size: 14px;
    color: #dc0000;
}

.list-too {
    margin-bottom: 20px;
}

.under-table-text {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.table-button {
    text-align: center;
    margin-top: 50px;
}

.table-button a {
    display: inline-block;
    padding: 14px 32px;
    border: 1px solid #dc0000;
    background-color: #dc0000;
    border-radius: 25px;
    color: #ffffff;
    transition: .3s linear;
}

.table-button a:hover {
    background-color: #ffffff;
    color: #dc0000;
    text-decoration: none;
}

.install-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.install-text {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 26px;
}

.install-title-b {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.froze-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.froze-title-b {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 36px;
}

.circle-first,.circle-second {
    margin-bottom: 76px;
    display: flex;
    justify-content: center;
}


.circle-block {
    position: relative;
    width: 15%;
}



.circle,.circle-2,.circle-3,.circle-4 {
    position: relative;
    width: 111px;
    height: 111px;
    border: 1px solid #dae2e6;
    border-radius: 50%;
}

.circle img {
    padding: 20px 30px;
}

.circle-2 img {
    padding: 35px 35px;
}

.circle-3 img {
    padding: 30px 30px;
}

.circle-4 img {
    padding: 35px 30px;
}

.circle-small {
    position: absolute;
    top: -15px;
    right: 0;
    width: 41px;
    height: 41px;
    border: 1px solid #dc0000;
    border-radius: 50%;
    background-color: #ffffff;
    color: #dc0000;
    font-size: 22px;
    font-weight: 700;
    line-height: 14px;
    padding: 11px 13px;
}

.circle-title,.circle-title-3 {
    position: relative;
    display: block;
    margin-top: 18px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    /*padding: 0 30px;*/
}

.circle-title-3 {
    position: absolute;
    padding: 0;
}

.circle-line {
   width: 20%;
    text-align: center;

}

.circle-line span {
    display: inline-block;
    width: 96px;
    height: 1px;
    background-color: #000000;
    margin-top: 35%;
}

.froze-text {
    padding: 50px 0;
    border-top: 3px dashed #b2b2b2;
    border-bottom: 3px dashed #b2b2b2;
}

.froze-text p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.froze-text-b {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 45px;
}

.how-list-item img {
    margin-right: 17px;
    float: left;
}

.how-list-item {
    margin-bottom: 11px;
    height: 45px;
}

.how-list-item:last-child {
    margin-bottom: 0;
}

.how-list-text {
       color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px; 
}

.list-item-1 {
   margin-bottom: 0; 
}

.list-item-1 img {
   margin-right: 10px; 
}

.list-text-1 {
    padding: 10px 0;
}

.list-text-2 {
    padding: 15px 0;
}

.list-text-3 {
    padding: 5px 0;
}

.zamer-samomu {
    padding: 50px 0 25px;
}

.zamer-samomu-title {
    margin-bottom: 25px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
}

.zamer-list-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 25px;
}

.zamer-list-item {
    margin-bottom: 10px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.zamer-list-item img {
    margin-right: 10px;
}

.portfolio-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

.portfolio-text {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.portfolio-text p {
    margin-bottom: 22px;
}

.portfolio-block-list {
    padding-top: 50px;
    border-top: 3px dashed #b2b2b2;
}

.portfolio-block {
    position: relative;
    width: 230px;
    height: 215px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 30px;
}

.portfolio-block:hover .portfolio-block-shadow {
    display: block;
}

.portfolio-block:nth-child(3) {
    margin-right: 0;
}

.portfolio-block:nth-child(6) {
    margin-right: 0;
}

.portfolio-block:nth-child(9) {
    margin-right: 0;
}

.portfolio-block:nth-child(12) {
    margin-right: 0;
}

.portfolio-block:nth-child(15) {
    margin-right: 0;
}

.portfolio-block:nth-child(18) {
    margin-right: 0;
}

.portfolio-block-shadow {
    display: none;
    position: absolute;
    width: 95%;
    height: 95%;
    background-color: rgba(31, 31, 31, 0.54);
    margin: 6px;
    text-align: center;
}

.portfolio-block-shadow .fa-search-plus {
    color: #ffffff;
    font-size: 22px;
    line-height: 215px;
}

.comment-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 25px;
}

.comment-tab-list {
    border-top: 3px dashed #b2b2b2;
}

.comment-nav {
    margin: 25px 0;
    list-style: none;
}

.comment-nav li {
    display: inline-block;
    cursor: pointer;
}

.comment-nav li.active {
    color: #dc0000;
    background-color: #ffffff;
}

.comment-nav li {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-right: 50px;
}

.vhod-nav {
    list-style: none;
    padding: 0;
    margin-bottom: 0;    
    position: absolute;
    top: 0;
    right: 0;
}

.vhod-nav li {
   display: inline-block; 
    background-color: #ffffff;
}

.vhod-nav li a {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-right: 20px;
}

.vhod-nav li:last-child a {
    margin-right: 0;
}

.vhod-nav li a:hover {
    text-decoration: none;
}

.vhod-nav li.active a {
    color: #dc0000;
    background-color: #ffffff;
}

.nav-tabs {
    border-bottom: none;
}

.comment-nav .active {
    color: #dc0000;
    background-color: #ffffff;
}

.portfolio-block-video {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 215px;
}

.portfolio-block-video .fa-youtube {
    font-size: 22px;
    color: #ffffff;
}

.recent {margin-bottom: 50px;}

.recent-title {
    padding: 20px 0 20px 17px;
    background-color: #f4f4f4;
    border-top: 1px solid #dae2e6;
    border-bottom: 1px solid #dae2e6;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.recent-block {
    height: 165px;
    padding: 8px 0;    
    margin-left: 15px;
}

.recent-block img {
    float: left;
    margin-right: 30px;
    height: 100%;
}

.recent-block-text a:hover {
    text-decoration: none;

}

.recent-block-text {
    transition: .3s linear;
}

.recent-block-text:hover {
    opacity: .5;
}


.recent-block span:first-child {
    display: block;
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.recent-block span:nth-child(2){
    display: block;
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 5px;
}

.recent-block span:last-child {
    color: #dc0000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.block-dveri {
    padding: 25px 0;
}

.block-dveri-box {
    position: relative;
    width: 232px;
    height: 439px;
    border: 1px solid rgba(255, 156, 0, .2);
    transition: .3s linear;
    margin-bottom: 30px;
    display: inline-table;
    margin-right: 11px;
}

.block-dveri-box:nth-child(3),.block-dveri-box:nth-child(6),.block-dveri-box:nth-child(9),.block-dveri-box:nth-child(12),.block-dveri-box:nth-child(15),.block-dveri-box:nth-child(18) {
    margin-right: 0;
}

.block-dveri-box:hover {
    border-top: 1px solid #ff9c00;
    border-right: 1px solid #ff9c00;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: 4px 7px 8px rgba(0, 0, 0, 0.1);
}

.block-dveri-box:hover > .block-bottom {
    visibility: visible;
}

.block-dveri-box:hover > .block-side {
    visibility: visible;
}

.vhod-dveri-block-list:hover > .block-side-2 {
    visibility: visible;
}

.vhod-dveri-block-list:hover > .block-bottom-2 {
    visibility: visible;
}

.block-dveri-box-price {
    display: block;
    color: #dc0000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 20px 50px;
}

.block-dveri-box img {
    display: block;
    margin: 0 auto;
}

.block-dveri-box-title {
    display: block;
    width: 94px;
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    line-height: 12.03px;
    text-align: center;
    margin: 0px auto 0;
}

.block-bottom {
    position: absolute;
    bottom: -30%;
    right: -1px;
    padding: 30px 30px;
    box-shadow: 4px 7px 8px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #ff9c00;
    border-bottom: 1px solid #ff9c00;
    background-color: #ffffff;
    text-align: center;
    visibility: hidden;
    z-index: 99999;
}


.block-bottom-2 {
    position: absolute;
    bottom: -20%;
    right: -1px;
    width: 360px;
    padding: 30px 0;
    box-shadow: 4px 7px 8px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #ff9c00;
    border-bottom: 1px solid #ff9c00;
    background-color: #ffffff;
    visibility: hidden;
    z-index: 99999;
}

.block-bottom-2 span {
    float: left;
}

.block-bottom-2 span:first-child {
    margin-left: 30px;
}

.block-bottom-2 span:last-child {
    margin-left: 25px;
}

.btn-dveri {
    display: inline-block;
    padding: 14px;
    border: 1px solid #dc0000;
    border-radius: 25px;
    background-color: #dc0000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

.btn-dveri:hover {
    color: #dc0000;
    border: 1px solid #dc0000;
    background-color: #ffffff;
    text-decoration: none;
    transition: .3s linear;
}

.review {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    text-decoration: underline;
}

.review:hover {
   color: #222222; 
    opacity: .5;
}

.block-side {
    position: absolute;
    left: -50%;
    top: -1px;
    padding: 30px 30px 151px;
    box-shadow: -4px 8px 8px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #ff9c00;
    border-left: 1px solid #ff9c00;
    border-right: none;
    border-bottom: 1px solid #ff9c00;
    background-color: #ffffff;
    visibility: hidden;  
    text-align: center;
    z-index: 99999;
}

.block-side-2 {
    position: absolute;
    left: -35%;
    top: -1px;
    padding: 30px 30px 62px;
    box-shadow: -4px 8px 8px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #ff9c00;
    border-left: 1px solid #ff9c00;
    border-right: none;
    border-bottom: 1px solid #ff9c00;
    background-color: #ffffff;
    visibility: hidden;  
    text-align: center;
    z-index: 99999;
}

.block-side-3 {
   padding: 30px 30px 189px; 
}

.block-side-2 ul {
    list-style: none !important;
    padding: 0 !important;
    top: 0 !important;
    position: relative !important;
}

.block-side-2 ul li {
    display: block !important;
    margin-right: 0 !important;
    margin-bottom: 8px;
}

.block-side-title {
    display: inline-block;
    width: 67px;
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    margin-bottom: 8px;
}

.block-side-title-2 {
    display: inline-block;
    width: 40px;
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    margin-bottom: 8px;
}

.block-side-title-3 {
    width: 55px;
}

.block-side ul {
    list-style: none;
    padding: 0;
}

.block-side ul li {
    margin: 4px 0;
}

.mezh-dveri-text {
    margin-top: 25px;
    padding-top: 50px;
    border-top: 3px dashed #b2b2b2;
}

.mezh-dveri-img-text img {
    display: inline-block;
    float: left;
    margin-right: 30px;
}

.mezh-dveri-right-text {
    padding: 20px 0;
}

.mezh-dveri-right-text p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14.04px;
    margin-bottom: 8px;
}

.mezh-dveri-list {
    width: 40%;
    display: inline-table;
    margin-right: 5%;
}

.mezh-dveri-list.list-2 {
    margin-left: 5%;
    margin-right: 0;
}

.mezh-dveri-list-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin: 25px 0;
}

.mezh-dveri-list ul {
    list-style: none;
    padding: 0;
}

.mezh-dveri-list span {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 8px;
}

.mezh-dveri-list ul li {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
}

.mezh-dveri-list ul li .fa-check {
    color: #dc0000;    
}

.mezh-dveri-text-button {
    text-align: center;
}

.mezh-dveri-text-button a {
    display: inline-block;
    margin: 40px 0 50px;
    padding: 14px 30px;
    border: 1px solid #dc0000;
    border-radius: 25px;
    background-color: #dc0000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    transition: .3s linear;
}

.mezh-dveri-text-button a:hover {
    border: 1px solid #dc0000;
    background-color: #ffffff;
    color: #dc0000;
    text-decoration: none;
}

.furnitura-block {
    padding: 50px 0 20px;
}

.furnitura-box {
    display: inline-table;
    position: relative;
    width: 232px;
    height: 330px;
    border: 1px solid rgba(255, 156, 0, .2); 
    margin-bottom: 15px;
    margin-left: 8px;
}

.furnitura-box:hover {
    border-right: 1px solid #ff9c00;
    border-top: 1px solid #ff9c00;
    border-left: 1px solid #ff9c00;
    border-bottom: 1px solid #ffffff;
    box-shadow: 4px -4px 8px rgba(0, 0, 0, 0.1);
}

.furnitura-box:hover > .furnitura-box-bottom {
    visibility: visible;
}

.furnitura-box-price {
    color: #dc0000;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    margin: 23px 22px;
}

.furnitura-box-img {
    width: 190px;
    height: 190px;
   /* background-image: url(../img/fur/1.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-2 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/2.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-2:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-3 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/2.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-3:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-4 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/3.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-4:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-5 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/4.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-5:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-6 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/5.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-6:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-7 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/6.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-7:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-8 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/7.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-8:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-9 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/8.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-9:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-10 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/9.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-10:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-11 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/10.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-11:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-12 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/11.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-12:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-13 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/12.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-13:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-14 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/13.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-14:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-15 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/14.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-15:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-16:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-16 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/15.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-17:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-17 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/16.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-18 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/17.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-18:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-img-2 {
    width: 190px;
    height: 190px;
    background-image: url(../img/fur/18.png);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 1px 1px 1px rgba(67, 67, 67, 0.35);
    margin: 0 auto;
}

.furnitura-box-img-2:hover {
    background-image: url(../img/fur/1.png);
}

.furnitura-box-title {
    color: #222222;
    font-size: 12px;
    font-weight: 700;
    line-height: 12.03px;
    margin: 25px 0 12px 21px;
}

.furnitura-box-title-2 {
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin: 0 0 21px 21px;
}

@media (max-width:1354px){
	.furnitura-box-bottom{
		left: -0.3% !important;
	}	
}
@media (max-width: 1354px){
	.furnitura-box-bottom {
      left: -0.4% !important;
    }
}

.furnitura-box-bottom {
    position: absolute;
    bottom: -36%;
    left: -.2%;
    width: 232px;
    border-right: 1px solid #ff9c00;
    border-bottom: 1px solid #ff9c00;
    border-left: 1px solid #ff9c00;
    border-top: 1px solid #ffffff;
    background-color: #ffffff;
    text-align: center;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 99999;
    visibility: hidden;
}

.btn-fur {
    display: inline-block;
    border: 1px solid #dc0000;
    border-radius: 25px;
    background-color: #dc0000;
    padding: 14px 9px 14px 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin: 20px 0;
}

.btn-fur:hover {
   color: #dc0000;
   background-color: #ffffff; 
   border: 1px solid #dc0000;
    text-decoration: none;
    transition: .3s;
}

.more-fur {
    display: inline-block;
    margin-bottom: 20px;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14.23px;
    text-decoration: underline;
}

.more-fur:hover {
    color: #222222;
    opacity: .5;
}

.fur-logo-text {
    margin-top: 50px;
    padding: 50px 0;
    border-top: 3px dashed #b2b2b2;
}

.logo-text-img {
    padding: 35px 0;
    float: left;
    margin-right: 50px;
}

.logo-text-right {
    width: 60%;
    display: inline-block;
}

.logo-text-right p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14.04px;
    margin-top: 10px;
}

.fur-button {text-align: center;}

.fur-button a {
    display: inline-block;
    border: 1px solid #dc0000;
    background-color: #dc0000;
    padding: 14px 30px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    transition: .3s linear;
    margin-bottom: 30px;
}

.fur-button a:hover {
    background-color: transparent;
    border: 1px solid #dc0000;
    color: #dc0000;
    text-decoration: none;
}

@media (max-width:1199px) {
    .comment-nav li {margin-right: 30px;}
    .comment-tab-list {text-align: center;}
    .portfolio-block {margin: 15px !important;}
    .furnitura-block {text-align: center;}
    .logo-text-img {float: none;}
    .devilery-price-box-text {display: block;}
    .devilery-price-box img {float: left;}
    .devilery-price-box {height: 50px;}
    .breadcrumbs {padding: 10px 20px;}
    .block-dveri {text-align: center;}
    .block-dveri-box-price {margin: 20px 0 20px 0;}
    .block-dveri-box {margin: 15px !important;}
    .recent-block {margin-left: 8px;}
    .portfolio-block-list {text-align: center;}
    .slope-img-box {width: 100%;}
    .slope-img-box-block {text-align: center;display: block;}
    .slope-img-box img {display: inline-block;margin-bottom: 20px;}
    .slope-img-box {width: 100%;text-align: center;}
    .stock-img-box {text-align: center;}
    .stock-img-box-1 {margin-bottom: 15px;}
    .stock-box {height: auto;}
    .stock-box > .hits-box-button a {padding: 13px 20px;}
    .hits-box-price {margin-bottom: 10px;}
    .stock-doors {text-align: center;}
}

@media (max-width:767px) {
    .comment-nav li {display: block;margin: 5px 0;}
    .portfolio-block {margin: 15px auto;}
    .circle-first,.circle-second {display: block;margin-bottom: 30px;}
    .circle-line {display: none;}
    .circle-block {width: 100%;display: block;}
    .circle, .circle-2, .circle-3, .circle-4 {display: block;margin: 30px auto;}
    .circle-title, .circle-title-3 {margin-bottom: 18px;margin-top: 0;position: relative;padding: 0 60px;}
    .breadcrumbs-link {font-size: 12px;}
    .breadcrumbs .fa-angle-right {font-size: 14px;}
    .mezh-dveri-img-text img {float: none;margin-right: 0;}
    .mezh-dveri-list {width: 100%;margin-left: 0;margin-right: 0;}
}

@media (max-width:522px) {
    .breadcrumbs {padding: 10px 20px;}
}

@media (max-width: 575px) {
   .banner a {text-align: center;}
	.block-dveri-box:hover{
		border-left: 1px solid #ff9c00;
	}
	.block-side{
		display: none;
	}
	.block-bottom{
		border-left: 1px solid #ff9c00;
		left: -1px;
	}
}

@media (max-width:443px) {
    .how-list-item {height: auto;}
}

.breadcrumbs-link.mezh-dver-det {
    color: #777777;
    margin-right: 8px;
}

.fa-angle-right.mezh-dver-det-2 {
    color: #222222;
    padding: 9px 9px 9px 4px;
}

.mezh-dver-change {
    padding: 50px 0 25px;
}

.mezh-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
}

.img-change {padding-top: 22px;width: 40%;float: left;display: inline-block;}

.img-title {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
}

.change-mat {width: 60%;padding-top: 22px;display: inline-block;}
.change-mat-title {
    padding: 20px 0 20px 14px;
    background-color: #f4f4f4;
    border-top: 1px solid #dae2e6;
    border-bottom: 1px solid #dae2e6;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.check-title {
    margin: 25px 0;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
}

.radio-change {
    width: 67px;
    text-align: center;
    margin-right: 30px;
    display: inline-table;
}

.radio-change p {
    height: 25px;
    color: #222222;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    margin: 10px 0;
}

.check-title-2 {
   margin: 22px 0;
    color: #222222;
    font-size: 14px;
    font-weight: 700; 
}

.mezh-button-price {
    position: relative;
    padding-top: 25px;
    padding-bottom: 5px;
    margin-top: 25px;
    border-top: 3px dashed #b2b2b2;
    border-bottom: 3px dashed #b2b2b2;
}

.mezh-button-price > a {
    display: inline-block;
    padding: 14px 28px;
    border: 1px solid #dc0000;
    border-radius: 25px;
    color: #dc0000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    transition: .3s linear;
}

.mezh-button-price > a:hover {
    color: #ffffff;
    background-color: #dc0000;
    text-decoration: none;
}

.price {
    position: absolute;
    top: 40px;
    right: 0;
    color: #dc0000;
    font-size: 36px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}

.mezh-button-price > p {
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    margin-top: 5px;
}

.mezh-text {
    padding: 50px 0;
}

.mezh-text {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.mezh-list-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin: 25px 0 10px;
}

.mezh-text ul,.vhod-text ul {
    padding: 0;
    list-style: none;
    margin-bottom: 25px;
}

.mezh-text ul li,.vhod-text ul li {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
}

.mezh-text ul li .fa-check, .vhod-text ul li .fa-check {
    color: #dc0000;
}

.change-dver {
    margin-right: 17px;
    margin-bottom: 25px;
}

.change-dver img {
    margin-bottom: 10px;
    width: 100%;
}

.dveri-mdf {
    margin-bottom: 25px;
}

.in-otd {
    margin-top: 0;
    margin-bottom: 25px;
}

.vhod-text {
    margin-top: 50px;
}

.vhod-list {
    margin-bottom: 25px;
}

.vhod-block-list {
    display: inline-table;
    width: 50%;
    margin-right: 3.5%;
}

.vhod-block-list-2 {
    display: inline-table;
    width: 45%;
}

.fur-text {
    padding: 50px 0;
}

.fur-text p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 25px;
}

.fur-red {
    color: #dc0000;
}

.change-mat label {
    color: #222222;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
}

.vhod-text-img {
    padding: 50px 0;
}

.vhod-img-opis {width: 50%;display: inline-block;}

.vhod-text-opis {width: 46%;display: inline-block;padding-left: 3%;color: #222222;font-size: 14px;font-weight: 400;line-height: 18px;top: 50px;position: relative;}

.vhod-item-plus {
    border-top: 3px dashed #b2b2b2;
    border-bottom: 3px dashed #b2b2b2;
    padding: 50px 0;
}


.vhod-item-block {
    width: 129px;
    text-align: center;
    display: inline-table;
    margin-left: 20px;
    margin-right: 30px;
}

.vhod-item-block:nth-child(4) {
    margin-right: 0;
}

.vhod-item-block-img {
    padding: 40px 30px;
    width: 101px;
    height: 101px;
    border: 1px solid #e9eef0;
    border-radius: 50%;
    margin: 0 auto;
}

.vhod-item-block-img-2 {
    padding: 35px 30px;
    width: 101px;
    height: 101px;
    border: 1px solid #e9eef0;
    border-radius: 50%;
    margin: 0 auto;
}

.vhod-item-block-img-3 {
    padding: 30px 30px;
    width: 101px;
    height: 101px;
    border: 1px solid #e9eef0;
    border-radius: 50%;
    margin: 0 auto;
}

.vhod-item-block p {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 10px 0;
}

.vhod-item-plus > section {
    margin-top: 25px;
    text-align: center;
}

.dver-hr {
    padding: 50px 0;
}

.dver-hr-title {
    padding: 20px 0 20px 16px;
    background-color: #f4f4f4;
    border-top: 1px solid #dae2e6;
    border-bottom: 1px solid #dae2e6;
    color: #222222;
    font-size: 14px;
    text-transform: uppercase;
}

.dver-hr-list {
    margin-top: 25px;
    width: 48%;
    display: inline-block;
    margin-right: 3%;
}

.dver-hr-list ul {
    list-style: none;
    padding: 0;
}

.dver-hr-list ul li {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
}

.dver-hr-list ul li i {
    color: #dc0000;
    font-size: 12px;
}

.dver-hr-img {
    position: absolute;
    width: 47%;
    display: inline-block;
    margin-top: 30px;
}

.vhod-dver-material {
    border-top: 3px dashed #b2b2b2;
    border-bottom: 3px dashed #b2b2b2;
    padding: 50px 0;
}

.vhod-dver-material-title {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}

.vhod-dver-material-box {display: inline-table;margin: 25px 37px 50px;}
.vhod-dver-material-box p {
	color: #222222;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	margin-top: 10px;}

.vhod-dver-material-box-2 {
    margin: 25px 0 50px;
    width: 165px;
    display: inline-table;
    margin-right: 30px;
	text-align: center;
}

.vhod-dver-material-box-2 p {
    margin-top: 12px;
    text-align: center;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;	
}

.vhod-dver-material-box-3 {
    margin: 25px 0 0px;
    width: 165px;
    display: inline-table;
    margin-right: 13px;
	text-align: center;
}

.vhod-dver-material-box-3 p {
    margin-top: 12px;
    text-align: center;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.vhod-dveri-block {
    padding: 50px 0;
}

.vhod-dveri-block-2 {
    padding: 0 0 50px 0;
    position: relative;
}

.nav-block-dveri {
    margin: 30px 0;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 2px;
    position: relative;
}

.nav-block-dveri-list {
    display: inline;
}

.nav-block-dveri-list p {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.nav-block-dveri-list-change {
    display: inline-table;
}

.nav-block-dveri-list-change {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.nav-block-dveri-item {
    position: relative;
    top: 0;
    right: 0;
}

.nav-block-dveri-item ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    top: -78px;
    right: 0;
}

.nav-block-dveri-item ul li {
    display: inline-block;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    margin-right: 20px;
}

.nav-block-dveri-item ul li:hover{
	color:#ff9c00;
	transition: .3s linear; 
}

.nav-block-dveri-item ul li:last-child {
    margin-right: 0;
}

.vhod-dveri-block-list {
    position: relative;
    width: 360px;
    height: 471px;
    border: 1px solid rgba(255, 156, 0, .2);
    display: inline-table;
    margin-bottom: 30px;
}

.vhod-dveri-block-list:hover {
    box-shadow: 4px 7px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #ff9c00;
}

.vhod-dveri-block-list-title {
    margin: 22px 0;
    text-align: center;
    position: relative;
}

.vhod-dveri-block-list-title span {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
}

.vhod-dveri-block-list-title span:first-child {
   padding-right: 38%;
}

.vhod-dveri-block-list-title span:last-child {
   color: #dc0000;
    font-weight: 700;
}

.vhod-dveri-block-list-img {
    text-align: center;
}

.vhod-dveri-block-left {width: 50%;text-align: center;position: absolute;left: 10px;}
.vhod-dveri-block-right {width: 50%;text-align: center;position: absolute;right: 10px;}

.vhod-dveri-block-left p b {
    margin: 20px 0 10px;
    color: #222222;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}

.vhod-dveri-block-right p b {
    margin: 20px 0 10px;
    color: #222222;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}

.vhod-dveri-block-left p {
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.vhod-dveri-block-left p:last-child {
    margin-top: 5px;
}

.vhod-dveri-block-right p {
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.button-more {
    padding: 20px 0;
    background-color: #f4f4f4;
    border-top: 1px solid #dae2e6;
    border-bottom: 1px solid #dae2e6;
    text-align: center;
}

.button-more a {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
}

.button-more a:hover {text-decoration: none;}

.vhod-dver-text-opis {width: 48%;display: inline-block;padding-left: 3%;color: #222222;font-size: 14px;font-weight: 400;line-height: 18px;position: absolute;}

.vhod-dver-text-opis span {
    display: block;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.vhod-dver-item-block-img {
    padding: 10px 12px;
    width: 40px;
    height: 40px;
    border: 1px solid #e9eef0;
    border-radius: 50%;
    margin: 0 auto;
}

.vhod-dver-item-plus {
    padding: 25px 0;
}

.vhod-dver-item-block {
    width: 40px;
    text-align: center;
    display: inline-table;
    margin-left: 13px;
    margin-right: 25px;
}

.vhod-dver-item-plus section {
    text-align: center;
    margin-top: 12px;
}

.vhod-dver-btn {text-align: center;}

.vhod-dver-btn a {
    display: inline-block;
    padding: 14px 20px;
    border: 1px solid #dc0000;
    border-radius: 25px;
    color: #dc0000;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
    transition: .3s linear;
}

.vhod-dver-btn a:hover {
    background-color: #dc0000;
    color: #ffffff;
    text-decoration: none;
}

.vhod-dveri-block-list-title p {
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
    padding-right: 55px;
}

#show {display:none;}

@media (max-width:1199px) {
    .vhod-img-opis {width: 100%;display: block;text-align: center;margin-bottom: 40px;}
    .vhod-dver-text-opis {width: 100%;display: block;padding-left: 0;position: relative;text-align: center;}
    .vhod-dveri-block-2 {text-align: center;}
    .nav-block-dveri-list {display: block;text-align: left;}
    .vhod-text-opis {width: 100%;text-align: center;padding-left: 0;top: 0;}
    .vhod-item-plus {text-align: center;}
    .vhod-item-block {margin-left: 5px;margin-right: 5px;}
    .vhod-dver-material-box {margin: 25px 23px 50px;}
    .vhod-dveri-block {text-align: center;}
}

@media (max-width:991px){
  .head-search {
    margin: 0px 0 25px;    
  }
  .head-number {
    margin: 0px 0 0;
  }	
  .form-carousel h1{
	margin: 30px 0 30px;	
  }	
  .footer-title{
	margin-top: 30px;	
  }		
  footer {
    padding: 21px 0 51px;    
  }	
  .hit-new-wr{
	display:block !important;	
  }	
  .hits {
	  display:none;
	}
	#show {
		display:block;
		padding: 0;
	}
}

@media (max-width:767px) {
    .vhod-dver-material {text-align: center;}
    .vhod-dver-material-box-2 {margin: 25px 0 14px;margin-right: 30px;}
    .comment-nav {padding: 0;}
    .mezh-dveri-list.list-2 {margin-left: 0;}
}

@media (max-width:585px){
	.fs18 {
      margin-bottom: 388px !important;
    }
}
@media (max-width:528px){
	.fs18{
      margin-bottom: 528px !important;
    }
}
@media (max-width:490px){
	.fs18 {
      margin-bottom: 598px !important;
   }
	.mezh-button-price > a{
     display: block; 
	 margin: 30px;	
	}
	.price{
		top:14px;
	}
}

@media (max-width:463px){
	.fs18 {
      margin-bottom: 686px !important;
   }	
}
@media (max-width:360px){
	.fs18 {
      margin-bottom: 826px !important;
   }	
}

@media (max-width:565px) {
    /*.img-change {
    width: 100%;
    float: none;
    display: block;
    }
    .change-mat {
    width: 100%;
    padding-top: 22px;
    display: block;
    }*/
    .change-mat > section {text-align: center;}
	
}

@media (max-width:494px) {
    .nav-block-dveri-item {position: relative;} 
    .nav-block-dveri-list {text-align: center;margin-bottom: 10px;}
}

@media (max-width:450px) {
    .dver-hr-list {width: 100%;margin-right: 0;padding: 0 10px;}
    .dver-hr-img {position: relative;width: 100%;text-align: center;}
}

@media (max-width:443px){
	.list-item-1{
		margin-bottom: 11px;
	}
	.list-text-3 {
      padding: 0;
    }
  .how-list-text {    
    margin: 20px 0 20px;
  }
  .list-text-2 {
    padding: 0;
   }	
}

@media (max-width:400px){
  .devilery-price-box {
    margin: 36px 0;
  }
}

@media (max-width:390px) {
    .vhod-dveri-block-list {width: 100%;}
    .vhod-item-plus > section {margin-top: 0;}
    .mezh-button-price > span {display: block;position: relative;margin-bottom: 15px;}
    .mezh-button-price {text-align: center;}
    .mezh-button-price > p {text-align: center;}
    .vhod-block-list {display: block;width: 100%;padding: 0 10px;}
    .vhod-block-list-2 {display: block;width: 100%;padding: 0 10px;}
}

@media (max-width:350px){
	.left-nav ul li a{
	  font-size: 12px;	
	}
	.banner {
      padding: 70px 0 50px;
    }
}

.frame-block3 {
    margin-top: 25px;
}

.slider-doors.slide_style3 {
    text-align: center;
}

.fs18 {
    margin-top: 25px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
}

.tab-content.active { display: block; background-color: #ffffff;}
.tab-content.hide { display: none; }

.dropdown_menu{
    overflow: hidden;
    position: relative;
    height: 0;
    width: 0;
    transition: 0.2s
}

.dropdown_menu.active{
    height: 120px;
    width: auto;     
}

.dropdown{
    position: relative;
}

.menu.show{  
    left: 0; 
}
#container .mix, #container1 .mix, #container2 .mix, #container3 .mix, #container4 .mix, #container5 .mix, #container6 .mix, #container7 .mix, #container8 .mix{
    display: none;
    padding: 0;
}

.slider-doors.slide_style3 img {
   width: 60%;
}



.submenu {
    color: #222222;
}

.submenu li a:hover {
   color: #ff9c00;
}

.submenu li a:hover .left-nav ul li .fa-chevron-right {
    color: #222222 !important;
}

.submenu-2 li a {
    padding-left: 15px !important;
}

/*.submenuItems {
  display: none;
}

.submenuItems.open {
  display: block;
}*/

.submenuItems a {
  display: block;
  color: #727272;
  padding: 12px 12px 12px 45px;
  transition: all 0.4s ease-out;
}


/************Надо найти 'left-nav ul li:hover a' и зменить****/

.left-nav ul li a:hover {
    color: #ff9c00;
}
a.active__link:active {
    color: #ff9c00;
}
li.dropdownlink >ul.submenuItems{
  display: none;
}
li.dropdownlink.open >ul.submenuItems{
  display: block;
}
li.dropdownlink.open >ul.submenuItems >li.dropdownlink > ul.submenuItems {
  display: block !important;
}
li.dropdownlink.open >ul.submenuItems >li.dropdownlink >a >span.menu-image-title{
  padding-left: 30px;
}
li.dropdownlink.open >ul.submenuItems >li.dropdownlink >ul.submenuItems >li.dropdownlink> a> span.menu-image-title{
  padding-left: 80px;
}
li.dropdownlink >ul.submenuItems >li.dropdownlink >ul.submenuItems {
  display: block;
}
li.dropdownlink.open >a.active__link{
  color: #ff9c00;;
}

/*-----------*/
.left-nav {
    width: 100%;
    box-shadow: 1px 1px 4px rgba(30, 30, 30, 0.3);
    background-color: #ffffff;
}

.left-nav-title {
    background-color: #f4f4f4;
    padding: 17px 15px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.left-nav ul {
    padding: 0;
    list-style: none;
}

.left-nav ul li {
    position: relative;
    border-top: 1px solid #dae2e6;
}

.left-nav ul li a {
    display: inline-block;
    padding: 11px 0;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s linear;
    margin-left: 47px;
}

.left-nav ul li:nth-child(5) a {
    width: 250px;
    line-height: 14px;
}

.left-nav ul li i {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 12px;
    transition: 0.3s linear;
}

.left-nav ul li:hover i {
    color: #ff9c00;
}

.left-nav ul li:hover a {
    color: #ff9c00;
}
@media (max-width:350px) {
    .left-nav ul li:nth-child(5) a {
        width: auto;
    }
}

@media (max-width:991px){
	.submenu {
		left:50% !important;
	}
}

@media (max-width:767px) {
    .submenu {
        left: 0 !important;
    }
}
@media (max-width:370px){
	.left-nav ul li a{
		font-size: 12px;
	}
}

.submenu {
  position: absolute;
  top: -1px;
  left: 100%;
  z-index: 5;
  width: 240px;
  background: white;
  border-bottom: 1px solid #CBCBCC;
  border-left: 1px solid #CBCBCC;
  border-right: 1px solid #CBCBCC;
  visibility: hidden;
  opacity: 0; 
  transform-origin: 0% 0%;
  transform: rotateX(-90deg);
  transition: .3s linear;  
}
.submenu li {position: relative;}
.submenu li a {
  color: #282828 !important;
  padding: 10px 20px;
  font-size: 13px;
}

.submenu li a:hover {
    color: #ff9c00 !important;
}

.submenu .submenu {
  position: absolute;
  right: -100%;
  top: -1px;
  transition: .3s linear;
}
.left-nav li:hover > .submenu {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
  box-shadow: 15px 25px 29px rgba(0, 0, 0, 0.1);
}

.submenu li i{
  color: #222222 !important;
}
.submenu li:hover i {
    color: #ff9c00!important;
}

element.style {
}
.left-nav ul li:hover a {
    color: #ff9c00;
}
.left-nav ul li:hover a {
    color: #ff9c00;
}
.submenu li a:hover {
    color: #ff9c00 !important;
}
.submenu li a {   
    margin-left: 20px !important;
}
/*-----------*/

@media (max-width:640px){
	.block-side-2{
		display:none;
	}
	.block-bottom-2{
		border-left: 1px solid #ff9c00;
	}
}
@media (max-width:388px){
	.block-bottom-2{
	  width: 100.5%;
      left: -1px;	
	}	
}
@media (max-width:355px){
  .block-bottom-2 span {
    float: none;
    margin-left: 0px !important;
  }		
}
@media (max-width:342px){
	.block-bottom-2{
		bottom: -24%;
	}
}
@media (max-width:338px){
  .owl-theme .owl-nav{
	top: -14px;	
  }	
}
@media (max-width:320px){
 .owl-theme .owl-nav {
    top: -22px;
 }	
}
/*Политика конфиденциальности*/

.politica h2 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-weight: bold;
}
.politica h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 35px;
}
.politica p{
font-size: 14px;
 margin: 14px 0;
}
.politica h4{
    font-size: 16px;
    font-weight: bold;
    margin: 18px 0;
}	
/*-------------------*/
/*---hidden-form---*/
.white-popup {
  position: relative; 
  padding: 25px;
  max-width: 590px;
  margin: 0 auto; }
  .white-popup img {
    max-width: 100%; }

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

.mfp-close-btn-in .mfp-close {
    color: #333;
    right: 34px;
    top: 34px;
}
::-webkit-input-placeholder { /* WebKit browsers */
   color:  #222;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:  #222;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:  #222;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:  #222;
}
/*----------------------------*/
.connect-box {
    background: #fff;
    border: 1px solid #ebeef0;
    box-shadow: 0 1px 0 #ebeef0;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.connect-box h5 {
    text-transform: uppercase;
    margin-bottom: 17px;
    font-size: 14px;
    color: #222;
    font-weight: 700;
    margin-top: 0;
    line-height: 1.4;
}
form {
    position: relative;   
}
form .form-group {
    position: relative;
    margin-bottom: 15px;
}
 
input.form-control, 
textarea, 
textarea.form-control {
    width: 100%;
    display: block;
    font-size: 12px;
    height: 45px;
    line-height: 45px;
    border-radius: 2px;
    color: #222;
    outline: none;
    padding: 0 15px;
    transition: all 0.2s;
    box-shadow: none;
    border: 1px solid #ebeef0;
    background: #fafbfc;
}
textarea, 
textarea.form-control {   
    line-height: 26px !important;
    padding-top: 11px;
    padding-bottom: 11px;
    height: 200px;
    resize: vertical;
}
input[type="submit"], 
input[type="submit"].form-control, 
input[type="submit"], 
input[type="submit"].form-control {
    cursor: pointer;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    font-size: 12px;
    position: relative;
    border: none;
    color: #fff;
    background: #ff9c00;
    box-shadow: none;
    transition: all 0.2s;
    width: auto;
    border-radius: 2px;
    border: none;
}
input[type="submit"]:hover, 
input[type="submit"]:focus, 
input[type="submit"].form-control:hover, 
input[type="submit"].form-control:focus {
    background: #222;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
form .form-group:last-child{
  margin-bottom: 0;
}
.politic-conf p{
  color: #222;
  font-size: 12px;
}
.politic-conf a{
  color: #ff9c00; 
}
.politic-conf a:hover{
   color: #222;
   opacity: 1;
   transition: all .25s ease;
   -webkit-transition: all .25s ease;
}

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

.justify-content-end .page-numbers{
	color: #ff9c00;
    border: 1px solid #ff9c00;    
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
}
.justify-content-end .page-numbers:hover{
	color:#fff;
	background: #ff9c00;
	text-decoration:none;
}

.justify-content-end .page-numbers:active{
	color:#fff !important;
	background: #ff9c00 !important;
}
.page-numbers.current{
    color:#fff !important;
    background: #ff9c00 !important;
}

/********************* СТИЛИ ВСПЛЫВАЮЩЕГО ОКНА **********main.css***********/
.swal-text{text-align: center;}
.swal-button,
.swal-button:focus,
.swal-button:hover{
    box-shadow: none;
    border-radius: 0px;
}
.swal-button{
  background-color: #ff9c00;
}
.swal-button:not([disabled]):hover{
  background-color: #ff9c00;
  color: #fff;
  box-shadow: none;
}
/********************* END СТИЛИ ВСПЛЫВАЮЩЕГО ОКНА **********main.css***********/ 
.ban {
    text-align: center;
    /*margin-top: 30px;*/
    display: block;
    width: 100%;
}
/*.ban .top-ban {
    width: 125px;
}*/
.ban p{
   color: #222;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
#about{
  background-color: #f4f4f4;  
  padding: 30px 0 30px;
  margin-bottom: -40px;
}
@media only screen and (max-width : 991px){
	#about{
	  margin-top: 40px;
	}
}
@media only screen and (max-width : 767px) {
      .ban{
    margin-bottom: 50px;
  }
}