@font-face {
    font-family: 'EnglishScript';
    src: url('fonts/English-Script.TTF'),
    url('fonts/English-Script.TTF') format('truetype');
}

.marl {
    font-family: 'EnglishScript';
    text-align: center;
    font-size: 54px;
    line-height: normal
}

/*
.topnav a.phone {
    display: block;
    margin-top: 24px;
}
*/

a.phone,
li a.phone {
    font-family: Arial, sans-serif;

}

@media screen and (min-width:626px) {
    .formmini input.btn-top {
        margin: 15px 15px 10px 0;
        display: block;
        float: right;
        background: #bf1f1f;
        background: -ms-linear-gradient(top, #9d221f 0%, #bf1f1f 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#9d221f), to(#bf1f1f));
        background: -moz-linear-gradient(top, #9d221f, #bf1f1f);
        background: gradient(linear, top, #9d221f, #bf1f1f);
        color: #fff;
    }

    .formmini input {
        float: right;
        margin: 20px 15px 10px 0;
        display: inline-block;
        width: 248px;
        background: #fff;
        border: none;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
        height: 48px;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 10px 19px;

    }
    .feedback form {
        float: left;
        display: block;
        width: 537px;
        margin-top: 70px;
    }

    .formmini input.btn-top {
        margin: 10px auto;
        display: block;
        float: none;
        background: #bf1f1f;
        background: -ms-linear-gradient(top, #9d221f 0%, #bf1f1f 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#9d221f), to(#bf1f1f));
        background: -moz-linear-gradient(top, #9d221f, #bf1f1f);
        background: gradient(linear, top, #9d221f, #bf1f1f);
        color: #fff;
    }

    .formmini input {
        float: none;
        margin: 20px auto;
        display: block;
        width: 300px;
        background: #fff;
        border: none;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
        height: 48px;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 10px 19px;

    }
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-xs-2-5,
.col-sm-2-5,
.col-md-2-5,
.col-lg-2-5,
.col-xs-3-5,
.col-sm-3-5,
.col-md-3-5,
.col-lg-3-5,
.col-xs-4-5,
.col-sm-4-5,
.col-md-4-5,
.col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1-5 {
    width: 20%;
    float: left
}

.col-xs-2-5 {
    width: 40%;
    float: left
}

.col-xs-3-5 {
    width: 60%;
    float: left
}

.col-xs-4-5 {
    width: 80%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left
    }
    col-sm-2-5 {
        width: 40%;
        float: left
    }
    col-sm-3-5 {
        width: 60%;
        float: left
    }
    col-sm-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left
    }
    .col-md-2-5 {
        width: 40%;
        float: left
    }
    .col-md-3-5 {
        width: 60%;
        float: left
    }
    .col-md-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left
    }
    .col-lg-2-5 {
        width: 40%;
        float: left
    }
    .col-lg-3-5 {
        width: 60%;
        float: left
    }
    .col-lg-4-5 {
        width: 80%;
        float: left
    }
}

html {
    overflow-y: scroll;
    overflow-x: auto
}

body {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #000;
    font-family: "Times New Roman", sans-serif;
    font-size: 14px;
    font-weight: normal;
    position: relative
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

iframe {
    max-width: 100%
}

h1,
h2,
h3,
h4,
#callbackModal .modal-title,
h5,
h6 {
    color: #303030;
    font-family: "Times New Roman", sans-serif;
    font-weight: 700
}

h1 {
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 0px;
    margin: 50px 0 40px 0
}

h2 {
    margin: 50px 0 20px 0;
    font-size: 28px
}

h3 {
    font-size: 24px;
    margin: 0 0 20px 0
}

h4,
#callbackModal .modal-title {
    font-size: 16px;
    margin: 0 0 10px 0
}

@media (max-width: 767px) {
    h1 {
        font-size: 26px;
        line-height: 34px
    }
    h2 {
        font-size: 22px
    }
    h3 {
        font-size: 18px
    }
    h4,
    #callbackModal .modal-title {
        font-size: 14px
    }
}

.color-wt,
.color-wt p {
    color: #fff
}

.color-wt-op-89,
.color-wt-op-89 p {
    color: #d4d4d4
}

.color-wt-op-55,
.color-wt-op-55 p {
    color: #7f7f7f
}

.color-wt-op-75,
.color-wt-op-75 p {
    color: #9b9b9b
}

.main-color,
.main-color p {
    color: #bf1f1f
}

.main-color2,
.main-color2 p {
    color: #bf1f1f
}

.main-color-op-89,
.main-color-op-89 p {
    color: #8b4254
}

.font2,
.font2 p {
    font-family: "Open Sans", sans-serif
}

.semibold,
.semibold p {
    font-weight: 600
}

.bold,
.bold p {
    font-weight: bold
}

.italic {
    font-style: italic
}

.ls-0,
.ls-0 p {
    letter-spacing: 0
}

.lh-22,
.lh-22 p {
    line-height: 22px
}

.lh-24,
.lh-24 p {
    line-height: 24px
}

.lh-28,
.lh-28 p {
    line-height: 28px
}

.lh-32,
.lh-32 p {
    line-height: 32px
}

.lh-34,
.lh-34 p {
    line-height: 34px
}

.fs-14,
.fs-14 p {
    font-size: 14px;
    font-weight: 400
}

.fs-15,
.fs-15 p {
    font-size: 15px
}

.fs-18,
.fs-18 p {
    font-size: 18px
}

.fs-20,
.fs-20 p {
    font-size: 20px
}

.fs-24,
.fs-24 p {
    font-size: 24px
}

.fs-34,
.fs-34 p {
    font-size: 34px
}

.number-90 {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 90px;
    font-weight: 700;
    line-height: 70px;
    position: relative;
    text-shadow: 0px 2px 0 #bf1f1f, 0px -2px 0 #bf1f1f, 2px 0px 0 #bf1f1f, -2px 0px 0 #bf1f1f, 2px -2px 0 #bf1f1f, 2px 2px 0 #bf1f1f, -2px 2px 0 #bf1f1f, -2px -2px 0 #bf1f1f;
    position: relative;
    padding-right: 20px
}

.number-90:after {
    content: ' ';
    display: block;
    height: 60px;
    width: 2px;
    background: #bf1f1f;
    position: absolute;
    right: 0;
    top: 4px
}

.number-70 {
    color: #bf1f1f;
    font-family: "Open Sans", sans-serif;
    position: relative;
    font-size: 44px;
    letter-spacing: 3px;
    line-height: 44px;
    font-weight: 800
}

.number-70 strong {
    font-size: 70px;
    font-weight: 800;
    line-height: 70px;
    letter-spacing: 5px
}

.number-44 {
    color: #bf1f1f;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 60px
}

.number-44:after {
    content: ' ';
    display: block;
    width: 30px;
    height: 3px;
    background-color: #bf1f1f
}

.number-34 {
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    padding-right: 20px
}

.number-34:after {
    content: ' ';
    display: block;
    height: 38px;
    width: 2px;
    background: #000;
    position: absolute;
    right: 0;
    top: 5px
}

.number-24.circle {
    display: block;
    width: 44px;
    background: #f3cdcd;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 44px;
    height: 44px;
    vertical-align: middle;
    border: none;
    border-radius: 100%;
    text-align: center;
    transition: background 0.5s 0s
}

.number-24.circle.filled {
    background: #bf1f1f
}

.info-block {
    padding: 50px 35px 15px;
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.26), 0 3px 3px rgba(0, 0, 0, 0.21);
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/lion.png) right bottom no-repeat
}

.info-block p {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    line-height: 30px
}

.info-block:before {
    content: ' ';
    display: block;
    left: 0;
    right: 0;
    top: 0;
    height: 12px;
    position: absolute;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/pattern_bottom_crop.png) repeat-x;
    margin-bottom: 30px
}

.info-block.transp {
    position: relative;
    border-left: 2px solid #c8a5ae
}

.info-block.transp:before {
    filter: alpha(opactiy=13);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=13)";
    -moz-opacity: .13;
    -khtml-opacity: .13;
    opacity: .13;
    background-color: #fff;
    content: ' ';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    position: absolute;
    z-index: 0
}

.info-block.transp p {
    z-index: 1
}

.between-lines {
    text-align: center;
    border-top: 2px solid #bf1f1f;
    border-bottom: 2px solid #bf1f1f;
    padding-top: 35px;
    padding-bottom: 15px
}

.between-lines.transp:before,
.between-lines.transp:after {
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/line_h_transp.png) repeat-x
}

.vmiddle {
    vertical-align: middle
}

.left-line {
    margin-top: 30px;
    border-left: 2px solid #bf1f1f;
    padding: 35px 35px 15px
}

.bottom-left-line:after {
    content: ' ';
    width: 100px;
    height: 4px;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/line_h_transp.png);
    margin-top: 15px;
    display: block
}

.bottom-left-line.main-color:after {
    background: #bf1f1f
}

.bottom-10 {
    margin-bottom: 10px
}

.block-title {
    margin: 110px 0;
    text-align: center
}

.section-title,
.sidebar-title {
    color: #fff;
    font-weight: 400;
    font-family: 'Times New Roman', Times, serif;
    /* font-family: 'EnglishScript'; */
}

.section-title.arrow:after,
.arrow.sidebar-title:after {
    content: ' ';
    width: 0;
    height: 0;
    position: relative;
    bottom: -18px;
    border: 12px solid transparent;
    display: block;
    border-top-color: #30a96f;
    border-bottom: 0;
    margin: 0 auto
}

.section-title.center,
.center.sidebar-title {
    margin-left: auto;
    margin-right: auto
}

.section-title.dark,
.sidebar-title {
    color: #303030
}

.section-title.main-color,
.main-color.sidebar-title {
    color: #bf1f1f
}

.section-title.margin-bottom,
.margin-bottom.sidebar-title {
    margin-bottom: 70px
}

@media (max-width: 767px) {
    .section-title.map-title,
    .map-title.sidebar-title {
        font-size: 38px;
        line-height: normal
    }

    .services {
        padding-bottom: 5px;
        position: relative
    }

    .section-title,
    .sidebar-title {
        margin: 10px 0 10px 0;
        font-size: 52px;
        line-height: normal;
    }

    .services .section-title,
    .services .sidebar-title {
        margin-bottom: 20px
    }
    .fs-18,
    .fs-18 p {
        padding: 10px;
    }
    .services .service {
        display: block;
        padding: 30px 20px 30px;
        transition: background 0.5s
    }
    .topphoneblock {
        margin-top: 0;
        font-size: 20px;
    }
    .topnav a.phone {
        display: block;
        margin-top: 0px;
    }
    .topmenublock {
        margin-top: 0;
    }
}

