/* Open Sans
====================================================================== */


/*font-family: "Open Sans", sans-serif;*/

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/opensans/opensanslight.woff2") format("woff2"), url("../fonts/opensans/opensanslight.woff") format("woff"), url("../fonts/opensans/opensanslight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans/opensans.woff2") format("woff2"), url("../fonts/opensans/opensans.woff") format("woff"), url("../fonts/opensans/opensans.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensans/opensanssemibold.woff2") format("woff2"), url("../fonts/opensans/opensanssemibold.woff") format("woff"), url("../fonts/opensans/opensanssemibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensans/opensansbold.woff2") format("woff2"), url("../fonts/opensans/opensansbold.woff") format("woff"), url("../fonts/opensans/opensansbold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("../fonts/opensans/opensansextrabold.woff2") format("woff2"), url("../fonts/opensans/opensansextrabold.woff") format("woff"), url("../fonts/opensans/opensansextrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}


/* Raleway
====================================================================== */


/*font-family: Raleway, sans-serif;*/

@font-face {
    font-family: "Raleway";
    src: local("Raleway Thin"), local("Raleway-Thin"), url("../fonts/raleway/ralewaythin.woff2") format("woff2"), url("../fonts/raleway/ralewaythin.woff") format("woff"), url("../fonts/raleway/ralewaythin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Thin Italic"), local("Raleway-ThinItalic"), url("../fonts/raleway/ralewaythinitalic.woff2") format("woff2"), url("../fonts/raleway/ralewaythinitalic.woff") format("woff"), url("../fonts/raleway/ralewaythinitalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"), url("../fonts/raleway/ralewayextralight.woff2") format("woff2"), url("../fonts/raleway/ralewayextralight.woff") format("woff"), url("../fonts/raleway/ralewayextralight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway ExtraLight Italic"), local("Raleway-ExtraLightItalic"), url("../fonts/raleway/ralewayextralightitalic.woff2") format("woff2"), url("../fonts/raleway/ralewayextralightitalic.woff") format("woff"), url("../fonts/raleway/ralewayextralightitalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Light"), local("Raleway-Light"), url("../fonts/raleway/ralewaylight.woff2") format("woff2"), url("../fonts/raleway/ralewaylight.woff") format("woff"), url("../fonts/raleway/ralewaylight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Light Italic"), local("Raleway-LightItalic"), url("../fonts/raleway/ralewaylightitalic.woff2") format("woff2"), url("../fonts/raleway/ralewaylightitalic.woff") format("woff"), url("../fonts/raleway/ralewaylightitalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Regular"), local("Raleway-Regular"), url("../fonts/raleway/ralewayregular.woff2") format("woff2"), url("../fonts/raleway/ralewayregular.woff") format("woff"), url("../fonts/raleway/ralewayregular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Italic"), local("Raleway-Italic"), url("../fonts/raleway/ralewayitalic.woff2") format("woff2"), url("../fonts/raleway/ralewayitalic.woff") format("woff"), url("../fonts/raleway/ralewayitalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Medium"), local("Raleway-Medium"), url("../fonts/raleway/ralewaymedium.woff2") format("woff2"), url("../fonts/raleway/ralewaymedium.woff") format("woff"), url("../fonts/raleway/ralewaymedium.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Medium Italic"), local("Raleway-MediumItalic"), url("../fonts/raleway/ralewaymediumitalic.woff2") format("woff2"), url("../fonts/raleway/ralewaymediumitalic.woff") format("woff"), url("../fonts/raleway/ralewaymediumitalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway SemiBold"), local("Raleway-SemiBold"), url("../fonts/raleway/ralewaysemibold.woff2") format("woff2"), url("../fonts/raleway/ralewaysemibold.woff") format("woff"), url("../fonts/raleway/ralewaysemibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway SemiBold Italic"), local("Raleway-SemiBoldItalic"), url("../fonts/raleway/ralewaysemibolditalic.woff2") format("woff2"), url("../fonts/raleway/ralewaysemibolditalic.woff") format("woff"), url("../fonts/raleway/ralewaysemibolditalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/raleway/ralewaybold.woff2") format("woff2"), url("../fonts/raleway/ralewaybold.woff") format("woff"), url("../fonts/raleway/ralewaybold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}


/* @font-face {
    font-family: "Raleway";
    src: local("Raleway Bold Italic"), local("Raleway-BoldItalic"),
    url("../fonts/raleway/ralewaybolditalic.woff2") format("woff2"),
    url("../fonts/raleway/ralewaybolditalic.woff") format("woff"),
    url("../fonts/raleway/ralewaybolditalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
} */

@font-face {
    font-family: "Raleway";
    src: local("Raleway ExtraBold"), local("Raleway-ExtraBold"), url("../fonts/raleway/ralewayextrabold.woff2") format("woff2"), url("../fonts/raleway/ralewayextrabold.woff") format("woff"), url("../fonts/raleway/ralewayextrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}


/* @font-face {
    font-family: "Raleway";
    src: local("Raleway ExtraBold Italic"), local("Raleway-ExtraBoldItalic"),
    url("../fonts/raleway/ralewayextrabolditalic.woff2") format("woff2"),
    url("../fonts/raleway/ralewayextrabolditalic.woff") format("woff"),
    url("../fonts/raleway/ralewayextrabolditalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
} */

@font-face {
    font-family: "Raleway";
    src: local("Raleway Black"), local("Raleway-Black"), url("../fonts/raleway/ralewayblack.woff2") format("woff2"), url("../fonts/raleway/ralewayblack.woff") format("woff"), url("../fonts/raleway/ralewayblack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: local("Raleway Black Italic"), local("Raleway-BlackItalic"), url("../fonts/raleway/ralewayblackitalic.woff2") format("woff2"), url("../fonts/raleway/ralewayblackitalic.woff") format("woff"), url("../fonts/raleway/ralewayblackitalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}


/* reset + normalize (v6.0.0)
====================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
sub,
sup,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
fieldset,
legend,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
    font: inherit;
}

header,
nav,
menu,
main,
article,
section,
aside,
details,
figcaption,
figure,
summary footer {
    display: block;
}

figure {
    margin: 1rem 2.500rem;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1rem;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover,
a:active {
    outline: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1rem;
}

dfn {
    font-style: italic;
}

mark {
    background-color: rgba(255, 255, 0, 1);
    color: rgba(51, 51, 51, 1);
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sub {
    bottom: -0.25rem;
}

sup {
    top: -0.5rem;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: .063rem dotted ButtonText;
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -.125rem;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

td,
th {
    padding: 0;
}


/* common styles
====================================================================== */

html {
    width: 100%;
    height: 100%;
    font-size: 100%;
}

body {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    color: rgba(51, 51, 51, 1);
    font: normal normal 400 1rem/1 "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ================= layouts ================= */

.wrapper-page {
    /* display: table;
    width: 100%;
    height: 100%; */
}

.container {
    display: block;
    /* width: 100%;
    height: .063rem; */
}

.wrapper-container {
    width: 100%;
    height: auto;
}

.container-center {
    width: 100%;
    max-width: 76.250rem;
    height: auto;
    margin: 0 auto;
    padding: 0 1rem;
}

.container-center:after {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    content: "";
    font-size: 0;
    line-height: 0;
}

.container-inline {
    width: 100%;
    font-size: 0;
    line-height: 0;
    letter-spacing: -.063rem;
}

.block-inline {
    display: inline-block;
    width: auto;
    vertical-align: top;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
}


/* ================= img ================= */

img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}


/* ================= up down ================= */

.up {
    position: fixed;
    top: -437px;
    right: 0;
    z-index: 2;
    width: 136px;
    height: 437px;
    background: url(../images/scroll_to_top.png) no-repeat 50% 50%;
    cursor: pointer;
    transition: 1s linear;
}

.down {
    display: none;
    position: fixed;
    bottom: 3.125rem;
    right: 4.688rem;
    z-index: 2;
    width: 2.500rem;
    height: 2.500rem;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: .625rem;
    background: rgba(249, 249, 251, 1) url(../images/arrow-down.png) no-repeat 50% 50%;
    cursor: pointer;
    opacity: 0.7;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
    white-space: nowrap;
}


/* ================= forms ================= */

form {
    overflow: hidden;
}

input,
textarea {
    display: block;
    width: 100%;
    padding: .750rem;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: .625rem;
    background-color: rgba(255, 255, 255, 1);
    background-repeat: no-repeat;
    background-position: 0 center;
    -webkit-transition: all 0.2s 0.02s ease;
    transition: all 0.2s 0.02s ease;
    outline: none;
    color: rgba(51, 51, 51, 1);
    font-size: .875rem;
    line-height: 1;
    font-family: inherit;
}

textarea {
    margin-bottom: 4%;
}

.input-name {
    padding-left: 3.125rem;
    background-image: url(../images/input-name.png);
    background-size: contain;
}

.input-tel {
    padding-left: 3.125rem;
    background-image: url(../images/input-tel.png);
    background-size: contain;
}

.input-tel-46 {
    padding-left: 3.750rem;
    background-image: url(../images/input-tel-46.png);
    background-size: contain;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(136, 136, 136, 1);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: rgba(136, 136, 136, 1);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: rgba(136, 136, 136, 1);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

input:focus,
textarea:focus {
    border: .063rem solid rgba(227, 0, 22, 1);
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: rgba(136, 136, 136, 0);
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: rgba(136, 136, 136, 0);
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: rgba(136, 136, 136, 0);
}

button {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: auto;
    padding: .750rem 4.375rem .750rem 2.500rem;
    overflow: hidden;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: .625rem;
    background: rgba(243, 242, 242, 1);
    -webkit-transition: all 0.3s, color 0.3s, background-color 0.3s;
    transition: all 0.3s, color 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    cursor: pointer;
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-weight: 600;
    font-family: "Raleway";
}

button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: .0945rem solid rgba(227, 0, 22, 1);
    border-radius: .625rem;
    background-color: rgba(255, 255, 255, 1);
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3rem, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3rem, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

button:hover::before {
    opacity: 1;
    border: .0945rem solid rgba(227, 0, 22, 1);
    border-radius: .625rem;
    background-color: rgba(255, 255, 255, 1);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

button:active::before {
    border-color: rgba(175, 174, 174, .75);
    box-shadow: inset .125rem .125rem 0 rgba(175, 174, 174, .75);
}

button span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1.375rem;
    border-radius: 0 .625rem .625rem 0;
    background: rgba(227, 0, 22, 1);
    -webkit-transition: background 0.2s 0.02s ease;
    transition: background 0.2s 0.02s ease;
}

button::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: .750rem 1.125rem 0 0;
    z-index: 1;
    content: "\e171";
    color: rgba(255, 255, 255, 1);
    font-size: .875rem;
    font-family: "Glyphicons Halflings";
}

button:hover,
button:active {
    border-color: transparent;
    background: rgba(243, 242, 242, 1);
    color: rgba(227, 0, 22, 1);
}

button:hover span,
button:active span {
    background: rgba(227, 0, 22, 1);
}


/* panel-top
====================================================================== */

.panel-top .wrapper-container {
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    background: rgba(243, 242, 242, 1);
}

.panel-top .container-center {
    padding: .313rem 1rem .375rem;
}


/* ================= address ================= */

.address {
    width: 50%;
}

.address a {
    display: inline-block;
    margin: 0 1.250rem 0 0;
    color: rgba(136, 136, 136, 1);
    -webkit-transition: color 0.2s 0.02s ease;
    transition: color 0.2s 0.02s ease;
    font-size: .875rem;
    text-decoration: none;
}

.address .glyphicon {
    float: left;
    margin: -.250rem .313rem 0 0;
    -webkit-transition: color 0.2s 0.02s ease;
    transition: color 0.2s 0.02s ease;
    color: rgba(227, 0, 22, 1);
    font-size: 1.125rem;
}

.address a:hover,
.address a:active {
    color: rgba(51, 51, 51, 1);
}


/* ================= social ================= */

.social {
    width: 50%;
    text-align: right;
}

.social a {
    display: inline-block;
    margin: 0 .063rem;
    text-decoration: none;
}

.social .fa {
    color: rgba(175, 174, 174, 1);
    -webkit-transition: color 0.1s 0.02s linear;
    transition: color 0.1s 0.02s linear;
    font-size: 1.125rem;
}

.social a:hover .fa-vk,
.social a:active .fa-vk {
    color: rgba(69, 102, 142, 1);
}

.social a:hover .fa-instagram,
.social a:active .fa-instagram {
    color: rgba(0, 0, 0, 1);
}

.social a:hover .fa-facebook-square,
.social a:active .fa-facebook-square {
    color: rgba(59, 89, 152, 1);
}

.social a:hover .fa-odnoklassniki-square,
.social a:active .fa-odnoklassniki-square {
    color: rgba(242, 114, 12, 1);
}


/* header
====================================================================== */

.header .wrapper-container {
    background: linear-gradient(to bottom, rgba(148, 0, 14, 1), rgba(227, 0, 22, 1));
}

.header .container-center {
    position: relative;
    padding: 1.250rem 1rem;
    /* background: #CC9999; */
}


/* ================= logo ================= */

.logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    /* background: #777; */
}

.logo a {
    display: block;
    width: 100%;
    padding: .938rem .938rem 1.563rem;
    border: .063rem solid rgba(227, 0, 22, 1);
    border-radius: .625rem;
    background: rgba(255, 255, 255, 1);
    text-decoration: none;
}


/* ================= slogan ================= */

.slogan {
    width: 37%;
    margin: 2.313rem 0 0 23%;
    /* background: #CC9900; */
}

.slogan span:first-child {
    display: block;
    color: rgba(255, 255, 255, 1);
    font-style: italic;
    font-weight: 500;
    font-size: 2.250rem;
    font-family: "Raleway";
}

.slogan span:last-child {
    display: inline-block;
    margin: .875rem 0 0;
    padding: .188rem .500rem .250rem;
    border-radius: .313rem;
    background: rgba(255, 255, 255, 1);
    color: rgba(227, 0, 22, 1);
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    font-family: "Open sans";
}


/* ================= work-time ================= */

.work-time {
    width: 20%;
    margin: 1.688rem 0 0;
    text-align: right;
    /* background: #FFCC33; */
}

.work-time .glyphicon {
    display: inline-block;
    position: relative;
    top: -.500rem;
    margin: 0 .625rem 0 0;
    padding: .750rem;
    border-radius: 100%;
    background: rgba(255, 255, 255, 1);
    color: rgba(227, 0, 22, 1);
    font-size: 1.250rem;
}

.work-time span:last-child {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
}

.work-time span:last-child span {
    font-weight: 400;
}


/* ================= phone-btn-modal ================= */

.phone-btn-modal {
    width: 20%;
    margin: 1.688rem 0 0;
    text-align: right;
    /* background: #FF0099; */
}

.phone {
    font-style: italic;
    font-family: "Trebuchet MS";
    letter-spacing: -.063rem;
}

.phone .glyphicon {
    display: inline-block;
    position: relative;
    top: -.688rem;
    margin: 0 .625rem 0 0;
    padding: .750rem;
    border-radius: 100%;
    background: rgba(255, 255, 255, 1);
    color: rgba(227, 0, 22, 1);
    font-size: 1.250rem;
}

.phone .glyphicon+span {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: 1.250rem;
    line-height: 1.3;
}

.phone a {
    display: block;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: color 0.2s 0.02s ease;
    transition: color 0.2s 0.02s ease;
    text-decoration: none;
}

.phone a span {
    font-size: 1rem;
}

.phone a:hover,
.phone a:active {
    color: rgba(0, 0, 0, 1);
}


/* ================= btn-modal ================= */

.btn-modal a {
    display: inline-block;
    padding: 0 0 .125rem;
    border-bottom: .063rem dotted rgba(255, 255, 255, 1);
    -webkit-transition: border-bottom-color 0.2s 0.02s ease;
    transition: border-bottom-color 0.2s 0.02s ease;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-family: "Raleway";
    text-decoration: none;
}

.btn-modal a:hover,
.btn-modal a:active {
    border-bottom-color: transparent;
}


/* nav-top
====================================================================== */

.nav-top {
    z-index: 1;
}

.nav-top .wrapper-container {
    background: rgba(243, 242, 242, 1);
}

.nav-top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}

.nav-top.sticky .wrapper-container {
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
}

#hmenu {
    float: right;
    width: 77%;
    /* background: #ccc; */
}

.nav-top.sticky #hmenu {
    float: none;
    width: 100%;
}

#hmenu,
#hmenu ul,
#hmenu ul li,
#hmenu ul li a {
    display: block;
    position: relative;
}

#hmenu:after,
#hmenu>ul:after {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    content: "";
    font-size: 0;
    line-height: 0;
}

