body {font-family: 'Roboto', sans-serif;}

h1, h2 {font-family: 'Exo 2', sans-serif;font-size: 25px; text-align: center;}
h1 {font-size: 32px;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mb5 {margin-bottom: 5px;}
.mtb10 {margin-top: 10px;margin-bottom: 10px;}
.mb10 {margin-bottom: 10px;}
.mt20 {margin-top: 20px;}
.mlr0 {margin-left: 0; margin-right: 0;}

.row {margin-right: -7px;margin-left: -7px;}

.br1 {border: 1px solid #039be5;}
.strong {font-weight: bolder; text-align: center; display: block;}
.index-count {text-transform: uppercase;font-size: 18px;color:#3d3d3d;display: block;text-align: center;}

.contact {
font-family: 'Exo 2', sans-serif;
font-size: 24px;
background-position-y: center;
}

.fs16 {font-size:16px !important;}
.tal {text-align: left !important;}

.about-us {
font-family: 'Exo 2', sans-serif;
font-size: 24px;
}

.bg-dark {background-color: #1565c0 !important;}
.color-w a{color: #ffffff;}

.navbar-dark .navbar-toggler {color: #ffffff;border-color: #ffffff;}

.email-top {display: block;color: #000000;font-size: 24px;font-family: 'Exo 2', sans-serif;}
.search-a a {text-transform: uppercase;font-weight: bold;width: 100px;text-align: center; 
display: inline-block;background: #d32f2f;padding: 5px 5px;color: #ffffff;border: 2px solid #d32f2f;}
.search-a a:hover {border: 2px solid #ffffff;text-decoration: none;}
.menu a {height: 40px;display: inline-block;background: #1565c0;padding: 5px 10px;
color: #ffffff;border: 2px solid #1565c0;width: 100%;}
.menu a:hover {border: 2px solid #d32f2f;text-decoration: none;}

footer {background: #1565c0;}
.copyright {font-size: 11px;color: #ffffff;padding: 10px;border: 2px solid;}
.ptb25 {padding: 15px 10px;}

.otzv-zagolovok {font-size: 14px;
border-top: 1px solid #cccccc;
padding-top: 5px;
padding-bottom:5px;}

.add-otzv {
    background: #d32f2f;
    color: #fff;
    width: 100%;display: block;
    text-align: center;
    font-size: 24px;border-radius: 60px;
    padding: 0px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
    border: 3px solid #d32f2f;
    font-weight: bolder;
}
.add-otzv:hover {background: #1565c0;
    border: 3px solid #d32f2f;color: #fff;text-decoration: none;}

.index-h2{font-family: 'Exo 2', sans-serif;font-size: 24px;padding-top: 12px; text-align: center;}
.index-h3 {font-family: 'Exo 2', sans-serif;font-size: 24px;padding-top: 12px;text-align: center;
font-weight: bolder;text-transform: uppercase;}

.celi {background: #D32F2F;font-size: 18px;text-transform: uppercase;
padding: 15px;color: #ffffff;border: 3px solid #1565c0;font-weight: bolder; text-align: center;}

.celi a{color: #ffffff;}

.alfavit {display: block;
    margin: 0;
    text-align: center;
    width: 20%;
    border-bottom: 2px solid #d32f2f;
    border-top: 2px solid #1565c0;
    border-left: 2px solid #1565c0;
    border-right: 2px solid #1565c0;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    float: left;}
    
    .alfavit span {

    display: block;
    font-size: 12px;

}

.alfavit {

    text-align: center;
    color: #000000;
    font-weight: bold;

}

.alfavit:hover {

    border-bottom: 2px solid #000000;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #039be5;
    color: #039be5;
    text-decoration: none;

}

.alfavita {

    display: inline-block;
    text-align: center;
    width: 20%;
    border-bottom: 2px solid #cccccc;
    border-top: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    font-size: 20px;
    color: #cccccc;
    font-weight: bold;

}

    .alfavita span {

    display: block;
    font-size: 12px;

}

.menu {border: 1px solid #ffffff;}
.mb10 {margin-bottom: 10px;}

.top-info{background: #D32F2F;font-size: 16px;padding: 15px;color: #ffffff;
border: 3px solid #d32f2f;margin-bottom: 10px;}

.ip_cate_border_s {padding: 15px;
border: 1px solid #1565c0;
background: #ffffff;
margin-bottom: 10px;}
.ip_cate_border_s a {color: #3d3d3d;}

.add-otzv-single {

    margin-top: 1px;
    background: #d32f2f;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 24px;
    border-radius: 3px;
    padding: 16px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
    border: 3px solid #d32f2f;
    font-weight: bolder;
    cursor: pointer;

}

.add-otzv-single:hover {

    background: #0288d1;
    border: 3px solid #d32f2f;
    color: #fff;
    text-decoration: none;

}

.add_data_otzv {

    width: 100%;
    border: 2px solid #039be5;
    margin-bottom: 10px;
    padding: 5px;

}

.ip_cate_border {

    border: 1px solid #1565c0;
    margin-bottom: 10px;

}

.ip_cate_border a {

    display: block;
    font-family: 'Exo 2', sans-serif;
    font-size: 24px;
    color: #000000;

}

/*Рейтинги*/
.rate1 {background: url('../img/rate/rate1.png') no-repeat;
width: 138px;height: 26px;display: inline-block;}
.rate2 {background: url('../img/rate/rate2.png') no-repeat;
width: 138px;height: 26px;display: inline-block;}
.rate3 {background: url('../img/rate/rate3.png') no-repeat;
width: 138px;height: 26px;display: inline-block;}
.rate4 {background: url('../img/rate/rate4.png') no-repeat;
width: 138px;height: 26px;display: inline-block;}
.rate5 {background: url('../img/rate/rate5.png') no-repeat;
width: 138px;height: 26px;display: inline-block;}
/*Рейтинги*/


.paginate {

    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;

}

.paginate .current {

    font-size: 18px;
    padding: 5px 10px;
    margin: 2px;
    border: 2px solid;

}

.paginate a {
display: inline-block;
    font-size: 18px;
    padding: 5px 10px;
    margin: 2px;
    color: #1565c0;
    border-bottom: 2px solid #d32f2f;
    border-top: 2px solid #1565c0;
    border-left: 2px solid #1565c0;
    border-right: 2px solid #1565c0;

}

.link-reg {

    border-left: 3px solid #1565c0;
    border-right: 3px solid #1565c0;
    background: #d32f2f;
    font-size: 18px;
    padding: 5px 15px;
    color: #ffffff;
    font-weight: bolder;
    margin-left: 10px;

}

.link-reg:hover {

    border-left: 3px solid #d32f2f;
    border-right: 3px solid #d32f2f;
    background: #039BE5;
    font-size: 18px;
    padding: 5px 15px;
    color: #ffffff;
    font-weight: bolder;
    margin-left: 10px;
    text-decoration: none;

}

textarea {

    width: 100%;
    border: 2px solid #039be5;
    margin-bottom: 10px;
    padding: 5px;

}
.p10 {padding: 10px;}

.dn {display: none;}

.bb-tr {border-bottom: 1px solid;}
.card-body {padding: 0 !important;}
.namer {font-weight: bolder;padding-bottom: 3px;padding-top: 3px;}
.name-znac {border-bottom: 1px solid;padding-bottom: 5px;}
.rec h3 {font-size: 18px;}
.p0 {padding: 0;}
.single .glass_singl {

    background: url(/site/style/img/ojo.png);
        background-repeat: repeat;
        background-size: auto auto;
    background-size: contain;
    height: 57px;
    background-repeat: no-repeat;
    padding-left: 64px;
    display: inline-block;

}

.single .data {

    display: block;
    text-align: right;
    font-size: 14px;
    color: #999999;

}

.rate {

    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;

}


.review .rate1 {

    background: url('../img/rate/rate1.png') no-repeat;
        background-size: auto auto;
    width: 126px;
    height: 22px;
    display: inline-block;
    background-size: contain;margin-left: 20px;

}

.fz22 {font-size: 22px;}


.add-otzv-single {

    margin-top: 1px;
    background: #d32f2f;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 15px;
    border-radius: 3px;
    padding: 7px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
    border: 3px solid #d32f2f;
    font-weight: bolder;
    cursor: pointer;

}


.review {

    width: 100%;
    background: #ffffff;
    border: 2px solid #1565c0;
    margin-bottom: 10px;

}

.p15 {padding: 10px;}

.dislike {

    background: url('../img/dislike.png');
        background-repeat: repeat;
        background-size: auto auto;
    height: 37px;
    font-weight: bolder;
    padding-left: 60px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;

}

.like {

    background: url('../img/like.png');
        background-repeat: repeat;
        background-size: auto auto;
    height: 37px;
    margin-left: 25px;
    font-weight: bolder;
    padding-left: 60px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;

}

.rate5 {
    background: url('../img/rate/rate5.png') no-repeat;
    width: 126px;
    height: 22px;
    display: inline-block;
    background-size: contain;margin-left: 20px;
}

.content-border {
    padding: 0 !important;
    margin: 0 !important;
    border-left: 3px solid #1565c0;
    border-right: 3px solid #1565c0;
    border-top: 3px solid #d32f2f;
    background: #fafafa;
}
.data-review {
    padding-top: 3px;
    border-bottom: 1px solid;

}

.rate2 {
    background: url('../img/rate/rate2.png') no-repeat;
    display: inline-block;
}

.rate3 {
    background: url('../img/rate/rate3.png') no-repeat;
    display: inline-block;
}

.rate4 {
    background: url('../img/rate/rate4.png') no-repeat;
    display: inline-block;
}

.rate5 {
    background: url('../img/rate/rate5.png') no-repeat;
    display: inline-block;
}

.bread ol{text-align: right;
font-family: 'Exo 2', sans-serif;list-style-type: none;margin-bottom: 0; padding: 0 13px 3px 0;}
.bread ol li {display: inline-block;}
.bread a {color: #3d3d3d;}

.res-ooo {
background: url(/site/style/img/statusooo/4.png);
background-size: 47px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}


.good-ooo {
    background: url(/site/style/img/statusooo/1.png);
    background-size: 47px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.bad-ooo {
    background: url(/site/style/img/statusooo/2.png);
    background-size: 47px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.varning-ooo {
    background: url(/site/style/img/statusooo/3.png);
    background-size: 47px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.mtc {display: block;margin: 0 auto;}

.tab-bg {
    width: 100%;
    background: #ffffff !important;
    border: #cccccc 1px solid !important;
    padding: 0 !important;
    margin: 0 !important;
}

td {padding: 2px 3px;}
.db {display: block !important; width: 100%;}
.otz_per {
    margin: 3px;
    background: #d32f2f;
    border: 0;
    color: #ffffff;
    text-align: center;
    padding: 3px 20px;
    border-radius: 3px;
    cursor: pointer;
}

.otz_per:hover {
    color: #fff;
    text-decoration: none;
    background: #0056b3;
}

.border-otzv {border: 1px solid #0056b3;}
.m0 {margin: 0 !important;}
.otzyv-otvet {
    cursor: pointer;
    border: 1px solid #ffffff;
    padding: 3px 10px;
    color: #ffffff;
    background: #D32F2F;
    margin-right: 10px;
}