.section-title.border-cover,
.border-cover.sidebar-title {
    margin-top: -28px
}

.section-title.border-cover .inner,
.border-cover.sidebar-title .inner {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    display: inline-block;
    padding: 10px 30px;
    background: #fff
}

.section-title small,
.sidebar-title small {
    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 28px;
    text-transform: initial;
    display: inline-block;
    max-width: 690px;
    margin-top: 15px
}

@media (max-width: 767px) {
    .section-title small,
    .sidebar-title small {
        font-size: 18px;
        line-height: 26px
    }
    .phnefooter {
        display: block;
        margin: 20px auto;
    }
    .fs-14.sm-equal-height-children img {
        text-align: center;
        margin: auto;
        display: block;
    }
}

@media (max-width: 767px) {
    .section-title,
    .sidebar-title {
        font-size: 40px;
        line-height: normal
    }
}

.page-title,
.main-title {
    color: #303030;
    font-size: 42px;
    font-weight: 400;
    line-height: normal;
    margin-top: 250px;
    margin-bottom: 50px;
    display: block;
    font-family: 'Times New Roman', Times, serif;
    /* font-family: 'EnglishScript'; */
}

.page-title.white,
.white.main-title {
    color: #fff
}

@media (max-width: 991px) {
    .page-title,
    .main-title {
        margin-top: 130px !important;
        margin-bottom: 20px !important;
        font-size: 30px !important;
        line-height: 37px !important
    }
}

@media (max-width: 767px) {
    .page-title,
    .main-title {
        margin-top: 40px !important;
        margin-bottom: 20px !important;
        font-size: 30px !important;
        line-height: 37px !important
    }
}

.page-title small,
.main-title small {
    font-size: 30px;
    font-weight: 500;
    line-height: 25px;
    margin-top: 20px;
    text-transform: initial
}

@media (max-width: 991px) {
    .page-title small,
    .main-title small {
        font-size: 20px
    }
}

.main-title {
    margin-top: 250px;
    margin-bottom: 5px
}

.under-main-title {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 50px;
    margin-bottom: 15px
}

.sidebar-title {
    margin-top: 10px;
    margin-bottom: 20px
}

h2.h-border,
h3.h-border,
.service-questions h3 {
    font-size: 32px;
    letter-spacing: -0.5px;
    color: #fff;
    line-height: 1.4;
    font-family: "Open Sans", sans-serif;
    padding: 30px 0 42px 0;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd
}

@media (max-width: 767px) {
    h2.h-border,
    h3.h-border,
    .service-questions h3 {
        font-size: 23px
    }
}

.btn,
.readmore,
.pager li > a,
.comments-area input.submit,
input[type=submit].btn,
input[type=submit].readmore,
.comments-area input[type=submit].submit {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    padding: 15px 30px;
    display: block
}

.btn:focus,
.readmore:focus,
.pager li > a:focus,
.comments-area input.submit:focus,
.btn:active,
.readmore:active,
.pager li > a:active,
.comments-area input.submit:active,
input[type=submit].btn:focus,
input[type=submit].readmore:focus,
.comments-area input[type=submit].submit:focus,
input[type=submit].btn:active,
input[type=submit].readmore:active,
.comments-area input[type=submit].submit:active {
    color: #fff;
    background-color: #bf1f1f;
    outline: none
}

.btn:hover,
.readmore:hover,
.pager li > a:hover,
.comments-area input.submit:hover,
input[type=submit].btn:hover,
input[type=submit].readmore:hover,
.comments-area input[type=submit].submit:hover {
    color: #fff
}

.btn.inverse,
.inverse.readmore,
.abouts a.readmore,
.abouts a.btn,
.abouts .pager li > a,
.pager .abouts li > a,
.pager li > a.inverse,
.comments-area input.inverse.submit,
input[type=submit].btn.inverse,
input[type=submit].inverse.readmore,
.comments-area input[type=submit].inverse.submit {
    background-color: transparent;
    color: #bf1f1f
}

.btn.inverse:hover,
.inverse.readmore:hover,
.abouts a.readmore:hover,
.abouts a.btn:hover,
.abouts .pager li > a:hover,
.pager .abouts li > a:hover,
.pager li > a.inverse:hover,
.comments-area input.inverse.submit:hover,
input[type=submit].btn.inverse:hover,
input[type=submit].inverse.readmore:hover,
.comments-area input[type=submit].inverse.submit:hover {
    background-color: transparent;
    color: #bf1f1f
}

.btn.green,
.green.readmore,
.pager li > a.green,
.comments-area input.green.submit,
input[type=submit].btn.green,
input[type=submit].green.readmore,
.comments-area input[type=submit].green.submit {
    color: #fff;
    border-radius: 6px;
    background-image: linear-gradient(to bottom, rgba(27, 134, 106, 0.6), rgba(13, 69, 57, 0.6)), linear-gradient(rgba(48, 169, 111, 0.6), rgba(48, 169, 111, 0.6));
    background-color: #1b866a;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border: none !important
}

.btn.green:hover,
.green.readmore:hover,
.pager li > a.green:hover,
.comments-area input.green.submit:hover,
input[type=submit].btn.green:hover,
input[type=submit].green.readmore:hover,
.comments-area input[type=submit].green.submit:hover {
    background: #fff;
    color: #2c956f
}

.readmore {
    font-size: 15px;
    padding: 6px 20px
}

p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
    line-height: 25px;
    letter-spacing: 0.25px
}

ul {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width: 768px) {
    .sm-table {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .sm-table-cell {
        display: table-cell;
        float: none
    }
}

.bottom {
    vertical-align: bottom
}

.centered {
    text-align: center
}

a {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    color: #000;
    transition: color 0.1s ease-in, background 0.1s ease-in;
    word-wrap: break-word;
    line-height: 1.6
}

a:hover,
a:focus {
    color: #000;
    outline: 0;
    text-decoration: none
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in
}

.static-link,
.services .service .more,
.seo-text a,
.abouts a,
.reviews .all-reviews a,
.video-block .all-videos a,
.cases .all-cases a,
.categories-menu li a,
.blog .post-entry a,
.news.blog .one-news.big.first .more,
.footer-text a {
    color: #bf1f1f;
    text-decoration: underline;
    font-weight: 700
}

.static-link:hover,
.services .service .more:hover,
.seo-text a:hover,
.abouts a:hover,
.reviews .all-reviews a:hover,
.video-block .all-videos a:hover,
.cases .all-cases a:hover,
.categories-menu li a:hover,
.blog .post-entry a:hover,
.news.blog .one-news.big.first .more:hover,
.footer-text a:hover {
    text-decoration: none
}

.static-link.inverse,
.services .service .inverse.more,
.services .service .abouts a.more,
.abouts .services .service a.more,
.seo-text a.inverse,
.abouts a,
.reviews .all-reviews a.inverse,
.reviews .all-reviews .abouts a,
.abouts .reviews .all-reviews a,
.video-block .all-videos a.inverse,
.video-block .all-videos .abouts a,
.abouts .video-block .all-videos a,
.cases .all-cases a.inverse,
.cases .all-cases .abouts a,
.abouts .cases .all-cases a,
.categories-menu li a.inverse,
.categories-menu li .abouts a,
.abouts .categories-menu li a,
.blog .post-entry a.inverse,
.blog .post-entry .abouts a,
.abouts .blog .post-entry a,
.news.blog .one-news.big.first .inverse.more,
.news.blog .one-news.big.first .abouts a.more,
.abouts .news.blog .one-news.big.first a.more,
.footer-text a.inverse {
    color: #fff
}

span.highlighted {
    color: #00a608
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}

.mt {
    margin-bottom: 40px;
    margin-top: 40px
}

.pt {
    padding-bottom: 50px;
    padding-top: 50px
}

#ww {
    background-color: #f2f2f2;
    padding-bottom: 70px;
    padding-top: 70px
}

#grey {
    background-color: #f2f2f2;
    padding-bottom: 60px;
    padding-top: 60px
}

#white {
    background-color: #fff;
    padding-bottom: 60px;
    padding-top: 60px
}

bd {
    color: #d2d2d2;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.items-margin-bottom > div,
.item-margin-bottom {
    margin-bottom: 30px
}

.items-margin-bottom-60 > div,
.item-margin-bottom-60 {
    margin-bottom: 60px
}

.items-justify-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.navbar {
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    position: relative
}

.navbar.shadow {
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.13)
}

.navbar-nav > li {
    text-align: right;
    vertical-align: middle;
    height: 100%;
    display: inline-block;
    float: none;
}

.navbar-responsive-collapse .navbar-nav {
    float: none;
    padding-top: 25px;
    /*	padding-bottom: 20px*/
}

.navbar .navbar-nav > li {
    position: relative
}

.navbar .navbar-nav > li.active > a {
    font-weight: 600;
    color: #303030;
    border-bottom: 3px solid #bf1f1f
}

.navbar .navbar-nav > li.active > a:hover {
    font-weight: 600;
    color: #303030;
    border-bottom: 3px solid #bf1f1f
}

.navbar .navbar-nav > li.active > a:focus {
    font-weight: 600
}

.navbar .navbar-nav > li > a {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #303030;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    margin-left: 16px;
    margin-right: 16px;
    padding: 19px 0 1px 0;
    background: transparent;
    position: relative;
    font-style: normal;
    border-bottom: 2px solid transparent
}