#hmenu #menu-button {
    display: none;
}

#hmenu>ul {
    display: table;
    width: 100%;
    /*background: #ccc;*/
}

#hmenu>ul>li {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    text-align: center;
}

#hmenu>ul>li>a {
    display: block;
    position: relative;
    padding: .938rem 2.500rem;
    overflow: hidden;
    -webkit-transform: perspective(.063rem) translateZ(0);
    transform: perspective(.063rem) translateZ(0);
    color: rgba(0, 0, 0, 1);
    -webkit-transition: all 0.2s 0.02s ease;
    transition: all 0.2s 0.02s ease;
    font-weight: 700;
    font-size: .813rem;
    text-transform: uppercase;
    text-decoration: none;
}

#hmenu>ul>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    z-index: -1;
    height: .188rem;
    background: rgba(227, 0, 22, 1);
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#hmenu>ul>li>a:hover::before,
#hmenu>ul>li>a:focus::before,
#hmenu>ul>li>a:active::before {
    right: 0;
}

#hmenu>ul>li:hover>a,
#hmenu>ul>li.active>a {
    color: rgba(227, 0, 22, 1);
}

#hmenu>ul>li.parent>a::after {
    position: absolute;
    top: 43%;
    right: 1.750rem;
    width: .500rem;
    height: .500rem;
    border-bottom: .125rem solid rgba(227, 0, 22, 1);
    border-right: .125rem solid rgba(227, 0, 22, 1);
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    content: "";
}

