@charset "utf-8";


body{
    font-family: 'Roboto Light', 'Roboto Regular';
    font-size: 16px;
    background-color: #fff;
}
html {
    font-size: 16px;
}
h1 {
    font-size: 1.6rem;
    line-height: 30px;
}
.w100{
    width: 100%;
}
.h100{
    height: 100%;
}
.h105{
    height: 105%;
}
.p0{
    padding: 0;
}
.pl0{
    padding-left: 0;
}
.pr0{
    padding-right: 0;
}
.pr20{
    padding-right: 1.25rem;
}
.pl30{
    padding-left: 1.875rem;
}
.ml0{
    margin-left: 0!important;
}
.tr{
    text-align: right;
}
.tac{text-align: center;}
.list-menu-mobile {
    transition: all 0.5s ease;
}
.header {
    width: 1580px;
    display: flex;
    margin: 0 auto;
    padding: 40px 0;
    flex-flow: row wrap;
}
.logo-top {
    flex: 1 1 27%;
    position: relative;
}
.box-img-logo {
    position: absolute;
    z-index: 10;
    background: #fff;
    border-radius: 55%;
    width: 196px;
    height: 161px;
    margin-left: 19px;
}
.img-logo {
    margin-top: -19px;
    margin-left: 18px;
}

.top-menu {
    flex: 1 1 50%;
    margin-top: 15px;
}
.top-menu ul {
    margin-left: 0;
}
.top-menu ul li {
    list-style-type: none;
    display: inline-block;
    font-family: 'Kurale Regular';
    margin: 0px 1.5625rem;
    font-size: 1.125rem;
}

.contacts-top {
    flex: 1 1 20%;
    text-align: right;
    font-size: 1.125rem;
    font-family: 'Kurale Regular';
    padding-right: 1.25rem;
    line-height: 2.25rem;
}
.contacts-top > div:first-child {
    color: #0da5e6;
}