.navbar .navbar-nav > li > a:hover {
    text-decoration: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 2px solid #303030
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .navbar-nav > li > a {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 12px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar .navbar-nav > li > a {
        margin-left: 11px;
        margin-right: 11px;
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .navbar .navbar-nav > li > a {
        margin-left: 0;
        margin-right: 0
    }
}

.navbar .navbar-nav > li:hover > ul.dropdown-menu {
    display: block
}

.navbar .navbar-nav > li + ul.dropdown-menu:hover {
    display: block
}

.navbar .navbar-nav > li:first-child > a {
    margin-left: 0
}

.navbar .navbar-nav > li:last-child:after {
    display: none
}

.navbar .navbar-nav > li:last-child > a {
    margin-right: 0
}

.navbar-nav > li > .dropdown-menu {
    text-align: left;
    border: none;
    padding: 0 0 10px 0;
    z-index: 999;
    min-width: 330px;
    top: 100%;
    padding-top: 10px
}

.navbar-nav > li > .dropdown-menu li {
    padding: 12px 25px 10px 25px
}

.navbar-nav > li > .dropdown-menu li a {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    color: #303030;
    font-weight: 600;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    padding: 0 0 1px;
    font-style: normal;
    background: transparent;
    border-bottom: 2px solid transparent;
    text-decoration: none
}

.navbar-nav > li > .dropdown-menu li a:hover,
.navbar-nav > li > .dropdown-menu li a:active,
.navbar-nav > li > .dropdown-menu li a:focus {
    color: #303030;
    text-decoration: none;
    background: transparent;
    border-bottom: 2px solid #303030
}

.navbar-nav > li > .dropdown-menu li.active a {
    font-weight: 600;
    background: transparent;
    color: #303030;
    border-bottom: 3px solid #bf1f1f
}

.navbar-nav > li > .dropdown-menu:hover {
    display: block
}

.navbar-brand {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px
}

.navbar .navbar-brand {
    color: white
}

.navbar .navbar-toggle {
    border: 1px solid #bf1f1f;
    top: 0px;
    border-radius: 18px;
    padding: 9px 9px;
    margin-right: 0
}

.navbar .navbar-toggle .icon-bar {
    background-color: #bf1f1f;
    width: 16px
}

.navbar .navbar-toggle.in-header {
    margin-top: 21px;
    position: absolute;
    right: 15px
}

.navbar .navbar-nav > .active > a {
    font-weight: 600
}

.navbar-fixed-top {
    background: #fff;
    display: none;
    z-index: 40;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.5)
}

@media (max-width: 767px) {
    .navbar-fixed-top {
        z-index: 25
    }
    .navbar-fixed-top .navbar {
        z-index: 20
    }
}

.navbar .navbar-nav.fixed {
    margin: 0;
    height: 60px;
    float: right
}

.navbar .navbar-nav.fixed > li {
    height: 100%;
    vertical-align: middle
}

@media (max-width: 991px) {
    .navbar .navbar-nav.fixed > li:after {
        height: 14px;
        width: 1px;
        right: 0;
        top: 23px
    }
    .navbar .navbar-nav.fixed > li a {
        margin-left: 8px;
        margin-right: 8px;
        font-size: 12px;
        letter-spacing: 0
    }
}

.right-sidebar h4,
.right-sidebar #callbackModal .modal-title,
#callbackModal .right-sidebar .modal-title {
    font-size: 33px;
    color: #000
}

.widget_nav_menu#nav_menu-3 {
    border-radius: 4px;
    padding: 20px 10px 20px 30px;
    margin-bottom: 40px
}

.menu-uslugi-container {
    padding-right: 15px
}

#menu-uslugi li a {
    color: #000;
    font-size: 16px;
    position: relative;
    display: block;
    line-height: 20px;
    font-family: "Open Sans", sans-serif
}

#menu-uslugi li a:hover {
    text-decoration: underline
}

.navbar-close {
    font-size: 33px;
    border: none;
    background: transparent;
    color: #bf1f1f;
    position: absolute;
    right: 14px;
    top: 10px;
    z-index: 30
}

.breadcrumb {
    background-color: transparent;
    float: left;
    margin-top: 35px;
    margin-bottom: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif
}

.breadcrumb li {
    font-size: 14px;
    display: inline
}

.breadcrumb li.active {
    color: #000
}

.breadcrumb li a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    vertical-align: top
}

.breadcrumb li:not(:last-child)::after {
	content: ' » ';
}

.breadcrumb li a:hover {
    color: #000;
    text-decoration: underline
}

.breadcrumb .divider {
    font-size: 12px;
    display: inline-block;
    width: 20px;
    text-align: center;
    vertical-align: top
}

.breadcrumb > li + li:before {
    display: none
}

.breadcrumbs {
    padding: 0
}

.breadcrumbs.breadcrumbs-blog .breadcrumb {
    font-size: 0;
    margin-top: 15px;
    float: none;
    margin-bottom: 5px
}

.breadcrumbs.in-service .breadcrumb {
    font-size: 0;
    margin-top: 40px;
    float: none;
    margin-bottom: 5px
}

.breadcrumbs.in-service .breadcrumb .divider {
    color: #a0a0a0
}

.breadcrumbs.in-service .breadcrumb li.active {
    color: #a0a0a0
}

.breadcrumbs.in-service .breadcrumb li a {
    color: #a0a0a0
}

.pagination {
    clear: none
}

.pagination li a,
.pagination li span.current,
.pagination li .dots {
    border: none;
    display: inline-block;
    text-align: center;
    min-width: 23px;
    background: none;
    padding: 3px 7px;
    margin: 0 5px;
    font-family: "Open Sans", sans-serif;
    color: #000;
    border-radius: 2px 3px 3px 2px;
    font-weight: normal
}

.pagination li a:visited,
.pagination li a:focus,
.pagination li span.current:visited,
.pagination li span.current:focus,
.pagination li .dots:visited,
.pagination li .dots:focus {
    background: none;
    color: #000;
    font-weight: normal
}

.pagination li a:hover,
.pagination li a:active,
.pagination li span.current:hover,
.pagination li span.current:active,
.pagination li .dots:hover,
.pagination li .dots:active {
    background: #ccc;
    color: #000
}

.pagination li .prev.page-numbers,
.pagination li .next.page-numbers {
    display: none
}

.pagination li span.current,
.pagination li span.current:hover,
.pagination li span.current:active,
.pagination li span.current:visited,
.pagination li span.current:focus {
    background: #bf1f1f;
    color: #fff
}

.pagination li .dots:hover,
.pagination li .dots:active {
    background: none;
    color: #000;
    font-weight: normal
}

li.menu-item-990 .dropdown-menu,
li.menu-item-990:hover .dropdown-menu {
    display: none !important
}

#logo {
    display: inline-block;
    padding-top: 17px;
    padding-bottom: 17px;
}

#logo img {
    max-width: 200px
}

.header-contact-info > div {
    margin-top: 15px
}

@media (max-width: 767px) {
    .header-contact-info {
        padding-bottom: 15px
    }
    .header-contact-info > div {
        margin-top: 12px;
        margin-bottom: 0px
    }
}

.header-contact-info i {
    margin-right: 3px
}

.header-contact-info .phone {
    display: inline-block
}

.header-contact-info .phone span {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.header-contact-info .phone.second:before {
    content: ' ';
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
    width: 1px;
    height: 14px;
    background: #fff
}

@media (max-width: 767px) {
    .header-contact-info .phone.second:before {
        margin-right: 6px;
        margin-left: 6px
    }
}

.header-contact-info .email span {
    color: #bf1f1f;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline
}

.header-contact-info .email span:hover {
    color: #bf1f1f;
    text-decoration: none
}

.header-contact-info .email i,
.header-contact-info .phone i {
    color: #303030;
    font-size: 12px;
    vertical-align: middle
}

.header-contact-info .callback {
    border: 2px solid #2c328a;
    height: 36px;
    border-radius: 18px;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    color: #2c328a;
    padding: 6px 20px 0;
    margin-left: 10px
}

.header-contact-info .callback:visited {
    color: #2c328a
}

.header-contact-info .callback:hover,
.header-contact-info .callback:active,
.header-contact-info .callback:focus {
    color: #303030
}

.header-contact-info .callback:hover span:before,
.header-contact-info .callback:active span:before,
.header-contact-info .callback:focus span:before {
    background: url(images/callback_icon_inverse.png) no-repeat
}

.header-contact-info .callback span:before {
    content: ' ';
    background: url(images/callback_icon.png) no-repeat;
    width: 14px;
    height: 17px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-top: 2px
}

#fixed-menu .btn.callback,
#fixed-menu .callback.readmore,
#fixed-menu .pager li > a.callback,
.pager #fixed-menu li > a.callback,
#fixed-menu .comments-area input.callback.submit,
.comments-area #fixed-menu input.callback.submit {
    margin-top: 12px;
    padding: 10px 10px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    z-index: 1
}

.feedback div.wpcf7-validation-errors {
    color: #f00
}

.wpcf7-mail-sent-ok {
    color: #000;
    border: 2px solid #42cb97
}

.ajax-loader {
    display: none !important
}

.feedback-bottom-wrapper .row {
    display: table;
    width: 100%
}

.textarea-wrapper {
    margin-top: 40px
}

.input-text {
    background-color: #f2f2f2;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    height: 48px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 10px 19px;
    margin-top: 7px;
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    cursor: auto;
    outline: none
}

.input-text:active,
.input-text:hover,
.input-text:focus {
    background-color: #f2f2f2;
    outline: none
}

.input-area {
    background-color: #f2f2f2;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #363636;
    padding: 13px 19px;
    margin-top: 7px;
    height: 172px;
    cursor: auto;
    outline: none
}

@media (max-width: 767px) {
    .input-area {
        margin-top: 7px
    }
}

.input-area:active,
.input-area:hover,
.input-area:focus {
    background-color: #f2f2f2;
    outline: none
}

.feedback-bottom {
    padding-top: 70px;
    border: none
}

.feedback-bottom .feedback-bottom-prolog {
    text-align: center;
    padding-bottom: 18px;
    color: #303030;
    margin-bottom: 30px
}

.feedback-bottom .feedback-bottom-prolog p {
    font-size: 18px;
    font-weight: 400;
    color: #303030;
    font-family: "Open Sans", sans-serif
}

@media (max-width: 767px) {
    .feedback-bottom .feedback-bottom-prolog p {
        font-size: 14px
    }
}

.feedback-bottom .feedback-bottom-prolog p strong {
    font-family: "Open Sans", sans-serif;
    font-size: 34px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px;
    line-height: 38px;
    color: #303030
}

@media (max-width: 767px) {
    .feedback-bottom .feedback-bottom-prolog p strong {
        font-size: 28px;
        line-height: 33px
    }
}

.feedback-bottom p {
    margin: 0
}

.feedback-bottom p.descr {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 15px;
    font-family: "Open Sans", sans-serif
}

@media (min-width: 992px) {
    .feedback-bottom p.descr {
        margin-right: 50px
    }
}

.feedback-bottom p.descr i {
    display: none;
    color: #30a96f;
    font-size: 16px;
    margin-right: 5px
}

.feedback-bottom label {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin: 8px 0 3px 15px
}

