.mt8 {margin-top:8px;}
.mb8 {margin-bottom:8px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt24 {margin-top:24px;}
.mt26 {margin-top:26px;}
.mt28 {margin-top:28px;}
.mt34 {margin-top:34px;}
.mt42 {margin-top:42px;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}
.mr4 {margin-right:4px;}
.ml4 {margin-left:4px;}
.mr3 {margin-right:3px;}
.ml3 {margin-left:3px;}
.mr5 {margin-right:5px;}
.ml5 {margin-left:5px;}
.ml8 {margin-left:8px;}
.mr8 {margin-right:8px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml42 {margin-left:42px;}
.ml130 {margin-left:130px;}
.mr130 {margin-right:130px;}
.pb6 {padding-bottom:6px;}
.pl8 {padding-left:8px;}
.pl12 {padding-left:12px;}
.pl4 {padding-left:4px;}
.pr4 {padding-right:4px;}
.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}
.pl22 {padding-left:22px;}
.pl34 {padding-left:34px;}
.pb16 {padding-bottom:16px;}
.pb36 {padding-bottom:36px;}
.pt10 {padding-top:10px;}
.pt45 {padding-top:45px;}



.image-description {text-align:center;font-size:1rem;padding:10px 0 6px 0;font-style:italic;/* border-bottom:solid 1px #ccc;*/}
.img-left img, .img-right img, .img-right-noborder img {display:block;height:auto;max-width: 100%;}
.img-left {max-width:33%;float:left;margin:0 8px 0 0;border:solid 1px #ccc;padding:5px;text-align:center;}
.img-right {max-width:33%;float:right;margin:0 0 0 8px;border:solid 1px #ccc;padding:5px;text-align:center;}
.img-right-noborder {max-width:50%;float:right;margin:0 0 0 8px;}
.img-center {background:rgb(245,245,245);border:solid 1px #ccc;padding:5px;text-align:center;margin-bottom:15px;}
.img-center-noborder {background:none;border:none;text-align:center;margin-bottom:15px;}
.img-center img {margin:0 auto;height: auto;max-width: 100%;}
.img-left span, .img-right span, .img-center span  {display:block;font-size:1rem;font-style:italic;padding:10px 0 6px 0;}
.img-no-display {display:none;}


.header-mess a {margin:0 12px 0 12px;}
.header-mess .header-mess-tel {
  display:inline-block;
  font-size:34px;
  line-height:100%;
  font-weight:400;
}
.header-mess .header-mess-tel a {text-decoration:none;}
.header-mess .header-mess-tel a:hover {color:#303040;}
.link-white {color:#fff;}

.site-navbar {background:rgb(255,255,255,0.3);}
.site-menu .nav-link {font-weight:600;color:#303040;}


    .site-navbar .site-navigation .site-menu > li {
      display: inline-block;
      padding: 10px 10px; }
      .site-navbar .site-navigation .site-menu > li > a {
        padding: 10px 0px;
        color: #000;
        text-decoration: none !important; }


.bg-image.overlay:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.1); }
.site-blocks-cover.overlay:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.1); }
      
.site-blocks-cover p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.5rem;
    line-height: 1.2; }    
    
    
    
    
/* block-comments */
.block-comments {

}
.block-comments-m {
margin:0 0 0 8px;  
overflow:hidden;

}
.block-comments h1 {
font-family: "Golos-medium";
font-size: 36px;
line-height: 98%;
letter-spacing: -0.02em;
color: #3E3E4E;
}
.block-comments .card-title {min-height:10px;}
.block-comments .card-title h2 {
font-size: 18px;
line-height: 24px;
letter-spacing: -0.01em;
color: #3E3E4E;
font-weight:bold;  
}
.block-comments .card-title span {margin-left:15px;font-weight:normal;font-size: 16px;}
.block-comments .link-text {margin-right:5px;}
.block-comments .link-text .shevron {margin:0 0 2px 8px;}
.block-comments .card-text {
font-size:16px;
line-height:24px;
letter-spacing: -0.01em;
color: #3E3E4E;
opacity: 0.8;
margin-top:10px;
font-weight:normal;
position:relative;
}
.block-comments .card-text:after {
    content: "";
    width: 100%;
    height: 150px;
    position: absolute;
    top: 120px;
    right: 0;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%);
}
.block-comments  .modal-link {font-size:14px;cursor: pointer;}
.block-comments .card {border:none;border-radius:12px;}
.block-comments .block-comments-item {background:#fff;border-radius:12px;padding:6px;margin-bottom:8px;
  
  overflow-y:hidden;  
}
.block-comments .block-comments-item img {border-radius:12px;}
.block-comments .block-comments-item h2 {font-weight:normal;font-size: 24px;margin-top:8px;}
.block-comments .block-comments-item a {text-decoration:none;}
.block-comments .block-comments-item p {font-size:13px;}
.block-comments .block-comments-item span {font-size:12px;}
.block-comments .action-bottom {
margin:-2px 0 0 2px;
}
.block-comments .action-bottom span {
display:block;    
font-size: 11px;
letter-spacing: -0.01em;
color: #4F4F57;
}

.block-comments-m .card {border:none;border-radius:12px;min-height:200px;}
.block-comments-m .card-title {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.01em;
color: #3E3E4E;
font-weight:bold;  
}
.block-comments-m .card-title span {margin-left:15px;font-weight:normal;font-size: 14px;}
.block-comments-m .block-comments-item h2 {font-weight:normal;font-size: 22px;margin-top:8px;}
.block-comments-m .block-comments-item a {text-decoration:none;}
.block-comments-m .block-comments-item img {border-radius:12px;}
.block-comments-m .link-text {position:absolute; bottom:20px;}
.block-comments-m .link-text .shevron {margin:0 0 2px 8px;}
.block-comments-m .card-text {
font-size:14px;
line-height:24px;
letter-spacing: -0.01em;
color: #3E3E4E;
opacity: 0.8;
position:relative;
}
.block-comments-m .card-text:after {
    content: "";
    width: 100%;
    height: 150px;
    position: absolute;
    top: 80px;
    right: 0;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%);
}

