@font-face {
    font-family: "JostRegular";  
    src: url("../../../assets/fonts/ttf/static/Jost-Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal;
 }
 
@font-face {
    font-family: "JostBold";
    src: url("../../../assets/fonts/ttf/static/Jost-Bold.ttf") format("truetype");
    font-style: normal; 
    font-weight: normal; 
}
:root{
	--SpeedText: 0.5s;
    --BackgroundColorTextAnimation: #fff7f0;
    --OpacityText: 0.8;
	
	/* color */
  	--main-bg-color: #0d1d23;
  	--main-h1-color: #054a62;
	--cursor-color: #cecece;
  	--page-link-hover-color: #225e70;
	--page-link-color: #548a96;
  	--link-faded-hover-color: #5AAFC7;
	--link-faded-color: #4f4f64;
	--index-a-color: #cecece;
	--index-a-hover-color: #ffffff;
	--menu-button-close-color: #225e70;
	--menu-button-open-color: #ffffff;
	--menu-button-open-hover-color: #152d34;
	--menu-button-hover-color: #40abcb;
	--menu-left-a-color: #ffffffc2;
	--menu-left-color: #006F8E;
	--main-h2-color: #3c5866;
	--main-h3-color: #3c5866;
	--main-p-color: #07485c;
	--main-page-color: #fff7f0;
	--scroll-color: #5AAFC7;
	--scroll-bg-color: #f9f9fd;
	--button-color: #ffffff;
	--button-hover-color: #fff;
	--button-bg-color: #006f8e;
	--button-hover-bg-color: #c6d0e3;
	--orange-color: #e5b88f;
	--orange-light-color:#ffcf9e;
	--orange-middle-light-color:#fae3d3;
	--orange-middle-color:#eca590;
	/* img */
	--consult-img: url("../../../assets/images/consult-blue-min.png");
	--background-img: url("../../../assets/images/fon-min.png");
	--icons-img: url("../../../assets/images/icons-min.png");

	--dostavka-img: url("../../../assets/images/dostavka-blue-min.png");
	--count-img: url("../../../assets/images/chack-min.png");
	--pay-img: url("../../../assets/images/pay-blue-min.png");
	--doki-img: url("../../../assets/images/chack-min.png");
	--complect-img: url("../../../assets/images/pazl-blue-min.png");
	--rezka-img: url("../../../assets/images/rezka-blue-min.png");
	--calendar-img: url("../../../assets/images/calendar-light-blue-min.png");
	--calendar-2-img: url("../../../assets/images/calendar-blue-min.png");
	--mail-img: url("../../../assets/images/mail-light-blue-min.png");
	--mail-2-img: url("../../../assets/images/mail-blue-min.png");
	--smeta-img: url("../../../assets/images/smeta-blue-min.png");
	--smeta-2-img: url("../../../assets/images/smeta-light-blue-2-min.png");
	--phone-bl-img: url("../../../assets/images/phone-blue-min.png");
	--phone-img: url("../../../assets/images/phone-light-blue-min.png");
	--phone-2-img: url("../../../assets/images/phone-blue-min.png");
	--conect-img: url("../../../assets/images/conect-blue-min.png");
	--punkt-img: url("../../../assets/images/punkt-min.png");
	--punkt-light-img: url("../../../assets/images/punkt-wight-min.png");
	--punkt-2-img: url("../../../assets/images/punkt-mini-min.png");
	--punkt-2-light-img: url("../../../assets/images/punkt-mini-wight-min.png");
	
	
	/* img hover*/
	--consult-hover-img: url("../../../assets/images/consult-orange-min.png");
	--dostavka-hover-img: url("../../../assets/images/dostavka-orange-min.png");
	--count-hover-img: url("../../../assets/images/chack-orange-min.png");
	--pay-hover-img: url("../../../assets/images/pay-orange-min.png");
	--doki-hover-img: url("../../../assets/images/chack-orange-min.png");
	--complect-hover-img: url("../../../assets/images/pazl-orange-min.png");
	--rezka-hover-img: url("../../../assets/images/rezka-orange-min.png");
	--calendar-hover-img: url("../../../assets/images/calendar-orange-min.png");
	--mail-hover-img: url("../../../assets/images/mail-orange-min.png");
	--smeta-hover-img: url("../../../assets/images/smeta-orange-min.png");
	--smeta-2-hover-img: url("../../../assets/images/smeta-orange-2-min.png");
	--phone-hover-img: url("../../../assets/images/phone-orange-min.png");
	--conect-hover-img: url("../../../assets/images/conect-orange-min.png");

	
	--cursor-url-img: url( "../../../assets/images/arrow-cursor-svgrepo-com.svg");
	--cursor-hover-url-img: url("../../../assets/images/arrow-cursor-svgrepo-com-light.svg");
	--cursor-pluse-url-img: url("../../../assets/images/cursor-svgrepo-com-plus.svg");
	--cursor-minus-url-img: url("../../../assets/images/cursor-svgrepo-com-minus.svg");
	--cursor-check-url-img: url("../../../assets/images/cursor-check-svgrepo-com.svg");
}

html, body{
	cursor: var(--cursor-url-img) 0 0, auto;
    height: 100vh;
    display: block;
    float: left;
    width: 100%;
    font-family: 'JostRegular', Arial, sans-serif;
}
body{
	background: var(--main-bg-color);
}
#wrapper{
	background: var(--main-page-color);
}

 
a{
    outline: none;
    text-decoration: none;
	color: var(--page-link-color);
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
a:hover{
	color: var(--page-link-hover-color);
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
}

a:focus,
a:active{
	color: var(--page-link-hover-color);
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
a:-webkit-any-link {
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
ul, ol{
    list-style-type: none;
    float: left;
}
.right{
    float: right;
}
.left, .right div{
    float: left;
}
.header .left {
    width: 243px;
}
.hidden {
    display: none;
}

table{
    border-spacing: 13px 0px;
}

/* top */
main {
    display: grid;
    grid-template-rows: auto auto;
    max-width: 1200px;
    min-height: 52vh;
    margin: 128px auto 0 auto;
}

h1 {
    color: var(--main-h1-color);
    margin: 0 19px;
    text-transform: uppercase;
}

h2{
	color:var(--main-h2-color);
}
h3{
	color:var(--main-h3-color);
}
h4{
	color:var(--main-h3-color);
}
p{
	color:var(--main-p-color);
	font-size: 1em;
	float:left;
	position: relative;
}
#watsapp-on-index:before {
    content: "▼ ";
    font-size: 28px;
    width: 30px;
    height: 30px;
    position: absolute;
    color: #1d6276;
    text-shadow: -1px 7px 0px #efc59c, 1px 7px 0px #efc59c;
    transform: rotate(42deg);
    bottom: -6px;
    left: -3px;
}
#watsapp-on-index {
    height: 60px;
    position: relative;
    width: 60px;
    float: right;
    clear: both;
    margin-right: 28px;
    margin-bottom: 4px;
    border: 4px solid #efc59c;
    background:#1d6276;
    z-index: 6;
    border-radius: 50%;
    }
#watsapp-on-index a i{
    width: 40px;
    height: 28px;
    position: absolute;
    transform: rotate(42deg);
    background: #1d6276;
    top: -1px;
    right: -10px;
    border-radius: 50%;
    }
#watsapp-on-index a:hover{
    background-position-y: -359px;
    background-position-y: -292px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
#watsapp-on-index a{
    width: 50px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
    background-image: var(--icons-img);
    background-position-x: -234px;
    background-position-y: -292px;
    background-size: 820px;
}
#watsapp 
{
    position:fixed;
    bottom:  30px;
    right: 30px;    
    z-index: 50000;
    display: block;
}
#watsapp a i{
    width: 36px;
    height: 32px;
    position: absolute;
    transform: rotate(42deg);
    background: #138283;
    top: 10px;
    right: 9px;
    border-radius: 50%;
}
#watsapp a
{
    width: 70px;
    height: 70px;
    background-color: #138283;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0px 0px 0px 2px #3333334a;
    background-image: var(--icons-img);
    background-position-x: -246px;
    background-position-y: -380px;
    background-size: 887px;
    margin: 0;
    overflow: hidden;
}
#watsapp a:before,
#watsapp a:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #138283;
    border-radius: 50%;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    animation: animate 1.5s linear infinite;
}
#watsapp:before {
    content: "▼ ";
    font-size: 32px;
    width: 30px;
    height: 30px;
    position: absolute;
    color: #138283;
    text-shadow: -1px 7px 0px #ffffff, 1px 7px 0px #ffffff, -2px 8px 1px #33333369, 1px 7px 0px #ffffff, -1px 7px 0px #ffffff, 1px 9px 2px #33333387;
    transform: rotate(42deg);
    bottom: 2px;
    left: 2px;
}
 @keyframes animate
{
0%
{
    transform: scale(0.5);
    opacity: 0;
}
50%
{
    opacity: 1;
}
100%
{
    transform: scale(1.2);
    opacity: 0;
}
}
footer #fooret {
    display: grid;
    grid-template-columns: 190px auto;
    max-width: 1200px;
    margin: 10px auto;
    position: relative;
}
footer #org {
    display: grid;
    grid-template-columns: auto 276px;
}

footer p {
    margin: 5px 5px;
    line-height: 27px;
    z-index: 4;
}
footer div[itemprop="address"] p{
    width: 76%;
}

footer .contacts {
    margin-top: -18px;
}
footer .contacts::after {
    content: "";
    position: absolute;
    top: -85px;
    transform: rotate(42deg);
    right: -218px;
    background: #004154;
    height: 316px;
    width: 737px;
    z-index: 2;
}

footer .contacts .bt {
    z-index: 3;
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
}
footer .contacts .bt a {
    margin:10px auto 0 auto;
}
footer .contacts .bt a {
    margin: 5px 10% 5px auto;
    line-height: 39px;
    color: #fff;
    font-weight: 600;
    width: 278px;
    float: right;
    text-align: center;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
    text-transform: uppercase;
    border: 1px solid rgb(0 111 142 / 28%);
    background: rgb(254 185 137 / 91%);
    border-radius: 10px;
}
footer .contacts .bt a:hover{
    background: rgb(254 185 137 / 79%);
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.item-list p,
#content-body p {
    border-left: 6px solid var(--orange-light-color);
    padding: 0 0 0 18px;
}
.bp-header .info article .article-block-2 img {
    width: 150px;
}
.article-block-2 {
    width: calc(100%/3);
    height: calc(100vh/3 - 24px);
    float: left;
    text-align: center;
}
.logo-moble,
.logo-web{
    height: 100px;
    float: left;
    margin: -28px 0 0 -6px;
}
a.logo {
    font-size: 2.3em;
    position: absolute;
    top: 28px;
    height: 70px;
    left: 45px;
    color: var(--button-hover-bg-color);
}
a.logo span {
    float: left;
}
.vertical-text span:before {
    position: absolute;
    top: 5px;
    left: calc(100% + 10px);
    width: 175px;
    height: 1px;
    content: '';
    background: #000;
}
.circle-cursor--inner {
    width: 5px;
    height: 5px;
    left: -2.5px;
    top: -2.5px;
    z-index: 11000;
    background: var(--cursor-color);
}
li.topCatalogMenu {
    width: 100%;
    float: left;
    height: 52px;
    position: relative;
}
details summary::-webkit-details-marker {
    display: none;
}
/* Firefox */
details, summary {
    display: block;
    float: left;
    font-size: 19px;
    line-height: 48px;
    width: 293px;
    border-bottom: 1px solid #ffba89;
    height: 100%;
    margin: 0px 0 0 0;
}
summary {
    display: block;
    float: left;
    position: relative;
    color: #fff;
    margin: 0px 0 0 0;
}