.feedback-bottom .fa-paperclip {
    font-size: 14px;
    transform: rotate(90deg);
    margin-top: 40px;
    color: #838d8f
}

.feedback-bottom .feedback-bottom-btn-upload {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 10px;
    margin-top: 40px
}

.feedback-bottom .input-file {
    position: relative;
    top: -20px;
    z-index: 999;
    opacity: 0;
    cursor: pointer;
    width: 170px
}

.feedback-bottom .btn,
.feedback-bottom .readmore,
.feedback-bottom .pager li > a,
.pager .feedback-bottom li > a,
.feedback-bottom .comments-area input.submit,
.comments-area .feedback-bottom input.submit {
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important
}

@media (max-width: 767px) {
    .feedback-bottom .btn,
    .feedback-bottom .readmore,
    .feedback-bottom .pager li > a,
    .pager .feedback-bottom li > a,
    .feedback-bottom .comments-area input.submit,
    .comments-area .feedback-bottom input.submit {
        width: 145px;
        margin-left: auto;
        margin-right: auto
    }
}

.feedback-bottom div.wpcf7-validation-errors {
    color: #000
}

.feedback-bottom .wpcf7-not-valid-tip {
    padding-left: 15px
}

@media (max-width: 767px) {
    .feedback-bottom .wpcf7-not-valid-tip {
        padding-left: 25px
    }
}

.feedback-bottom .wpcf7-mail-sent-ok {
    color: #000
}

.feedback.bottom {
    color: #fff;
    text-align: center;
    margin-bottom: 55px
}

.feedback.bottom form {
    max-width: 378px;
    margin: 30px auto auto;
    border: 1px solid #7b7b7c;
    padding: 30px
}

.feedback.bottom h1 {
    font-size: 34px;
    margin-top: 110px;
    color: #fff
}

.feedback.bottom p.descr {
    color: #898989
}

div.wpcf7 img.ajax-loader {
    margin: 10px auto;
    text-align: center;
    display: block
}

.bg-grey,
.widget_nav_menu#nav_menu-3,
.feedback span.wpcf7-not-valid-tip,
.feedback div.wpcf7-mail-sent-ok,
.blog .post-entry .form-in-article .ava {
    background: #f5f5f5
}

.bg-with-logo {
    background: url(images/bg_logo.png) center center no-repeat;
    background-size: contain;
    min-height: 570px
}

.bg-white {
    background-color: #fff
}

.bg-dark-grey {
    background-color: #ebebeb
}

.bg-dark {
    background-color: #3a3838
}

.bg-dark2 {
    background-color: #363434
}

.bg-brown-pattern {
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/bg_brown.png) repeat
}