.block-comments-m  .modal-link {font-size:14px;cursor: pointer;}
.block-comments-m .item-scroll-m {
  margin-right:8px;
  min-width:256px;
  border-radius:12px;
  background:none;
  height:290px;
  overflow-y:hidden;
}    
    
.all-comments .card {background:#fafafa;}
.section-scroll-lg {
display: flex;
justify-content: space-between;
overflow-x: auto;
width: 100%;
}
.item-scroll-lg {
margin:0 4px 0 4px;
width:100%;
height:auto;
border-radius:12px;
background:none;
}
.section-scroll-m {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  width: 100%;
}
.all-comments .item-scroll-m {
  margin-right:8px;
  min-width:256px;
  height:auto;
  border-radius:12px;
  background:none;
}
::-webkit-scrollbar {width: 0;}

.block-comments-button {
width: 235px;
height: 51px;
background: #FFE333;
border-radius: 10px;
font-size: 18px;
line-height: 130%;
letter-spacing: -0.01em;
color: #3E3E4E;
margin-top:10px;
}
.block-comments-button-a {
text-decoration:none;
font-size: 18px;
line-height: 130%;
letter-spacing: -0.01em;
color: #3E3E4E;
}

/* block-news */
.block-news {padding-bottom:20px;}    
.block-news .card {background:#ededed;margin:5px;padding:0 10px 0 10px;}
.block-news .block-comments-item {background:none;}
.block-news .block-comments-item h2 {color:#333;}
.block-news-m {padding-bottom:20px;}
.block-news-m .item-scroll-m {height:200px;background:#ededed;padding:0 10px 0 10px;}
.block-news-m .block-comments-item h2 {color:#333;}


/* single form bock  */
.block-form {
  float:left;
  background:#fff;
  border-radius:12px;
  padding: 10px;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);

}

.block-form h1,.block-form-100 h1 {
  text-align:center;
  font-weight:600;
  font-size:30px;
  margin:15px 0 0 0;
}
.block-form h5, .block-form-100 h5 {
  text-align:center;
  font-weight:400;
  font-size:18px;
}
.block-form p, .block-form-100 p {
  padding:10px;
}
.btn-block-form {
  min-width:80%;
  background: #f2c500;
  margin:0 0 20px 0;
  border-radius:12px;
  padding:10px 30px 10px 30px;
  box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.18);
  font-size:25px;
  text-align:center;  
  font-weight:600;
  color:#eee;  
  text-transform:uppercase;
  font-weight:bold; 
  
}
.btn-block-form:hover {
  background: #fada5e;
  color:#333;
}
    
.ul-social-circle .whatsup img {max-width:26px;}
.ul-social-circle .telegram img {max-width:26px;}    
     
    
.site-footer {
  padding: 1em 0;
  background: #333333; }
  @media (min-width: 768px) {
    .site-footer {
      padding: 2em 0; } }
      
.site-footer a {text-decoration:none;}      
      
.footer-contact .whatsup {display:block;}
.footer-contact .whatsup img {max-width:22px;}
.footer-contact .telegram {display:block;}
.footer-contact .telegram img {max-width:22px;}
.footer-contact span {display:block;} 

.footer-menu {list-style:none;margin:0 0 20px 0;padding:0;}
.footer-menu li {display:inline-block;padding:0;margin:0 10px 0 0;font-size:13px;height:13px!important;}

#ModalForm {z-index:9999;}


.contact a {text-decoration:none;font-size:26px;}
.contact .link-white {color:#156efd;}
.site-navbar-page {background:#eee;}
.breadcrumb {margin-top:8px;}
.breadcrumb-item a {text-decoration:none;}

.xud .box {
  padding: 50px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;
}
.xud .box span {
  display: block;
  font-size: 64px;
  font-weight: 700;
  color: #8ed851;
}
.xud .box h4 {
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  margin: 20px 0;
  color: #2a2a2a;
}
.xud .box p {
  color: #333;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.xud .box:hover {
  background: #f2c500;
  padding: 50px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}
.xud .box:hover span, .why-us .box:hover h4, .why-us .box:hover p {
  color: #fff;
}  
.menu-value-prefer-ul {list-style-type:none;}
.menu-value-prefer-ul .menu-value-prefer-li {display:inline-block;margin:5px 8px 5px 8px;font-size:12px;}
.menu-value-prefer-ul span {color:#707070;font-size:12px;}



.news-list .card-img-top {overflow: hidden;border-radius:12px 12px 0 0;}
.news-list .card-img-top img {transition: 1s;display:block;max-width:320px;}
.news-list .card-img-top img:hover {transform: scale(1.1);}
.news-list .card-title a {text-decoration:none;color:#4F4F57;}
.news-list .card-title a:hover {color:#0e4bbc;}
.news-list .card-text a {text-decoration:none;color:#4F4F57;}
.news-list .card {border:none;border-radius:12px;min-height:380px;}