.about {
    margin-left: 1.25rem;
}
.about:before {
   /* content: '';
    background: url('../images/dom.png') no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    margin-right: 3.125rem;
    float: left;*/
}
.content {
    padding: 20px 0;
}
.name-page {
    font-family: 'Kurale Regular';
    font-size: 2rem;
    margin-bottom: 2.5rem;
}
.box-img-main {
    width: 100%;
    height: 19.6875rem;
    overflow: hidden;
    margin-bottom: 0.9375rem;
}
.date-photo {
    color: #10a7e7;
    font-size: 14px;
    line-height: 30px;
    font-family: 'Roboto Regular';
    padding-left: 20px;
}
.title-photo {
    font-size: 1.375rem;
    font-family: 'Kurale Regular';
    line-height: 1.875rem;
    padding-left: 1.25rem;
    border-bottom: 1px #dae0e3 solid;
    padding-bottom: 25px;
}
.news-main-block {
    display: flex;
    padding-top: 35px;
     flex-flow: row wrap;
}
.news-main-photo {
    flex: 1 1 15%;
}
.vse-o-news {
    flex: 1 1 75%;
}
.date-news-main {
     color: #10a7e7;
     font-size: 14px;
     font-family: 'Roboto Regular';
     line-height: 30px;
}
.title-news-main {
    font-family: 'Roboto Medium';
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
}
.anons-news-main {
    font-size: 16px;
    line-height: 25px;
}
.news-main-photo > img {
    width: 90%;
}
.all-news-main {
    border:2px solid #0da5e6;
    border-radius: 25px;
    color: #404446;
    font-size: 1rem;
    line-height: 1.5625rem;
    font-family: 'Roboto Regular';
    width: 8.75rem;
    height: 2.5rem;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
    margin-top: 55px;
}
.dblock {
    display: block;
}
.title-diplom {
    font-size: 2rem;
    line-height: 43px;
    font-family: 'Kurale Regular';
    flex: 1 1 85%;
}
.block-diplom {
    display: flex;
    margin-top: 3.4375rem;
    padding-bottom: 2.1875rem;
    border-bottom: 1px #dae0e3 solid;
    margin-bottom: 2.8125rem;
}
.block-arrow {
    flex: 1 1 11%;
    position: relative;
}
.title-souz {
    font-size: 2rem;
    line-height: 43px;
    font-family: 'Kurale Regular';
    border-bottom: 1px #dae0e3 solid;
    padding-bottom: 2.1875rem;
    margin-top: 2.625rem;
    margin-bottom: 2.5rem;
}
.txt16 {
    font-size: 1rem;
    line-height: 1.5rem;
}
.registr-company {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: 'Kurale Regular';
    color: #404446;
    display: flex;
    margin-top: 90px;
    margin-bottom: 45px;
}
.kav {
    content: '';
    font-size: 6.75rem;
    line-height: 1.5625rem;
    color: #2eabe1;
    flex: 1 1 16%;
}
.registr-company > div:last-child {
    margin-top: -25px;
}
.last-news {
    border: 5px #dae0e3 solid; 
    padding: 23px;
}
.title-last-news {
    color:#2b2b2b;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-family: 'Roboto Regular';
    margin-bottom: 30px;
}
.block-last-news {
    margin-bottom: 15px;
}
.date-last-news {
    color: #10a7e7;
    font-size: 0.875rem;
    line-height: 1.875rem;
    font-family: 'Roboto Regular';
}
.text-last-news {
    font-size: 1rem;
    line-height: 1.875rem;
    font-family: 'Roboto Regular';   
}
.col-right {
    padding-top: 90px;
}
.widget {
    margin-top: 35px;
}
.links {
    border: 5px #dae0e3 solid; 
    padding: 23px;
    margin-top: 2.8125rem;
}
.title-links {
    color:#646464;
    font-size: 1rem;
    line-height: 1.875rem;
    font-family: 'Roboto Bold';
    margin-bottom: 30px;
    text-transform: uppercase;
}
.link-poleznaya {
    display: block;
    color: #646464;
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 25px;
}
.napravlenia {
    background: #1192c9;
    padding: 23px;
    margin-top: 50px;
    padding-bottom: 0;
}
.title-naprav {
    font-family: 'Roboto Bold';
    line-height: 1.5rem;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.one-naprav {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: 'Roboto Medium';
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
    display: flex;
    padding: 20px 0;
}
.one-naprav:before {
    content: '';
    background: url('../images/galka.png') no-repeat center;
    /*width: 20px;*/
    height: 20px;
    display: inline-block;
    margin-right: 15px;
    flex: 1 10%;
}
.one-naprav div {
    flex: 1 85%;
}
.napravlenia > div.one-naprav:last-child {
    border:none;
}
.footer {
    background: #e1ebf1;
    padding: 25px 0;
}
.dflex {
    display: flex;
}
.name-company {
    flex: 1 1 80%;
}
.infocity {
    flex: 1 1 6%;
    text-align: left;
    padding-right: 20px;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.list-menu-mobile li {
    list-style-type: none;
    margin: 0;
}
.header-foto {
    text-align: center;
}
.header-foto a {
    font-size: 22px;
    font-family: 'Roboto Regular';
    color: #575757;
    line-height: 24px;
}
.preview {
    border: 1px #d9d9d9 solid;
    /*width: 200px;*/
    /*height: auto;*/
    position: relative;
    text-align: center;
    padding: 5px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.box-address {
    display: flex;
    margin-top: 20px;
}
.address-img {
    flex: 1 1 5%;
}
.address-text {
    flex: 1 1 90%;
    align-self: center;
}
.box-phone {
    display: flex;
    margin-top: 20px;
}
.phone-img {
    flex: 1 1 5%;
}
.phone-text {
    flex: 1 1 90%;
    align-self: center;
}
.box-email {
    display: flex;
    margin-top: 20px;
}
.email-img {
    flex: 1 1 5%;
}
.email-text {
    flex: 1 1 90%;
    align-self: center;
}
.map {
    width: 100%;
    height: 500px;
    margin-top: 35px;
}
.block-news {
    display: flex;
}
div.preview.img-news {
    flex: 1 1 20%;
    margin-right: 20px;
}
div.note.desc-news {
    flex: 1 1 70%;
    font-family: 'Roboto Medium';
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
}
h1.page-header {
    margin-bottom: 30px;
}
.gal-section img {
    width: auto;
    height: 155px;
}
.img-gal {
    width: 100%;
    height: 160px;
}
input[type=radio].css-checkbox {
                            position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
                        }

                        input[type=radio].css-checkbox + label.css-label {
                            padding-left:27px;
                            height:22px; 
                            display:inline-block;
                            line-height:22px;
                            background-repeat:no-repeat;
                            background-position: 0 0;
                            font-size:18px;
                            vertical-align:middle;
                            cursor:pointer;
                        }

                        input[type=radio].css-checkbox:checked + label.css-label {
                            background-position: 0 -22px;
                        }
                        label.css-label {
                background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_db37635e39bf1d9e5476808b266ec787.png);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

#poll-results {
    margin-top: 15px;
}
.radio_btn {
    padding: 5px 10px;
    padding-top: 7px;
    display: flex;
}
.graph div {
    width: 100%;
    clear: both;
}
.graph {
 /*   width: 250px;
    position: relative;
    right: 30px;*/
}
.bar-title {
    position: relative;
    float: left;
    width: 290px;
    line-height: 18px;
    margin-right: 17px;
    text-align: right;
    font-size: 14px;
    margin-bottom: 15px;
}
.bar-container {
    position: relative;
    float: left;
    height: 10px;
    margin: 0px 0px 15px;
    width: 175px;
}
.bar-container div {
   background-color: #1192c9;
    height: 20px;
}
.bar-container strong {
    position: absolute;
    right: -32px;
    top: 0px;
    overflow: hidden;
}
#poll-results p {
    text-align: left;
    clear: both;
    padding-top: 10px;
    color: #10a7e7;
}
.line {
    color: #999;
    margin: 20px 0; 
}

.poll {
    font-weight: bold;
    padding: 15px 0;
}

.poll a:hover {
    color: #000;
}
#inrerview-form input[type="submit"] {
    background: #0da5e6;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 25px;
}