.bg-red-grad,
.btn,
.readmore,
.pager li > a,
.comments-area input.submit,
input[type=submit].btn,
input[type=submit].readmore,
.services .service:hover {
    background: #bf1f1f;
    background: -ms-linear-gradient(top, #bf1f1f 0%, #9d221f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#bf1f1f), to(#9d221f));
    background: -moz-linear-gradient(top, #bf1f1f, #9d221f);
    background: gradient(linear, top, #bf1f1f, #9d221f);
    background: -o-linear-gradient(top, #bf1f1f, #9d221f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1f1f', endColorstr='#9d221f')
}

.bg-red-grad-inv,
.btn:hover,
.readmore:hover,
.pager li > a:hover,
.comments-area input.submit:hover,
input[type=submit].btn:hover,
input[type=submit].readmore:hover {
    background: #bf1f1f;
    background: -ms-linear-gradient(top, #9d221f 0%, #bf1f1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#9d221f), to(#bf1f1f));
    background: -moz-linear-gradient(top, #9d221f, #bf1f1f);
    background: gradient(linear, top, #9d221f, #bf1f1f);
    background: -o-linear-gradient(top, #9d221f, #bf1f1f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d221f', endColorstr='#bf1f1f')
}

.bg-with-patterns {
    margin-top: 13px;
    margin-bottom: 13px;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/bg_brown.png) repeat;
    position: relative
}

.bg-with-patterns:before,
.bg-with-patterns:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 12px;
    top: -13px;
    position: absolute;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/pattern_top_crop.png) repeat-x
}

.bg-with-patterns:after {
    top: 100%;
    position: absolute;
    margin-top: 1px;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/pattern_bottom_crop.png) repeat-x
}

.bg-header {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

section.static {
    padding-top: 30px;
    padding-bottom: 50px
}

section.padding > .container {
    padding-top: 80px;
    padding-bottom: 50px
}

section.padding-bottom > .container {
    padding-bottom: 10px
}

section.border-top {
    border-top: 3px solid #bf1f1f
}

section.border-bottom {
    border-bottom: 4px solid #bf1f1f
}

section.shadow-bottom {
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1
}

.director-info {
    position: absolute;
    bottom: 21%;
    right: 45px;
    z-index: 15;
    max-width: 250px;
    text-align: left
}

.director-info .director-name {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.director-info .director-post {
    color: #fff;
    filter: alpha(opactiy=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
    text-shadow: 1px 1px 1px #000
}

.main,
.service-title {
    background-position: bottom center;
    background-size: cover
}

.main .director-photo-wrapper,
.service-title .director-photo-wrapper {
    position: relative;
    padding-top: 45px;
    display: inline-block;
    max-width: 400px
}

.main.in-service,
.in-service.service-title {
    background-position: bottom center
}

.main.in-service .director-photo-wrapper,
.in-service.service-title .director-photo-wrapper {
    max-width: initial
}

@media (min-width: 1200px) {
    .main.in-service .director-photo-wrapper,
    .in-service.service-title .director-photo-wrapper {
        margin-left: -60px;
        margin-top: -30px
    }
}

.main.in-service .director-info,
.in-service.service-title .director-info {
    bottom: 10%
}

.main.in-service .page-title,
.in-service.service-title .page-title,
.main.in-service .main-title,
.in-service.service-title .main-title {
    margin-top: 40px
}

@media (min-width: 768px) {
    .main.in-service .page-title,
    .in-service.service-title .page-title,
    .main.in-service .main-title,
    .in-service.service-title .main-title {
        margin-right: -180px
    }
    .section-title,
    .sidebar-title {
        margin: 70px 0 40px 0;
        font-size: 52px;
        line-height: 43px;
    }
}

.main.in-about .page-title,
.in-about.service-title .page-title,
.main.in-about .main-title,
.in-about.service-title .main-title {
    margin-bottom: 20px
}

.main.in-about .page-title {
	margin-top: 40px !important;
}

.main.in-about .director-photo-wrapper img,
.in-about.service-title .director-photo-wrapper img {
    max-width: 100%
}

.bottombtn {
    float: none;
    margin: 0 auto;
    display: block;
    width: 300px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 4;
    padding: 10px 19px;
}

.feedback.top {
    position: relative;
    margin-top: 5px;
    margin-bottom: 30px;
    padding: 0;
    text-align: center;
}

.feedback .title p {
    color: #303030;
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 18px
}

@media (max-width: 991px) {
    .feedback .title p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
        text-align: center;
    }
}

.feedback .subtitle p {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 5px;
    margin-bottom: 5px
}

.feedback label {
    margin-left: 10px;
    font-weight: normal;
    height: 26px;
    opacity: 0.6;
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #fff
}

.feedback .btn,
.feedback .readmore,
.feedback .pager li > a,
.pager .feedback li > a,
.feedback .comments-area input.submit,
.comments-area .feedback input.submit {
    display: inline-block;
    width: 145px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0;
    text-align: center;
    height: 47px;
    vertical-align: top
}

.feedback .input-text {
    display: inline-block;
    width: 240px;
    margin-right: 7px;
    background: #fff
}

.feedback .input-text.active,
.feedback .input-text.focus {
    background: #fff
}

.feedback .wpcf7-form-control-wrap {
    display: inline-block
}

.feedback span.wpcf7-not-valid-tip {
    max-width: 240px;
    left: 0;
    top: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block;
    font-weight: 400;
    text-align: left;
    padding: 5px 20px;
    border-radius: 4px;
    line-height: 20px
}

.feedback span.wpcf7-not-valid-tip:before {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    border: 11px solid transparent;
    border-bottom: 8px solid #f4f2ee;
    margin-top: -23px;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .feedback span.wpcf7-not-valid-tip {
        position: relative
    }
}

.feedback p {
    margin: 0;
    padding: 0
}

.feedback div.wpcf7 {
    position: relative;
    display: inline-block
}

.feedback .wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: normal
}

.feedback div.wpcf7-validation-errors {
    display: none !important;
    border: 1px solid #f00
}

.feedback div.wpcf7-mail-sent-ok {
    padding: 15px 20px;
    position: absolute;
    width: 100%;
    display: block;
    color: #216741;
    top: 100%;
    left: 0;
    border: none;
    border-radius: 4px;
    margin: 10px 0 0
}

@media (max-width: 767px) {
    .feedback div.wpcf7-mail-sent-ok {
        position: relative
    }
}

.feedback p.descr {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 10px
}

.feedback p.descr i {
    display: none
}

@media (max-width: 991px) {
    .feedback p.descr {
        text-align: center;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0
    }
}

.feedback form {}

.feedback p.descr {
    max-width: 225px;
    text-align: right;
    float: right;
    margin-right: 20px;
    margin-top: 15px
}

.feedback .btn,
.feedback .readmore,
.feedback .pager li > a,
.pager .feedback li > a,
.feedback .comments-area input.submit,
.comments-area .feedback input.submit {
    float: none;
    margin-right: 8px
}

@media (max-width: 1199px) {
    .feedback form,
    .feedback.second form {
        max-width: 454px
    }
    .feedback span.wpcf7-not-valid-tip,
    .feedback .input-text,
    .feedback.second span.wpcf7-not-valid-tip,
    .feedback.second .input-text {
        width: 220px
    }
    .feedback .btn,
    .feedback .readmore,
    .feedback .pager li > a,
    .pager .feedback li > a,
    .feedback .comments-area input.submit,
    .comments-area .feedback input.submit,
    .feedback.second .btn,
    .feedback.second .readmore,
    .feedback.second .pager li > a,
    .pager .feedback.second li > a,
    .feedback.second .comments-area input.submit,
    .comments-area .feedback.second input.submit {
        margin-right: 8px
    }
}

@media (max-width: 991px) {
    .feedback .wpcf7-form-control-wrap,
    .feedback.second .wpcf7-form-control-wrap {
        display: block
    }
    .feedback .btn,
    .feedback .readmore,
    .feedback .pager li > a,
    .pager .feedback li > a,
    .feedback .comments-area input.submit,
    .comments-area .feedback input.submit,
    .feedback .input-text,
    .feedback.second .btn,
    .feedback.second .readmore,
    .feedback.second .pager li > a,
    .pager .feedback.second li > a,
    .feedback.second .comments-area input.submit,
    .comments-area .feedback.second input.submit,
    .feedback.second .input-text {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        display: block !important
    }
    .feedback .btn,
    .feedback .readmore,
    .feedback .pager li > a,
    .pager .feedback li > a,
    .feedback .comments-area input.submit,
    .comments-area .feedback input.submit,
    .feedback.second .btn,
    .feedback.second .readmore,
    .feedback.second .pager li > a,
    .pager .feedback.second li > a,
    .feedback.second .comments-area input.submit,
    .comments-area .feedback.second input.submit {
        width: auto;
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .feedback p.descr,
    .feedback.second p.descr {
        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}



@media (min-width: 768px) {
    .services .service {
        margin-left: -15px;
        margin-right: -15px
    }

    .services {
        padding-bottom: 70px;
        position: relative
    }

    .services .section-title,
    .services .sidebar-title {
        margin-bottom: 70px
    }

    .services .service {
        display: block;
        padding: 30px 20px 30px;
        transition: background 0.5s
    }
    .topphoneblock {
        margin-top: 34px;
        font-size: 18px;
    }
    .topnav a.phone {
        display: block;
        margin-top: 24px;
    }
    .topmenublock {
        margin-top: 16px;
    }
}

.services .service .icon {
    float: left
}

.services .service .inner {
    padding-left: 60px
}

.services .service .title {
    position: relative;
		display: flex;
		align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
    margin-bottom: 8px;
    min-height: 48px
}

.services .service .descr > p {
    color: #7f7f7f;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 8px
}

.services .service:hover .icon svg path {
    fill: #fff
}

.services .service:hover .title {
    color: #fff
}

.services .service:hover .title:before {
    background: #fff
}

.services .service:hover .descr > p {
    color: #fff;
    filter: alpha(opactiy=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.services .service:hover .more {
    color: #fff
}

.about-cert img {
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.5)
}

ul.static,
#menu-uslugi,
.seo-text ul,
.service-questions ul,
.blog .post-entry ul {
    line-height: 25px;
    font-size: 16px;
    padding: 0 0 15px 0
}

ul.static li,
#menu-uslugi li,
.seo-text ul li,
.service-questions ul li,
.blog .post-entry ul li {
    list-style-type: none;
    padding-left: 15px;
    padding-bottom: 15px;
    position: relative
}

ul.static li:before,
#menu-uslugi li:before,
.seo-text ul li:before,
.service-questions ul li:before,
.blog .post-entry ul li:before {
    content: ' ';
    background: #bf1f1f;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 10px
}

ol.static,
.seo-text ol,
.blog .post-entry ol {
    list-style-type: decimal;
    padding: 0 0 15px 25px;
    line-height: 25px;
    font-size: 16px
}

ol.static li,
.seo-text ol li,
.blog .post-entry ol li {
    padding-bottom: 10px
}

.seo-text {
    padding-top: 40px;
    margin-top: -1px
}

@media (min-width: 768px) {
    .seo-text ol {
        margin-left: 30px
    }
}

.seo-text ul {
    padding-right: 25px
}

@media (min-width: 768px) {
    .seo-text ul {
        margin-left: 40px
    }
}

.seo-text li {
    padding-bottom: 10px;
    position: relative
}

section.static .seo-text h1,
section.static .seo-text h2,
section.static .seo-text h3,
section.static .seo-text h4,
section.static .seo-text #callbackModal .modal-title,
#callbackModal section.static .seo-text .modal-title,
section.static .seo-text h5,
section.static .seo-text h6 {
    color: #303030
}

section.static .seo-text li,
section.static .seo-text p {
    color: #000
}

@media (min-width: 768px) {
    .association-logo {
        float: left;
        margin-right: 25px
    }
}

.association-descr {
    padding-top: 35px
}

.abouts {
    position: relative
}

.abouts a {
    color: #d4d4d4
}

.abouts .our-company p {
    margin-bottom: 40px
}

.abouts .mission p {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #bf1f1f;
    font-family: "Open Sans", sans-serif;
    font-size: 34px;
    font-weight: 400;
    font-style: italic;
    line-height: 40px
}

.abouts.page {
    padding-top: 90px
}

.facts {
    padding-top: 45px;
}

.facts .facts-border {
    border: 1px solid #d9d9da;
    text-align: center;
    padding-bottom: 30px
}

.facts .icon {
    line-height: 70px;
    vertical-align: bottom;
    display: inline-block
}

.facts-service .section-title,
.facts-service .sidebar-title {
    margin-bottom: 60px
}

.facts-service .icon {
    padding-top: 4px
}

.facts-service .name p {
    margin-top: 15px;
    padding-bottom: 5px
}

.reviews .review {
    margin-top: 40px;
    padding: 70px 35px 50px;
    box-shadow: 0 12px 42px 12px rgba(0, 0, 0, 0.05);
    position: relative
}

@media (max-width: 767px) {
    .reviews .review {
        padding-left: 15px;
        padding-right: 15px
    }
}

.reviews .review .author-wrapper {
    margin-left: -40px;
    left: 50%;
    top: -40px;
    position: absolute
}

.reviews .review .author-wrapper .author {
    background-image: url(images/noname_icon.png);
    background-color: #d8d8d8;
    display: block;
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px
}

.reviews .review .fio {
    margin-top: 20px;
    margin-bottom: 5px
}

.reviews .review .content p,
.reviews .review .fio,
.reviews .review .position {
    color: #4a4a4a
}

.reviews .review .fancybox {
    display: inline-block;
    margin-top: -20px;
    margin-bottom: 20px
}

.reviews .review .fancybox img {
    max-height: 250px
}

.advantages {
    padding-bottom: 60px
}

.advantages .advantage .content {
    padding-left: 45px
}

.advantages .advantage .name {
    padding-top: 0px
}

.advantages .advantage .name p {
    margin-bottom: 10px
}

.advantages .advantage .icon {
    display: block;
    float: left;
    padding-top: 5px
}

.certs {
    padding-top: 150px
}

.certs .fancybox {
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);
    display: inline-block
}

.certs .section-title,
.certs .sidebar-title {
    margin-top: 50px;
    margin-bottom: 30px
}

.certs .insurance .fancybox {
    max-width: 360px
}

.certs .insurance .section-title,
.certs .insurance .sidebar-title {
    margin-top: 90px;
    margin-bottom: 30px
}

.certs .insurance .sum {
    color: #000000;
    font-size: 100px;
    font-weight: 600;
    line-height: 100px;
    letter-spacing: 2px
}

.certs .insurance .sum i {
    font-size: 90px
}

@media (max-width: 1199px) {
    .certs .insurance .sum {
        font-size: 80px
    }
    .certs .insurance .sum i {
        font-size: 70px
    }
}

@media (max-width: 767px) {
    .certs .insurance .sum {
        font-size: 40px
    }
    .certs .insurance .sum i {
        font-size: 37px
    }
}

.certs .insurance .sum-descr {
    margin-top: 20px
}

.certs .insurance .sum-descr p {
    color: #2b2a29;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 10px
}

.certs .subtitle {
    color: #2b2a29;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px
}

.certs .descr-1 {
    padding-top: 10px
}

time {
    font-family: 'PT Serif', sans-serif;
    font-style: italic;
    font-size: 12px;
    line-height: 1.5;
    color: #838d8f;
    display: inline-block
}

time i {
    margin-right: 5px
}

.map-shadow-bottom {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1
}

.map-shadow-bottom .feedback-bottom {
    border-top: none
}

.cases {
    padding-bottom: 90px
}

.cases .case {
    background: url(images/case_bg.png) right bottom no-repeat;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.26);
    padding: 60px 30px 50px;
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) {
    .cases .case {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

.cases .case .title {
    color: #303030;
    color: #2b2a29;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 45px
}

.cases .case .case-label {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px
}

.cases .case .content {
    margin-bottom: 15px
}

.cases .case .content p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 15px
}

.cases .case .content.result p {
    font-weight: 700
}

.cases .case .line {
    background: #bf1f1f;
    height: 3px;
    margin-top: 10px;
    margin-bottom: 40px
}

.cases .case .file {
    display: inline-block;
    width: 61px;
    height: 73px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/pdf_icon.png)
}

.cases .all-cases a {
    display: inline-block;
    font-size: 15px;
    margin-top: 50px;
    letter-spacing: 1px
}

.person {
    margin-bottom: 60px
}

.trusts {
    padding-bottom: 100px
}

.trusts .bxslider-wrapper {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    z-index: 1
}

.trusts .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent
}

.trusts li {
    vertical-align: middle;
    line-height: 70px
}

.trusts li img {
    display: inline-block
}

.trusts #slider-prev a {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 50%;
    margin-top: -22px;
    width: 25px;
    height: 44px;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/slider_prev.png)
}

.trusts #slider-next a {
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    width: 25px;
    height: 44px;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/slider_next.png)
}

.person-header {
    padding-bottom: 45px
}

.person-header img {
    max-width: 120px
}

.person .practice {
    margin-top: 40px;
    max-width: 610px
}

.person .practice ul {
    padding: 0;
    list-style-type: none
}

.person .practice li {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    color: #fff;
    padding-bottom: 20px;
    line-height: 34px
}

.person .practice li:before {
    content: ' ';
    display: block;
    background: #fff;
    margin-right: 5px;
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 100%;
    left: 0;
    top: 14px
}

.person .fancybox {
    margin-right: 25px;
    margin-bottom: 25px;
    display: inline-block;
    max-width: 230px
}

.person .fancybox img {
    max-width: 230px
}

.publications {
    padding-bottom: 90px
}

.publications .publication-wrapper {
    display: block;
    position: relative;
    margin-bottom: 50px
}

.publications .publication-wrapper .publication {
    padding: 35px 35px 80px;
    border: 1px solid #c9c9c9;
    border-radius: 1px;
    background: #fff;
    z-index: 2;
    position: relative
}

.publications .publication-wrapper .publication .inner {
    position: relative;
    height: 100%
}

.publications .publication-wrapper .publication .thumb {
    height: 100px;
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 15px
}

.publications .publication-wrapper:hover .post-title {
    text-decoration: underline
}

.publications .publication-border,
.publications .publication-border-2 {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    right: -1px;
    top: 2px;
    border: 1px solid #c9c9c9;
    border-radius: 1px;
    z-index: 2
}

.publications .publication-border-2 {
    right: -2px;
    top: 4px;
    z-index: 1;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.21), 0 1px 4px rgba(0, 0, 0, 0.5)
}