details summary:after {
    content: " ";
    background: url("../../../assets/images/punkt-mini-orange-min.png");
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 3px;
    right: 8px;
    transition: transform 0.6s;

}
details[open] summary:after {
    content: " ";
    background: url("../../../assets/images/punkt-mini-orange-min.png");
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 3px;
    right: 8px;
    transform: rotate(45deg);
    transition: transform 0.6s;
}

.bt a{
    margin: 5px 8px 5px 0;
    line-height: 39px;
    color: #fff;
    font-weight: 600;
    width: 190px;
    float: left;
    text-align: center;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
    text-transform: uppercase;
    border: 1px solid rgb(0 111 142 / 28%);
    background: rgb(0 111 142 / 4%);
    border-radius: 10px;
}

.content-1 #da-slider .da-slide .da-img{
    height: 62%;
    width: 44vw;
}
.content-1 #da-slider .da-slide .da-img-4{
    height: 69%;
    width: 34vw;
}
.content-1 #da-slider img.poster-4 {
    float: left;
    width: 50%;
}
#topCatalogMenu {
    width: 90%;
    position: absolute;
    left: 5%;
    display: none;
    padding: 0;
    background: #004154;
    animation-name: moveUp;
    -webkit-animation-name: moveUp;
    animation-timing-function: ease-out forwards;
    -webkit-animation-timing-function: ease-out forwards;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

#topCatalog:hover #topCatalogMenu{
    display: block;
}
#topCatalogMenu img{
    width: 47px;
    height: auto;
    float: left;
    margin-top: 2px;
}
#page-recvizit .info td{
	border: 2px solid #07485c;
    padding: 8px 20px;
}
#page-recvizit{
    position: relative;

}
#page-recvizit .bp-header__title{
    top: 87px;
    width: 78%;
    left: 139px;
    color: var(--main-h2-color);
}
#page-recvizit p.bp-header__desc {
    margin: 100px 0 0 12px;
    width: 100%;
    float: left;
    font-size: 1.2em;
}
#page-recvizit a:hover {
    color: var(--orange-middle-color);
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
#page-recvizit .poster-mini{
    width: 421px;
    position: absolute;
    right: 33px;
    bottom: 3px;
}
#page-recvizit .two-column {
    float: left;
    margin: 20px 14px;
    width: 100%;
}
#page-recvizit .info{
    float: left;
    margin: 20px 14px;
    width: 100%;
}
.col-md-8.col-md-offset-2 {
    background: #004154;
    padding: 20px 0;
    float: left;
    width: 100%;
}
.form-group {
    float: left;
    width: 100%;
}

.well .form-group {
    grid-template-columns: 176px auto;
    display: grid;
}
#site-main-phone {
    position: absolute;
    color: #e4b18d;
    z-index: 500;
    right: 107px;
    font-size: 40px;
    top: 13px;
}
.col-md-8.col-md-offset-2 label {
    color: #fff;
    margin: 14px 20px 14px 0;
    text-align: right;
    float: right;
    width: 85%;
}

.col-md-8.col-md-offset-2 h3 {
    color: #ffba89;
    text-align: center;
}
.skos .col-md-8.col-md-offset-2 {
    background: none;
    float: none;
}
.skos .col-md-8.col-md-offset-2 textarea,
.skos .col-md-8.col-md-offset-2 input{
    float: left;
}
.contact-block-3 span {
    font-size: 1.35em;
    margin: 0 0 0 11px;
}
.contact-block-3 a:hover {
    color: var(--page-link-hover-color);
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.contact-block-3 {
    float: left;
    width: 300px;
    margin: 0 0 0 33px;
}
#page-training .skos h4{
    font-size: 1.7em;
    color: #fff7f0;
    font-weight: 100;
    margin: -25px 0 -11px 0;
 }
#page-training h3 {
    color: var(--main-h3-color);
    font-size: 2em;
    margin: 22px 0 30px 40px;
    text-transform: uppercase;
}
#page-training .rabota {
    font-size: 1.35em;
    width: 183px;
    text-align: center;
    float: left;
}
#page-training .calendar {
    background-image: var(--icons-img);
    background-position-x: -513px;
    background-position-y: -10px;
    background-size: 800px;
    margin: 0 9px 0 0;
}
#page-training .calendar:hover {
    background-image: var(--icons-img);
    background-position-x: -515px;
    background-position-y: -76px;
    background-size: 800px;
}
.contact-block-3 .phone2 {
    background-image: var(--icons-img);
    background-position-x: -235px;
    background-position-y: -217px;
    background-size: 800px;
    height: 50px;
    width: 50px;
}
.contact-block-3 .phone2:hover {
    background-image: var(--icons-img);
    background-position-x: -233px;
    background-position-y: -286px;
}
.contact-block-3 .mail2 {
    background-image: var(--icons-img);
    background-position-x: -286px;
    background-position-y: -18px;
    background-size: 750px;
    height: 50px;
    width: 50px;
}
.contact-block-3 .mail2:hover {
    background-image: var(--icons-img);
    background-position-x: -286px;
    background-position-y: -80px;
}
.text-xs-right a.btn.btn-primary{
    display:none;
}
.col-sm-10 button.btn.btn-primary {
    width: 83%;
    border: none;
    padding: 10px 0;
    text-transform: uppercase;
}
.col-sm-10 button.btn.btn-primary:hover{
    background: #ffba89;
}
.col-sm-10 button.btn.btn-primary:active,
.col-sm-10 button.btn.btn-primary:focus{
    background: #607D8B;
    color:#ffffff;
}
i.icon-adress-mini{
    width: 27px;
    height: 22px;
    float: left;
    background-image: var(--icons-img);
    background-position-x: -274px;
    background-position-y: -114px;
    background-size: 420px; 
}
i.icon-ph-mini{
    width: 27px;
    height: 22px;
    float: left;
    margin-right: 3px;
    background-image: var(--icons-img);
    background-position-x: -125px;
    background-position-y: -150px;
    background-size: 420px;
}
i.icon-mail-mini{
     width: 27px;
    height: 22px;
    float: left;
    margin-right: 3px;
    background-image: var(--icons-img);
    background-position-x: -296px;
    background-position-y: -42px;
    background-size: 400px;
}

tfoot .text-xs-right {
    width: 183px;
    padding: 20px 0;
    text-align: right;
    font-size: 23px;
}
.text-xs-right p {
    border: 1px solid #004154;
    float: right;
}
.text-xs-right p .btn-secondary{
    padding: 20px;
}
.table-responsive td:first-child{
    padding: 0 !important;
}

.kolodes{
    width: 100%;
    float:left;
}
td.text-xs-right:nth-child(4),
td.text-xs-right:nth-child(5) {
    width: 130px;
    text-align: right;
}
.td-count{
    width: 166px;
}
.td-count button {
    color: var(--button-color);
    background: #004559;
    padding: 0px 7px 3px 7px;
    font-size: 29px;
    line-height: 25px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
    border: none;
}
.td-count button:hover {
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
    color: var(--button-hover-color);
    background: var(--button-bg-color);
}
.td-count .bt-minus{
    padding: 0px 11px 11px 11px;
    margin: 0 -36px 0 0;
    z-index: 2;
    position: relative;
    font-size: 39px;
}
.td-count .bt-plus{
    padding: 4px 7px 7px 7px;
    margin: 0 0 0 -37px;
}
.td-count .bt-del{
    padding: 4px 9px 7px 9px;
}
.td-count input{
    box-sizing: border-box;
    padding: 3px 0 0px 40px;
    width: calc(100% - 38px);
    pointer-events: none;
}
form.two-column {
    display: grid;
    grid-template-columns: 300px auto;
}
.two-collumn {
    display: grid;
    grid-template-columns: 300px auto;
}

