.container {width:1180px;margin:0 auto;}
.items:after {content:"";display:block;clear:both;}

.b-footer {background:#292929;padding:37px 0;}
.b-footer .logo {float:left;margin:0 70px 0 0;}
.b-footer .slogan {font-size:14px;color:#fff;font-weight:300;font-family: 'Roboto', sans-serif;float:left;margin:5px 0 0 0;}
.b-footer .footer-right {float:right;}
.b-footer .footer-right .seti {float:left;margin:10px 60px 0 0;}
.b-footer .footer-right .seti .t-sociallinks__item {float:left;margin:0 10px 0 0;}
.b-footer .footer-right .contacts {float:left;margin:-5px 0 0 0;text-align:right;}
.b-footer .contacts .phone {color:#fff!important;display:block;text-decoration:none;font-weight:bold;font-size:16px;font-family: 'Roboto', sans-serif;}
.b-footer .contacts .email {color:#fff!important;display:block;text-decoration:none;font-size:14px;font-family: 'Roboto', sans-serif;}
.b-footer .contacts .politika {color:#fff!important;display:block;text-decoration:none;font-size:14px;font-family: 'Roboto', sans-serif;}

.but1 {height:60px;line-height:60px;background:#95ca4b;display:block;margin:0 auto;width:225px;text-align:center;color:#fff!important;text-decoration:none;font-size:14px;font-weight:bold;font-family: 'Roboto', sans-serif;text-transform:uppercase;box-shadow:0 28px 43px rgba(149,202,75,0.16) !important;}



.clients-block  {padding:30px 0 75px 0;}
.clients-block .items {margin:0 0 40px 0;}
.clients-block .zag {text-align:center;margin:0 0 35px 0;color:#333333;font-size:30px;font-family: 'Roboto', sans-serif;font-weight:500;}
.clients-block .item {width:380px;height:620px;float:left;margin:0 20px 0 0;}
.clients-block .items .item:last-child {margin:0px;}
.clients-block .item .title {height:69px;background:#f7f7f7;position:relative;text-align:center;padding:40px 0 0 0;}

.clients-block .item .inner {height:511px;width:380px;position:relative;}
.clients-block .item1 .inner {background:url('https://static.tildacdn.com/tild3833-3666-4166-a466-333736636165/bg1.jpg') no-repeat;}
.clients-block .item2 .inner {background:url('https://static.tildacdn.com/tild3332-3564-4439-a663-306562306339/bg2.jpg') no-repeat;}
.clients-block .item3 .inner {background:url('https://static.tildacdn.com/tild6437-3365-4136-a165-646535616438/bg3.jpg') no-repeat;}
.clients-block .item .inner .rezultat {position:absolute;bottom:30px;left:20px;right:20px;font-family: 'Roboto', sans-serif;color:#fff;}
.clients-block .item .inner .rezultat p {text-align:center;margin:0 0 25px 0;font-size:14px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;}
.clients-block .item .inner .rezultat .rez-tbl {display:table;width:100%;margin:0 0 20px 0;}
.clients-block .item .inner .rezultat .rez-tbl .tr {display:table-row;}
.clients-block .item .inner .rezultat .rez-tbl .data {display:table-cell;font-size:16px;line-height:24px;font-weight:500;}
.clients-block .item .inner .rezultat .rez-tbl .value {display:table-cell;font-size:16px;line-height:24px;font-weight:bold;text-align:right;}
.clients-block .item .inner .rezultat .hr {height:1px;margin:0 0 20px 0;background:rgba(255,255,255,0.2);}
.clients-block .item .inner .rezultat .info {font-size:16px;line-height:normal;font-weight:500;}
.clients-block .item .inner .rezultat .info a {display:block;margin:10px 0 0 0;color:#fff!important;text-decoration:underline;}

.clients-block .item .inner .anons {position:absolute;top:70px;left:20px;right:20px;font-family: 'Roboto', sans-serif;color:#fff;font-weight:500;}
.clients-block .item .inner .anons .hr {height:1px;margin:0 0 20px 0;background:rgba(255,255,255,0.2);}
.clients-block .item .inner .anons a {display:block;margin:10px 0 0 0;color:#fff!important;text-decoration:underline;}


.segments {padding:80px 0 30px 0;background:#fff url('https://static.tildacdn.com/tild3936-3966-4336-a434-353132323562/otr_03.png') no-repeat top center;}
.segments .title {text-align:center;color:#333333;font-size:30px;line-height:normal;font-family: 'Roboto', sans-serif;font-weight:500;position:relative;z-index:2;margin:0 0 -30px 0;}
.segments .items {margin:0 auto;width:650px;height:511px;position:relative;background:url('https://static.tildacdn.com/tild3732-6535-4966-b365-393665303231/elips.png') no-repeat center;}
.segments .items .item {}
.segments .items .item .name {display:inline-block;font-family: 'Roboto', sans-serif;font-size:18px;line-height:normal;opacity:0.4;position:absolute;cursor:pointer;}
.segments .items .item .metka {position:absolute;width:17px;height:17px;background:url('https://static.tildacdn.com/tild6332-3163-4434-a263-633239383563/point2.png') no-repeat center;cursor:pointer;}
.segments .items .item:hover .metka {background:url('https://static.tildacdn.com/tild3564-6666-4139-b634-353935303638/point1.png') no-repeat center;}
.segments .items .item .foto {position:absolute;width:255px;height:255px;left:50%;top:50%;margin:-127.5px 0 0 -127.5px;overflow:hidden;border-radius:50%;opacity:0;transition:0.5s;}
.segments .items .item:hover .foto {opacity:1;}
.segments .items .item:hover .name {opacity:1;color:#004659;font-size:18px;}

.segments .items .item.item1 .name {text-align:right;top:74px;left:42px;}
.segments .items .item.item1 .metka {top:89px;left:210px;}
.segments .items .item.item2 .name {text-align:right;top:170px;left:27px;}
.segments .items .item.item2 .metka {top:185px;left:137px;}
.segments .items .item.item3 .name {text-align:right;top:300px;left:67px;}
.segments .items .item.item3 .metka {top:304px;left:135px;}
.segments .items .item.item4 .name {text-align:right;top:385px;left:32px;}
.segments .items .item.item4 .metka {top:398px;left:200px;}
.segments .items .item.item5 .name {top:468px;left:257px;}
.segments .items .item.item5 .metka {top:438px;left:319px;}
.segments .items .item.item6 .name {top:395px;right:84px;}
.segments .items .item.item6 .metka {top:398px;right:200px;}
.segments .items .item.item7 .name {top:301px;right:-9px;}
.segments .items .item.item7 .metka {top:304px;right:134px;}
.segments .items .item.item8 .name {top:171px;right:-8px;}
.segments .items .item.item8 .metka {top:185px;right:136px;}
.segments .items .item.item9 .name {top:85px;right:108px;}
.segments .items .item.item9 .metka {top:89px;right:211px;}



.vibor-block .item {position:relative;float:left;width:33.3%;text-align:center;font-family: 'Roboto', sans-serif;color:#333333;font-size:14px;font-weight:500;}
.vibor-block .item img {margin:0 auto 10px auto;}
.vibor-block .item:after {content:"";display:block;width:1px;height:55px;top:3px;right:0px;position:absolute;background:#d6d6d6;}
.vibor-block .item:last-child:after {display:none;}


.pop-video {display:block;width:640px;height:420px;border-radius:5px;overflow:hidden;box-shadow:0 20px 34px rgba(0,0,0,0.31);background:url('https://static.tildacdn.com/tild6136-3737-4964-a438-623065353334/video_03.jpg') no-repeat center;}


.ul-spisok {list-style:url('https://static.tildacdn.com/tild3239-3638-4362-a137-343336393237/li_25.png');color:#fff;font-size:16px;font-family: 'Roboto', sans-serif;line-height:21px;}
.ul-spisok li {margin:0 0 5px 0;}
.t-tildalаbеl {display:none !important;}
#tildacоpy {display:none;}
#rec56715077 {position:relative;z-index:3;}

.header-contacts {text-align:right;padding:27px 0 0 0;}
.header-contacts .phone {font-size:16px;font-weight:bold;color:#333;font-family: 'Roboto', sans-serif;}
.header-contacts .email {font-size:14px;font-weight:normal;color:#333!important;font-family: 'Roboto', sans-serif;text-decoration:none;}
.header-contacts .email:hover {text-decoration:underline!important;}


.menu-top .menu-button {display:none;}
.menu-top ul {list-style:none;padding:37px 0 0 0;margin:0;}
.menu-top ul li {display:block;float:left;}
.menu-top ul li a {display:block;font-size:14px;font-weight:normal;color:#333!important;font-family: 'Roboto', sans-serif;text-decoration:none;margin:0 25px 0 0;padding:0 0 34px 0;}
.menu-top ul li a.active {border-bottom:3px solid #004557;}
.menu-top ul li a:hover {border-bottom:3px solid #004557;}
.menu-top ul li:last-child a {margin:0;}
#rec56724986 {    position: fixed;    height: 90px;    width: 100%;    z-index: 100;box-shadow:0 5px 5px rgba(0,0,0,0.2);}
.tovitrina {display:block;text-align:center;text-decoration:underline!important;color:#000!important;font-size:16px;opacity:0.6;font-family: 'Roboto', sans-serif;}
.tovitrina:hover {text-decoration:none!important;}

.tocase {text-decoration:underline!important;color:#004557!important;font-size:14px;padding:0 0 0 25px;font-weight:bold;font-family: 'Roboto', sans-serif;text-transform:uppercase;background:url('https://static.tildacdn.com/tild3036-3532-4064-b963-346163666333/sdfa_25.png') no-repeat left center;}
.tocase:hover {text-decoration:none!important;}


#rec42367345 .t-name,#rec42367345 .t-title {color:#004557!important;}





@media (max-width: 1200px) {
.container {width:950px;} 
.pop-video {width: 450px;    height: 350px;background-size:cover;}

.clients-block .item,.clients-block .item .inner {overflow:hidden;width:300px;}


.tn-elem__567249861528747671795 {display:none!important;}

    
}


@media (max-width: 980px) {
.container {width:620px;}  
.b-footer .slogan {display:none;}
.b-footer .logo {margin:0;}
.b-footer .footer-right .seti {    margin: 10px 20px 0 0;}
.clients-block .item,.clients-block .item .inner {overflow:hidden;width:200px;margin:0 10px 0 0;}
.tn-elem__567249861528727246560 {position:static;}
.menu-top .menu-inner {transition:0.5s;max-height:0px;overflow:hidden;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 5px 5px rgba(0,0,0,0.2);}
.menu-top .menu-inner.open {transition:1s;max-height:1000px;}
.menu-top ul li {float:none;}
.menu-top ul li a {margin:0;padding:10px 15px;text-align:center;}
.menu-top ul {padding:10px 0!important;}
.menu-top .menu-button {display:block;}


.toggle-hamburger {
  background-color: transparent;
  color: #ccc;
  display: block;
  position: absolute;
  left:40%;
  top:35px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 25px;
  height: 17px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  border-radius: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.toggle-hamburger:focus {
  outline: none;
}



.toggle-hamburger span {
  display: block;
  position: absolute;
  top: 7px;
  left: 0px;
  right: 0px;
  height: 3px;
  background: #95ca4b;
}
.toggle-hamburger span::before, .toggle-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #95ca4b;
  content: "";
}
.toggle-hamburger span::before {
  top: -7px;
}
.toggle-hamburger span::after {
  bottom: -7px;
}

.toggle-hamburger.toggle-hamburger__animx span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
.toggle-hamburger.toggle-hamburger__animx span::before, .toggle-hamburger.toggle-hamburger__animx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}
.toggle-hamburger.toggle-hamburger__animx span::before {
  -webkit-transition-property: top, transform;
  transition-property: top, transform;
}
.toggle-hamburger.toggle-hamburger__animx span::after {
  -webkit-transition-property: bottom, transform;
  transition-property: bottom, transform;
}

/* when menu open: */
.toggle-hamburger.toggle-hamburger__animx.is-active span {
  background: none;
}
.toggle-hamburger.toggle-hamburger__animx.is-active span::before, .toggle-hamburger.toggle-hamburger__animx.is-active span::after {
  background-color: #95ca4b;
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}
.toggle-hamburger.toggle-hamburger__animx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.toggle-hamburger.toggle-hamburger__animx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
 
 
 
    
}

@media (max-width: 650px) {
.segments .title {font-size:20px;margin:0 0 15px 0;}    
.segments {background-size:90%;background-position:center center;}
.segments .items {width:100%;height:auto;background:none;}    
.segments .items .item {position:relative;}
.segments .items .item .name {position:relative;left:0px !important;top:0px !important;text-align:left!important;padding:0 0 0 20px;margin:0 0 5px 0;display:block;}
.segments .items .item .name br {display:none;}
.segments .items .item .metka {left:0px !important;top:3px !important;}
.segments .items .item .foto {display:none;}


}



@media (max-width: 640px) {
    .segments {padding:30px 15px 0 15px;}
.container {width:100%;}    
.b-footer {padding:15px 15px;}
 .b-footer .logo {float:none;text-align:center;margin:0 auto 15px auto;display:block;}  
.b-footer .footer-right {    float: none;}  
.b-footer .footer-right .seti   {float:left;}
.b-footer .footer-right .contacts {float:right;}
.clients-block .item,.clients-block .item .inner {float:none;width:100%;margin:0 0 10px 0;height:auto;} 
 .clients-block .item .inner .rezultat {position:relative;left:0;right:0;bottom:0;padding:15px;}
.clients-block .item, .clients-block .item .inner {background-size:cover;} 
 .clients-block .item .inner .anons {    position: relative;    top: 0px;    left: 0px;    right: 0px;padding:15px;margin:0 0 20px 0;}
 
 
 
    
}




@media (max-width: 480px) {
.container {width:100%;}    
.vibor-block .item {font-size:12px;}
.pop-video {width: 260px;    height: 180px;background-size:cover;margin:0 auto;}
.b-footer .footer-right .seti {float:none;margin:0 auto 15px auto;text-align:center;}
.b-footer .footer-right .seti .t-sociallinks__item {    float: none;    margin: 0 10px 0 0;display:inline-block;}
.b-footer .footer-right .contacts {float:none;margin:0;text-align:center;}

.segments .title br {display:none;}





}