.publications .publication-title {
    height: 105px;
    overflow: hidden;
    color: #bf1f1f;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

.publications .publication-date {
    position: absolute;
    bottom: 30px;
    color: #bf1f1f;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0
}

.publications.in-blog .publication {
    padding: 20px 20px 50px
}

.publications.in-blog .publication .thumb {
    height: 70px
}

.expression {
    margin-bottom: 130px
}

.expression .arrow-left {
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/expression_arrow_left.png) right top no-repeat;
    background-size: contain;
    height: 121px;
    width: 100%
}

.expression .arrow-right {
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/expression_arrow_right.png) left top no-repeat;
    background-size: contain;
    height: 121px;
    width: 100%
}

.expression .content {
    text-align: center
}

.expression .content p {
    font-weight: 300;
    font-size: 33px;
    color: #2c2c2c;
    line-height: 1.3;
    max-width: 600px;
    margin: 0 auto
}

.service-title .page-title,
.service-title .main-title {
    margin-top: 90px;
    margin-bottom: 80px
}

.service-main {
    padding-top: 70px;
    padding-bottom: 20px
}

.service-main .content p {
    letter-spacing: -0.1px
}

.service-main li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 25px
}

.service-main li:before {
    content: ' ';
    width: 18px;
    height: 4px;
    background: #bf1f1f;
    position: absolute;
    left: 0;
    top: 9px
}

.service-phrase.grey {
    background: #f3f3f2
}

.service-phrase.grey p {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 90px;
    margin-bottom: 90px
}

.service-phrase.blue {
    background: #edf1f9;
    padding-bottom: 60px
}

.service-phrase.blue .section-title,
.service-phrase.blue .sidebar-title {
    margin-bottom: 45px
}

.service-phrase.blue p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.service-questions {
    position: relative;
    z-index: 15;
    padding-bottom: 90px
}

.service-questions h4,
.service-questions #callbackModal .modal-title,
#callbackModal .service-questions .modal-title {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    letter-spacing: -0.5px;
    color: #ffffff;
    margin-bottom: 10px;
    max-width: 410px
}

@media (max-width: 767px) {
    .service-questions h4,
    .service-questions #callbackModal .modal-title,
    #callbackModal .service-questions .modal-title {
        font-size: 26px
    }
}

.service-questions h3 {
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center
}

@media (max-width: 767px) {
    .service-questions h3 {
        padding-left: 15px;
        padding-right: 15px
    }
}

.service-how-help {
    padding-bottom: 70px
}

.service-how-help .content {
    padding-top: 10px
}

.contacts-page {
    text-align: center;
    padding-top: 0px;
    margin-bottom: -50px
}

.contacts-page i {
    font-size: 45px;
    color: #bf1f1f;
    margin-top: 10px
}

.contacts-page span {
    font-size: 18px;
    line-height: 40px
}

.contacts-page a {
    font-size: 18px;
    font-weight: 600
}

.contacts-page a:hover {
    text-decoration: none
}

.contacts-page a:hover span {
    text-decoration: underline
}

.contacts-page a span {
    line-height: 1.6
}

.contacts-page span.adress {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600
}

.map {
    padding: 0
}

.map-marker-descr-wrapper {
    position: absolute;
    bottom: 180px;
    text-align: center;
    lefT: 50%;
    margin-left: -100px
}

.map-marker-descr {
    display: inline-block;
    background-color: #fff;
    padding: 15px 15px 15px 55px;
    width: 475px;
    max-width: 100%;
    position: relative
}

.map-marker-descr:before {
    position: absolute;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/map_icon.png);
    content: ' ';
    left: -40px;
    top: -12px;
    width: 80px;
    height: 106px
}

.map-marker-descr .item-title {
    min-width: 310px
}