.nav-top.sticky #hmenu>ul>li.parent>a::after {
    right: 2.500rem;
}


/* #hmenu > ul > li.parent:hover > a::after {
    border-color: rgba(255, 255, 255, 1);
} */

#hmenu ul ul {
    position: absolute;
    left: -9999rem;
    width: 230%;
    max-width: 20rem;
    z-index: 2;
}

#hmenu li:hover>ul {
    left: auto;
}

#hmenu ul ul li {
    height: 0;
    -webkit-transition: height .2s ease;
    transition: height .2s ease;
    text-align: left;
}

#hmenu ul li:hover>ul>li {
    height: 2.813rem;
}

#hmenu ul ul li a {
    display: block;
    width: 100%;
    padding: .938rem 1.250rem;
    overflow: hidden;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: .625rem;
    box-shadow: inset 0 0 0 .063rem rgba(243, 242, 242, 1);
    background-color: rgba(243, 242, 242, 1);
    -webkit-transition: all 0.3s 0.02s ease;
    transition: all 0.3s 0.02s ease;
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: .875rem;
    text-decoration: none;
}

#hmenu ul ul li:hover>a,
#hmenu ul ul li a:hover {
    box-shadow: inset 0 0 0 .063rem rgba(227, 0, 22, 1);
    background: rgba(255, 255, 255, 1);
    color: rgba(227, 0, 22, 1);
    font-weight: 700;
}


/* title-page bread-crumbs
====================================================================== */

.title-page .wrapper-container {
    padding: 9.375rem 0 2.500rem;
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    background: url(../images/title-page-bg.jpg) no-repeat center top 40%;
    background-size: 100%;
    /* background-attachment: fixed; */
}

.content-wrapper-tp {
    padding: 1.250rem 0;
    background: rgba(51, 51, 51, .5);
}

.title-page .container-center {
    padding: 0 1rem;
    /* background: #99FFCC; */
}

.title-page h1 {
    margin: 0 0 2.500rem;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 2.500rem;
    font-family: "Raleway";
    text-shadow: 0 0 .063rem rgba(0, 0, 0, .5);
}


/* ================= bread-crumbs ================= */

.bread-crumbs li {
    display: inline-block;
    margin: 0 0 .625rem;
    color: rgba(255, 255, 255, 1);
    font-size: .875rem;
    /*background: lightgreen;*/
}

.bread-crumbs li:after {
    display: inline-block;
    margin: 0 .875rem 0 .938rem;
    content: "/";
    /*background: #fff;*/
}

.bread-crumbs li:last-child:after {
    display: inline-block;
    margin: 0 0 0 .938rem;
    content: none;
}

.bread-crumbs li a {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: color 0.1s 0.02s linear;
    transition: color 0.1s 0.02s linear;
    text-decoration: none;
}

.bread-crumbs li span.glyphicon {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: color 0.1s 0.02s linear;
    transition: color 0.1s 0.02s linear;
    font-size: .875rem;
}

.bread-crumbs li a:hover,
.bread-crumbs li a:active {
    color: rgba(227, 0, 22, 1);
}

.bread-crumbs li a:hover span.glyphicon,
.bread-crumbs li a:active span.glyphicon {
    color: rgba(227, 0, 22, 1);
}


