@font-face {
    font-family: "Avenir"; 
    src: url("../fonts/AVENIRNEXTCYR-BOLD.TTF") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
    } 
@font-face {
    font-family: "Avenir"; 
    src: url("../fonts/AVENIRNEXTCYR-HEAVY.TTF") format("truetype"); 
    font-style: normal; 
    font-weight: bold; 
    } 
@font-face { 
    font-family: "Avenir"; 
    src: url("../fonts/AvenirNextCyr-Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: 300; 
    }    
    .services .cervices__item .services__item-left-side .services__icon .stars {
        font-weight: 300 !important;
        position: relative;
    }
#slider {
    position: relative;
    overflow: hidden;
    margin-top:20px;
    width:100%;
   
  }
  
  #slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
    width:100%;
    margin-left:40px;
  }
  
  #slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    margin-left:15px;
    margin-top:5px;
    margin-bottom:5px;
    padding: 0;
    width: 258px;
    text-align: center;
    line-height: 300px;
    height:185px;
    overflow:hidden;
    
  }
  
  a.control_prev, a.control_next {
    text-align:center;
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    background: #fff;
    color: #373737;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
    border:#373737 1px solid;
    border-radius:20px;
    padding:5px 12px;
  }
  
  a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
  }
  
  a.control_prev {
    left:0px;
  }
  
  a.control_next {
    right: 0;
    
  }
  .metro_kra{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#ed1b35;
}
.metro_zel{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#44b85c;
}
.metro_sin{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#0078bf;
}
.metro_gol{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#19c1f3;
}
.metro_kor{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#894e35;
}
.metro_ora{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#f58631;
}
.metro_fio{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#8e469c;
}
.metro_jel{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#ffcb31;
}
.metro_ser{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#a1a2a3;
}
.metro_sal{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#b3d445;
}
.metro_bir{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#79cdcd;
}
.metro_serg{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#acbfe1;
}
.metro_roz{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#ed3edf;
}
.metro_che{
    display:inline-block;
    margin-right:5px;
    margin-bottom:-2px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color:#292929;
}
.services__title{
font-size: 24px;margin-bottom: 10px;
}
.services__title a{
color:#0000ad;
}
.services__title a:hover{
text-decoration:underline;
}
.services__title a:visited{
    color:#590071;
}
.fa-star{
    color:#ffe800;
  
}
.search-btn2{
    border:2px solid #fd5;
    background:white;
}
.services__item-btn{
    border:2px solid #fd5;
    background:white;
}
.services__item-btn:hover {
border-color: #ff4833;
}
.services__logo img {
border: 1px solid #cecece;
border-radius: 5px;
height: 80px;
overflow: hidden;
}
.page-h5{

font-size:16px;
font-weight:bold;
padding:7px;
padding-bottom:2px;
}
.rating { 
border: none;
float:left;

}

.rating > input { opacity: 0;width:1px;margin:0;padding:0;float: right; } 
.rating > label:before { 
margin: 5px;
font-size: 1.25em;
font-family: FontAwesome;
display: inline-block;
content: "\f005";
}

.rating > .half:before { 
content: "\f089";
position: absolute;
}