.map-marker-descr .item-descr {
    color: #bf1f1f;
    margin-top: 5px;
    filter: alpha(opactiy=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.map-marker-descr i {
    font-size: 55px;
    color: #fff
}

.page-content {
    padding-top: 100px
}

.how-help ul {
    padding: 0;
    margin: 0
}

.how-help li {
    padding: 8px 30px;
    font-size: 16px;
    background: url(https://advokat-abramenko.ru/wp-content/themes/advokat-abramenko/images/list-marker.png) left center no-repeat;
    width: 50%;
    float: left
}

.service-how-help-second .item {
    position: relative;
    z-index: 1;
    padding-left: 50px
}

.service-how-help-second .item:hover .number-24 {
    background: #bf1f1f
}

.service-how-help-second .item:after {
    content: ' ';
    display: block;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #f3cdcd;
    position: absolute
}

.service-how-help-second .item:nth-child(odd) .number-24,
.service-how-help-second .item:nth-child(even) .number-24 {
    position: absolute;
    left: -22px;
    z-index: 2
}

.service-how-help-second .item:nth-child(odd):after,
.service-how-help-second .item:nth-child(even):after {
    left: -1px
}

.service-how-help-second .item:last-child:after {
    display: none
}

.service-how-help-second .item .content {
    min-height: 150px;
    max-width: 440px;
    margin-bottom: 30px
}

.service-how-help-second .item .content .name p {
    margin-bottom: 10px
}

.service-how-help-second .item .content p {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .service-how-help-second .item {
        padding-left: 50px
    }
    .service-how-help-second .item:nth-child(odd) {
        text-align: right;
        padding-right: 50px;
        padding-left: 0
    }
    .service-how-help-second .item:nth-child(odd) .number-24 {
        position: absolute;
        left: auto;
        right: -22px;
        z-index: 2
    }
    .service-how-help-second .item:nth-child(odd):after {
        right: -1px;
        left: auto
    }
    .service-how-help-second .item:nth-child(odd) .content {
        float: right
    }
    .service-how-help-second .item .content {
        margin-bottom: 0px
    }
}

.coop {
    background: #58585a;
    padding: 30px 0
}

.coop ol {
    text-align: center
}

.coop ol li {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    list-style-type: decimal;
    list-style-position: inside;
    padding: 5px 0
}

.coop ol li:after {
    content: "\f175";
    padding-top: 5px;
    color: #00a608;
    font-size: 30px;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.coop ol li:last-child:after {
    content: ''
}

.static,
.blog .post-entry ul,
.blog .post-entry ol {
    background: #fff
}

.static .seo-text,
.blog .post-entry ul .seo-text,
.blog .post-entry ol .seo-text {
    padding-top: 0
}

.page-404 {
    background: #fff
}

.test-form {
    padding-top: 200px
}

.test-form .form-row {
    position: relative
}

.test-form .form-row label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: 1;
    line-height: 40px;
    padding: 0 15px;
    transition: all 0.5s 0s linear;
    font-size: 16px
}

.test-form .form-row input[type=text] {
    position: relative;
    z-index: 2;
    height: 40px;
    line-height: 40px;
    background: transparent;
    padding: 0 15px;
    border: none;
    box-shadow: none;
    width: 100%
}

.test-form .form-row input[type=text]:focus,
.test-form .form-row input[type=text]:active {
    border: none;
    outline: none
}

.test-form .form-row input[type=text]:focus + label,
.test-form .form-row input[type=text]:active + label {
    top: -40px;
    padding: 0;
    font-size: 12px
}

.test-form .form-row input[type=text]:focus + label + .progress,
.test-form .form-row input[type=text]:active + label + .progress {
    width: 100%
}

.test-form .form-row .progress {
    content: ' ';
    display: block;
    height: 2px;
    background: green;
    width: 0px;
    transition: all 0.5s 0s linear
}

.chart {
    visibility: visible !important;
    display: inline-block;
    width: 95px;
    height: 95px;
    margin: 0 10px;
    vertical-align: top;
    position: relative;
    padding-top: 22px
}

.chart span {
    display: block;
    font-size: 2em;
    font-weight: normal
}

.chart canvas {
    position: absolute;
    left: 0;
    top: 0
}

.categories-menu {
    margin-bottom: 20px
}

.categories-menu li {
    float: left;
    margin-right: 35px;
    margin-bottom: 10px
}

.categories-menu li a {
    font-weight: 400;
    font-size: 16px
}

.categories-menu li a.active {
    font-weight: 700;
    border-bottom: 1px solid transparent
}

.categories-menu .reviews-menu {
    margin-top: 40px
}

.pager li > a {
    font-size: 14px;
    padding: 6px 20px;
    font-weight: normal
}

.pager li > span {
    font-size: 14px;
    color: #fff;
    background-color: #797979;
    border-radius: 8px
}

.new-style-article img {
    max-width: 320px;
    margin-top: 0
}

.new-style-article img.alignright {
    margin-left: 20px;
    margin-bottom: 20px;
    float: right
}

.new-style-article img.alignleft {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left
}

.new-style-article .form-in-article {
    border-top: 2px solid #bf1f1f;
    border-bottom: 2px solid #bf1f1f;
    position: relative;
    margin-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.new-style-article .form-in-article img {
    max-width: 120px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    float: none
}

.new-style-article .form-in-article .title {
    margin-top: 27px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #bf1f1f
}

.new-style-article .form-in-article .descr p {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    font-style: italic;
    margin-top: 0
}

.author-avatar img {
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px
}

ba {
    font-size: 12px;
    padding-left: 5px;
    text-transform: uppercase
}

.bq {
    font-size: 22px;
    padding-top: 30px
}

bt {
    font-size: 12px
}

#content {
    margin-bottom: 0
}

.blog article {
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: solid 1px #e7e7e7
}

.blog.single {
    padding-bottom: 60px
}

.blog.single article {
    padding-top: 0;
    border: none
}

.blog.single section {
    padding-bottom: 30px
}

.blog.single h1.section-title,
.blog.single h1.sidebar-title {
    font-size: 30px
}

@media (max-width: 767px) {
    .blog.single h1.section-title,
    .blog.single h1.sidebar-title {
        font-size: 24px;
        line-height: 30px
    }
}

.blog .page-title,
.blog .main-title {
    margin-bottom: 30px;
    margin-top: 40px
}

.blog .post-title {
    color: #000;
    margin-top: 20px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .blog .post-title {
        font-size: 30px;
        line-height: 30px
    }
}

.blog .post-entry {
    color: #000
}

.blog .post-entry p {
    line-height: 25px;
    margin-bottom: 20px;
    color: #000
}

.blog .post-entry ol li {
    margin-left: 15px
}

.blog .post-entry ul,
.blog .post-entry ol {
    padding-left: 60px;
    padding-right: 60px
}

.blog .post-entry ul li:before {
    top: 10px
}

@media (max-width: 767px) {
    .blog .post-entry ul,
    .blog .post-entry ol {
        padding: 0
    }
}

.blog .post-entry .form-in-article {
    border-top: 2px solid #bf1f1f;
    border-bottom: 2px solid #bf1f1f;
    position: relative;
    margin-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.blog .post-entry .form-in-article .ava {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 20px;
    float: none;
    border-radius: 50%;
    display: inline-block
}

.blog .post-entry .form-in-article .title p {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold
}

.blog .post-entry .form-in-article .descr p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    font-style: italic;
    margin-top: 0
}

.blog .post-entry .list-item .number-24 {
    float: left
}

.blog .post-entry .list-item .content {
    padding-left: 60px
}

.blog .post-entry .wp-caption {
    background: none;
    border: none;
    padding: 0
}

.blog .post-entry .wp-caption .wp-caption-text {
    padding: 10px 0 0 0;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 17px
}

@media (min-width: 768px) {
    .blog .post-entry .wp-caption {
        max-width: 50%
    }
}

.blog .post-meta {
    clear: both;
    color: #555;
    font-size: 14px;
    margin-bottom: 10px
}

.blog .post-meta .divider {
    margin: 0 5px
}

.post-entry .attachment-post-thumbnail {
    max-height: 170px;
    width: auto
}

#respond h3 {
    font-weight: 700;
    color: #555;
    font-size: 14px
}

.logged-in-as {
    font-size: 14px
}

.logged-in-as a:hover {
    text-decoration: underline
}

.comment-form-comment label {
    font-weight: 400;
    font-size: 14px
}

.article-like {
    margin-top: 50px;
    font-size: 18px;
    color: #555;
    font-weight: bold
}

.news {
    padding-bottom: 60px
}

.news .one-news {
    margin-bottom: 30px;
    height: 370px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    z-index: 1
}

.news .one-news .thumb {
    height: 180px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 25px 0 25px;
    border-radius: 5px 5px 0 0
}

.news .one-news .title {
    padding: 18px 25px 5px 25px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    heght: 40px;
    overflow: hidden
}

.news .one-news .content {
    padding: 0 25px 45px 25px;
    height: 70px;
    overflow: hidden
}

.news .one-news .one-news-inner {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    left: -1px;
    top: -1px
}

.news .one-news-big {
    margin-bottom: 30px;
    height: 370px;
    position: relative;
    border-radius: 5px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px 25px 30px 25px
}

.news .one-news-big .title {
    display: block;
    margin-top: 50px;
    margin-bottom: 25px;
    max-width: 75%
}

.news .one-news-big .title:hover,
.news .one-news-big .title:active {
    color: #fff;
    text-decoration: underline
}

.news .one-news-big p {
    color: #fff;
    max-width: 75%
}

.news .one-news-big .content {
    height: 100px;
    overflow: hidden
}

.news .readmore {
    position: absolute;
    bottom: 20px;
    left: 25px
}

.news.service .badge {
    font-size: 12px;
    margin-bottom: 5px
}

.news.service .thumb {
    padding: 15px 10px 0 10px;
    height: 220px
}

.news.service .title {
    padding: 25px;
    display: block;
    max-height: 150px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: underline;
    color: #4de0c3
}

.news.service .title span {
    color: #000
}

.news.service .post-date {
    position: absolute;
    left: 25px;
    bottom: 25px;
    color: #000;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 400;
    font-style: normal
}

.news.blog .one-news {
    height: 330px;
    background: #fff
}

.news.blog .one-news .badge {
    padding: 5px 10px;
    font-weight: 400;
    background-color: rgba(153, 153, 153, 0.8)
}

.news.blog .one-news.big {
    height: 359px
}

.news.blog .one-news.big.first {
    height: 330px
}

.news.blog .one-news.big.first .thumb {
    height: 326px;
    position: relative
}

.news.blog .one-news.big.first .thumb:before {
    z-index: 1;
    display: block;
    content: ' ';
    background: #000;
    filter: alpha(opactiy=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.news.blog .one-news.big.first .title {
    position: relative;
    bottom: auto;
    top: auto;
    left: 0;
    line-height: 29px;
    margin-bottom: 10px;
    font-size: 24px
}

.news.blog .one-news.big.first .title span {
    color: #000
}

.news.blog .one-news.big.first .content {
    padding: 18px 20px 18px 0;
    position: relative;
    z-index: 2;
    height: 270px
}

.news.blog .one-news.big.first .more {
    font-size: 16px;
    display: inline-block;
    margin-top: 11px;
    margin-bottom: 18px
}

@media (max-width: 767px) {
    .news.blog .one-news.big.first .content,
    .news.blog .one-news.big.first .more {
        margin-left: 25px;
        margin-right: 25px
    }
    .news.blog .one-news.big.first .content {
        padding-bottom: 0
    }
}

.news.blog .one-news.big.first p {
    margin-top: 0
}

.news.blog .one-news.big.first .post-date {
    color: #fff
}

.news.blog .one-news.big .badge {
    font-size: 12px;
    margin-bottom: 5px;
    position: relative;
    z-index: 2
}

.news.blog .one-news.big .badge.author {
    background-color: rgba(204, 204, 204, 0.8);
    color: #fff
}

.news.blog .one-news.big .thumb {
    height: 250px;
    border-radius: 5px 5px 0 0;
    padding: 17px 25px 35px;
    position: relative
}

.news.blog .one-news.big .thumb:before {
    z-index: 1;
    display: block;
    content: ' ';
    background: #000;
    filter: alpha(opactiy=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.news.blog .one-news.big .title {
    font-family: "Open Sans", sans-serif;
    display: block;
    bottom: 75px;
    max-height: 90px;
    overflow: hidden;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    padding: 0 0 5px 0;
    z-index: 2
}

.news.blog .one-news.big .title span {
    color: #000;
    border-bottom: 1px solid #000
}

.news.blog .one-news.big .title:hover span {
    border-bottom: 1px solid transparent
}

.news.blog .one-news.big .post-date {
    position: absolute;
    left: 25px;
    bottom: 11px;
    color: #000;
    filter: alpha(opactiy=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    z-index: 2
}

.news.blog .one-news.big .content {
    padding: 11px 25px;
    position: relative;
    height: 67px;
    z-index: 2
}

.news.blog .one-news.big .video-frame {
    position: relative;
    width: 100%;
    padding-right: 1px
}

.news.blog .one-news.big .video-frame iframe {
    height: 269px;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.news.blog .one-news.big.shadow {
    border: none
}

.news.blog .one-news.big.shadow .embed-responsive {
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.7)
}

.news.blog .one-news.big.shadow .content {
    height: auto
}

.news.blog .one-news.big.shadow .content .title {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

.news.blog .one-news.big.height-auto {
    height: auto
}

.news.blog .one-news.big.height-auto.video .content {
    height: 72px
}

.news.blog .one-news.big.height-auto.video .title {
    font-size: 18px;
    line-height: 24px;
    height: 53px;
    overflow: hidden
}

.news.blog .one-news.small,
.news.blog .one-news.sidebar-title {
    height: 359px
}

.news.blog .one-news.small .content,
.news.blog .one-news.sidebar-title .content {
    padding: 17px 25px;
    position: relative;
    height: 152px
}

.news.blog .one-news.small .badge,
.news.blog .one-news.sidebar-title .badge {
    font-size: 12px;
    margin-bottom: 5px;
    position: relative;
    z-index: 2
}

.news.blog .one-news.small .badge.author,
.news.blog .one-news.sidebar-title .badge.author {
    background-color: rgba(204, 204, 204, 0.8);
    color: #fff
}

.news.blog .one-news.small .thumb,
.news.blog .one-news.sidebar-title .thumb {
    height: 160px;
    position: relative;
    border-bottom: 1px solid #ccc
}

.news.blog .one-news.small .thumb:before,
.news.blog .one-news.sidebar-title .thumb:before {
    z-index: 1;
    display: block;
    content: ' ';
    background: #000;
    filter: alpha(opactiy=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.news.blog .one-news.small .title,
.news.blog .one-news.sidebar-title .title {
    padding: 0;
    margin-top: 0;
    display: block;
    max-height: 72px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    font-family: "Open Sans", sans-serif;
    color: #000;
    padding-bottom: 5px
}

.news.blog .one-news.small .title span,
.news.blog .one-news.sidebar-title .title span {
    border-bottom: 1px solid #000
}

.news.blog .one-news.small .title:hover,
.news.blog .one-news.sidebar-title .title:hover {
    color: #000
}

.news.blog .one-news.small .title:hover span,
.news.blog .one-news.sidebar-title .title:hover span {
    border-bottom: 1px solid transparent
}

.news.blog .one-news.small p,
.news.blog .one-news.sidebar-title p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
    filter: alpha(opactiy=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.news.blog .one-news.small .post-date,
.news.blog .one-news.sidebar-title .post-date {
    position: absolute;
    left: 25px;
    bottom: 11px;
    color: #000;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    filter: alpha(opactiy=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.news.blog .one-news.book {
    height: 440px
}

.news.blog .one-news.book img {
    margin-top: 15px
}

.news.blog .one-news.book .title {
    margin-top: 0;
    max-height: 60px
}

.comments-area h2,
.comments-area h3,
.comments-area h4,
.comments-area #callbackModal .modal-title,
#callbackModal .comments-area .modal-title {
    font-family: "Open Sans", sans-serif
}

.footer-subscribe {
    color: #303030;
    font-size: 21px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 25px;
    padding-bottom: 20px;
    background-size: contain
}

@media (max-width: 767px) {
    .footer-subscribe {
        background: none !important
    }
}

.developers-logo {
    display: block;
    margin-right: -30px
}

.developers-logo img {
    margin-top: -26px;
    margin-bottom: -15px
}

@media (max-width: 767px) {
    .developers-logo img {
        margin: 0
    }
}

.footer-text {
    padding-top: 4px
}

.footer-text p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0;
    line-height: 17px
}

.footer-text a {
    font-weight: 400;
    line-height: 17px
}

#footer {
    border: none;
    padding-top: 70px
}

#footer .logo {
    display: inline-block;
    max-width: 200px
}

#footer .separator {
    background: rgba(255, 255, 255, 0.1);
    height: 1px;
    width: 100%
}

#footer .addtoany_shortcode {
    margin-top: 20px;
    display: inline-block
}

#footer .addtoany_shortcode a {
    display: block;
    float: left;
    max-width: 128px;
    margin-right: 5px;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    #footer .addtoany_shortcode a {
        clear: both
    }
}

#footer .footer-top {
    padding-top: 30px;
    border-radius: 17px
}

#footer .footer-bottom {
    padding-bottom: 15px
}

#footer .contacts-wrapper {
    display: inline-block
}