.top-nav{
	background: var(--main-bg-color);
    position: fixed;
    width: calc(100% - 40px);
    top: 13px;
    left: 20px;
    height: 64px;
    border-radius: 30px;
}
.contact-block .rabota{
    width: 185px;
    float: left;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    margin: 5px 5px 0 0;
    color: var(--button-color);
}
.contact-block .number {
    width: 236px;
    float: left;
    font-size: 18px;
    text-align: center;
    color: var(--button-color);
}
.contact-block .rabota i{
	margin: 0px -8px 0 0;
}
.contact-block .number i{
	margin: 2px -8px 0 0;
}
.contact-block .rabota span{
    margin: 2px 5px 0 0;
    display: block;
    z-index: 7;
    position: relative;
}
.contact-block .number span {
    margin: 5px 16px 2px 19px;
    display: block;
    float: left;
}
.contact-block2 .rabota{
    width: 185px;
    float: left;
    font-size: 20px;
    text-align: center;
	margin: 5px 5px 0 0;
    color: var(--button-color);
}
.contact-block2 .number {
    width: 236px;
    float: left;
    font-size: 24px;
    text-align: center;
    color: var(--button-color);
}
.contact-block2 .rabota i{
	margin: 0px -8px 0 0;
}
.contact-block2 .number i{
	margin: 2px -8px 0 0;
}
.contact-block2 .rabota span{
    margin: 2px 5px 0 0;
	display: block;
}
.contact-block2 .number span {
    margin: 10px 5px;
    display: block;
}
.top-nav-mini{
    height: 59px;
    width: 59px;
    display: block;
    background-size: contain;
    float: left;
}
.contact-block {
    width: 600px;
}
header .top-left{
	float:left;
}
header .top-right{
	float:right;
}
.calendar{
    background-image: var(--icons-img);
    background-position-x: -446px;
    background-position-y: -122px;
    background-size: 700px;
    
}
.calendar:hover{
    background-position-y: -65px;
    background-position-x: -447px;
}
.calendar2{
    background-image: var(--icons-img);
    background-position-x: -764px;
    background-position-y: 0px;
    background-size: 1200px;
}
.calendar2:hover{
    background-position-y: -107px;
}
.fa-mail2,
.mail{
	background-image: var(--icons-img);
    background-position-x: -242px;
    background-position-y: -59px;
    background-size: 650px;
}
.smeta{
    background-image: var(--icons-img);
    background-position-x: -11px;
    background-position-y: -308px;
    background-size: 1200px;
}
.smeta:hover{
    background-position-y: -400px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.conect{
    width: 70px;
    height: 70px;
    float: right;
    background-image: var(--icons-img);
    background-position-x: -789px;
    background-position-y: -378px;
    background-size: 1072px;
}
.conect:hover{
    background-position-y: -465px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
label.tab-label-2.service {
    background-image: var(--icons-img);
    background-position-x: -651px;
    background-position-y: -514px;
    background-size: 1000px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
label.tab-label-2.service:hover {
    background-position-x: -739px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.search{
    background-image: var(--search-img);
    width: 70px;
    height: 70px;
    background-size: contain;
    float: right;
    opacity: 0.7;
    border: 2px solid #eac0b2;
    border-radius: 50%;
}
.fa-smeta2,
.smeta2{
	background-image: var(--smeta-2-img);
}
.fa-phone2{
	background-image: var(--icons-img);
    background-position-x: -183px;
    background-position-y: -223px;
    background-size: 650px;
}
.phone2{
    background-image: var(--icons-img);
    background-position-x: -148px;
    background-position-y: -215px;
    background-size: 500px;
    height: 32px;
    width: 32px;
}
.phone2:hover{
    background-position-y: -174px;
    background-position-x: -149px;
}
.mail2{
    background-image: var(--icons-img);
    background-position-x: -191px;
    background-position-y: -91px;
    background-size: 500px;
    height: 32px;
    width: 32px;
}
.mail2:hover{
    background-position-y: -49px;
    background-position-x: -190px;
}

.fa-mail2:hover,
.mail:hover{
    background-image: var(--icons-img);
    background-position-x: -243px;
    background-position-y: -114px;
    background-size: 650px;
}

.fa-smeta2:hover,
.smeta2:hover{
	background-image: var(--smeta-2-hover-img);
}
.fa-phone2:hover{
	background-image: var(--icons-img);
    background-position-x: -182px;
    background-position-y: -276px;
    background-size: 650px;
}
.item-list{
    float: left;
    margin: 10px 0 0 26px 
}
#content.img-cont{
    display: grid;
    grid-template-columns: 250px auto;
}
.article-list {
    width: calc(100% - 10px);
    float: left;
    margin: 5px;
	padding: 0;
}
.article .level1 a {
    text-align: center;
	float: left;
    width: 100%;
}
.article .level2 a{
    text-align: left;
    float: left;
    width: 100%;
    font-size: 16px;
    padding: 2px 0;
}
.article .level2 a:hover{
	color:  var(--main-bg-color);
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.article .level2 a:active{
	color:  var(--page-link-hover-color);
}
.article-list h3 {
    text-align: center;
    float: left;
    margin: 9px;
    width: 100%;
}
.up article{
    position: relative;
	animation-name: moveUp;
    -webkit-animation-name: moveUp;
    animation-timing-function: ease-out forwards;
    -webkit-animation-timing-function: ease-out forwards;
}
.us-mini2{
    width: 70px;
    float: left;
    height: 70px;
    margin: -16px 10px 0 -16px;
}
.us-mini{
    width: 100px;
    float: left;
    height: 100px;
    margin: -16px 10px 0 -16px;
    background-color: var(--main-page-color);
    opacity: 1;
    border-top-left-radius: 20px;
}
.us-mini:nth-child(3),
.us-mini:nth-child(4),
.us-mini:nth-child(5){
    overflow: hidden;
}
.content {
    float: left;
}
.text-2 p,
.item-content .content p{
    float: left;
    color: #fff7f0;
}
.text-2 p{
    border-left: 6px solid var(--orange-light-color);
    padding: 0 0 0 18px;
    margin: 0 20px 13px 20px;
}
.pr-uslugi li{
    float: left;
    position: relative;
    width: calc(100%/3 - 22px);
    margin: 10px 10px;
    border: 3px solid;
    padding: 12px;
	font-size: 1.34vw;
    height: calc(100vh/2 - 100px);
    border-radius: 21px;
	animation-name: moveUp;
    -webkit-animation-name: moveUp;
    animation-timing-function: ease-out forwards;
    -webkit-animation-timing-function: ease-out forwards;
	 opacity: 1;
	 -webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	    transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
		background: var(--main-page-color);

}
.go-link {
    position: fixed;
    right: 7%;
    padding-right: 70px;
    bottom: 6%;
    padding-left: 24px;
    font-size: 1.3em;
    border-bottom: 3px solid #6c919b;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}
.go-link:hover{
    right: 5%;
    padding-right: 80px;
    border-bottom: 3px solid #0a4d62;
    opacity: 1;
}
.go-link a:hover{
    color: var(--page-link-hover-color);
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.go-link:hover::after{
    opacity: 1;
}
.go-link::after{
    content: '';
    opacity: 0.6;
    position: absolute;
    width: 68px;
    height: 28px;
    bottom: 5px;
    right: -32px;
    background-image: var(--icons-img);
    background-position-x: -1257px;
    background-position-y: -14px;
    background-size: 698px;
}
.pr-uslugi:hover li{
    z-index: 10;
}
.pr-uslugi li:hover{
    -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	box-shadow: 
		0px 0px 0px 10px var(--main-page-color), 
		1px 11px 15px 10px rgba(0,0,0,0.4);
	z-index: 100;	
	opacity: 1;
}
.up .article-block{
     -webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
}
.up article:hover .article-block{
    transform: scale(0.93);
    z-index: 10;
	opacity: 0.5;
	
}
.up article .article-block:hover {
    -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 100;
	opacity: 1;
    
}
.up article:first-child ,
.pr-uslugi li:first-child {
    animation-duration: .6s;
    -webkit-animation-duration: .6s;
}
.up article:nth-child(2),
.pr-uslugi li:nth-child(2) {
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
}
.up article:nth-child(3),
.pr-uslugi li:nth-child(3) {
    animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
}
.up article:nth-child(4),
.pr-uslugi li:nth-child(4) {
    animation-duration: 2.4s;
    -webkit-animation-duration: 2.4s;
}
.up article:nth-child(5),
.pr-uslugi li:nth-child(5) {
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}
.up article:nth-child(6),
.pr-uslugi li:nth-child(6) {
    animation-duration: 3.6s;
    -webkit-animation-duration: 3.6s;
}
.up article:nth-child(7),
.pr-uslugi li:nth-child(7) {
    animation-duration: 4.2s;
    -webkit-animation-duration: 4.2s;
}
.up article:nth-child(8),
.pr-uslugi li:nth-child(8) {
    animation-duration: 4.8s;
    -webkit-animation-duration: 4.8s;
}

.up article:nth-child(9),
.pr-uslugi li:nth-child(9) {
    animation-duration: 5.6s;
    -webkit-animation-duration: 5.6s;
}
/* uslugi 2*/

.pr-uslugi-2 li{
    float: left;
    position: relative;
    width: calc(100% - 51px);
    margin: 10px 10px;
    border: 3px solid;
    padding: 12px;
	font-size: 1.04vw;
    height: 156px;
    border-radius: 21px;
	animation-name: moveUp;
    -webkit-animation-name: moveUp;
    animation-timing-function: ease-out forwards;
    -webkit-animation-timing-function: ease-out forwards;
	 opacity: 1;
	 -webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
		background: var(--main-page-color);

}
.info-controll {
    font-size: 1.2em;
    display: grid;
    grid-template-columns: 50% 50%;
}
.info-controll p {
    float: left;
    border: 3px solid #607D8B;
    margin: 5px;
    font-size: 0.94em;
    padding: 18px;
}
.pr-uslugi:hover li{
    transform: scale(0.93);
    z-index: 10;
}
.pr-uslugi-2 li:hover{
    -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	box-shadow: 
		0px 0px 0px 10px var(--main-page-color), 
		1px 11px 15px 10px rgba(0,0,0,0.4);
	z-index: 100;	
	opacity: 1;
}
.pr-uslugi-2 li:first-child {
    animation-duration: .6s;
    -webkit-animation-duration: .6s;
}
.pr-uslugi-2 li:nth-child(2) {
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
}
.pr-uslugi-2 li:nth-child(3) {
    animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
}
.pr-uslugi-2 li:nth-child(4) {
    animation-duration: 2.4s;
    -webkit-animation-duration: 2.4s;
}
.pr-uslugi-2 li:nth-child(5) {
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}
.pr-uslugi-2 li:nth-child(6) {
    animation-duration: 3.6s;
    -webkit-animation-duration: 3.6s;
}
.pr-uslugi-2 li:nth-child(7) {
    animation-duration: 4.2s;
    -webkit-animation-duration: 4.2s;
}
.pr-uslugi-2 li:nth-child(8) {
    animation-duration: 4.8s;
    -webkit-animation-duration: 4.8s;
}

.pr-uslugi-2 li:nth-child(9) {
    animation-duration: 5.6s;
    -webkit-animation-duration: 5.6s;
}
.page--inactive .up article,
.page--inactive .pr-uslugi li{
	 opacity: 0;
	 display: none;
}
.skos {
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
    background: #0e2c37;
    left: -10%;
    bottom: 0;
    position: absolute;
    width: 120%;
    margin-top: -77px;
    -webkit-animation: popUp 1s ease-in forwards;
    animation: popUp 1s ease-in forwards;
    background-image: var(--background-img);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.skos .centr {
    width: 70%;
    margin: 102px auto;
    max-width: 900px;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(10deg);
}
.consult{
    background-image: var(--icons-img);
    background-position-x: -377px;
    background-position-y: -292px;
    background-size: 650px;
}
.consult:hover{
    background-position-y: -277px;
}


.consult2{
    background-image: var(--icons-img);
    background-position-x: -7px;
    background-position-y: -1px;
    background-size: 1200px;
}
.consult2:hover{
    background-position-y: -105px;
}
.consult3{
    background-image: var(--icons-img);
    background-position-x: -8px;
    background-position-y: -4px;
    background-size: 1230px;
}
.consult3:hover{
     background-position-y: -108px;
    
}
.rezka-3{
    background-image: var(--icons-img);
    background-position-x: -150px;
    background-position-y: -206px;
    background-size: 800px;
}
.dostavka-3{
    background-image: var(--icons-img);
    background-position-x: -223px;
    background-position-y: -7px;
    background-size: 800px;
}
.dostavka
{
    background-image: var(--icons-img);
    background-position-x: -329px;
    background-position-y: -1px;
    background-size: 1182px;
}
.dostavka:hover
{
    background-position-y: -102px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
header.header-area.slideInDown::after {
    content: "";
    position: absolute;
    top: 24px;
    transform: rotate(336deg);
    right: -36px;
    background: linear-gradient(24deg, transparent 32%, #ffba89 14%);
    height: 87px;
    width: 408px;
    z-index: 2;
}
.search-wrapper{
    width: 100%;
    float: left;
    position: relative;
}
#search-block-index {
    margin: 15px auto 32px auto;
    width: 800px;
    position: relative;
    height: 50px;
}
#search-block-index #search{
    position: relative;
    background-color: #fff;
    border: none;
    border-bottom: 3px solid #f0c29a;
    padding: 5px 53px 5px 20px;
    opacity: 1;
    width: 100%;
    margin: 0 auto;
    float: none;
}
#search-button {
    height: 50px;
    width: 50px;
    background-image: var(--icons-img);
    background-position-x: -449px;
    background-position-y: -416px;
    background-size: 800px;
    float: right;
    position: absolute;
    right: 11px;
    bottom: -57px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}

#search-button:active,
#search-button:hover{
    background-position-x: -521px; 
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
#search-block-index::after{
    content: '';
    position: absolute;
    top: 3px;
    height: 50px;
    width: 50px;
    z-index: 5800;
    right: 24px;
    background-image: var(--icons-img);
    background-position-x: -330px;
    background-position-y: -307px;
    background-size: 600px;
}
.proizvodstvo{
    background-image: var(--icons-img);
    background-position-x: -6px;
    background-position-y: -202px;
    background-size: 800px; 
}
.count2{
   background-image: var(--icons-img);
    background-position-x: -76px;
    background-position-y: -3px;
    background-size: 800px; 
}
.count{
    background-image: var(--icons-img);
    background-position-x: -101px;
    background-position-y: -2px;
    background-size: 1086px;
}
.count:hover{
    background-position-y: -92px;
}
.pay{
    background-image: var(--icons-img);
    background-position-x: -118px;
    background-position-y: -317px;
    background-size: 1230px;
    
}
.doki{
	background-image: var(--doki-img);
}
.complect{
    background-image: var(--icons-img);
    background-position-x: -199px;
    background-position-y: 0px;
    background-size: 1096px;
}
.complect:hover{
    background-position-y: -92px;
}
.rezka{
    background-image: var(--icons-img);
    background-position-x: -653px;
    background-position-y: -2px;
    background-size: 1200px;
    
}
.rezka:hover{
    background-position-y: -101px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.pricing__item.article-list {
	display: grid;
    grid-template-columns: 218px auto;
	margin: 5px 5px;
    color: #fff;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
    font-family: 'JostRegular', Arial, sans-serif;
    border: 1px solid rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.08);
    border-radius: 10px;
    -webkit-transition: border-color 0.3s, background 0.3s;
    transition: border-color 0.3s, background 0.3s;
    position: relative;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
}

.article-list .pricing__sentence {
    font-size: 1em;
    padding: 0 14px 0 13px;

}
.pricing__item.article-list .pricing__sentence li{
	float: left;
    margin: 4px 10px;
}
.pricing__item.article-list .pricing__sentence li:after{
	content:' ,';
	color: var(--link-faded-color);
}
.pricing__item.article-list img{
    float: left;
    border: 1px solid #fff;
    margin: 5px;
    width: 200px;
    height: auto;	
}
.pricing__item.article-list .list-title{
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;

}
.article .level1 {
    margin: 5px 5px;
    height: 400px;
    color: #fff;
	float: left;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
    border: 1px solid rgb(0 111 142 / 28%);
    background: rgb(0 111 142 / 4%);
    -webkit-transition: border-color 0.3s, background 0.3s;
    transition: border-color 0.3s, background 0.3s;
    position: relative;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    width: calc(100%/3 - 16px);
}
#content-body{
    margin: 0 0 0 27px;
    float: left;
    width: 90%;
}
.col-sm-10 {
    width: calc(100% - 169px);
    float: right;
}
.form-group .col-md-8.col-md-offset-2 label {
    color: #fff;
    margin: 14px 20px;
    text-align: right;
    float: right;
    width: 118px;
}

 .bt-product-add a{
    font-size: 14px;
    margin: 0 5px 0 5px;
    float: left;
    padding: 8px 10px 7px 10px;
    flex: none;
    color: var(--button-color);
    width: 87%;
    text-align: center;
    background: var(--button-bg-color);
    border-radius: 1px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.bt-product-add a.minus{
	padding: 0 14px 11px 14px;
    line-height: 36px;
}
.article .level1 .bt-product-add {
    position: absolute;
    bottom: 5px;
    left: 61px;
}
.article-list .bt-product-add{
	position: relative;
    bottom: 5px;
}

.pricing__item:hover {
	border: 1px solid rgba(255,255,255,1);
	background: rgba(255,255,255,0.18);
}

.pricing--norbu .pricing__title {
	font-size: 2em;
	font-weight: 400;
	margin: 0.5em 0;
	padding: 1em;
	position: relative;
}

.pricing__title::after {
	content: '';
	position: absolute;
	width: 20%;
	height: 1px;
	background: #fff;
	left: 40%;
	bottom: 0;
}

ul.pr-uslugi::after {
    content: '';
    position: absolute;
    width: 120%;
    height: 61%;
    left: -10%;
    z-index: -1;
    top: 36%;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(354deg);
    -webkit-animation: popUp 1s ease-in forwards;
    animation: popUp 1s ease-in forwards;
    background-image: var(--background-img);
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
}
.tab-content .article h3{
	height: 38px;
}
.icon {
	display: inline-block;
	min-width: 2em;
}

.pricing__price {
	font-size: 3.5em;
	padding: 0.5em 0 0 0;
	font-weight: 400;
	position: relative;
	z-index: 100;
}

.pricing__period {
	font-size: 0.25em;
	display: block;
	padding: 1em;
}

.pricing__sentence {
	font-size: 1em;
}

.pricing__feature-list {
	font-size: 1.15em;
	margin: 0 2em;
	letter-spacing: 0;
	padding: 2em 0;
	list-style: none;
}

.pricing__feature {
	line-height: 1.4;
}

.pricing__feature::before {
	content: "\e87a";
	display: inline-block;
	vertical-align: middle;
	padding: 0 0.75em 0 0;
}

.pricing__action {
	display: inline-block;
    flex: none;
    margin: 0 auto;
    border-radius: 5px;
	color: var(--page-link-color);
	width: 96%;
    text-align: right;
    font-size: 15px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.pricing__action a:hover,
.pricing__action a:focus {
	background: var(--button-hover-bg-color);
    color: var(--button-hover-color);
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.pricing__item:hover {
    border: 1px solid rgba(255,255,255,1);
    background: rgba(255,255,255,0.18);
}

/* table */
table.table {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse: collapse;
	width: 100%;
}
.table .table-row input,
.table .table-row .remove-bt,
.table .table-row .pluss-bt,
.table .table-row .minus-bt{
     float: left;
}
.table .table-row .remove-bt {
    color: var(--button-color);
    background: var(--scroll-color);
    padding: 7px 13px 12px 13px;
    font-size: 36px;
    border: none;
    font-weight: 100;
    margin-left: 8px;
}
.table .table-row .pluss-bt {
    float: left;
    color: var(--button-color);
    background: var(--scroll-color);
    padding: 7px 9px 12px 9px;
    font-size: 35px;
    border: none;
    font-weight: 100;
}
.table .table-row .minus-bt{
    font-size: 57px;
    border: none;
    font-weight: 100;
    color: var(--button-color);
    background: var(--scroll-color);
    padding: 2px 14px 16px 15px;
    line-height: 23px;
}
.table .table-row .text-xs-right {
    width: 108px;
}
.table .table-row .img-fluid {
    width: 77px;
    background: #fff;
}
.table .table-row .count-td {
    width: 223px;
}
.table .table-row .form-control {
    width: 85px;
    line-height: 37px;
    border: 1px solid #004154;
}
.table a{
    font-weight: 100;
}
.table thead td,
.table tbody th {
    color: #fff;
    border: 1px solid #379fce;
    border-right: 3px solid #ffba89;
    padding: 0px 10px;
    background: #004154;
    font-weight: 100;
}
.table tbody td:first-child{
	padding: 10px;
    text-align: center;
    background-color: var(--menu-left-color);
    border: 1px solid var(--scroll-bg-color);
    -moz-border-radius: 2px;
    font-size: 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: var(--scroll-bg-color);
}
.table tbody td {
    padding: 0 10px;
    background-color: var(--scroll-bg-color);
    border: 1px solid var(--menu-left-color);
    -moz-border-radius: 2px;
    font-size: 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: 100;
    color: var(--menu-left-color);
}
.text-xs-right p {
    border: 1px solid #004154;
    border-left: 1px solid #004154 !important;
    float: right;
    padding: 10px 10px !important;
}
header.header-area{
	visibility: visible;
	-webkit-animation-duration: 0.75s; 
	-moz-animation-duration: 0.75s; 
	animation-duration: 0.75s;
	-webkit-animation-delay: 0s; 
	-moz-animation-delay: 0s; 
	animation-delay: 0s;
	z-index: 5000;
}
.header-area {
    background-color: #fdf8f81a;
    border-bottom: 1px solid rgba(250,250,250,.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    height: 76px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.header-area .main-nav {
    height: 46px;
    float: left;
    width: 100%;
    position: relative;
}

.header-area .main-nav:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    background: linear-gradient(90deg, transparent 1%, rgba(255,247,240,1) 14%);
    height: 1px;
    width: 75%;
    z-index: 2;
}
.header-area .main-nav a.logo {
    background-image: url(../images/white-logo.png);
    width: 166px;
    height: 58px;
    display: inline-block;
    margin-top: 20px
}

.background-header .main-nav a.logo {
    background-image: url(../images/black-logo.png);
    width: 164px;
    height: 58px;
    display: inline-block;
    margin-top: 10px
}

.background-header .main-nav .nav {
    margin-top: 20px!important;
    border-top: 2px solid var(--button-hover-bg-color);

}
.article{
    width:100%;
}
.text-2 p b{
    color: #e7c3a9;
}
.header-area .main-nav .nav {
    float: right;
    margin: 0;
    background-color: transparent;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 999
}

.header-area .main-nav .nav li a {
    padding-left: 30px;
    padding-right: 30px
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: fixed;
    width: 20px;
    top: 20%;
    right: 3%;
    z-index: 500;
}
span.swiper-pagination-bullet {
    margin: 10px 0;
    float: left;
    position: relative;
    width: 100%;
}
.swiper-pagination span:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 50%;
    bottom: -52px;
    width: 1px;
    height: 25px;
    background: #084b61;
    transition: height 0.5s;
}
.swiper-pagination span:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 50%;
    top: -35px;
    width: 1px;
    height: 25px;
    background: #084b61;
    transition: height 0.5s;
}

.background-header .main-nav .nav li:last-child a i,.header-area .main-nav .nav li:last-child a i {
    font-size: 12px;
    font-weight: bold !important
}

.cart-count {
    top: 0;
    left: 0;
    color: var(--main-h1-color);
    font-size: 19px !important;
    position: absolute;
    padding: 2px 0px 0px 11px;
    margin: -12px 6px 0 -40px;
}
i.cart-count:before {
    content: 'Товаров: ';
}
.cart-total {
    color: var(--main-h1-color);
    padding: 18px 10px 0 0;
    font-size: 20px;
    float: left;
}
.background-header .main-nav .nav li:last-child .main-white-button a {
    background-color: #8d99af;
    color: #fff!important
}

.background-header .main-nav .nav li:last-child .main-white-button a i {
    background-color: #fff;
    color: #8d99af
}

.header-area .main-nav .nav li:last-child a.active,.header-area .main-nav .nav li:last-child a:hover {
    color: #fff!important;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}

.header-area .main-nav .nav li a {
    display: block;
    text-wrap: nowrap;
    font-weight: 500;
    font-size: 14px;
    
    z-index: 13;
    position: relative;
    color: var(--scroll-bg-color);
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    height: 40px;
    line-height: 40px;
    border: transparent;
    letter-spacing: 1px
}

.header-area .main-nav .nav li a.active{
    border-bottom: 2px solid;
    
}

.background-header .main-nav .nav li a.active,
.background-header .main-nav .nav li:hover a {
    color:  var(--page-link-color)!important;
    opacity: 1
}

.background-header .main-nav .nav li ul li a:hover{
    border-bottom: 2px solid;
    color: #fff !important;
    background: #3e8398;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.header-area .main-nav .nav .uslugi a{
    color: var(--main-bg-color);
}
.header-area .main-nav .nav li.has-sub {
    position: relative;
    padding-right: 15px
}

.header-area .main-nav .nav li.has-sub:after {
    content: "\f107";
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 12px
}

.background-header .main-nav .nav li.has-sub:after {
    color: #1e1e1e
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: absolute;
    width: 200px;
    box-shadow: 0 2px 28px 0 rgba(0,0,0,.06);
    overflow: hidden;
    top: 40px;
    opacity: 0;
    transition: all .3s;
    transform: translateY(+2em);
    visibility: hidden;
    z-index: -1
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
    opacity: 1;
    display: block;
    background: #f7f7f7;
    color: #2a2a2a!important;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid #eee
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
    background: #fff;
    color: #f5a425!important;
    padding-left: 25px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
    width: 3px
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    transition-delay: 0s,0s,0.3s
}

.header-area .main-nav .menu-trigger {
    display: none
}



.index-map iframe {
    width: 100%;
    max-width: 1200px;
    border: 5px solid;
}
.header-area {
    min-height: 80px
}

.header-area .nav {
    margin-top: 30px
}

.header-area.header-sticky .nav li a.active {
    color: #8d99af
}


/* Закладки */
.tabs-index input {
	position: absolute;
	z-index: 1000;
	width: 60px;
	height: 60px;
	top: 5%;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.tabs-index input#tab-1{
	top: calc(5% + 22px);
}
.tabs-index input#tab-2{
	top: calc(5% + 84px);
}
.tabs-index input#tab-3{
	top: calc(5% + 144px);
}
.tabs-index input#tab-4{
	top: calc(5% + 190px);
}

.tabs-index label.tab-label-1{
    margin-top: 18%;
    background-image: var(--icons-img);
    background-position-x: -372px;
    background-position-y: -353px;
    transform: rotate(270deg);
    background-size: 1000px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}

.tabs-index label {
    margin-right: 28px;
    font-size: 15px;
    margin-bottom: 4px;
    line-height: 40px;
    height: 70px;
    position: relative;
    padding: 0px 20px;
    display: block;
    width: 70px;
    color: #385c5b;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    float: right;
    clear: both;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}

.tabs-index label:first-of-type {
    z-index: 40;
}

.tab-label-2 {
    z-index: 30;
}

.tab-label-3 {
    z-index: 20;
}

.tab-label-4 {
    z-index: 10;
}

.tabs-index input:checked + label {
	z-index: 6;
}

.tabs-index input:checked + label.tab-label-2 {
    background-position-x: -738px;
}

.tabs-index input:checked + label.tab-label-3 {
    background-position-y: -463px;
}
.tabs-index input#tab-1:checked + label {
    visibility: hidden;
}
.tabs-index .content .content-3 .center {
    width: 73%;
    margin: 3% 13%;
    -webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
}

.tabs-index .content .content-3 {
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
    background: #0e2c37;
    margin-right: -5%;
    margin-top: -77px;
    opacity: 0;
    display: none;
    -webkit-animation: popUp 1s ease-in forwards;
    animation: popUp 1s ease-in forwards;
    background-image: var(--background-img);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
#page-training .skos .sogl{
    color: rgba(236, 165, 144, 1);
}
.tabs-index .content .content-3 p.sogl {
    color: #fff7f0;
    font-size: 1em;
    position: relative;
    width: 591px;
}

.tabs-index .content .content-3 p.sogl:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    right: 0px;
    background: linear-gradient(90deg, transparent 1%, rgb(15 45 56) 14%);
    height: 100%;
    width: 100%;
    z-index: 2;
    -webkit-animation: textSpoilerFromLeft 1.6s ease-in forwards;
    animation: textSpoilerFromLeft 1.6s ease-in forwards;
}
input[type="bottom"] {
    text-align: center;
    background: #78aabb;
    text-transform: uppercase;
}
input[type="bottom"]:hover {
    background: #f7dbc2;
    color: #0f2d38;
}

.fa.fa-consult {
    background-image: var(--icons-img);
    background-position-x: -382px;
    background-position-y: -239px;
    background-size: 682px;
}
.fa.fa-consult:hover {
    background-position-y: -293px;
}
.tabs-index .content .content-2 .center {
    width: 70%;
    height: 59vh;
    margin: 8% 13% 100px 15%;
    padding-top: 46px;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}
.tabs-index .content .content-2 .center p {
    color: #fbf5f0;
    font-size: 1.17em;
    margin: 3px;
    float: left;
}
.tabs-index .content .content-2 h2 {
    color: #fff;
    text-transform: uppercase;
}

.tabs-index .content .content-2 {
    -webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
    transform: rotate(10deg);
    background: #0e2c37;
    -webkit-animation: vizon 1s ease-in forwards;
    animation: vizon 1s ease-in forwards;
}

.tabs-index .content .content-1{
	-webkit-transform: translateY(-450px);
	-moz-transform: translateY(-450px);
	-o-transform: translateY(-450px);
	-ms-transform: translateY(-450px);
	transform: translateY(-450px);
    -webkit-animation: popUp 1s ease-in forwards;
    animation: popUp 1s ease-in forwards;
    -webkit-animation: popDown 1s ease-in forwards;
    animation: popDown 1s ease-in forwards;
}
.block-index::before {
    content: '';
    width: 110%;
    height: 100px;
    position: absolute;
    right: -5%;
    top: -17px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    background: #ffffff;
    }
 .content-1 .block-index{
    height: 80vh;
    -webkit-animation: popUp 1s ease-in forwards;
    animation: popUp 1s ease-in forwards;
    background-image: var(--background-img);
    background-attachment: fixed;
    background-position: bottom;
}
.centr-row-2-coll {
    width: 66%;
    position: relative;
    font-size: 1.1em;
    margin: 10px auto;
    max-width: 1200px;
    display: grid;
    grid-template-columns: 300px auto;
}
.centr-row-2-coll a:hover{
    color: var(--page-link-hover-color);
}
.clear-shadow {
	clear: both;
}

.tabs-index .content {
    width: 100%;
    margin: 0 0 0 0;
    height: 100vh;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
}

.tabs-index .content .content-1,
.tabs-index .content .content-2
{
    position: absolute;
	top: 0;
	padding: 0;
	z-index: 1;
    opacity: 0;
    display: none;
    width: 100%;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
.tabs-index input.tab-selector-3:checked ~ .content .content-3,
.tabs-index input.tab-selector-2:checked ~ .content .content-2{
     z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}
.tabs-index input.tab-selector-1:checked ~ .content .content-1,
.tabs-index input.tab-selector-4:checked ~ .content .content-4 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}
#page-custom .info div {
    float: left;
    width: calc(100% / 2);
}
#page-custom .info div a:hover{
    color:#d18a57;
}
img.logo-right-bottom {
    width: 200px;
    position: absolute;
    right: -61px;
    bottom: -141px;
}
.tabs {
    position: relative;
    height: 14.75rem;
    margin-top: 10px;
}
.tabs::before,
.tabs::after {
    content: "";
    display: table;
}
.tabs::after {
    clear: both;
}
.tabs-index {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    right: 0;
}
.tabs-index::before,
.tabs-index::after {
    content: "";
    display: table;
}
.tabs-index::after {
    clear: both;
}
.tab {
    float: right;
}
.tab-switch {
    display: none;
}
.tab-label {
	position: relative;
    display: block;
    /* line-height: 0px; */
    padding: 0 13px;
    color: #cbcbcb;
    top: -40px;
    transition: all 0.25s;
}
.tab-label svg{   
    height: 40px;
	width: 40px;
}
.tab-label:hover {
    top: -44px;
    transition: top 0.25s;
    border-bottom: 2px solid rgb(208 210 220 / 60%);
    color: rgb(75 100 237 / 60%);
}

