html,body{wheight:100%; width: 100%; position: relative;}
*{margin:0px;padding:0px;outline:none;font-family: Montserrat}
img{border: 0px}
table{border-collapse:collapse;}
table td{border-collapse:collapse;}

body{background-color: #f7f7f7}

ul, ol{margin-bottom: 0px}

a{color: #222}
a:hover, a:active, a:focus{color: #222}

h1{margin: 0px}

h2, h3, h4{margin: 0px}

.clear-both{clear:both}

.fix{margin: 0px auto; width: 1200px; position: relative; box-sizing: border-box;}
.flex-container{width: 100%}

@font-face {
    font-family: ProximaNovaRegular;
    src: url(../fonts/ProximaNovaRegular.otf);
}

@font-face {
    font-family: ProximaNovaSemibold;
    src: url(../fonts/ProximaNovaSemibold.otf);
}

*{font-family: ProximaNovaRegular;}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
    border: 0px solid transparent;
    border-radius: 0px;
}

.cap-box{position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10; background-color: rgba(7,17,27,1)}
.cap-box-contacts{
    display: block; 
    float: left; 
    width: max-content;
}
.cap-box-contacts li{
    display: inline-block; color: rgba(255,255,255,0.7); margin-right: 20px; font-size: 11pt;
    border-right: 1px solid rgba(255,255,255,0.2); padding-right: 20px;
}
.cap-box-contacts li a{height: 40px; display: inline-block; line-height: 40px; color: #fff; margin-right: 5px;}

.cap-lng-menu-box{
    display: block; 
    float: left; 
    width: max-content; 
    text-align: right;
}
.cap-lng-menu-box ul{display: inline-block}
.cap-lng-menu-box li{display: inline-block}
.cap-lng-menu-box li{display: inline-block; color: rgba(255,255,255,0.7); font-size: 11pt;}
.lng-item a{height: 40px; display: inline-block; line-height: 40px; color: #fff; padding: 0px 15px}
.lng-item a:hover,
.lng-item a:active,
.lng-item a:focus{text-decoration: none; background-color: rgba(7,17,27,0.7);}
.lng-item-active a{background-color: #fff; color: #222}
.lng-item-active a:hover,
.lng-item-active a:active,
.lng-item-active a:focus{background-color: #fff; color: #222}





.big-media-box{background-image: url("../images/m1_fix.jpg"); background-size: cover; background-position: center; position: relative}
.big-media-box-container{background-color: rgba(7,17,27,0.5); position: relative; padding-top: 50px; padding-bottom: 100px;}
.big-media-box-gradient{
    height: 250px; position: absolute; top: 0px; width: 100%;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(7,17,27,0) 100%);
}

.mob-menu-bttn{display: none; width: 40px; position: absolute; right: 0px; top: 30px;}
.mob-menu-bttn img{display: block; max-width: 100%; cursor: pointer}

.mob-menu{
    background-color: rgba(7,17,27,0.98); position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh;
    z-index: 500; display: none; align-content: center; align-items: center;
}

.close-mob-menu{width: 35px; top: 25px; right: 25px; position: absolute}
.close-mob-menu img{display: block; max-width: 100%}

.mob-menu-container{width: 100%; text-align: center}
.mob-menu-container ul{display: inline-block; text-align: left}
.mob-menu-container ul li{display: block; border-bottom: 1px solid rgba(255,255,255,0.1)}
.mob-menu-container ul li:first-child{border-top: 1px solid rgba(255,255,255,0.1)}
.mob-menu-container ul li a{color: #fff; font-size: 14pt; display: block; padding: 10px 20px}
.mob-menu-container ul li a:hover,
.mob-menu-container ul li a:active,
.mob-menu-container ul li a:focus{text-decoration: none; background-color: rgba(7,17,27,1);}

.big-media-box-top{display: block; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative}
.cap-logo-box{width: 180px; display: inline-block; vertical-align: middle}
.cap-logo-box img{display: block; max-width: 100%}
.main-menu-box { 
    display: flex; 
    vertical-align: middle;
    text-align: right; 
    width: calc(100% - 185px);
    /* border: solid 1px green; */
    /* float:right; */
}
.main-menu-box ul { display: inline-block; }
.main-menu-box li { display: inline-block; }
.main-menu-item a{color: #fff; padding: 0px 15px; height: 100px; line-height: 100px; font-size: 14pt; display: block; margin-bottom: -1px;}
.main-menu-item a:hover,
.main-menu-item a:active,
.main-menu-item a:focus{text-decoration: none; border-bottom: 1px solid #fff}

.big-media-box-info{padding: 0px 10%; padding-top: 80px; padding-bottom: 100px;}
.big-media-box-info h1{color: #fff; font-family: ProximaNovaSemibold; font-size: 36pt; text-align: center; margin-bottom: 10px}
.big-media-box-info p{color: #fff; font-size: 16pt; text-align: center; margin-bottom: 40px}
.big-media-box-info-bttn{text-align: center}
.big-media-box-info-bttn a{display: inline-block; font-size: 14pt; color: #fff; border: 2px solid #fff; padding: 10px 20px}
.big-media-box-info-bttn a:hover,
.big-media-box-info-bttn a:active,
.big-media-box-info-bttn a:focus{text-decoration: none; background-color: rgba(7,17,27,0.6)}

.advantages-box{padding: 0px 20px}
.advantages-box-container{
    background-color: #172532; z-index: 120; position: relative; height: 350px;
    padding: 40px 10%; display: flex; align-content: center; align-items: center; border-radius: 3px;
}
.advantages-box-title{margin-bottom: 25px; position: relative; text-align: center}

.advantages-box-title h3{
    color: #fff; text-align: center; font-size: 16pt; position: relative; background-color: #172532;
    display: inline-block; padding: 0px 30px;
}
.advantages-box-title::before{
    content: "";
    position: absolute;
    left: 0px;
    height: 1px;
    width: 100%;
    background-color: rgba(255,255,255,0.4);
    top: 50%
}
.advantages-box-more{text-align: center; padding-top: 10px}
.advantages-box-more a{color: rgba(255,255,255,0.5); display: inline-block; text-decoration: underline}
.advantages-box-more a:hover,
.advantages-box-more a:active,
.advantages-box-more a:focus{text-decoration: none}
.advantages-items{text-align: center; width: 100%; opacity: 0.8}
.advantages-item{display: inline-block; vertical-align: top; width: 32%; padding: 0px 20px}
.advantages-item p{color: #fff; font-size: 11pt; line-height: 18pt}
.advantages-item img{display: block; width: 70px; display: block; margin: 0px auto; margin-bottom: 10px}
.advantages-item{border-right: 1px solid rgba(255,255,255,0.05)}
.advantages-item:last-child{border-right: 0px solid rgba(255,255,255,0.1)}

.flex-container{display: block; width: 100%;}

.articles-items{text-align: center; padding-top: 15px}
.articles-item{width: 290px; display: inline-block; vertical-align: top; padding: 7px;}
.articles-item-info{height: 180px; padding: 20px; text-align: left; position: relative}
.articles-item-container{background-color: rgba(255,255,255); border-radius: 3px; overflow: hidden}
.articles-item-img img{display: block; width: 100%;}
.articles-item-title a{font-size: 12pt; line-height: 16pt; font-family: ProximaNovaSemibold;}
.articles-item-txt{font-size: 11pt}
.articles-item-bttn{position: absolute; bottom: 20px; font-size: 11pt;}
.articles-item-bttn a{text-decoration: underline}
.articles-item-bttn a:hover,
.articles-item-bttn a:active,
.articles-item-bttn a:focus{text-decoration: none}
.articles-item-date{font-size: 10pt; margin-bottom: 5px}
.articles-box-more{text-align: center; padding: 20px}
.articles-box-more a{display: inline-block; font-size: 12pt; text-decoration: underline; color: #fff}
.articles-box-more a:hover,
.articles-box-more a:active,
.articles-box-more a:focus{text-decoration: none}
.articles-box{background-color: #172532; padding: 30px 0px}
.articles-box h3{text-align: center; padding-top: 20px; color: #fff}

.adv-box{text-align: center; padding-top: 20px;}
.adv-box a{
    font-size: 14pt; background-image: url("../images/discount-red.svg"); background-size: 40px; background-position: left top;
    display: inline-block; padding-top: 8px; padding-left: 50px; min-height: 40px; background-repeat: no-repeat;
    text-decoration: underline;
}
.adv-box a:hover,
.adv-box a:active,
.adv-box a:focus{text-decoration: none}


.body-box{padding-bottom: 0px; position: relative; margin-top: -140px}


.footer-box{background-color: rgba(7,17,27,1); padding: 50px 0px; text-align: center}
.footer-item{display: inline-block; vertical-align: top; width: 24%; text-align: left; padding: 30px; color: rgba(255,255,255,0.6);}
.footer-item h3{color: #fff; margin-bottom: 10px; font-size: 16pt}
.footer-item li{display: block; padding: 7px 0px;}
.footer-item li a{color: rgba(255,255,255,0.6); font-size: 11pt}
.footer-logo-box{width: 80%; margin-bottom: 30px}

.copyright-box{
    text-align: center; color: rgba(255,255,255,0.5); font-size: 10pt; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px;
}

.def-top-box{background-color: #fff; padding-top: 50px}
.def-top-box .main-menu-item a{color: #333; font-size: 14pt}
.def-top-box .main-menu-item a:hover,
.def-top-box .main-menu-item a:active,
.def-top-box .main-menu-item a:focus{border-bottom: 3px solid #237cba; color: #237cba}

.def-body-box{background-color: #fff}
.page-title-box{background-color: #f7f7f7; text-align: center; background-image: url("../images/m1.jpg"); background-size: cover; background-position: center;}
.page-title-box-container{background-color: rgba(7,17,27,0.8); padding: 40px;}
.page-title-box .fix{padding: 0px 10%}
.page-title-box h1{margin-bottom: 5px; font-size: 36pt; color: #fff}
.page-title-box p{font-size: 14pt; color: rgba(255,255,255,0.7)}


.show-slip-cap .cap-box{position: fixed; z-index: 150; background-color: rgba(7,17,27,0.9);}
.show-slip-cap .big-media-box-top{
    position: fixed; left: 0px; width: 100%; top: 40px; background-color: rgba(250,200,60,0.98); z-index: 150;
    padding-top: 0px; border-bottom: 0px solid #fff;
}

.show-slip-cap .cap-logo-box{width: 100px; display: none}
.show-slip-cap .main-menu-box{width: 100%; text-align: center}

.page-content-box{padding: 40px 0px; padding-top: 25px}
.content-box-img{float: left; margin-right: 20px; margin-bottom: 20px; width: 100%; max-width: 300px}
.content-box-img img{max-width: 100%; border-radius: 3px; display: block;}

.ib_img_clients{}
.ib_img_client{display: inline-block; background-color: #f7f7f7; vertical-align: top; margin-bottom: 3px}
.ib_img_client div{
    width: 150px; height: 150px; align-items: center; align-content: center; display: flex; padding: 10px;
}
.ib_img_client div span{display: block; width: 100%;}
.ib_img_client img{display: block; margin: 0px auto; max-height: 120px; max-width: 120px;}



.reviews-box{background-color: #fff; padding: 30px 0px}
.reviews-items{text-align: center;}
.reviews-item{
    display: inline-block; padding: 25px; background-color: #f7f7f7; margin: 10px; width: 370px;
    vertical-align: top; border-radius: 10px; text-align: left; min-height: 370px;
}
.reviews-item-date{font-size: 12px; margin-bottom: 15px}
.reviews-item-title{
    font-size: 20px; color: rgba(7,17,27,1); line-height: 21px; display: block; margin-bottom: 7px; font-family: ProximaNovaSemibold;
    min-height: 55px
}
.reviews-item-title i{font-style: normal; font-size: 14px; display: block; padding: 5px 0px; line-height: 16px; color: #555;}
.reviews-item-review{font-size: 15px}
.reviews-item-review a{letter-spacing: 0px; text-decoration: underline;}
.reviews-item-review a:hover{text-decoration: none;}

.reviews-box-more{text-align: center; padding-top: 10px}
.reviews-box-more a{color: rgba(0,0,0,0.5); display: inline-block; text-decoration: underline}
.reviews-box-more a:hover,
.reviews-box-more a:active,
.reviews-box-more a:focus{text-decoration: none}

.reviews-box-title{text-align: center; padding: 10px}
.reviews-box-title h3{
    color: rgba(7,17,27,1); text-align: center; font-size: 16pt; position: relative;
    display: inline-block; padding: 0px 30px;
}



.show-slip-cap .main-menu-item a{
    margin-bottom: 0px; color: #111; height: 40px; line-height: 40px; font-size: 12pt;
}
.show-slip-cap .main-menu-item a:hover,
.show-slip-cap .main-menu-item a:active,
.show-slip-cap .main-menu-item a:focus{border-bottom: 0px solid #fff; background-color: #ffdb76; color: #222}





.content-navigation-h .content-menu{margin-bottom: 30px}
.content-navigation-h .content-menu ul{text-align: center}
.content-navigation-h .content-menu-item a{
    font-size: 14pt; color: #555; text-decoration: none; background-color: #f7f7f7; padding: 10px 25px; font-weight: normal;
}
.content-navigation-h .content-menu-item > a:hover{background-color: #f1f1f1; color: #333}
.content-navigation-h .content-menu-item-active > a,
.content-navigation-h .content-menu-item-active > a:hover{color: #fff; background-color: #d8272f}
.content-navigation-h li{display: inline-block; margin: 1px}
.content-navigation-h .content-menu-level1 a{display: block;}
.content-navigation-h .content-menu-level2{padding-left: 15px}
.content-navigation-h .content-menu-level3{padding-left: 15px}
.content-navigation-h .content-menu-level4{padding-left: 15px}
.content-navigation-h .content-menu-level5{padding-left: 15px}

.content-navigation-v .content-menu{
    background-color: #f1f1f1; box-sizing: border-box; padding: 20px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.content-navigation-v .content-menu-item a{
    font-size: 11pt; line-height: 14pt; color: #333; text-decoration: none; border-bottom: 1px solid #fff;
    box-sizing: border-box; padding:  10px 20px; display: block;
}
.content-menu-level1{border-top: 1px solid #fff;}

.content-navigation-v .content-menu-item-active > a{color: #fff; background-color: #237cba !important; border-bottom: 1px solid #499cd6;}
.content-navigation-v .content-menu-item-active > a:hover{background-color: #ededed}
.content-navigation-v li{display: block;}
.content-navigation-v .content-menu-level1 > a{display: block;}
.content-navigation-v .content-menu-level2 > a{background-color: #b5b5b5}
.content-navigation-v .content-menu-level3 > a{background-color: #333}
.content-navigation-v .content-menu-level4{padding-left: 0px}
.content-navigation-v .content-menu-level5{padding-left: 15px}

.content-navigation-v .content-menu-level1 .content-menu-item > a{padding: 15px 20px 15px 20px; font-weight: normal; background-color: #f7f7f7}
.content-navigation-v .content-menu-level2 .content-menu-item > a{padding: 10px 30px 10px 30px; font-weight: normal; background-color: rgba(7,17,27,1); color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1)}
.content-navigation-v .content-menu-level3 .content-menu-item > a{padding: 10px 40px 10px 30px; font-weight: normal; background-color: #555; color: #fff; border-bottom: 1px solid #444}

.content-navigation-v .content-menu-level1 .content-menu-item > a:hover,
.content-navigation-v .content-menu-level2 .content-menu-item > a:hover,
.content-navigation-v .content-menu-level3 .content-menu-item > a:hover{background-color: #237cba; color: #fff}

.content-navigation-v .content-menu-level2 .content-menu-item > a:hover{background-color: #237cba}
.content-navigation-v .content-menu-level3 .content-menu-item > a:hover{background-color: #237cba}

.content-navigation-v .content-menu-wrapper,
.content-navigation-v .content-box-wrapper{float: left; min-height: 100px; overflow: auto; box-sizing: border-box}
.content-navigation-v .content-menu-wrapper{width: 240px;}
.content-navigation-v .content-box-wrapper{width: calc(100% - 240px); box-sizing: border-box; padding-left: 30px}
.element-content-img{float: left; width: 30%; margin-right: 30px; margin-bottom: 20px}
.element-content-img img{display: block; max-width: 100%;}


.issetnavigation0.content-navigation-v .content-menu-wrapper{display: none}
.issetnavigation0.content-navigation-v .content-box-wrapper{width: 100%; padding-left: 0px}

.content-menu-element-hidden{display: none}
.content-menu-element-show{display: block}

.content-box-wrapper{font-size: 12pt; line-height: 18pt; color: #555}
.content-box-wrapper strong{color: #222;}
.content-wrapper{overflow: auto; padding-bottom: 30px}
.content-box-wrapper td{padding: 10px; border: 1px solid #dedede; font-size: 10pt}

.ib-box li{margin-left: auto; margin-bottom: 10px; display: list-item; margin-left: 20px}

.txt_align_center{text-align: center}
.txt_align_right{text-align: right}
.txt_align_justify{text-align: justify}

.title_type1 .ib-title h2{font-size: 16pt; line-height: 22pt; padding: 10px 0px; padding-top: 20px; text-align: left; color: #222}
.title_type2 .ib-title h2{font-size: 22pt; line-height: 26pt; padding: 10px 0px; padding-top: 20px; text-align: left; color: #222}

.path-menu{margin-bottom: 20px; font-family: arial;}
.path-menu li{display: inline-block; color: #dedede}
.path-menu li a{display: block; padding: 5px 5px; color: #b5b5b5; font-size: 10pt}
.path-menu li a:hover{text-decoration: underline; color: #333}






.xbox-container{padding: 40px 15%; border-bottom: 0px solid #dedede}
.xbox{overflow: auto}
.xbox-img{float: left; width: 50%; min-height: 200px;}
.xbox-info{width: 50%; float: left; min-height: 200px; display: flex; align-items: center; align-content: center}
.xbox-img img{display: block; max-width: 100%; border-radius: 10px;}
.xbox-info:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.xbox-container-more{text-align: center; padding-top: 30px}
.xbox-container-more a{display: inline-block; text-decoration: underline; font-size: 11pt}
.xbox-container-more a:hover,
.xbox-container-more a:active,
.xbox-container-more a:focus{text-decoration: none}
.xbox:nth-child(2n) .xbox-img{float: right}
.xbox:nth-child(2n) .xbox-info{float: right}

.xbox-info-container{left: auto; right: 0px; position: relative; padding-left: 30px;}
.xbox:nth-child(2n) .xbox-info-container{left: auto; right: auto; padding-right: 30px; text-align: right; padding-left: 0px}

.xbox-title{font-size: 22pt; color: rgba(7,17,27,1); line-height: 24pt; margin-bottom: 20px; font-family: ProximaNovaSemibold;}
.xbox-txt{color: #222; font-size: 12pt; line-height: 16pt;}

.xbox-txt ul{text-align: left}
.xbox-txt ul li{display: block}

.xbox .xbox-txt-bttn{margin-top: 20px; display: block; opacity: 1}
.xbox-txt-bttn a{
    display: inline-block; padding: 10px 20px; color: #fff;
    font-size: 11pt; line-height: 14pt; background-color: #172532; cursor: pointer;

}
.xbox-txt-bttn a:hover,
.xbox-txt-bttn a:active,
.xbox-txt-bttn a:focus{text-decoration: none; background-color: rgba(7,17,27,1); }

.xbox-active .xbox-info-container{left: 0px}
.xbox-active.xbox:nth-child(2n) .xbox-info-container{left: auto; right: 0px;}
.xbox-active .xbox-txt-bttn{opacity: 1}
.xbox-active .xbox-img img{opacity: 1}



.reviews-list-item-marker{position: absolute; top: -90px;}
.reviews-list-item{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dedede; overflow: auto; position: relative;}
.reviews-list-item-date{font-size: 9pt; color: #b5b5b5; margin-bottom: 5px}
.reviews-list-item-title{margin-bottom: 5px}
.reviews-list-item-title a{font-family: ProximaNovaSemibold; font-size: 12pt}

.reviews-list-item-info{width: 100%; padding: 10px 0px;}



.news-list-item{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dedede; overflow: auto;}
.news-list-item-date{font-size: 9pt; color: #b5b5b5; margin-bottom: 5px}
.news-list-item-title{margin-bottom: 5px}
.news-list-item-title a{font-family: ProximaNovaSemibold; font-size: 12pt}
.news-list-item-notice{}

.news-list-item-info{width: calc(100% - 200px); float: left; padding: 30px; padding-right: 0px;}
.news-list-item-img{width: 200px; float: left;}
.news-list-item-img img{display: block; max-width: 100%; border-radius: 3px}

.content-box-content{color: #777;}
.content-box-content b{color: #000; font-family: ProximaNovaSemibold;}
.content-box-content ul{padding-left: 20px}
.content-box-content ul li{display: list-item;}
.content-box-content a{color: #0078c0}


img,
.nx-art-item-img *,
.nx-art-item-sale *,
.nx-article-box-img *,
.nx-logo *,
.nx-mbox-right *{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently */
}

.ddd{
    transition: all 0.1s;
    -moz-transition: all 0.1s; /* Firefox 4 */
    -webkit-transition: all 0.1s; /* Safari and Chrome */
    -o-transition: all 0.1s; /* Opera */
}
/*12.02.2021*/
.main-menu-box .main-menu-item{
    position: relative;
}
.main-menu-box .sub-menu{
    display: none;
    position: absolute;
    width: 300px;
    top: auto;
    left: 0;
    text-align: left;
    background-color: #000000c7;
    z-index: 999;

}
.main-menu-box .sub-menu li a{
    text-shadow: 1px 1px 2px #000;
}
 
.main-menu-box .main-menu-item:hover .sub-menu,.main-menu-box .sub-menu:hover{
    display: block;

}
.show-slip-cap .main-menu-box .sub-menu{
    background-color:rgba(250,200,60,0.98);
}
.show-slip-cap .main-menu-box .sub-menu li a{
    text-shadow: unset;
}
.def-top-box-patch .main-menu-box .sub-menu li a{
    color: #fff;
}
.big-media-box-top .fix{
    display: flex;
    align-content: center;
    justify-content: center;
}
.cap-logo-box{
    display: grid;
    place-content: center;
}
.cap-logo-box a{
    display: block;
}
.cap-logo-box img{
    height: auto;
    width: 100%;
}
.fix.top_panel{
    display: flex;
    place-content: center;
}
.footer-item h3 a{
    text-decoration: none;
    color: #fff;
}
@media(max-width: 1230px){
    .main-menu-item a{
        
        padding: 0px 11px;
        font-size: 11pt;
       
    }
}
@media(max-width: 851px){
     .fix.top_panel{
        width: 100%;
        padding: 0 5px;
    }
    .cap-box-contacts .mobile_special{
       display: none; 
    }   
}
@media(max-width: 575px){
    .cap-box-contacts li{
        margin-right: 5px;
        padding-right: 5px;
    }
    .reviews-item{
        width: 100%;
    }
    .lng-item a {
        padding: 0 10px;
    }
}
/*end*/
/*10.03.2021*/
.icon-wrap{
    display: flex; 
    align-items: center;
    margin-bottom: 15px;
}
.icon-wrap img{
    display: block;margin-right: 10px;
    width: 45px;
}
.block-quote {
    padding: 20px;
    border-left: 7px solid #237cba;
    margin-bottom: 20px;
    background-color: #bdbdbd87;
}
.icon-wrap p {
    margin-bottom: 0;
}
.blog-pic{
    max-width: 100%;
    width: 60%;
    display: block;
    margin: auto;
}
@media(max-width: 1000px){
    .blog-pic{
        width: auto;
    }
}
/*end*/