@font-face {
font-family: 'Exo 2';
src: local('Exo 2'), local('Exo2-Regular'), url('../fonts/exo2.woff2') format('woff2'), url('../fonts/exo2.woff') format('woff'), url('../fonts/exo2.ttf') format('truetype');
font-weight: 400;font-style: normal;
}
@font-face {
font-family: 'Exo 2';
src: local('Exo 2 Italic'), local('Exo2-Italic'), url('../fonts/exo2italic.woff2') format('woff2'), url('../fonts/exo2italic.woff') format('woff'), url('../fonts/exo2italic.ttf') format('truetype');
font-weight: 400;font-style: italic;
}

@font-face {
font-family: 'Exo 2';
src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url('../fonts/exo2semibold.woff2') format('woff2'), url('../fonts/exo2semibold.woff') format('woff'), url('../fonts/exo2semibold.ttf') format('truetype');
font-weight: 600;font-style: normal;
}

body {font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Exo 2', sans-serif;}
h1 {text-transform: uppercase;}

header {background: #1565c0;}
.logo {margin: 15px auto;}
.top-menu a {color: #fff;text-transform: uppercase;font-weight: bolder;padding: 15px;}
.top-menu button{display: none;}
@media screen and (max-width: 800px){.top-menu button{display:inline-block;}}
.navbar {padding: 0;}
.navbar-nav .nav-link {padding-right: 15px;padding-left: 15px;color:#ffffff !important;text-transform: uppercase;}
.bg-blue-memu{background: #0d47a1;}

footer{background: #0d47a1;}

.container {
    max-width: 1340px !important;
}

.baner {margin: 20px auto;text-align: center;}

.main {color:#ffffff;}
.main h1 {margin: 20px auto;}
.main h1 span{font-size: 18px;text-transform: uppercase;}
.main h3 {font-size: 14px;text-transform: uppercase;margin-top: 15px;}
.main .strong {font-size: 16px;font-weight: bolder;}
.main .border {border: 1px solid #fff;padding: 15px;}

.catalog {color:#ffffff;}
.catalog h1 {margin: 20px auto;}
.catalog .strong {font-weight: bolder;margin: 0;}
.catalog .border {border: 1px solid #ffffff !important;padding: 15px;}
.count-h3 {text-transform: uppercase;margin: 10px auto;font-size: 18px;}

.catalog a {color:#3d3d3d;
font-family: 'Exo 2', sans-serif;
font-size: 20px;
text-align: center;
display: block;
border: 1px solid;
text-transform: uppercase;
padding: 10px;
background:#fff;
padding-bottom: 5px;}

.catalog a img {border: 1px solid;}

.mt20 {margin-top: 20px;}
.dn {display: none;}
.copyright {font-size: 12px;border: 1px solid #ffffff;padding: 10px;color:#ffffff;margin: 20px auto;}

.search {
border-top: 3px solid #ffffff !important;
border-left: 3px solid #ffffff !important;
border-right: 3px solid #ffffff !important;
}
.h2-search {text-transform: uppercase;font-size: 24px;font-weight: bolder;}
.input-search {width: calc(100% - 80px);
padding: 6px 10px;border: 1px solid #cccccc;}
.button-search {border: none;
padding: 6px 15px 6px 15px;background: #1565c0;color:#ffffff;cursor:pointer;border: 1px solid #1565c0;}
.button-search:hover {background: #0d47a1;}

.m0 {margin: 0;}
.mlr15 {margin-left: 15px;margin-right: 15px;}

.bread ol {
text-align: left;
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 ol li a{color:#3d3d3d;}


.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;}

.content-border {
padding: 15px;
border-left: 3px solid #1565c0;
border-right: 3px solid #1565c0;
border-top: 3px solid #d32f2f;
background: #fafafa;
}

.border-otzv {
margin-top: 20px;
border-bottom: 3px solid #d32f2f;
border-top: 3px solid #1565c0;
border-right: 3px solid #1565c0;
padding: 5px 15px;
background: #ffffff;
}

.rate {
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
}

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

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

.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: 
#1565c0;
border: 3px solid
#d32f2f;
color:
    #fff;
    text-decoration: none;
}

.blockquote {
    background: 
#D32F2F;
font-size: 16px;
padding: 15px;
color:
#ffffff;
border: 3px solid
    #1565c0;
}

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

.data-review {
    border-bottom: 1px solid;
}

.p15 {
    padding: 15px;
    margin: 0;
}

.row-ip-otzv {
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
    padding-top: 5px;
    padding-left: 10px;
}

.dsp {
    font-size: 25px;
    font-family: 'Exo 2', sans-serif;
    padding-top: 5px;
    padding-left: 10px;
}

.name_block {
    background: 
#ffffff;
padding: 15px;
border:
    #cccccc 1px solid;
}

.tab-bg {
    background: 
#ffffff;
padding: 10px;
border:
    #cccccc 1px solid;
}

.tr {
    border-bottom: 1px solid 
    #ccc;
}

.w24 {
    width: 15%;
    padding: 10px 10px;
}

.otz_per {
    background: 
#d32f2f;
border: 0;
color:
    #ffffff;
    text-align: center;
    padding: 3px 20px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
}

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


.marg-input {
    margin-top: 10px;
}
.add_data_otzv {
    width: 100%;
    border: 2px solid 
    #1565c0;
    margin-bottom: 10px;
    padding: 5px;
}

textarea {
    width: 100%;
    border: 2px solid 
    #1565c0;
    height: 150px;
    padding: 5px 10px;
}

.flom-zona {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.flom-zona select {
    display: inline-block;
    width: auto;
    border: 2px solid 
    #1565c0;
    border-radius: 0;
    text-align: center;
}
.flom-zona .form {
    display: inline-block;
    font-size: 18px;
}

.w20p10 {width: 20%;padding: 5px 15px;}
.w80 {width: 80%;}

.director {
    background: 
    #ffffff;
    border: 1px solid;
    padding: 15px;
}

.director-span {
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
}

.director-span span {
    width: 105px;
    display: inline-block;
}

.bb-tr {
    border-bottom: 1px solid;
}
.data-merkuri {width: 100%;}
.data-merkuri .w35 {
    width: 35%;
    padding: 0 15px 0 0;
    font-family: 'Exo 2';
}

.mt10 {margin-top: 10px;}
.w196 {width: 196px;
padding: 10px 0;}
.pb10 {padding: 10px 0;}

.w30 {width: 25%;} 
.p5 {padding: 10px 0;}
.parent-otzv {
    width: calc(100% - 100px);
    background: 
#ffffff;
border: 2px solid
    #039BE5;
    margin-top: -12px;
    margin-left: 85px;
}

.glass_singl {
    background: url(../img/ojo.png);
        background-repeat: repeat;
        background-size: auto;
    background-size: contain;
    height: 50px;
    background-repeat: no-repeat;
    padding-left: 64px;
    display: inline-block;
}

.p10 {padding: 10px;}