.tab-content .article img{
	width: 80%;
}
.tab-switch {
    display: none;
}
.tab-content {
    height: calc(100vh - 320px );
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 0;
    padding: 0 10px 0 10px;
    background: var(--main-page-color);
    opacity: 0;
	display: none;
    transition: all 0.35s;
}
.tabs-label {
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 20px;
    float: left;
    display: block;
}
.tab-switch:checked + .tab-label {
    background: #ffffff3d;
    color: #2c3e50;
    border-bottom: 2px solid #81cdef;
    transition: all 0.35s;
    z-index: 1;
	height: 40px;
    top: -40px;
    width: 40px;
}
.tabs-index input#tab-2:checked + .point-up {
   display: block;
}
.tab-switch:checked + label + .tab-content {
    z-index: 2;
    opacity: 1;
	display: block;
    transition: all 0.35s;
	position: relative;
}
/* menu */

.container {
position: relative;
    float: left;
    width: 100%;
    background: var(--main-bg-color);
    background-image: var(--background-img);
    background-position: left;
}

.main-nav .nav .top-level-top-menu ul{
    position: absolute;
    display:none;
    z-index: 200;
    background: #0e5367;
	animation-name: moveUp;
    -webkit-animation-name: moveUp;
    animation-timing-function: ease-out forwards;
    -webkit-animation-timing-function: ease-out forwards;
	-webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.main-nav .nav .top-level-top-menu{
    height: 100%;
}
.main-nav .nav .top-menu {
    padding: 0;
    position: absolute;
    top: -216px;
    width: calc(100% - 370px);
    height: 537px;
    z-index: 50;
    background: #2eaed3;
    animation-name: moveUp;
    -webkit-animation-name: moveUp;
    animation-timing-function: ease-out forwards;
    -webkit-animation-timing-function: ease-out forwards;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.main-nav .nav ul li{
	padding: 0;
}
.main-nav .nav li:hover > ul {
	display: block;
	padding: 0;
}
.menu-trigger {
	position: relative;
	padding-left: 60px;
	font-size: 0.9em;
}

.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
	perspective: 1000px;
}

.mp-menu {
	position: relative;
	top: 0;
	left: -11px;
	z-index: 1;
	width: 321px;
    font-size: 15px;
}
.mp-menu li{
    position: relative;
}
.mp-level {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
	background: var(--menu-left-color);
}
.mp-menu .mp-level img {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 26px;
    top: 22px;
}
.mp-menu .mp-level .level2 img{
    right: 19px;
    top: 6px;
}
.mp-menu li.level1 ul,
.mp-menu li.level2 ul,
.mp-menu li.level3 ul {
    display: none;
    position: absolute;
    top: 0;
    left: 299px;
    width: 100%;
    max-height: 568px;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--link-faded-hover-color);
    -webkit-animation-name: moveUp;
    animation-timing-function: ease-out forwards;
    -webkit-animation-timing-function: ease-out forwards;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.mp-menu li.level2 ul{
     background: #9d654f;
}
.mp-menu li.level1 ul a,
.mp-menu li.level2 ul a,
.mp-menu li.level3 ul a{
	font-size: 1.1em;
}
.mp-menu li.level1:hover > ul,
.mp-menu li.level2:hover > ul,
.mp-menu li.level3:hover > ul,
.mp-menu li.level2:hover > ul:hover,
.mp-menu li.level3:hover > ul:hover,
.mp-menu li.level1:target > ul,
.mp-menu li.level2:target > ul,
.mp-menu li.level3:target > ul {
	height: auto;
	display: block;
	z-index: 4;
}
/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-level ul {
	-webkit-transition: height cubic-bezier(0.63, -0.03, 0.42, 0.97) 0.6s 0.6s;
	-moz-transition: height cubic-bezier(0.63, -0.03, 0.42, 0.97) 0.6s 0.6s;
	transition: height cubic-bezier(0.63, -0.03, 0.42, 0.97) 0.6s 0.6s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	/*-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;*/
}

ul.top-menu {
    width: 100%;
    position: absolute;
    left: 0;
}
.top-menu li.level1 {
    float: left;
    display: block;
    width: 100%;
}
.top-menu .spoiler li.level1 > a{
    float: left;
    display: block;
    width: 100%;
    border-right: 1px solid #fff;
}
.top-menu-child-2{
    background: #ffba89;
    transition: transform 0.6s;
}
.top-menu-child-2 .level3 a {
    text-transform: unset !important;
    line-height: 25px !important;
    height: 25px !important;
}
.top-menu-child-1 {
    position: absolute;
    z-index: 700;
    width: 92vw;
    display: none;
    background: #8f5645;
    transition: transform 0.6s;
}
.main-nav .nav li:hover > .top-menu {
    display: block;
    padding: 0;
    width: 90%;
    height: 403px;
    left: 0;
    position: absolute;
}
.main-nav .nav .top-menu:first-child{
    display: block;
    padding: 0;
    width: 90%;
    height: 403px;
    left: 5%;
    position: absolute;
    padding-bottom: 43px; 
}
.topCatalogMenu:nth-child(2) .top-menu{
    top: -52px;
}
.topCatalogMenu:nth-child(3) .top-menu{
    top: -104px;
}
.topCatalogMenu:nth-child(5) .top-menu{
    top: -208px;
}
.topCatalogMenu:nth-child(6) .top-menu{
    top: -260px;
}

.topCatalogMenu:nth-child(7) .top-menu{
    top: -312px;
}

.topCatalogMenu:nth-child(8) .top-menu{
    top: -364px;
}

.topCatalogMenu:nth-child(9) .top-menu{
    top: -416px;
}

.topCatalogMenu:nth-child(10) .top-menu{
    top: -456px;
}
.topCatalogMenu .top-menu{
    left: 370px;
}
#topCatalogMenu a {
    float: left;
    padding: 0 16px 0 17px;
    height: 52px;
    border-bottom: 1px solid #ffba89;
}

