body {
  color: #000; /*Цвет текста: черный*/
  background: #FFFFFF; /*Цвет фона: белый*/ 
  word-wrap: break-word; /*Переносить слово, если не влезает: да*/
  font-family: Arial; 
  font-size: 16px;
}

.header {
    padding: 45px 0 25px 0;
    border-bottom: 1px solid #eee;
    }

a {color: #25b183; text-decoration: none; transition: 0.4s;}
a:hover {color: #ff0000;}

a.llg {text-decoration: none;}
.logo-b {color: #ff0000; font-size: 77px; font-weight: 600; font-family: 'Futura PT'; text-decoration: none; line-height: 55px; margin-top: 25px; transition: 2s;}
.logo-b:hover {color: #555;}
.logo-s {color: #555; font-size: 25px; font-weight: 600; font-family: 'Futura PT'; text-decoration: none; margin-bottom: 25px;}

.balun { background-image: url('/rims-img/balun.jpg'); background-repeat: no-repeat; 
background-position: left center; 
padding-left: 50px; margin-top: 40px;}
.truba { background-image: url('/rims-img/truba.jpg'); background-repeat: no-repeat; 
background-position: left center; 
padding-left: 50px; margin-top: 40px;}
.sh-b-a {font-size: 18px; font-weight: 600; font-family: 'Futura PT';}
.sh-b-2 {font-size: 16px; font-weight: normal; font-family: 'Futura PT';}

.menu-pervoe {background-color: #25b183;}
.punkt-menu
    {
     float: left;
     padding: 0px;
     position: relative;
     transition: 0.5s;
    }
.punkt-menu a {font-size: 18px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; transition: 0.3s; display: inline-block;
float: left; position: relative;  transition: 0.5s; padding: 15px 22px 15px 22px; }
.punkt-menu a:hover {background-color: #107151;}
.punkt-menu a.activ {background-color: #107151;}
.txt-r-s {text-align: center; font-size: 30px; color: #FF0000; font-weight: 600; font-family: 'Futura PT'; margin-top: 50px; }
.line-niz {width: 100px; height: 4px; background-color: #FF0000; margin: auto; margin-bottom: 40px;}
.ris-praviy {width: 100%;}
.otst-str {margin-bottom: 50px;}

footer {background-color: #25b183;}
.logo-b2 {color: #fff; font-size: 77px; font-weight: 600; font-family: 'Futura PT'; text-decoration: none; line-height: 55px; margin-top: 55px;}
.logo-s2 {color: #fff; font-size: 25px; font-weight: 600; font-family: 'Futura PT'; text-decoration: none; margin-bottom: 35px;}
.cpr-n {font-size: 16px; color: #fff; font-family: 'Futura PT'; margin-bottom: 55px;}
.data-obn {font-size: 16px; color: #fff; font-family: 'Futura PT'; margin-top: 200px;}

.img-class {
  cursor: url('/rims-img/plus_cursor.png') 25 25, pointer;
}
.skach {height: 300px; width: 400px; background-color: #eee; border-radius: 10px; margin: auto;
background-image: url('/rims-img/skachat.png'); background-repeat: no-repeat; 
background-position: center 40px; transition: 0.5s; color: #000;}
.skach-name {padding: 150px 50px 50px 50px; text-align: center; font-size: 22px; font-weight: normal; font-family: 'Futura PT';}
.skach:hover {background-color: #777; color: #fff; background-position: center 50px;}
.uslugi-do {font-size: 22px; font-weight: 300; font-family: 'Futura PT'; text-align: center; padding: 20px 100px 50px 100px;}
.usluga {background-color: #25b183; color:#fff; padding: 20px 30px; margin-bottom: 20px; border-radius: 20px;}
.cont-tel {background-image: url('/rims-img/truba.jpg'); background-repeat: no-repeat; 
background-position: center 0px;
}
.cont-mail {background-image: url('/rims-img/mail.jpg'); background-repeat: no-repeat; 
background-position: center 0px;
}
.cont-balun {background-image: url('/rims-img/balun.jpg'); background-repeat: no-repeat; 
background-position: center 0px;
}
.cont-ob {width: 300px; margin: 30px auto; text-align: center; padding-top: 50px; }
.cont-zag {font-size: 18px; font-weight: bold; padding-bottom: 15px;}
a.cont-mail-s {color: #000; transition: 0.3s;}
a.cont-mail-s:hover {color: #25b183;}

.border-right-moy {
  border-right: 1px solid #d5d5d5;
}

/* Новое мобильное меню */

#page {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
padding: 12x 0px 12px 2px;
}
nav {
}

.responsive-menu-icon {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 999; 
}
.menu-item {position: relative;}
.responsive-menu-icon::before {
  color: #7b7b7b;
content: "\f0c9";
display: block;
font: normal 38px/1 'fontAwesome';
margin: 0 auto;
padding: 5px;
text-align: center; 
}

.openwide .responsive-menu-icon::before {
  content: "\f00d";
  color: #41619a;
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  li {
    position: relative;
    a {
      display: block;
      padding: 10px 0;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #FF9F55;
      &:hover {
        color: #F57C2B;
      }
    }
  }
}

.menu > .menu-item-has-children:before {
  position: absolute;
content: "\f13a";
font-family: 'fontAwesome';
font-size: 34px;
line-height: 34px;
padding: 10px 13px;
top: 2px;
right: 12px;
z-index: 9999;
color: #828282;
cursor: pointer;
}
.menu > .menu-item-has-children:hover::before {
  color: #ссс;
}

.menu > .menu-item-has-children.menu-open:before {
  content: "\f139";
  color: #41619a;
}

.sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  li {
    a {
      padding-left: 10px;
    }
  }
}

.logo-n img { width: 166px; height: 70px; padding: 0px; }

.mnm {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 15px;
}
.nav-link {
  padding: 10px;
  color: #0d6efd;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  width:99%;
}

.tt {
  display: block;
  padding: 14px 0px 14px 20px;
  border: 1px solid #eee;
  font-size: 18px;
  color: #444;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}

.n-podmenu {display: block; font-size: 18px; padding: 5px 10px 5px 30px; color: #555; text-decoration: none;}
.prokrut-nav {overflow-y: scroll; max-height: 500px;}
/* Конец нового мобильного меню */


@media (max-width: 1199px) {
    
.punkt-menu a {padding: 14px 16px 14px 16px;}


}


@media (max-width: 991px) {
.logo-b { font-size: 59px;}
.logo-s { font-size: 19px;}
.logo-b2 { font-size: 59px;}
.logo-s2 { font-size: 19px;}
.balun { padding-left: 30px; }
.truba { padding-left: 30px; }
.sh-b-2 {  font-size: 14px;}
.punkt-menu a {
  padding: 10px 10px 10px 10px;
  font-size: 14px;
}
.data-obn { margin-top: 60px;}
.skach {  width: 330px; }
.skach-name {  padding: 150px 30px 50px 30px; font-size: 20px;}
.uslugi-do { font-size: 20px; padding: 20px 10px 50px 10px;
}
.cont-ob {
  width: 220px;
  font-size: 14px;}
}

@media (max-width: 767px) {
.txt-r-s {  margin-top: 120px; }
.data-obn {
  margin-top: 0px;
  margin-bottom: 40px;
}
.cont-ob {
  width: 300px;
  font-size: 16px;}
.skach { margin-bottom: 30px; }
}

@media (max-width: 444px) {
.txt-r-s {  font-size: 24px;}
}