.rating > label { 
color: #ddd; 
float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
.star {
font-size: 14px;
width: 16px;
display: inline-block;
color: gray;
}
.star:last-child {
margin-right: 0;
}
.star:before {
font-family: FontAwesome;
content:'\f005';
}
.star.on {
color: gold;
}
.star.half:after {
font-family: FontAwesome;
content:'\f005';
color: gold;
position: absolute;
margin-left: 1px;
width: 7px;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
#slider ul li {
    width: 66%;
  }
}
    .fa-star{
        color:#ffe800;
      
    }
    .search-btn2{
        border:2px solid #fd5;
        background:white;
    }
    .services__item-btn{
        border:2px solid #fd5;
        background:white;
    }
    .services__item-btn:hover {
    border-color: #ff4833;
    }
    .services__logo img {
    border: 1px solid #cecece;
    border-radius: 5px;
    height: 80px;
    overflow: hidden;
    }
    .page-h5{
    
    font-size:16px;
    font-weight:300;
    padding:7px;
    padding-bottom:12px;
    padding-left:0px;
    }
    .stars{
        margin-top: 3px;
        margin-left: 4px;
    }
    .star {
    font-size: 18px;
    width: 16px;
    display: inline-block;
    color: #fff;
    }
    .star:last-child {
    margin-right: 0;
    }
    .star:before {
    font-family: FontAwesome;
    content:'\f005';
    }
    .star.on {
    color: #ffd854;
    }
    .star.half:after {
    font-family: FontAwesome;
    content:'\f005';
    color: #ffd854;
    position: absolute;
    top:0;
    width: 7px;
    overflow: hidden;
    }
    .breadcrumbs a:last-child {
    color: gray;
    pointer-events: none;
    cursor: default;
    }
    .menu__tab-content-title{
    text-align:center;
    }
.services {
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 3rem;
    background:#fff;
    padding:0px 0px;
    position:relative;
    border:1px solid #e3e3e3;
    -webkit-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.12);
    box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.12);
    margin-top:30px;
}
.services.up{
    background:#ffdd55;
}

.services .cervices__item{
    font-family: 'Avenir';

    margin-top:0px;
    margin-bottom:0px;
}
.services .cervices__item .col-lg-4{
    font-weight: 300;
}

.services .cervices__item .services__item-left-side{
    color:#000;
    padding-left: 2.6rem;
    padding-right: 2.6rem;
    font-size:12pt;
    font-weight: 300;
    padding-top:3.7rem;
}
.services .services__title a{
    color:#0031ca !important;
    font-weight: normal;
}
.services .services__item-right-side {
  
    border-left:1px solid #e3e3e3;
}
.services .services__item-right-side .col-12 {
    text-align:left;
    font-size:10pt;
 
}
.services .cervices__item .services__item-left-side .feedback.feedback--bottom{
    padding-left:4rem;
}
.services .services__item-btn {
    border: 2px solid #fff;
    background: #ffdd55;
    font-weight: normal !important;
    font-size:12pt;
}
.services  .search-btn2 {
    border: 2px solid #e5e5e5;
    background: white;
    font-weight: normal !important;
    font-size:12pt;
}
.services  .search-btn2:hover {
    background: #ffdd55;
    border: 2px solid #ffdd55;
}
.services  .search-btn {

    font-weight: normal !important;
    font-size:10pt;
}
.services  .search-btn:hover {
    background: #ffdd55;
    border: 2px solid #ffdd55;
}
.services__logo {
    padding: 30px;
    text-align: center;
    margin: -15px; 
    /* margin-bottom: 15px; */
}
.services .cervices__item .services__item-left-side .services__icon a{
    color:#000;
    font-weight: 300 !important;
}

.services__icon.m-r-5 {
    margin-right: 15px;
}
.badge-div{

    display:inline-block;
    font-size: 24px;
    font-weight: normal;
    color: red;
    width:100px; 
    text-align:left; 
}
.fa.fa-comment{
    color:#7f7f7f;
}
.fa.fa-camera{
    color:#7f7f7f;
}
@media (min-width: 1200px){
    .services__item-left-side, .services__item-right-side {
        padding-bottom: 20px;
    }
}
.breadcrumbs {
    font-size: 1.4rem;
    margin-bottom: 3rem;
}
.services h1{
    font-size: 20px !important;
    margin-bottom: 2px !important;
    text-transform: uppercase;
    margin-top: 0;
    font-weight:normal;
    color:#0031ca;
}
.cardbody{
    display:inline-block;
    width:150px;
}
.starsserv{
    width:100px;
}
.sendMessage{
    vertical-align: baseline;
    color:#000;
}