.main-nav .nav .top-menu li img{
    display:none;
}

.main-nav .nav li:hover > .top-menu .top-menu{
    margin-bottom: 0;
}
.main-nav .nav li .top-menu .level1:hover > .top-menu {
    height: 320px;
    position: relative;
    width: 89.35vw;
    float: left;
}

.main-nav .top-menu li.level1:nth-child(1):hover > .top-menu{
    left: 0px;
    top: 0px;
}
.main-nav .top-menu li.level1:nth-child(2):hover > .top-menu{
    left: -37px;
    top: 0px;
}
.main-nav .top-menu li.level1:nth-child(3):hover > .top-menu{
    left: 0px;
    top: 0px;
}
.main-nav .top-menu li.level1:nth-child(4):hover > .top-menu{
    left: 0;
    top: -51px;
}
.main-nav .top-menu li.level1:nth-child(5):hover > .top-menu{
    left: -37px;
    top: -51px;
}
.main-nav .top-menu li.level1:nth-child(6):hover > .top-menu{
    left: -37px;
    top: -51px;
}

.main-nav .top-menu .first.level1.odd .top-menu {
    display: block;
    float: left;
    position: relative;
    width: 89.29vw;
    top: 0;
}
/*
.main-nav .nav li .top-menu .level1:hover {
    margin-bottom: 45px;
}*/