#footer i {
    display: inline-block;
    color: #303030;
    font-size: 12px;
    vertical-align: top;
    margin-top: 6px;
    width: 20px;
    float: left
}

#footer i.fa-map-marker {
    font-size: 16px
}

#footer .title {
    font-size: 12px;
    letter-spacing: 2.2px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-transform: uppercase
}

#footer .email,
#footer .adress {
    display: block;
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    max-width: 310px;
    margin-bottom: 20px;
    padding-left: 20px
}

@media (max-width: 767px) {
    #footer .email,
    #footer .adress {
        max-width: 220px
    }
}

#footer .email:hover {
    color: #303030;
    text-decoration: underline
}

#footer .phones .phone {
    font-family: Arial, monospace;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 25px;
    margin-bottom: 15px;
    color: #303030;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid transparent
}

#footer .phones .phone:hover {
    text-decoration: none;
    border-bottom: 1px solid #303030
}

@media (min-width: 768px) and (max-width: 991px) {
    #footer .phones {
        margin-top: 30px
    }
}

@media (max-width: 991px) {
    #footer .phones .phone {
        font-size: 22px;
        margin: 0
    }
}

#callbackModal .btn,
#callbackModal .readmore,
#callbackModal .pager li > a,
.pager #callbackModal li > a,
#callbackModal .comments-area input.submit,
.comments-area #callbackModal input.submit {
    margin: 10px auto 0 auto;
    display: block
}

#callbackModal p {
    margin: 0
}

#callbackModal p.descr {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    color: #7f7f7f;
    line-height: 18px
}

#callbackModal .wpcf7-not-valid-tip {
    font-size: 13px
}

#callbackModal .wpcf7-mail-sent-ok {
    color: #000
}

#callbackModal .modal-title {
    font-weight: 600
}

.modal-sm {
    width: 300px;
    top: 40px;
    max-width: 300px;
    margin: 0 auto
}

@media (min-width: 0px) and (max-width: 767px) {
    .xs-text-center {
        text-align: center
    }
    .xs-margin-center {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        float: none !important
    }
    .xs-margin-center-inner > p,
    .xs-margin-center-inner div,
    .xs-margin-center-inner h3,
    .xs-margin-center-inner h4,
    .xs-margin-center-inner #callbackModal .modal-title,
    #callbackModal .xs-margin-center-inner .modal-title {
        margin-left: auto;
        margin-right: auto;
        display: block
    }
    .navbar-nav > li > .dropdown-menu {
        display: none !important
    }
    .navbar-responsive-collapse {
        height: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 25
    }
    .navbar-responsive-collapse .nav.navbar-nav {
        height: auto;
        width: auto
    }
    .navbar-responsive-collapse .nav.navbar-nav > li {
        display: block;
        text-align: center
    }
    .navbar-responsive-collapse.in,
    .navbar-responsive-collapse.collapsing {
        z-index: 45;
        box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.5)
    }
    .xs-right {
        float: right !important
    }
    .xs-left {
        float: left !important
    }
    .xs-clearfix {
        clear: both
    }
    .xs-auto-height {
        height: auto !important
    }
    .xs-text-right {
        text-align: right !important
    }
    .xs-text-left {
        text-align: left !important
    }
    .nav.navbar-nav {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .trust {
        text-align: center
    }
    .developers-logo img {
        margin: 0
    }
    #footer p,
    .developers-logo {
        text-align: center
    }
    #logo {
        text-align: left
    }
    #logo img {
        height: 77px;
        width: auto
    }
    .header-contact-info .phone {
        font-size: 13px;
        font-family: Arial, sans-serif;
    }
    .main,
    .service-title {
        padding-bottom: 60px
    }
    .main h1,
    .service-title h1 {
        max-width: 300px
    }
    .how-help li {
        width: auto;
        float: none;
        margin-left: 30px
    }
    .services li {
        width: 50%;
        margin-bottom: 10px;
        padding-left: 10px
    }
    .services .service-desc ul li:before {
        position: relative;
        top: 0px
    }
    .services .service-line {
        display: none
    }
    .feedback.top {
        margin-left: auto;
        margin-right: auto
    }
    .director-photo-big {
        background-image: none !important
    }
    .director-info {
        display: none
    }
    #fixed-menu .btn.callback,
    #fixed-menu .callback.readmore,
    #fixed-menu .pager li > a.callback,
    .pager #fixed-menu li > a.callback,
    #fixed-menu .comments-area input.callback.submit,
    .comments-area #fixed-menu input.callback.submit {
        margin-top: 6px
    }
    .header-contact-info .adress:before {
        margin-left: -15px
    }
    .reviews.all time {
        display: block
    }
    .services-list > li p {
        padding-right: 40px
    }
    .service-how-help ul li {
        border: none
    }
    .service-how-help ul li:before {
        display: none
    }
    .service-how-help ul li:nth-child(even) {
        text-align: left;
        padding-left: 60px;
        padding-right: 0;
        border: none
    }
    .service-how-help ul li:nth-child(even) p {
        float: left
    }
}

@media (min-width: 0px) and (max-width: 992px) {
    h1 {
        font-size: 34px
    }
    .navbar .navbar-nav > li > a:hover:before,
    .navbar .navbar-nav > li > a:hover:after {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #logo {
        text-align: center
    }
    .sm-margin-center {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        float: none !important
    }
    .nav.navbar-nav {
        margin-left: 0;
        margin-right: 0
    }
    .services-list > li {
        width: 33%;
        margin-bottom: 10px
    }
    .services li:last-child {
        text-align: left
    }
    .services .service-line {
        display: none
    }
    .director-photo-big {
        width: 77%;
        background-size: contain
    }
    .sm-text-center {
        text-align: center
    }
    .sm-text-center {
        text-align: center
    }
    .sm-text-center {
        text-align: center
    }
    .sm-text-right {
        text-align: right
    }
    .sm-only-clearfix-2:nth-child(2n + 1),
    #footer .addtoany_shortcode a:nth-child(2n + 1) {
        clear: both
    }
    .sm-only-clearfix-3:nth-child(3n + 1) {
        clear: both
    }
    .sm-only-no-padding-left {
        padding-left: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .services-list > li a {
        font-size: 14px
    }
    .services-list > li a:hover,
    .services-list > li a:active,
    .services-list > li a:visited {
        font-size: 14px
    }
    .director-photo-big {
        width: 74%;
        background-size: contain
    }
    .md-only-clearfix-2:nth-child(2n + 1) {
        clear: both
    }
    .md-only-clearfix-3:nth-child(3n + 1) {
        clear: both
    }
    .md-text-right {
        text-align: right
    }
    .md-only-no-padding-left {
        padding-left: 0 !important
    }
}

@media (max-width: 1200px) {
    .person .person-meta {
        margin-left: 0
    }
}

.no-padding {
    padding: 0
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

@media (min-width: 1200px) {
    .lg-no-padding-left {
        padding-left: 0 !important
    }
    .lg-no-padding-right {
        padding-right: 0 !important
    }
    .lg-text-right {
        text-align: right
    }
    .lg-clearfix-2:nth-child(2n + 1) {
        clear: both
    }
    .lg-clearfix-3:nth-child(3n + 1) {
        clear: both
    }
}

@media (min-width: 992px) {
    .md-no-padding-left {
        padding-left: 0 !important
    }
    .md-no-padding-right {
        padding-right: 0 !important
    }
    .md-clearfix-2:nth-child(2n + 1) {
        clear: both
    }
    .md-clearfix-3:nth-child(3n + 1) {
        clear: both
    }
    .md-clearfix-4:nth-child(4n + 1) {
        clear: both
    }
}

@media (min-width: 768px) {
    .sm-no-padding-left {
        padding-left: 0 !important
    }
    .sm-no-padding-right {
        padding-right: 0 !important
    }
    .sm-right {
        float: right !important
    }
    .sm-clearfix-2:nth-child(2n + 1) {
        clear: both
    }
    .sm-clearfix-3:nth-child(3n + 1) {
        clear: both
    }
}

@media (max-width: 767px) {
    .xs-no-padding-left {
        padding-left: 0 !important
    }
    .xs-no-padding-right {
        padding-right: 0 !important
    }
}

@media (min-width: 1024px) {
    .marl {
        /*		margin-left:;*/
    }
}

.accordion-toggle {cursor: pointer;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}

.servic ul{

      font-size: 18px;
        font-weight: 600;
        line-height: 29px;
        color: #000;
  }

/*# sourceMappingURL=style.css.map */

.wysiwyg {
	color: #000;
	font-size: 18px;
	line-height: 1.5;
}
.wysiwyg	p,
.wysiwyg ul {
	font-size: inherit;
	line-height: inherit;
}
.wysiwyg	ul {
	list-style: square;
	margin-left: 1em;
}

div.spoiler-wrap {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
div.spoiler-head {
	display: flex;
	color: #303030;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.1;
	text-align: left;
	padding: 0;
	margin: 50px 0 20px 0;
	cursor: pointer;
}
div.spoiler-head::before {
	content: '+';
	display: block;
	min-width: 1.1em;
	color: white;
	line-height: 1;
	text-align: center;
	padding: 0 .25em;
	margin-right: .25em;
	background-color: black;
}
div.spoiler-head.expanded::before {
	content: '-';
}
div.spoiler-head.collapsed,
div.spoiler-head.expanded {
	background: none;
}
div.spoiler-body {
	font-size: 14px;
	border: none;
  padding: 0;
	background: none;
}
div.spoiler-body br:first-child {
	display: none;
}
div.spoiler-body * {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	div.spoiler-head {
		font-size: 22px;
	}
}