p a {
   color: #10a7e7; 
}
.btn-more a {
   color: #10a7e7;  
}
@media (max-width: 1580px) {
    .header {
        width: 100%;
    }
    .logo-top {
        flex: 1 1 15%;
    }
    .contacts-top {
        flex: 1 1 10%;
    }
}
@media (min-width: 1024px) and (max-width: 1280px) {
    html {
        font-size: 15px;
    }
    .top-menu ul li {
        margin: 0px 1.263rem;
    }
    .block-arrow {
        flex: 1 1 17%;
    }
}
@media (min-width: 640px) and (max-width: 799px) {
    html {
        font-size: 14px;
    }
    #top-menu {
        display: none!important;
    }
    .box-img-logo {
        margin: 0;
    }
    .top-menu ul li {
        font-size: 1.225rem;
        margin: 0px 0.263rem;
    }
    .contacts-top {
        flex: 1 1 100%;
        padding-right: 2.225rem;
    }
    .block-arrow {
        flex: 1 1 27%;
    }
}
@media (min-width: 800px) and (max-width: 1023px) {
    html {
      font-size: 14px;
    }
    .contacts-top {
        padding-right: 1.225rem;
        flex: 1 1 17%;
    }
    .logo-top {
        flex: 1 1 19%;
    }
    .top-menu {
        flex: 2 1 38%;
    }
    #top-menu {
        display: none!important;
    }
    .top-menu ul li {
        font-size: 1.225rem;
        margin: 0px 0.263rem;
    }
    .block-arrow {
        flex: 1 1 20%;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .news-main-photo {
        display: none;
    }
}
@media (min-width: 481px) and (max-width: 640px) {
    html {
        font-size: 14px;
    }
    .news-main-photo {
        flex: 1 1 40%;
    }
     .box-img-main {
        height: auto;
    }
     .title-diplom {
        flex: 1 1 65%;
    }
    .box-slider, .top-menu {
        display: none;
    }
    .logo-top {
        flex: 1 1 30%;
    }
    .contacts-top {
        flex: 1 1 63%;
    }
    .box-img-logo {
        position: relative;
    }
    .box-img-logo {
        width: 90px;
        height: auto;
    }
    .infocity {
        margin-top: 15px;
        padding-left: 15px;
    }
    .name-company {
        padding-left: 15px; 
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    html {
        font-size: 14px;
    }
    .news-main-photo {
        flex: 1 1 100%;
    }
    .box-img-main {
        height: auto;
    }
    .title-diplom {
        flex: 1 1 40%;
    }
    .box-slider, .top-menu {
        display: none;
    }
    .logo-top {
        flex: 1 1 30%;
    }
    .contacts-top {
        flex: 1 1 63%;
    }
    .box-img-logo {
        position: relative;
    }
    .box-img-logo {
        width: 90px;
        height: auto;
    }
    .infocity {
        margin-top: 15px;
        padding-left: 15px;
    }
    .name-company {
        padding-left: 15px; 
    }
}