/*DEFAULT*/
html, body {
    font-family: 'Open Sans';
    height: 100%;
    margin: 0;
    background-color: #fff;

    font-size: 20px;
    color: #333;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(/wolfs/cyrillic.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(/wolfs/latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*DEFAULT*/

/*COMMON*/
span.nowrap {white-space: nowrap;}
a, a:hover, a:visited {color: inherit;}
a, a:visited {text-decoration: none;}
span.logo-color-red {color: #f58466;font-weight: bold}
span.logo-color-blue {color: #005aab;}
img.fit {width:100%;}
/*COMMON*/

/*ICONS*/
.icon:hover{cursor:pointer;}
.icon.phone{padding:0 15px 0 0}
.icon.phone:after{content:url(../img/phone.png)}
.icon.clock{padding:0 10px 0 0}
.icon.clock:after{content:url(../img/clock.jpg)}
.icon.icq{padding:0 10px 0 0}
.icon.icq:after{content:url(../img/icq.jpg)}
.icon.vk{padding:0 10px 0 0}
.icon.vk:after{content:url(../img/vk.jpg)}
.icon.email{padding:0 10px 0 0}
.icon.email:after{content:url(../img/email.jpg)}
.icon.adds{padding:0 10px 0 0}
.icon.adds:after{content:url(../img/adds.jpg)}
.icon.cellphone{padding:0 10px 0 0}
.icon.cellphone:after{content:url(../img/cellphone.jpg)}
.icon.workphone{padding:0 10px 0 0}
.icon.workphone:after{content:url(../img/workphone.jpg)}
.icon.up:after{content:'\2191';font-size:30px}
/*ICONS*/

/* HR */
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* HR */

img#logo {
    width: 100px;
}
img.contact_icon {
    width: 40px;
}
div.header {
    text-align: center;
}
div.contact_detail_wrap {
    font-size: 15px;
    display: none;
}
.header_phone {
    font-size: 16px;
    padding: 10px;
}

@media screen and (max-width: 1199.98px) {
    h1, .h1 {font-size: 2rem;}
    img#logo {width: 99px;}
    body, html {font-size: 19px;}
    .header_phone {font-size: 17px;}
}

@media screen and (max-width: 991.98px) {
    h1, .h1 {font-size: 1.8rem;}
    h5, .h5 {font-size: 1.2rem;}
    img#logo {width: 95px;}
    body, html {font-size: 18px;}
    .header_phone {font-size: 17px;}
}

@media screen and (max-width: 767.98px) {
    h1, .h1 {font-size: 1.6rem;}
    h5, .h5 {font-size: 1.1rem;}
    img#logo {width: 70px;}
    img.contact_icon {width: 35px;}
    body, html {font-size: 17px;}
    .header_phone {font-size: 14px;}
}

@media screen and (max-width: 575.98px) {
    h1, .h1 {font-size: 1.5rem;}
    h5, .h5 {font-size: 1rem;}
    img#logo {width: 50px;}
    img.contact_icon {width: 30px;}
    body, html {font-size: 14px;}
    .header_phone {font-size: 13px;}
}