/* content
====================================================================== */

.middle {
    height: auto;
    /* background: #FFCCFF; */
}


/* ================= content-center + content-sidebar ================= */

.middle .container-center {
    padding: 1.750rem 1rem 2.500rem;
    /* background: #CCCCFF; */
}

.content-75 {
    width: 75%;
    margin: 0 3% 0 0;
    /* background: #CCFFFF; */
}

.content-100 {
    width: 100%;
    margin: 0;
    /* background: #ccc; */
}


/* ================= typography ================= */

.middle h2,
.middle .h2 {
    margin: 1.875rem 0 1.250rem;
    color: rgba(0, 0, 0, 1);
    font: 600 1.750rem/1.2 "Raleway";
}

.middle h2::after,
.middle .h2::after {
    content: "";
    display: block;
    max-width: 6.250rem;
    height: .125rem;
    margin: .938rem 0 0;
    background: rgba(227, 0, 22, 1);
}

.middle h3,
.middle .h3 {
    margin: 1.875rem 0 .938rem;
    color: rgba(0, 0, 0, 1);
    font: 600 1.250rem/1.1 "Raleway";
}

.middle p {
    margin: 0 0 .625rem;
    line-height: 1.5;
}

.middle p a {
    color: rgba(227, 0, 22, 1);
    text-decoration: underline;
}

.middle p a:hover {
    text-decoration: none;
}

strong,
.bold {
    font-weight: 600;
}


/* ================= ul-content ================= */

.ul-content {
    margin: 0 0 1.250rem 1.938rem;
    list-style-position: outside;
    list-style-image: url(../images/ul-content-li.png);
}

.ul-content li {
    margin: 0 0 .313rem;
    line-height: 1.2;
}

.ul-content li a {
    color: rgba(227, 0, 22, 1);
    text-decoration: underline;
}

.ul-content li a:hover,
.ul-content li a:active {
    text-decoration: none;
}


/* ================= table-content ================= */

.table-content {
    width: 100%;
    margin: 0 0 1.875rem;
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    background: rgba(255, 255, 255, 1);
}

.table-content thead {
    border-bottom: .063rem solid rgba(227, 0, 22, 1);
}

.table-content thead tr {
    background: transparent;
}

.table-content th {
    padding: 0.875rem;
    background: rgba(243, 242, 242, 1);
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 1rem;
    font-family: "Raleway";
    text-align: left;
}

.table-content thead tr:first-child th:first-child {
    border-radius: .625rem 0 0 0;
}

.table-content thead tr:first-child th:last-child {
    border-radius: 0 .625rem 0 0;
}

.table-content tbody td {
    padding: .750rem;
    font-size: 1rem;
}

.table-content tbody tr:nth-child(even) {
    background-color: rgba(243, 242, 242, 1);
}


/* ================= table-price ================= */

.table-price td:first-child {
    font-size: .875rem;
}

.table-price td:last-child {
    width: 15%;
}


/* ================= img-content ================= */

.img-content {
    margin: 1.875rem 0 2.500rem;
    padding: 1.250rem;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: 1.250rem;
    background: rgba(243, 242, 242, .5);
    text-align: center;
}

figcaption {
    display: block;
    margin: 0 0 1.250rem;
    color: rgba(227, 0, 22, 1);
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1.2;
}


/* .img-content-left {
    float: left;
    margin: 0 2.500rem 1.875rem 0;
} */

.img-content img {
    max-width: 32.500rem;
}


/* ================= magnifier ================= */

.magnifier {
    display: inline-block;
    position: relative;
}

.magnifier:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    background: url(../images/magnifier.png) center center no-repeat;
}

.magnifier:hover:after {
    opacity: .8;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}


/* ================= tabs-content ================= */

.tabs-content {
    width: 100%;
    margin: 2.500rem 0 0;
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    list-style: none;
    font-size: 0;
    line-height: 0;
    letter-spacing: -.063rem;
}

.tabs-content li {
    display: inline-block;
    position: relative;
    top: .063rem;
    width: auto;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-bottom-color: transparent;
    border-radius: .938rem .938rem 0 0;
    -webkit-transition: all 0.15s 0.015s ease;
    transition: all 0.15s 0.015s ease;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
}

.tabs-content li:hover,
.tabs-content li:active {
    border-color: rgba(227, 0, 22, 1);
}

.tabs-content li.current {
    border-color: rgba(227, 0, 22, 1);
    background: rgba(243, 243, 243, .3);
}

.tabs-content li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: .938rem 1.875rem;
    color: rgba(136, 136, 136, 1);
    -webkit-transition: all 0.15s 0.015s ease;
    transition: all 0.15s 0.015s ease;
    font-weight: 700;
    font-size: 1.250rem;
    font-family: Play;
    text-decoration: none;
}

.tabs-content li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 1.250rem;
    /* transform: translate(-50%, 0); */
    border: .750rem solid transparent;
    border-top: .625rem solid transparent;
    -webkit-transition: all 0.15s 0.015s ease;
    transition: all 0.15s 0.015s ease;
}

.tabs-content li a:hover::after {
    border-top: .625rem solid rgba(227, 0, 22, 1);
}

.tabs-content li.current a::after {
    border-top: .625rem solid rgba(227, 0, 22, 1);
}

.tabs-content li.current a {
    color: rgba(51, 51, 51, 1);
}

.tabs-content a:hover,
.tabs-content a:active {
    color: rgba(227, 0, 22, 1);
}

.content-tabs {
    clear: both;
    padding: 1.875rem 0 0;
    overflow: hidden;
}


/* ================= contacts ================= */

.contacts h3 {
    margin-top: 1.250rem;
}

.contacts .block-inline {
    width: 50%;
    padding: 0 1.250rem 0 0;
}

.contacts .block-inline:last-child {
    padding: 0 0 0 1.250rem;
}

.phone-c {
    padding: 0 0 .188rem 4rem;
    background: url(../images/phone-c.png) no-repeat 0 .188rem;
}

.phone-c a {
    display: inline-block !important;
    color: rgba(51, 51, 51, 1) !important;
    -webkit-transition: color 0.2s 0.02s ease !important;
    transition: color 0.2s 0.02s ease !important;
    text-decoration: none !important;
}

.phone-c a:hover,
.phone-c:active {
    color: rgba(227, 0, 22, 1) !important;
}

.time-c {
    padding: 0 0 .188rem 4rem;
    background: url(../images/time-c.png) no-repeat 0 .188rem;
}

.mail-c {
    padding: .625rem 0 .938rem 4rem;
    background: url(../images/mail-c.png) no-repeat 0 0;
}

.adr-c {
    padding: .625rem 0 .938rem 4rem;
    background: url(../images/adr-c.png) no-repeat 0 0;
}

#map-yandex {
    width: 100%;
    height: 28.125rem;
}


/* ================= aktsii ================= */

.aktsii {
    margin: 2.500rem 0 0;
}

.aktsii .block-inline {
    width: 50%;
    padding: 1.250rem;
}


/* .aktsii .block-inline:after {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    content: "";
    font-size: 0;
    line-height: 0;
} */

.aktsii h2,
.aktsii .h2 {
    margin: 1.875rem 0 1.250rem;
    color: rgba(0, 0, 0, 1);
    font: 600 1.500rem/1.2 "Raleway";
}