ul.top-menu .level1 ul {
    padding: 0 !important;
}

.top-menu li.level2 {
    float: left;
    width: calc(100%/3 - 2px);
    border: 1px solid #fff;
}

.top-menu li.level2 ul{
    height: 116px !important;
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: auto;
}
.top-menu li.level2 ul::-webkit-scrollbar {
    width: 8px;
    background-color: #ffba89;
}
.top-menu li.level2 ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #225e70;
}
.top-menu li.level1:hover ul,
.top-menu li.level2:hover ul,
.top-menu li.level3:hover ul{
    display: block;
    z-index: 10000;
}
.top-menu li.level1 ul{
    width: calc(100% - 238px);
    left: 239px;
    height: 400px;
}
.top-menu .level1:nth-child(1) ul{
    top: -10px;
}
.top-menu .level1:nth-child(2) ul{
    top: -10px;
}
.top-menu .level1:nth-child(3) ul{
    top: -10px;
}
.top-menu .level1:nth-child(4) ul{
    top: -10px;
}
.top-menu .level1:nth-child(5) ul{
    top: -10px;
}
.top-menu .level1:nth-child(6) ul{
    top: -10px;
}
.top-menu .level1:nth-child(7) ul{
    top: -10px;
}
.top-menu .level1:nth-child(8) ul{
    top: -10px;
}
.top-menu .level1:nth-child(9) ul{
    top: -10px;
}

.top-menu .level1:nth-child(10) ul{
    top: -10px;
}

.top-menu .level1:nth-child(11) ul{
    top: -10px;
}

.top-menu .level1:nth-child(12) ul{
    top: -10px;
}

.top-menu .level1:nth-child(13) ul{
    top: -10px;
}

.top-menu .level1:nth-child(2):hover > .top-menu,
.top-menu .level1:nth-child(5):hover > .top-menu,
.top-menu li.level1:nth-child(2) > .top-menu,
.top-menu li.level1:nth-child(5) > .top-menu{
    margin-left: -355px ;
}

.top-menu .level1 .level2 .top-menu{
    left: 0px ;
}
.top-menu li img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 265px;
}
.top-menu .top-menu .top-menu li.level3 {
    float: left;
    width: 100%;
    height: 26px;
}
.top-menu .top-menu .top-menu li.level3 a {
    color: #004154 !important;
    text-transform: none !important;
    border: none !important;
    height: 26px;
    line-height: 26px;
}
/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    background-image: var(--background-img);
    background-position: left;
    background-attachment: fixed;
    background-blend-mode: unset;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}


.mp-menu ul li > a {
	display: block;
	padding: 19px 14px;
	outline: none;
	color: var(--menu-left-a-color);
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1.2em;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: rgba(0,0,0,0.2);
	line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-level > ul > li > a img {
    width: 50px;
    height: 50px;
    float: right;
    display: block;
    margin: -16px -7px 0 0;
}
.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: var(--orange-light-color);
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	background: rgba(0,0,0,0.1);
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	
}

.mp-back::after {
	position: absolute;
	content: "\e037";
	right: 10px;
	font-size: 1.3em;
	color: rgba(0,0,0,0.3);
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}
.minus-bt {
    float: left;
    font-size: 42px;
    color: var(--button-color);
    background: #004559;
    padding: 1px 11px 11px 10px;
    line-height: 24px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
footer #org .contacts p{
    color:#fff;
}
footer #org div[itemprop="address"] p{
    margin-top: 20px;
    font-size: 25px;
    line-height: 41px;
}
footer {
    margin: 20px 50px;
    position: relative;
    overflow: hidden;
}
footer:after {
    content: "";
    position: absolute;
    top: 0px;
    background: linear-gradient(90deg, rgba(236,165,144,0) 0%, rgb(7 72 92) 18%, rgba(236,165,144,1) 79%, rgba(236,165,144,0) 100%);
    height: 2px;
    width: 100%;
    z-index: 2;
}
footer img {
    width: 180px;
    opacity: 0.7;
}
footer a {
    float:left;
}
.two-collumn-2 {
    position: relative;
    margin:0;
    display: grid;
    grid-template-columns: 400px auto;
    float: left;
}
.item-sider .da-slide {
    position: absolute;
    width: 100%;
    height: 400px;
    top: 0px;
    display: block;
    left: 0px;
    text-align: left;
}
/*.rabota:after {
    content: '';
    position: absolute;
    width: 141px;
    top: 51px;
    height: 2px;
    background: #de9f8d;
    transform: rotate(125deg);
}
 Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}

.article .pricing__sentence {
    float: left;
    position: absolute;
    bottom: 10px;
    left: 10px;
    list-style-type: none;
    padding: 0;
    width: calc(100% - 20px);
    overflow-y: auto;
	overflow-x: hidden;
    height: 113px;
}
/* Scrollbar */
.overflow-content{
    position: relative;
}
.overflow-content .content {
    float: left;
    width: 100%;
}
.table-without-topic.container-overflow{
    position: relative;
    margin: 0 0 8px 0;
	float: left;
    width: 100%;
}
.article .article-block img {
    width: 80%;
    margin: 0 auto 0 auto;
    float: none;
    display: block;
}

