body {padding: 0px; margin: 0px; font-size: 15px; font-weight: 400; color: #353535; background: #fff; font-family: 'Inter'; overflow-x: hidden;}
h1 {padding: 0; margin: 0; font-size: 24px; font-weight: 500; margin-bottom: 10px;}
footer, nav, header, section, aside {display: block;}
a {color: #009ede;}
a:hover {text-decoration: none;}
.center {margin: auto; max-width: 1200px; box-sizing: border-box; padding-left: 15px; padding-right: 15px;}
.layoutHeader, .layoutFooter {float: left; width: 100%; background: url('images/header.png') right no-repeat;}
header {float: left; width: 100%; padding: 15px 0px 0px 0px;}
.logoTop{float: left;}
.logoTop img {width: 80px;}
.layoutInfHed {float: right; margin-top: 20px;}
.tele, .mail, .phone {float: right; background: url('images/02.png') left center no-repeat; text-transform: uppercase; margin: 0 0 0 20px; padding-left: 60px; border-left: 1px solid #cecece;}
.tele {padding-top: 8px; padding-bottom: 8px;}
.tele a, .mail a, .phone a {color: #00bae0; font-size: 14px; font-weight: bold; line-height: 36px; text-decoration: none;}
.tele a:hover, .mail a:hover, .phone a:hover {color: #f0822a;}
.mail {background: url('images/01.png') left center no-repeat; padding-left: 50px; padding-top: 8px; padding-bottom: 8px;}
.phone {background: url('images/03.png') left 7px center no-repeat;}
.phone span {text-transform: none; font-size: 14px; color: #b2b2b2;}
.back:hover {cursor: pointer;}
.prLan {width: 100%; overflow: auto;}
.btn-more {
    width: 150px;
    display: block;
    margin: auto;
    border: none;
    background: #00bae0;
    color: #fff;
    padding: 10px 0px;
    font-size: 17px;
    border-radius: 5px;
}

.btn-more:hover {cursor: pointer;}

.topNav{float: left; width: 100%; background: #fff;}
.topNav ul {float: right; position: relative; padding: 0px; margin: 0px;}
.topNav ul li {display:inline-block; border-bottom: 2px solid #fff; margin-right: 3.3vw; padding-bottom: 10px; list-style: none; text-transform: uppercase; font-size: 15px; font-weight: 400;}
.topNav ul li:last-child {margin-right: 0px;}
.topNav ul li a {text-decoration: none; color: #353535;}
.topNav ul li:hover {border-bottom: 2px solid #009ede;}
.topNav ul li:hover a {color: #0478a7;}
.topNav ul .active {border-bottom: 2px solid #009ede;}

/**********выподающее меню***********/
.topNav ul ul {
display: none;
position: absolute;
top: 100%;
}
			
.topNav ul li:hover > ul {
display: block;
background: #fff;
padding: 15px 15px 0px 15px;
float: none;
top: 31px;
z-index: 3;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.topNav ul ul li {
min-width:150px;
float:none;
display:list-item;
position: relative;
border-bottom: none;
}

.topNav ul ul .active {border: none;}
.topNav ul .active ul .active a{color: #00bae0;}

.topNav ul li:hover ul li a {color: #353535; text-transform: none;}
.topNav ul li:hover ul li:hover {border: none;}
.topNav ul li:hover ul li a:hover { color: #0478a7;}
/**********выподающее меню***********/

.layoutSlider {float: left; width: 100%; height: 500px;}
.layoutSlider .slide {position: relative; width: 100%; height: 500px;}
.layoutSlider .slide::before {content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0;  right: 0;}

.infSlide {position: relative; float: left; width: 500px; color: #fff; margin-top: 150px;}
.infSlide a {color: #fff;}
.titleSlide {float: left; width: 100%; text-transform: uppercase; font-size: 35px;}
.textSlide {float: left; width: 100%; margin-top: 15px;}
.moreSlide {float: left; background: #009ede; padding: 10px 20px; border-radius: 5px; margin-top: 15px;}
.moreSlide:hover {background: #0478a7;}
.layoutCont {float: left; width: 100%; margin: 40px 0px;}

.uslHome, .liPlus, .lic, .stars, .ruk, .podUs {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
}

.uslHome li, .liPlus li {
    display: inline-block;
    list-style: none;
    vertical-align: top;
    width: 31.7%;
    text-align: left;
    margin-right: 2%;
    margin-bottom: 30px;  
    box-sizing: border-box
}

.liPlus li {
    width: 32%;
    margin-right: 1.5%;
}

.lic li { display: inline-block; list-style: none; vertical-align: top; width: 31.6%; text-align: left; margin-right: 2%; margin-bottom: 30px;  box-sizing: border-box; min-height: 410px; padding: 10px; border: solid 1px #eee; border-radius: 5px;}
.lic li:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
.lic li img {width: 100%;}


.stars li { display: inline-block; list-style: none; vertical-align: top; width: 31.6%; text-align: center; margin-right: 2%; margin-bottom: 30px;  box-sizing: border-box; min-height: 300px; padding: 20px; border: solid 1px #eee; border-radius: 5px;}

.stars li img, .ruk li img {width: 100%;}

.ruk li { display: inline-block; list-style: none; vertical-align: top; width: 31.6%; text-align: center; margin-right: 2%; margin-bottom: 30px;  box-sizing: border-box; min-height: 440px; padding: 20px; border: solid 1px #eee; border-radius: 5px;}
.ruk li b {font-size: 20px;}

.podUs li { display: inline-block; list-style: none; vertical-align: top; width: 31.6%; text-align: left; margin-right: 2%; margin-bottom: 30px;  box-sizing: border-box; min-height: 550px; padding: 20px; border: solid 1px #eee; border-radius: 5px;}

.podUs li .imgUsl {width: 100%; height: 175px;}
.podUs li a {font-size: 20px; text-decoration: none; color: #353535;}
.podUs li a:hover {text-decoration: underline; color: #009ede;}

.uslHome li:nth-child(3n), .liPlus li:nth-child(3n), .lic li:nth-child(3n), .stars li:nth-child(3n), .ruk li:nth-child(3n), .podUs li:nth-child(3n) {margin-right: 0px;}

.usl {position: relative; width: 100%; min-height: 180px; background: #009ede; box-sizing: border-box; padding: 15px; border-radius: 5px; overflow: hidden;}
.textMiniUsl {float: left; position: relative; width: 100%;}
.titleUsl {float: left; width: 100%; font-size: 20px; box-sizing: border-box; padding: 3px 0px 5px 45px;}
.titleUsl a {color: #fff; text-decoration: none;}
.titleUsl a:hover {text-decoration: underline;}
.introtextUsl {float: left; width: 100%; margin-top: 15px; color: #fff; font-size: 14px;}

.service-bg{
    width: 250px;
    padding: 60px;
    position: absolute;
    top: -10px;
    right: -165px;
    background-color: rgba(255,255,255,0.1);
    transform: rotate(55deg);
    -o-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
}

.layoutPlus {float: left; width: 100%; padding: 40px 0px; background: #f7f7f7; border-top: solid 1px #eee; border-bottom: solid 1px #eee;}
.layoutTitlePlus {float: left; width: 100%; text-align: center; margin-bottom: 60px;}
.titlePlus {    
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 34px!important;
}

.titlePlus:before, .titlePlus:after {
    top: 15px;
    height: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.titlePlus:after {right: -210px;}

.titlePlus:before {
    left: -210px;
}

.titlePlus:before, .titlePlus:after {
    content: ' ';
    width: 70%;
    position: absolute;
    border-width: 1px;
    border-color: #bbb;
}


.plus {float: left; width: 100%;}
.textMiniUsl {float: left; width: 100%;}
.titleMiniPlus {float: left; width: 100%; font-size: 17px; font-weight: 500; box-sizing: border-box; padding: 10px 0px 20px 50px; border-bottom: 1px solid #dfdfdf;}
.introtextPlus {float: left; width: 100%; margin-top: 15px; color: #353535; font-size: 14px;}
.layoutBottom {float: left; width: 100%; padding: 40px 0px; background: #f7f7f7;}

.leftBottom {float: left; width: 49%; box-sizing: border-box;  padding: 18px; background: #fff; min-height: 280px;}
.rightBottom {float: right; width: 49%; box-sizing: border-box; padding: 18px; background: #fff; min-height: 280px;}

.titleBotomBlock {float: left; width: 100%; border-bottom: 1px solid #f7f7f7; padding-bottom: 15px;}
.titleBotomBlock .title {float: left; font-size: 20px; font-weight: 500; margin-top: 8px;}
.titleBotomBlock a {color: #fff;}
.moreBottom {float: right; background: #009ede; padding: 10px 20px; border-radius: 5px;}
.moreBottom:hover {background: #0478a7;} 
.infBottom {float: left; width: 100%; font-size: 14px; margin-top: 20px;}
.infBottom span {font-size: 18px;}
.sliderR {float: left; width: 100%;}
.sliderR .slick-dots {bottom: -10px !important;}
.logoR {float: left; width: 225px; height: 65px;}
.textR {float: left; width: 100%; margin-top: 10px; font-size: 14px;}
.textR a {color: #353535; text-decoration: none;}
.textR a:hover {color: #009ede; text-decoration: underline;}
.layoutFooter {float: left; width: 100%; padding: 40px 0px; background: #272727; color: #fff;}
.logoBottom {float: left; width: 124px; text-align: center;}
.logoBottom img {width: 100%;}
.footerCont {float: right; font-size: 14px;}
.footerCont span {font-size: 18px; padding-bottom: 7px; border-bottom: 2px solid #009ede;}
.linkFooter {float: right; margin-right: 100px; font-size: 14px;}
.linkFooter span {font-size: 18px; padding-bottom: 7px; border-bottom: 2px solid #009ede;}
.linkFooter ul {padding: 0; margin: 0;}
.linkFooter ul li {list-style: none; margin-bottom: 15px; font-size: 14px; text-transform: uppercase;}
.linkFooter ul li a {text-decoration: none; color: #fff;}
.linkFooter ul li a:hover {text-decoration: underline; color: #009ede;}
.endSite {float: left; width: 100%; padding: 15px 0px; text-align: center; color: #fff; background: #222;}

#button-up{
  display: none;
  position: fixed;
  right: 20px;
  bottom: 70px;			
  color: #fff;
  background-color: #000;
  text-align: center;
  font-size: 15px;
  padding: 10px 12px 12px;
  transition: .3s;
  border-radius: 10px;
}
 
#button-up:hover{
  cursor: pointer;
  background-color: #009ede;
  transition: .3s;
}


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

.fixHeader .logo {float: left; margin-top: 8px;}
.fixHeader .logo img {height: 80px;}
.fixHeader .phone {margin-top: 12px;}
.fixHeader .phone2 {margin-left: 50px;}



.grKom {position: fixed; width: 150px; left: 0px; bottom: 0px; background: #5daad0; padding: 10px 30px 10px 10px; border-radius: 0px 5px 0px 0px;}
.grKom button {
    border: none;
    position: absolute;
    right: 0px;
    top: 4px;
    background: none;
    color: #fff;
}

.grKom button:hover {cursor: pointer;}


.elemAccordeon {
    margin: 10px 0;
}
.headingElem {
    display: block;
    width: 100%;
    padding: 10px;
    background: #009ede;
    border-radius: 5px;
    color: #fff;
}
.headingElem:hover {cursor: pointer; background: #0478a7;}
.descElem {
    display: none;
}

.descElem.active {
    display: block;
    overflow: initial;
}

.widget_companies_item {margin-bottom: 10px;}
.widget_companies_item:last-child {margin-bottom: 0px;}

.widget_companies_item a {color: #353535; text-decoration: none;}
.widget_companies_item a:hover {color: #009ede; text-decoration: underline;}

.titlePage {float: left; width: 100%; background: url('images/breadcrumbs.png') repeat-x; padding: 15px 0px; border-bottom: solid 1px #eee; border-top: solid 1px #eee;}
.breadcrumb {
    padding: 0px;
    margin: 0px;
    color: #ccc;
}
.breadcrumb li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #009ede
}
.breadcrumb li a {
    color: #777;
    text-decoration: none;
}

.leftBlockPage {float: left; width: 25%; font-size: 14px;}
.leftBlockPage ul {padding: 0px; margin: 0px; margin-bottom: 20px; width: 100%;}
.leftBlockPage ul li{
    position: relative;
    display: block;    
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.leftBlockPage ul li a {
    display: block;
    padding: 10px 0px 10px 10px;
    text-decoration: none;
    color: #555;
}

.leftBlockPage ul li a:hover {color: #009ede;}

.leftBlockPage ul .active {border-color: #009ede; background: #009ede;}
.leftBlockPage ul .active a {color: #fff;}
.leftBlockPage ul .active a:hover {color: #fff;}

.rightBlockPage {float: right; width: 72%;}

.clientsPage {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding: 20px 0px;
}

.logoClient {max-width: 16.66666667%;}
.nameClient {max-width: 83.33333333%; box-sizing: border-box; padding: 0px 15px; font-size: 22px; font-weight: 500;}
.logoClient img {
    box-sizing: border-box;
    padding: 4px;    
    border: solid 1px #eee;
    background: #fafafa;
    width: 100%;
}

.imgUslMore {float: left; width: 50%;}
.imgUslMore img {width: 100%}
.miniTextUsl {float: right; width: 47%; box-sizing: border-box; padding: 20px 20px 20px 30px; background: #fafafa; font-size: 14px; border-left: 2px solid #009ede;}
.uslMore {float: left; width: 100%; margin-top: 35px;}

.news {float: left; padding: 0px; margin: 0px;  width: 100%;}
.news li {float: left; list-style: none; background: #f3f3f3; margin-bottom: 25px; padding: 15px; border-radius: 5px; font-weight: 400; width: 100%;}
.data {float: left; width: 100%; font-style: italic; margin-bottom: 15px;}
.nameNew {
    float: left;
    width: 100%;
    font-size: 20px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 20px;
}

.nameNew a {color: #353535; text-decoration: none;}
.nameNew a:hover {color: #009ede;}
.moreNewPage {float: left; margin-top: 15px;}


@media only screen and (max-width:1024px) {
/*****FIX HEADER****/
 .fixHeader {top: 0; -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.25);}
.menuOpenBtn {display: block; float: right; width: 42px; height: 28px; margin-top: 35px; margin-left: 30px; cursor: pointer; position: relative;}
.menuOpenBtn .l1 { width: 100%;  height: 3px; background: #474747; position: absolute; top: 0; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.menuOpenBtn .l2 { width: 100%;  height: 3px; background: #474747; position: absolute; top: 13px; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.menuOpenBtn .l3 { width: 100%;  height: 3px; background: #474747; position: absolute; top: 25px; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.menuOpenBtn.opened .l1 {
    -moz-transform: rotate(405deg);
    -webkit-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    transform: rotate(405deg);
    top: 12px;
}
.menuOpenBtn.opened .l2 {
    opacity: 0;
}
.menuOpenBtn.opened .l3 {
    -moz-transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    -ms-transform: rotate(-405deg);
    transform: rotate(-405deg);
    top: 12px;
}

.fixHeader nav > #ddmenu {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: fixed;
        margin-left: 0;
        width: 100%;
        background: #0478a7;
        width: 100%;
        height: 100%;
        left: 0;
        padding-left: 10px;
        padding-top: 30px;
        top: -200vh;
    }
    
.fixHeader nav > #ddmenu.show { top: 85px;} 
#ddmenu li {float: none; margin-bottom: 20px; font-size: 20px; padding-left: 20px; font-weight: 300; text-transform: uppercase;}    
#ddmenu li a {color: #fff; text-decoration: none}
#ddmenu .active a {color: #52e2ff; border-bottom: 1px solid #52e2ff;}   
/*****FIX HEADER****/
    
    .layoutHeader, .topNav {display: none;}
    .imgUslMore, .miniTextUsl {width: 100%;}

    .layoutFooter .addressTop, .layoutFooter .phoneTop {display: none;}
    .layoutFooter .logoTop {float: none; margin: auto; width: 200px;}
.infSlide {width: 100%; margin-top: 95px;}
.layoutSlider {
    height: 380px;
    margin-top: 95px;
    overflow: hidden;
}
.uslHome li {width: 100%; margin-right: 0px;}
.usl {min-height: auto;}
.liPlus li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
}
.layoutTitlePlus {text-align: left;}
.titlePlus:before{display: none;}

.leftBottom {width: 100%; margin-bottom: 40px;}
.rightBottom {width: 100%;}
    .logoBottom {width: 100%; margin-bottom: 30px;}
    .logoBottom img {
    width: 80px;
}
.footerCont {float: right; font-size: 14px; width: 100%; text-align: center;}
.linkFooter {float: right; margin-right: 0px; width: 100%; text-align: center; margin-top: 30px;}
.titlePage {margin-top: 100px;}
.leftBlockPage, .rightBlockPage {width: 100%}
.logoClient, .logoClient img {max-width: 100%;}
.nameClient{width: 100%; padding: 0px; margin-top: 15px;}
.lic li, .stars li, .ruk li, .podUs li {width: 100%; margin-right: 0px; min-height: auto;}
}

@media only screen and (max-width:750px) {
    .fixHeader .phone2 {display: none;}   
    .fixHeader .phone1 {margin-left: 30px;}
    .layoutPlus {overflow-x: hidden;}
    
}

@media only screen and (max-width:470px) {
.fixHeader .phone1 {display: none;}  
.infSlide {margin-top: 70px;}
}

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

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

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
    width: 90%;
}

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

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

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

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

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

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