/* .aktsii h2::after {
    content: "";
    display: block;
    max-width: 6.250rem;
    height: .125rem;
    margin: .938rem 0 0;
    background: rgba(227, 0, 22, 1);
} */

.aktsii .block-inline img {
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: 1.250rem;
}

.aktsii .block-inline span {
    display: block;
    font-weight: 600;
}


/* ================= medpersonal ================= */

.medpersonal {
    margin: 2.500rem 0 0;
    text-align: center;
}

.medpersonal .block-inline {
    width: 25%;
    margin: 0 0 1.875rem;
    padding: 0 1.250rem;
}


/* .imgs-personnel-index .block-inline:nth-child(odd) {
    background: #ccc;
} */

.medpersonal a {
    display: block;
    text-decoration: none;
}

.medpersonal a span:first-child {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto 1.250rem;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: 1.250rem;
    box-shadow: 0 0 .313rem rgba(175, 174, 174, .5);
    background: rgba(243, 242, 242, 1);
    -webkit-transition: background 0.2s 0.02s ease;
    transition: background 0.2s 0.02s ease;
    -webkit-transform: perspective(.063rem) translateZ(0);
    transform: perspective(.063rem) translateZ(0);
}

.medpersonal a span:first-child::before {
    content: '';
    position: absolute;
    top: -1.875rem;
    right: -1.875rem;
    bottom: -1.875rem;
    left: -1.875rem;
    opacity: 0;
    pointer-events: none;
    border: .125rem solid rgba(227, 0, 22, 1);
    border-radius: 1.250rem;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.medpersonal a:hover span:first-child:before,
.medpersonal a:focus span:first-child:before,
.medpersonal a:active span:first-child:before {
    top: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    left: -.125rem;
    opacity: 1;
}

.medpersonal a:hover span:first-child,
.medpersonal a:focus span:first-child,
.medpersonal a:focus span:first-child {
    background: rgba(255, 255, 255, 1);
}

.medpersonal a span:nth-child(2) {
    display: block;
    margin: 0 0 .625rem;
    color: rgba(227, 0, 22, 1);
    -webkit-transition: color 0.2s 0.02s ease;
    transition: color 0.2s 0.02s ease;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}


/* .medpersonal a:hover span:nth-child(2),
.medpersonal a:focus span:nth-child(2),
.medpersonal a:focus span:nth-child(2) {
    color: rgba(134, 195, 42, 1);
} */

.medpersonal a span:last-child {
    display: inline-block;
    color: rgba(136, 136, 136, 1);
    font-size: .875rem;
}


/* ================= person-medpersonal ================= */

.person-medpersonal {
    margin: 1.875rem 0 0;
}

.img-medpersonal {
    width: 30%;
}

.img-medpersonal img {
    margin: 0 0 1.250rem;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: 1.250rem;
    background: rgba(243, 242, 242, 1);
}

.img-medpersonal p {
    margin: 0 0 .625rem;
    font-weight: 600;
}

.img-medpersonal p .glyphicon {
    position: relative;
    top: .188rem;
    margin: 0 .313rem 0 0;
    color: rgba(136, 136, 136, 1);
    font-size: 1.250rem;
}

.img-medpersonal p:last-child .glyphicon {
    top: .250rem;
    margin: 0 .313rem 0 .125rem;
    font-size: 1.125rem;
}

.text-medpersonal {
    width: 70%;
    padding: 0 0 0 2.500rem;
}

.text-medpersonal h2,
.text-medpersonal .h2 {
    margin-top: 0;
}

.sert-medpersonal .block-inline {
    width: 25%;
    padding: .625rem;
}

.sert-medpersonal a {
    display: block;
    border: .063rem solid rgba(175, 174, 174, .5);
}


/* sidebar
====================================================================== */

.sidebar {
    width: 22%;
    margin: .750rem 0 0;
    /* background: #FFCC33; */
}


/* ================= nav-sidebar ================= */

.nav-sidebar ul li {
    margin: 0 0 .313rem;
}

.nav-sidebar ul li a {
    display: block;
    position: relative;
    z-index: 1;
    padding: .875rem 1.563rem .875rem .938rem;
    overflow: hidden;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: .625rem;
    background: rgba(243, 242, 242, 1);
    -webkit-transition: all 0.3s, color 0.3s;
    transition: all 0.3s, color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none;
}

.nav-sidebar ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background-color: rgba(227, 0, 22, 1);
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3rem, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3rem, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.nav-sidebar ul li a::after {
    position: absolute;
    top: 50%;
    right: .625rem;
    width: .375rem;
    height: .375rem;
    border-bottom: .063rem solid rgba(227, 0, 22, 1);
    border-right: .063rem solid rgba(227, 0, 22, 1);
    -webkit-transform: rotate(-45deg) translate(0, -50%);
    transform: rotate(-45deg) translate(0, -50%);
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    content: "";
}

.nav-sidebar ul li a:hover::before {
    opacity: 1;
    background-color: rgba(227, 0, 22, 1);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.nav-sidebar ul li a.currlink {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(227, 0, 22, 1);
}

.nav-sidebar ul li a:hover,
.nav-sidebar ul li a:active {
    color: rgba(255, 255, 255, 1);
}


/* footer
====================================================================== */


/* ================= footer-top ================= */

.footer-top {
    border-top: .063rem solid rgba(175, 174, 174, .5);
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    background: url(../images/footer-top-bg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}

.footer-top .container-center {
    display: table;
}

.block-footer-top {
    display: table-cell;
    width: 60%;
    padding: 3rem 5rem 3rem 0;
    text-align: center;
    /* background: #ccc; */
}

.block-footer-top:last-child {
    width: 40%;
    padding: 0;
    background: url(../images/footer-top-smile.jpg) no-repeat center;
    background-size: 100%;
}

.footer-top h2,
.footer-top .h2,
.news-h2 {
    margin: 0 0 1.875rem;
    color: rgba(227, 0, 22, 1);
    font-weight: 600;
    font-size: 2rem;
    font-family: "Raleway";
}

.footer-top h2::after,
.footer-top .h2::after,
.news-h2::after {
    content: "";
    display: block;
    max-width: 6.250rem;
    height: .125rem;
    margin: .938rem auto 0;
    background: rgba(175, 174, 174, 1);
}

.footer-top p {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.3;
}

.footer-top form {
    overflow: visible;
    /* background: red; */
}

.footer-top input {
    display: inline-block;
    max-width: 26.250rem;
    margin: 1.250rem 0 .313rem;
    padding: .938rem .938rem .938rem 3.750rem;
}

.footer-top input+p {
    margin: 0 0 1.250rem;
    font-size: .875rem;
}


/* ================= footer-middle-top ================= */

.footer-middle-top {
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    background: url(../images/footer-middle-top-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.footer-middle-top .container-center {
    padding: 2.500rem 1rem;
}


/* ======= logo-f ======= */

.logo-f {
    width: 20%;
    /* background: #33CCFF; */
}

.logo-f a {
    display: block;
    width: 100%;
    padding: .938rem;
    border: .063rem solid rgba(227, 0, 22, 1);
    border-radius: .625rem;
    background: rgba(255, 255, 255, 1);
    text-decoration: none;
}


/* ======= slogan-f ======= */

.slogan-f {
    width: 59%;
    margin: 2.375rem 0 0;
    padding: 0 0 0 2.500rem;
    color: rgba(255, 255, 255, 1);
    font-style: italic;
    font-weight: 700;
    font-size: 1.500rem;
    line-height: 1.1;
    font-family: "Raleway";
    text-align: center;
    /* background: #777; */
}

.slogan-f span {
    display: inline-block;
    margin: 1rem 0 0;
    padding: .625rem 1.875rem;
    border-radius: .625rem;
    background: rgba(227, 0, 22, 1);
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    font-family: "Open sans";
}


/* ======= phone-btn-modal-f ======= */

.phone-btn-modal-f {
    width: 21%;
    margin: 2.625rem 0 0;
    text-align: right;
    /* background: #FF0099; */
}

.phone-f {
    margin: 0 0 .500rem;
}

.phone-f a {
    display: block;
    color: rgba(255, 255, 255, 1);
    font-style: italic;
    font-size: 1.625rem;
    font-family: "Trebuchet MS";
    letter-spacing: -.063rem;
    text-shadow: 0 0 .063rem rgba(0, 0, 0, 1);
    text-decoration: none;
    -webkit-transition: all 0.2s 0.02s ease;
    transition: all 0.2s 0.02s ease;
}

.phone-f a span {
    font-size: 1.250rem;
}

.phone-f a:hover,
.phone-f a:active {
    color: rgba(0, 0, 0, 1);
    text-shadow: none;
}

.btn-modal-f a {
    display: inline-block;
    padding: 0 0 .125rem;
    border-bottom: .063rem dotted rgba(227, 0, 22, 1);
    -webkit-transition: border-bottom-color 0.2s 0.02s ease;
    transition: border-bottom-color 0.2s 0.02s ease;
    color: rgba(227, 0, 22, 1);
    font-weight: 500;
    font-family: "Raleway";
    text-decoration: none;
}

.btn-modal-f a:hover,
.btn-modal-f a:active {
    border-bottom-color: transparent;
}

.social-f {
    margin: .500rem 0 0;
}

.social-f a {
    display: inline-block;
    margin: 0 .188rem;
    text-decoration: none;
}

.social-f .fa {
    color: rgba(0, 0, 0, 1);
    -webkit-transition: color 0.1s 0.02s linear;
    transition: color 0.1s 0.02s linear;
    font-size: 1.125rem;
}

.social-f a:hover .fa-vk,
.social-f a:active .fa-vk {
    color: rgba(69, 102, 142, 1);
}

.social-f a:hover .fa-instagram,
.social-f a:active .fa-instagram {
    color: rgba(0, 0, 0, 1);
}

.social-f a:hover .fa-facebook-square,
.social-f a:active .fa-facebook-square {
    color: rgba(59, 89, 152, 1);
}

.social-f a:hover .fa-odnoklassniki-square,
.social-f a:active .fa-odnoklassniki-square {
    color: rgba(242, 114, 12, 1);
}


/* ================= footer-middle-bottom ================= */

.footer-middle-bottom .container-center {
    padding: 2.500rem 1rem;
    /* background: #FFCCCC; */
}

.footer-middle-bottom h4 {
    margin: 0 0 .938rem;
    color: rgba(227, 0, 22, 1);
    font: 600 1.125rem/1.1 "Raleway";
}

.footer-middle-bottom ul li {
    margin: 0 0 .500rem;
    padding: 0 0 0 .875rem;
    background: url(../images/bottom-ul-li-bg.png) no-repeat 0 .438rem;
}

.footer-middle-bottom ul li a {
    display: inline-block;
    color: rgba(51, 51, 51, 1);
    -webkit-transition: color 0.1s 0.02s linear;
    transition: color 0.1s 0.02s linear;
    line-height: 1.1;
    text-decoration: none;
}

.footer-middle-bottom ul li a:hover,
.footer-middle-bottom ul li a:active {
    color: rgba(227, 0, 22, 1);
}


/* ======= info-menu-f ======= */

.info-menu-f {
    width: 20%;
    /* background: #FFCCFF; */
}


/* ======= services-menu-f ======= */

.services-menu-f {
    width: 20%;
    /* background: #FF6600; */
}


/* ======= video-f ======= */

.video-f {
    width: 60%;
    padding: 0 0 0 1.250rem;
    overflow: hidden;
    /* background: #FF33FF; */
}

.video-vimeo-f {
    float: left;
    width: 40%;
    max-width: 18.750rem;
    height: auto;
    max-height: 9.375rem;
    margin: 0;
    border-radius: .938rem;
}

.video-vimeo-f iframe {
    width: 100%;
    height: 100%;
    border-radius: .938rem;
}

.video-text-f {
    float: left;
    width: 60%;
    margin: -.563rem 0 0;
    padding: 0 0 0 2.500rem;
    font-size: .875rem;
    line-height: 1.5;
}


/* ======= fl-24 ======= */

.fl-24 {
    margin: 2.500rem 0 0;
    font-size: .750rem;
    line-height: 1.3;
}

.fl-24 span {
    display: block;
    margin: 0 0 .313rem;
    font-weight: 600;
    font-size: 1rem;
}


/* ======= copyright ======= */

.clear {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    content: "";
    font-size: 0;
    line-height: 0;
}

.copyright {
    margin: 2.500rem 0 0;
    color: rgba(136, 136, 136, 1);
    font-size: .875rem;
    text-align: right;
}


/* ================= footer-bottom ================= */

.footer-bottom {
    border-top: .063rem solid rgba(175, 174, 174, .5);
    background: rgba(243, 242, 242, 1);
}

.footer-bottom .container-center {
    padding: .938rem 1rem;
    color: rgba(51, 51, 51, 1);
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
    /* background: #CCFFFF; */
}

.footer-bottom a {
    color: rgba(227, 0, 22, 1);
    text-decoration: underline;
}

.footer-bottom a:hover,
.footer-bottom a:active {
    text-decoration: none;
}

.footer-bottom .minzdrav img {
    width: auto;
    float: right;
}


/* index
====================================================================== */


/* ================= double-index ================= */

.double-index {
    display: table;
    width: 100%;
    height: auto;
    /* background: #99CCFF; */
}

.left-double-index {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    /* background: red; */
}

.content-ldi {
    float: right;
    width: 100%;
    max-width: 38.125rem;
    padding: 3.875rem 2.500rem 3.875rem 1rem;
    /* background: #FF9933; */
}

.right-double-index {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    /* background: green; */
}

.content-rdi {
    float: left;
    width: 100%;
    max-width: 38.125rem;
    padding: 3.875rem 1rem 3.875rem 2.500rem;
    /* background: #FFCC99; */
}


/* ================= slider-index ================= */

.slider-index .wrapper-container {
    padding: 6.250rem 0;
    background: url(../images/slider-bg.jpg) no-repeat center;
    background-size: 100%;
    /* background-attachment: fixed; */
}

.content-wrapper-si {
    padding: 1.250rem 0;
    background: rgba(51, 51, 51, .3);
}

.slider-index .container-center {
    padding: 0 1rem;
    /* background: #ccc; */
}

.slider-index .container-center h1 {
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: 3rem;
    font-family: "Raleway";
    text-shadow: 0 0 .063rem rgba(0, 0, 0, .7);
    text-align: center;
}

.slider-index .container-center h1 span {
    display: block;
    margin: 1.250rem 0 0;
    font-weight: 500;
    font-size: 2rem;
}


/* ================= about-index ================= */

.about-index h2,
.about-index .h2 {
    margin: .438rem 0 1.875rem;
    color: rgba(0, 0, 0, 1);
    font: 600 2rem/1.2 "Raleway";
}

.about-index h2::after,
.about-index .h2::after {
    content: "";
    display: block;
    max-width: 6.250rem;
    height: .125rem;
    margin: .938rem 0 0;
    background: rgba(227, 0, 22, 1);
}

.video-vimeo-index {
    width: 100%;
    height: 15rem;
    margin: 1.250rem 0 0;
    padding: 0;
    border-radius: .938rem;
}

.video-vimeo-index iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: .938rem;
}


/* ================= personnel-index ================= */

.personnel-index {
    padding: 3.875rem 1rem 2.500rem;
    border-top: .063rem solid rgba(175, 174, 174, .5);
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    background: rgba(243, 242, 242, .5) url(../images/teeth-bg.png) repeat center;
    text-align: center;
}

.personnel-index h2,
.personnel-index .h2 {
    margin: .438rem 0 2.500rem;
    color: rgba(0, 0, 0, 1);
    font: 600 2rem/1.2 "Raleway";
}

.personnel-index h2::after,
.personnel-index .h2::after {
    display: block;
    max-width: 6.250rem;
    height: .125rem;
    margin: .938rem auto 0;
    background: rgba(227, 0, 22, 1);
}

.imgs-personnel-index .block-inline {
    width: 20%;
    margin: 0 0 1.875rem;
    padding: 0 1.250rem;
}


/* .imgs-personnel-index .block-inline:nth-child(odd) {
    background: #ccc;
} */

.imgs-personnel-index a {
    display: block;
    text-decoration: none;
}

.imgs-personnel-index a span:first-child {
    display: block;
    position: relative;
    width: 80%;
    margin: 0 auto 1.250rem;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: 1.250rem;
    box-shadow: 0 0 .313rem rgba(175, 174, 174, .5);
    background: rgba(255, 255, 255, 1);
    -webkit-transform: perspective(.063rem) translateZ(0);
    transform: perspective(.063rem) translateZ(0);
}

.imgs-personnel-index a span:first-child::before {
    content: '';
    position: absolute;
    top: -1.875rem;
    right: -1.875rem;
    bottom: -1.875rem;
    left: -1.875rem;
    opacity: 0;
    pointer-events: none;
    border: .125rem solid rgba(227, 0, 22, 1);
    border-radius: 1.250rem;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.imgs-personnel-index a:hover span:first-child:before,
.imgs-personnel-index a:focus span:first-child:before,
.imgs-personnel-index a:active span:first-child:before {
    top: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    left: -.125rem;
    opacity: 1;
}


/* .imgs-personnel-index a:hover span:first-child,
.imgs-personnel-index a:focus span:first-child,
.imgs-personnel-index a:focus span:first-child {
    border-color: rgba(134, 195, 42, 1);
} */

.imgs-personnel-index a span:nth-child(2) {
    display: block;
    margin: 0 0 .625rem;
    color: rgba(227, 0, 22, 1);
    -webkit-transition: color 0.2s 0.02s ease;
    transition: color 0.2s 0.02s ease;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}


/* .imgs-personnel-index a:hover span:nth-child(2),
.imgs-personnel-index a:focus span:nth-child(2),
.imgs-personnel-index a:focus span:nth-child(2) {
    color: rgba(134, 195, 42, 1);
} */

.imgs-personnel-index a span:last-child {
    display: inline-block;
    color: rgba(136, 136, 136, 1);
    font-size: .875rem;
}


/* ================= consultation-warning-line ================= */

.consultation-warning-line {
    background-color: rgba(227, 0, 22, 1);
    height: 45px;
    padding-top: 8px;
}

.consultation-warning-line h4 {
    font-weight: 600;
    line-height: 1.6em;
    color: #fff;
    text-align: center;
    font-size: 20px;
}


/* ================= advantages-index ================= */

.advantages-index .container-center {
    padding: 3.750rem 1rem 3.750rem;
    text-align: center;
    /* background: #CCFFFF; */
}

.advantages-index h2,
.advantages-index .h2 {
    margin: 0 0 3.875rem;
    color: rgba(0, 0, 0, 1);
    font: 600 2rem/1.2 "Raleway";
    text-shadow: 0 .063rem 0 rgba(0, 0, 0, .7);
}

.advantages-index h2::after,
.advantages-index .h2::after {
    content: "";
    display: block;
    max-width: 6.250rem;
    height: .125rem;
    margin: .938rem auto 0;
    background: rgba(227, 0, 22, 1);
}

.content-advantages-index .block-inline {
    width: 33.333333333333%;
    margin: 0 0 3.875rem;
    padding: 0 2.500rem;
    text-align: center;
    /* background: #ccc; */
}

.content-advantages-index img {
    width: auto;
    height: 4.875rem;
    margin: 0 auto 1.875rem;
}

.content-advantages-index span {
    display: block;
    padding: 1.250rem 0 0;
    border-top: .063rem dotted rgba(175, 174, 174, .5);
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 1.250rem;
    line-height: 1.2;
    font-family: "Raleway";
}


/* ================= contacts-index ================= */

.contacts-index {
    border-top: .063rem solid rgba(175, 174, 174, .5);
    border-bottom: .063rem solid rgba(175, 174, 174, .5);
    background: linear-gradient(to bottom, rgba(243, 242, 242, 1), rgba(243, 242, 242, .2));
}

.contacts-index .container-center {
    padding: 3.750rem 1rem 3.750rem;
    text-align: center;
    /* background: #CCFFFF; */
}

.contacts-index h2,
.contacts-index .h2 {
    margin: 0 0 2.500rem;
    font-size: 2rem;
}

.contacts-index h2::after,
.contacts-index .h2::after {
    content: "";
    display: block;
    max-width: 6.250rem;
    height: .125rem;
    margin: .938rem auto 0;
    background: rgba(227, 0, 22, 1);
}

.contacts-index .block-inline {
    width: 450px;
}

.contacts-index .block-inline span:first-child {
    display: inline-block;
    margin: 0 0 1.250rem;
    padding: 1.250rem;
    border: .063rem solid rgba(175, 174, 174, .5);
    border-radius: 100%;
    background: rgba(255, 255, 255, 1);
    color: rgba(227, 0, 22, 1);
    font-size: 2.500rem;
}

.contacts-index .block-inline span+span {
    display: block;
    line-height: 1.3;
}

.contacts-index .block-inline:nth-child(2) a {
    display: inline-block;
    color: rgba(51, 51, 51, 1);
    text-decoration: none;
    -webkit-transition: color 0.2s 0.02s ease;
    transition: color 0.2s 0.02s ease;
}

.contacts-index .block-inline:nth-child(2) a:hover,
.contacts-index .block-inline:nth-child(2) a:active {
    color: rgba(227, 0, 22, 1);
}

.contacts-index .block-inline:last-child a {
    display: inline-block;
    padding: 0 0 .125rem;
    border-bottom: .063rem solid rgba(227, 0, 22, 1);
    -webkit-transition: border-bottom-color 0.2s 0.02s ease;
    transition: border-bottom-color 0.2s 0.02s ease;
    color: rgba(227, 0, 22, 1);
    text-decoration: none;
}

.contacts-index .block-inline:last-child a:hover,
.contacts-index .block-inline:last-child a:active {
    border-bottom-color: transparent;
}


/* ================= map-yandex-index ================= */


/* modal
====================================================================== */

.reveal-modal-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 8;
}

.reveal-modal {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 100%;
    max-width: 25rem;
    /*400px*/
    margin: 0 0 0 -12.500rem;
    visibility: hidden;
    border-radius: .625rem;
    background: rgba(255, 255, 255, 1);
    z-index: 9;
}

.reveal-modal a.close-reveal-modal {
    position: absolute;
    top: .500rem;
    right: .688rem;
    font-size: 1.375rem;
    line-height: .5;
    color: rgba(175, 174, 174, 1);
    -webkit-transition: color 0.2s 0.02s ease;
    transition: color 0.2s 0.02s ease;
    font-weight: 600;
    cursor: pointer;
}

.reveal-modal a.close-reveal-modal:hover,
.reveal-modal a.close-reveal-modal:active {
    color: rgba(136, 136, 136, 1);
}

.title-modal {
    padding: 1.875rem 1.250rem;
    border-bottom: .063rem solid rgba(221, 221, 221, 1);
    border-radius: .625rem .625rem 0 0;
    background: rgba(243, 242, 242, 1);
    color: rgba(227, 0, 22, 1);
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.3;
    font-family: "Raleway";
    text-transform: uppercase;
    text-align: center;
}

.title-modal span {
    display: block;
    margin: .313rem 0 0;
    color: rgba(51, 51, 51, 1);
    font: normal normal 600 .875rem/1.2 "Open Sans";
    text-transform: none;
}

.content-modal {
    padding: 1.875rem;
    overflow: hidden;
    /* text-align: center; */
    text-align: justify;
}

.content-modal input {
    margin: 0 0 .938rem;
    border-radius: .313rem;
}

.content-modal .modal-check {
    font-size: 15px;
    line-height: 1.5em;
    color: #6a6a6a;
    padding-left: 25px;
}

.check-wrap {
    max-width: 425px;
    margin-left: 28%;
    text-align: justify;
    margin-top: -0.5rem;
    margin-bottom: 2%;
}

.check-wrap .modal-check {
    font-size: 15px;
    line-height: 1.5em;
    color: #6a6a6a;
}

.content-modal .modal-check a {
    color: #274abc;
    text-decoration: none;
}

.check-wrap .modal-check a {
    color: #274abc;
    text-decoration: none;
}

input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

input[type="checkbox"]:checked+label,
input[type="checkbox"]:not(:checked)+label {
    display: inline;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}

input[type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    background-color: #6a6a6a;
}

input[type="checkbox"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

input[type="checkbox"]:checked+label:before,
input[type="checkbox"]:not(:checked)+label:before {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:not(:checked)+label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:not(:checked)+label:after {
    left: 3px;
    top: 5px;
    width: 12px;
    height: 6px;
    border-radius: 1px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate( -45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate( -45deg);
}

input[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
}

input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

#call-order-modal .content-modal button {
    /* margin: 1.250rem 0 0; */
    margin: 1.250rem 0 0 14%;
}

#quality-modal .content-modal button {
    /* margin: 1.250rem 0 0; */
    margin: 1.250rem 0 0 23%;
}

.block-inline main ul,
.block-inline main ol {
    margin-left: 30px;
    margin-bottom: 10px;
}

.block-inline ul li,
.block-inline ol li {
    line-height: 24px;
}

.block-inline main ul {
    list-style: disc;
}

.block-inline ol {
    list-style: decimal;
}

.block-inline ol li {
    padding-bottom: 5px;
}

.h1,
.h2,
.h3,
.h4,
.h5 {
    display: block;
}

.table-dop {
    margin-top: 20px;
}

.primer-wrap {
    display: block;
    width: 100%;
    text-align: center;
}

.primer-wrap img {
    display: inline-block;
    width: 350px;
    vertical-align: top;
    margin: 10px;
}

.primer-wrap p {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
}

.video-in {
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.img-left {
    float: left;
    width: 300px;
    margin: 5px 15px 0 0;
}

.img-right {
    float: right;
    width: 300px;
    margin: 5px 0 0 15px;
}

.otzyv {
    display: block;
    padding: 15px;
    border: 1px solid #f2f2f2;
    margin: 30px 0;
}

.otzyv p:last-child {
    text-align: right;
    font-style: italic;
    padding-top: 20px;
}

.otzyv-slide {
    border: 1px solid #f2f2f2;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    min-height: 250px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 95% !important;
}

.otzyv-slide .otzyv-name {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.otzyv-slide .otzyv-date {
    text-align: center;
}

.otzyv-slide .otzyv-name,
.otzyv-slide .otzyv-date {
    font-size: 15px;
}

.otzyv-slide p:first-child {
    display: block;
    height: 100px;
    overflow: hidden;
}

.otzyv-slide a {
    display: block;
    margin: 0 auto;
    width: 230px;
    height: 50px;
    background-color: rgba(227, 0, 22, 1);
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    padding: 18px 0 0 35px;
    font-size: 13px;
    font-weight: bold;
    background-image: url(/images/glaz.png);
    background-size: 30px 20px;
    background-repeat: no-repeat;
    background-position: 12% center;
}

.otzyv-slide a:hover {
    opacity: .8;
}

.news-wrapper {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid red;
    padding: 15px;
    margin-bottom: 15px;
}

.news-inner {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.news-h2 {
    margin-bottom: 40px !important;
}

.otzyv-slide {
    width: 426px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.bx-wrapper {
    border: 0px !important;
    box-shadow: none !important;
    margin: 0 auto;
}

.bx-viewport {
    height: 270px !important;
}

@media screen and (min-width:480px) and (max-width:1219px) {
    .bx-wrapper {
        width: 435px !important;
    }
}

.head-post {
    position: absolute;
    color: #fff;
    text-decoration: none;
}


/* 3 уровень меню */

@media screen and (min-width:0px) and (max-width:767px) {
    .level3 {
        left: 0px !important;
    }
}

@media screen and (min-width:768px) {
    .level3 {
        left: 100% !important;
    }
}

.level3,
.level3_side {
    top: 0px !important;
    display: none !important;
}

#hmenu ul li.parent ul li:hover ul.level3 {
    display: block !important;
}

.level3_side li a {
    background: #fff !important;
}

.nav-sidebar ul li:hover ul.level3_side {
    display: block !important;
}

.down {
    display: none!important;
}

.content-75 img {
    max-width: 100%;
    width: auto!important;
    border-radius: 5px;
}

.content-75 img[align="left"] {
    margin-right: 10px;
}

.content-75 img[align="right"] {
    margin-left: 10px;
}