::-webkit-scrollbar {
    width: 10px;
    height: 14px;
    background-color:  var(--scroll-bg-color);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scroll-color);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color:  var(--scrol-bg-color);
}

div#content {
    margin: 10px 0 0 0;
    color: var(--main-p-color);
    line-height: 23px;
    font-size: 17px;
    width: 100%;
    float: left;
}
.one-centrall-block .item-sider{
        overflow: hidden;
}
.one-centrall-block h1 {
    color: #ffba89;
    text-transform: uppercase;
    line-height: 38px;
    font-size: 20px;
    margin: 10px 14px 0 8px;
    width: 93%;
}
.one-centrall-block .overflow-content {
    position: relative;
    float: left;
    width: 100%;
}
.one-centrall-block .overflow-content p {
    color: #d5f5ff;
    margin: 0 20px 10px 20px;
    font-size: 23px;
    position: relative;
    float: left;
}
.one-centrall-block #content{
    margin: 10px 0 0px 20px;
}
.one-centrall-block .table tbody td:first-child {
    padding: 10px;
    font-weight: 100;
    border: 1px solid #f9f9fd;
    text-align: end;
}
.one-centrall-block .table tbody td {
    font-weight: 100;
    padding: 10px;
    border: 1px solid var(--menu-left-color);
}
main .one-centrall-block{
    width: 80%;
    display: grid;
    min-width: 900px;
    margin: 0 auto;
    background: var(--main-bg-color);
    background-image: var(--background-img);
    background-position: top;
}

.item-sider {
    width: 100%;
}
.one-centrall-block .item-sider .da-slide-current .da-img {
    left: 0;
    width: 100%;
    opacity: 1;
    -webkit-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
}
.content-1 .poster {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
.one-centrall-block .poster {
    position: absolute;
    bottom: 0;
    background: #ebeff2;
    right: 0;
    width: 372px;
}
.item-sider .da-slider{
    height: 474px;
}
.one-centrall-block .item-content {
    height: 250px;
    width: 95%;
}

.one-centrall-block .summa-block{
    position: relative;
}
.one-centrall-block .summa-block .summa{
    position: relative;
    width: 88%;
    padding: 0px 1px 0 0;
    display: block;
    float: left;
    font-size: 29px;
    text-align: end;
    margin: 23px 6px 0 0;
}
.one-centrall-block .summa-block:before {
    content: 'Итого: ';
    left: 11px;
    top: -3px;
    color: #225e70;
    position: absolute;
    font-size: 20px;
}
.one-centrall-block .pricing,
.one-centrall-block .spin,
.one-centrall-block .bt-product-add{
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}
.one-centrall-block .pricing{
    width: 200px;   
}
.one-centrall-block .bt-product-add{
    width: calc(100% - 200px);
}
.one-centrall-block .spin{
    margin: 16px 0 10px 0;
    width: 202px;
    float: right;
    height: 41px;
}
.one-centrall-block .pricing-price .price {
    float: left;
    margin: 23px 0px 0 13px;
    width: 94%;
    padding-top: 9px;
    height: 46px;
    font-size: 29px;
    display: block;
    text-align: right;
    position: relative;
}
.one-centrall-block .pricing-price div[itemprop="offers"] {
    float: left;
    width: calc(100% - 208px);
}
.one-centrall-block .pricing-price .price:before{
    content: 'Цена: ';
    left: 1px;
    top: -18px;
    position: absolute;
    font-size: 19px;
}
.one-centrall-block .summa {
    font-size: 30px;
    width: 97%;
    float: left;
}
.one-centrall-block .pricing-title {
    text-align: center;
    margin: 9px 0 0 0;
    font-size: 25px;
    width: 114px;
    float: left;
}
.one-centrall-block span.pricing__currency {
    font-size: 29px;
    margin: 23px 0 0 5px;
    float: left;
    display: block;
    color: #225e70;
}
.one-centrall-block .pluss-bt {
    background: var(--button-bg-color);
    padding: 0px 12px 8px 12px;
    font-size: 30px;
}
.one-centrall-block .minus-bt {
    font-size: 42px;
    background: var(--button-bg-color);
    padding: 3px 18px 14px 17px;
}
.one-centrall-block .pricing__action{
    width: 97%;
    display: block;
    float: left;
    margin: 0 0;
    text-align: center;
    padding: 0;
}
.one-centrall-block .bt-add {
    width: 92%;
    display: block;
    float: right;
    margin: 10px 0;
    text-align: center;
    background: #002e3b;
    padding: 10px;
    color: #fff;
}
.one-centrall-block .item-block {
    background: #fff;
    float: left;
    width: 95%;
}
article.item-list .pricing .bt-add{
	color: var(--button-color);
    background: var(--main-p-color);
    padding: 10px;
    font-size: 12px;
}
article.item-list .pricing .bt-add:hover{
	color: var(--button-hover-color);
    background: var(--button-bg-color);
    cursor: var(--cursor-check-url-img) 20 20, pointer;
}
.content-img {
    float: left;
    width: 250px;
    margin: 0 0 0 5px;
}
.content-img img{
	width: 100%;
    margin-left: 15px;
}
.well .col-sm-10 {
    width: 100%;
}
.well .cbp-mc-form input, 
.well .cbp-mc-form textarea {
    border: 2px solid #476973;
    border-top: 1px solid #c4dae1;
    opacity: 1;
    width: 91%;
    margin-left: 7px;
    float: left;
}
.well .col-md-8.col-md-offset-2 label {
    color: #fff;
    margin: 16px 0 0 0;
    text-align: right;
    float: right;
    width: 277px;
    line-height: 26px;
}
.header-list{
	display: grid;
    grid-template-columns: auto 120px 120px 130px 100px;
	align-items: center;
}
.header-list div {
    float: left;
	margin: 0 16px;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
    color: var(--menu-left-color);
}
article.item-list {
    border-bottom: 1px solid #6694b9;
    padding: 1px 0;
    margin: 0 16px;
    width: 100%;
    display: grid;
    grid-template-columns: auto 150px 120px 139px 100px;
	align-items: center;
}

div.listItems{
    float: left;
    border-top: 1px solid #ffffff36;
    width: 100%;
    background: #ffffff05;
}
article.item-list .pricing a{
	color: var(--main-p-color);
}
article.item-list .pricing a h4{
	color: var(--main-p-color);
    font-size: 17px;
    line-height: 27px;
    margin: 4px 0;
    padding: 0 9px;
    font-weight: normal;
}
article.item-list .pricing a h4:hover {
	color: var(--page-link-color);
}

article.item-list .pricing a h4:active ,
article.item-list .pricing a h4:focus {
	color: var(--page-link-color);
}
article.item-list:hover {
    background: #ffffff21;
}
.pricing-price {
    font-size: 16px;
    position: relative;
    z-index: 100;
    text-align: right;
    color: var(--menu-button-close-color);
    float: right;
    width: calc(100% - 18px);
    margin: 0 10px;
}
.pricing-price .price {
    float: right;
    margin: 7px 0 0 0;
    display: contents;
}
span.pricing__currency{
    font-size: 16px;
    width: 15px;
    display: contents;
    float: right;
}
article.item-list div.pricing-title {
    font-size: 18px;
    padding: 3px 10px 4px 10px;
    float: left;
    margin: 0px;
    display: block;
    width: calc(100% - 82px);
    text-align: center;
    line-height: 28px;
    font-weight: lighter;
}
.pluss-bt {
    float: right;
    color: var(--button-color);
    background: #004559;
    padding: 0px 7px 3px 7px;
    font-size: 29px;
    line-height: 33px;
    cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.spin {
	float: left;
    border: 1px solid var(--page-link-color);
    width: calc(100% - 10px);
    margin: 0 5px;
	cursor: var(--cursor-hover-url-img) 0 0, pointer;
}
.bt-product-add .summa {
    float: left;
    margin: 8px 0 8px 5px;
    width: 100%;
    display: contents;
    text-align: right;
    font-size: 17px;
    color: var(--menu-button-close-color);
}
.minus-bt:hover,
.pluss-bt:hover{
	color: var(--button-hover-color);
    background: var(--button-bg-color);
}
.minus-bt:hover{
	cursor: var(--cursor-minus-url-img) 0 0, pointer;
}
.pluss-bt:hover{
	cursor: var(--cursor-pluse-url-img) 0 0, pointer;
}
.minus-bt:active, .pluss-bt:active {
    background: var(--button-bg-color);
    color: var(--button-color);
}
.tabs-index .content .content-3,
.tabs-index .content .content-2{
    position: relative;
    left: -10%;
    width:120%;
    background-image: var(--background-img);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
@media (max-width: 1200px) {
    .header-area .main-nav .nav li a{
        padding-left:12px;
        padding-right: 12px
    }
    
    .header-area .main-nav .nav{
        display: none;
    }
}

@media (min-width: 767px) {
    .header-area .main-nav .nav {
        display:flex!important
    }
}

@media (max-width: 1300px) {

    .pr-uslugi-2 li{
        font-size: 1.34vw;
        
    }
}

 @media screen and (max-width: 1100px) {
    .article .level1{
        width: calc(100%/2 - 41px); 
    }
    .bp-header__title {
        font-size: 1.6em;
        width: 75%;
    }
 }
 @media screen and (max-width: 1090px) {
     .cursor-dot, .cursor-dot-outline {
        display: none;
      }
    .pr-uslugi li {
        width: calc(100%/2 - 51px);
        font-size: 1.8vw;
        height: calc(100vh/2 - 147px);
        
    }
    
}

 @media screen and (max-width: 900px) {
    #topCatalogMenu a{
        background: transparent !important;
        border: none;
    }
    #topCatalogMenu img {
        width: 64px;
        margin: 6px 0 0 6px;
    }
    .topCatalogMenu:nth-child(2) .top-menu {
        left: -239%;
        top: 37px;
        width: 99vw;
    }
    .topCatalogMenu:nth-child(3) .top-menu {
        left: -20vw;
        width: 99vw;
        top: 36px;
    }
    .topCatalogMenu:nth-child(5) .top-menu {
        top: 9px;
        left: -20vw;
        width: 99vw;
    }
    .topCatalogMenu:nth-child(6) .top-menu {
        left: -70vw;
        width: 99vw;
        top: 8px;
    }
    .topCatalogMenu:nth-child(7) .top-menu {
        top: 8px;
        left: -20vw;
        width: 99vw;
    }
    .topCatalogMenu:nth-child(8) .top-menu {
        top: 36px;
        left: -70vw;
        width: 99vw;
    }
    .topCatalogMenu:nth-child(9) .top-menu {
        left: -21vw;
        width: 100vw;
        top: 8px;
    }
    .topCatalogMenu:nth-child(10) .top-menu {
        left: -70vw;
        width: 100vw;
        top: 8px;
    }
    .topCatalogMenu li.level1 {
        float: left;
        display: block;
        width: 100%;
    }

     .topCatalogMenu .spoiler .top-menu-child-2 .level3 a {
        height: 29px !important;
        line-height: 29px !important;
     }
    summary {
        line-height: 27px;
        margin: -19px 0 0 0;
        font-size: 22px;
    }
    li.topCatalogMenu {
        height: 83px;
    }
    .article .level1{
        width: calc(100%/3 - 21px); 
    }
    .two-collumn {
        display: grid;
        grid-template-columns: auto;
    }
    .mp-menu {
        display: none;
    }
    a.logo span {
        display: none;
    }
    div#content {
        margin: 0;
    }
    .table-without-topic.container-overflow {
        margin: 0;
    }
    .main-nav .nav li:hover ul {
        display: block;
        padding: 0;
        position: relative;
    }
     li.topCatalogMenu {
        width: calc(100% / 2 - 2px);
     }
     .main-nav .nav .top-level-top-menu ul li a {
       background: #ffba89 !important; 
    }
    #topCatalogMenu {
        width: 100%;
        left: 0;
        position: relative;
    }
    .header-area .main-nav .nav li ul li a:hover {
        background: #607D8B!important;
        border-bottom: 1px solid;
        border-top: 1px solid;
    }
    .pr-uslugi-2 li {
        font-size: 2vw;
    }
 }

@media (max-width: 992px) {

    .background-header .main-nav .nav li:nth-child(6),.header-area .main-nav .nav li:nth-child(6) {
        padding-right: 0
    }
    
}
@media (max-width: 950px) {
    main .one-centrall-block {
        width: 96%;
        min-width: 200px;
    }
    .one-centrall-block .pricing-price .price:before {
        left: 12px;
        top: -9px;
    }
    .one-centrall-block .item-content {
        height: auto;
        float: left;
        margin-bottom: 15px;
    }
    .item-content .content p {
        margin: 10px 0 10px 20px;
    }
    .one-centrall-block #content {
        margin: 10px 0 0px 0;
    }
    .two-collumn-2 {
        grid-template-columns: auto;
    }
    .item-sider {
        width: 410px;
        float: left;
        display: block;
    }
    .one-centrall-block .item-block {
        float: right;
        position: absolute;
        top: 140px;
        right: 29px;
        width: calc(100% - 345px);
    }
    .one-centrall-block .poster {
        width: 281px;
    }
    .item-sider .da-slide {
        height: 288px;
    }
    .item-sider .da-slider {
        height: 363px;
    }
    .item-sider {
        width: 302px;
    }
    .one-centrall-block h1 {
        position: absolute;
        top: -8px;
        right: 15px;
        width: calc(100% - 346px);
    }
    .one-centrall-block .pricing-price div[itemprop="offers"] {
        width: calc(100% - 169px);
    }
    .one-centrall-block .summa-block .summa{
        width: 80%;
        padding-top: 9px;
        height: 33px;
        font-size: 2.35vw;
        margin: 17px 6px 0 0;
    }
    .one-centrall-block .spin {
        width: 161px;
    }
    .one-centrall-block .pricing-title {
        width: 72px;
    }
    .one-centrall-block .pricing {
        width: 154px;
    }
    .one-centrall-block .bt-product-add {
        width: calc(100% - 155px);
    }
    .one-centrall-block .pricing-price .price {
        width: 97%;
        padding-top: 9px;
        height: 33px;
        font-size: 2.35vw;
        margin: 20px 6px 0 0;
    }
    .one-centrall-block .pricing-title {
        font-size: 2.5vw;
        margin: 11px 0 0 0;
    }
    .one-centrall-block span.pricing__currency {
        font-size: 2.4vw;
        margin: 27px 0 0 5px;
    }
    footer #fooret {
        grid-template-columns: auto;
        padding: 0 0 0 20px;
    }
    footer .contacts {
        margin-top: -120px;
    }
    footer #org .contacts p {
        margin-top: 20px;
        line-height: 32px;
        font-size: 20px;
        text-indent: 2px;
        letter-spacing: 2.5px;
    }
    
    i.icon-ph-mini {
        width: 28px;
        height: 28px;
        margin-top: 4px;
        margin-right: 3px;
        background-image: var(--icons-img);
        background-position-x: -129px;
        background-position-y: -160px;
        background-size: 450px;
    }
    i.icon-mail-mini {
        width: 28px;
        height: 28px;
        margin-right: 3px;
        background-image: var(--icons-img);
        background-position-x: -326px;
        background-position-y: -43px;
        background-size: 440px;
    }
    footer {
        margin: 20px 0;
        position: relative;
        overflow: hidden;
        width: 100%;
        float: left;
        display: block;
    }
    logo-moble, .logo-web {
        height: 70px;
        float: left;
        margin: -32px 0 0 -3px;
    }

}
@media (max-width: 767px) {
    .background-header .main-nav .nav {
        margin-top:80px!important
    }

    .header-area .main-nav .logo {
        color: #1e1e1e
    }

    .header-area .nav li a.active,.header-area .nav li a:hover {
        color: #8d99af!important;
        opacity: 1
    }

    .header-area .nav li.search-icon a {
        width: 100%
    }

    .header-area {
        background-color: #f7f7f7;
        height: 100px;
        box-shadow: none;
        text-align: center
    }

    .header-area .container {
        padding: 0
    }

    .header-area .menu-trigger {
        display: block!important
    }
    .top-menu li img {
        left: 25px;
    }
    .header-area .main-nav .nav {
        position: absolute;
        top: -68px;
        float: left;
        width: 100%;
        padding: 0;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
        margin-left: 0
    }

    .background-header .nav {
        margin-top: 80px
    }

    .header-area .main-nav .nav li:hover > a {
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
    }

    .header-area .nav {
        margin-top: 100px
    }
    .header-area .main-nav .nav li:hover a {
        border-bottom: 1px solid #225e70;
        border-top: 1px solid #225e70;
    }

    .header-area .main-nav .nav li a {
        width: 100%;
        display: block;
        float: left;
        height: 50px!important;
        line-height: 50px!important;
        padding: 0!important;
        border: none;
        border-bottom: 1px solid #ffba89;
        border-top: 1px solid #ffba89;
        background: rgb(188 119 99)!important;
        color: #191a20!important
    }

    .main-nav .nav li:hover > .top-menu {
        display: block;
        width: 100% !important;
        left: 0;
    }
    ul.top-menu .level1.first > ul {
        left: 0 !important;
        width: 100% !important;
        min-height: auto;
    }
    .main-nav .nav ul {
        width: 100%;
    }
    .header-area .main-nav .nav li a:hover {
        background: #eee!important;
        color: #8d99af!important
    }

    .header-area .main-nav .nav li.has-sub ul.sub-menu {
        position: relative;
        visibility: inherit;
        opacity: 1;
        z-index: 1;
        transform: translateY(0);
        top: 0;
        width: 100%;
        box-shadow: none;
        height: 0;
        transition: all 0s
    }

    .header-area .main-nav .nav li.submenu ul li a {
        font-size: 12px;
        font-weight: 400
    }

    .header-area .main-nav .nav li.submenu ul li a:hover:before {
        width: 0
    }

    .header-area .main-nav .nav li.has-sub ul.sub-menu {
        height: auto
    }

    .header-area .main-nav .nav li.has-sub:after {
        color: #3b566e;
        right: 30px;
        font-size: 14px;
        top: 15px
    }

    .header-area .main-nav .nav li.submenu:focus ul,
    .header-area .main-nav .nav li.submenu:hover ul {
        height: 0
    }
    .article .level1 {
        width: calc(100%/2 - 41px);
    }
    #search-button {
        margin-right: 11px;
    }
    .header-area .main-nav .menu-trigger {
        padding-left: 0;
        font-size: 0.9em;
        right: 14px;
        top: 7px;
    }
  .shop-cart {
        top: 61px;
        right: 119px;
  }
    a.logo {
        top: 35px;
        left: 26px;
    }
    .contact-block {
        width: 484px;
    }
    .contact-block .rabota i {
        z-index: 4;
        position: sticky;
    }
}

@media (max-width: 700px) {
    .one-centrall-block h1 {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        margin: 0 0 0 22px;
    }
    .one-centrall-block .item-block {
        position: relative;
        margin-bottom: 25px;
        top: 0;
        right: 18px;
        width: calc(100% - 37px);
    }
    .one-centrall-block .poster {
        width: 67vw;
    }
    .item-sider .da-slider {
        width: 85%;
        height: 87vw;
    }
    .item-sider {
        width: 93%;
    }
    .item-sider .da-slide {
        height: 75vw;
    }
    .one-centrall-block span.pricing__currency,
    .one-centrall-block .pricing-title,
    .one-centrall-block .summa-block .summa,
    .one-centrall-block .pricing-price .price {
        font-size: 3.5vw;
    }
    .one-centrall-block .pricing-price div[itemprop="offers"] {
        width: calc(100% - 220px);
    }
    .one-centrall-block .bt-product-add {
        width: calc(100% - 187px);
    }
    .one-centrall-block .pricing {
        width: 185px;
    }
    .one-centrall-block .spin {
        width: 187px;
        margin: 16px 4px 10px 0;
    }

}
 @media screen and (max-width: 600px) {
    .article .level1{
        width: calc(100% - 41px); 
    }
    .contact-block {
        width: 400px;
    }
    .contact-block .rabota i {
        display: none;
    }
    .contact-block .rabota {
        width: 103px;
        font-size: 18px;
    }
    .contact-block .number span {
        z-index: 5000;
        position: relative;
    }
    .article .article-block img {
        width: 46%;
    }
        footer .contacts::after {
        transform: rotate(66deg);
    }
 }

 @media screen and (max-width: 530px) {
    .pr-uslugi-2 li {
        font-size: 3.3vw;
        line-height: 4.9vw;
    }
}