@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

* {
    outline: none;
    margin: 0;
    padding: 0
}

body {
    background: #fff
}

a, p, span, b, i, u, pre {
    font-family: 'Roboto', sans-serif
}

a:hover {
    text-decoration: none
}

.wrapper {
    background: #fff url("../img/bg.jpg") no-repeat center top;
    height: auto;
}

.homepage .wrapper {
    height: 937px;
}

.float-contacts {
    position: fixed;
    bottom: 10%;
    right: 5%;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 99
}


footer .telegram {
    padding: 3px 10px !important;
    color: #fff;
    font-size: 29px
}

footer .whatsapp {
    padding: 3px 10px !important;
    color: #fff;
    font-size: 29px
}

footer .viber {
    padding: 3px 10px !important;
    color: #fff;
    font-size: 29px
}

footer .vk {
    padding: 6px 11px !important;
    color: #fff;
    font-size: 25px
}

.mobile-menu .telegram,
.float-contacts .telegram {
    background: #fff url("../img/telegram.png") no-repeat center center
}

.mobile-menu .whatsapp,
.float-contacts .whatsapp {
    background: #fff url("../img/whatsapp.png") no-repeat center center
}

.mobile-menu .phone,
.float-contacts .phone {
    background: #fff url("../img/mobile-phone copy.png") no-repeat center center
}

.mobile-menu .mail,
.float-contacts .mail {
    background: #fff url("../img/mail.png") no-repeat center center
}

.mobile-menu .viber,
.float-contacts .viber {
    background-color: #fff;
    padding: 3px 10px !important;
    color: #3a424e;
    font-size: 29px
}

.mobile-menu .vk,
.float-contacts .vk {
    background-color: #fff;
    padding: 6px 11px !important;
    color: #3a424e;
    font-size: 25px
}

.mobile-menu .telegram:hover,
.float-contacts .telegram:hover {
    background: #fff url("../img/telegram-h.png") no-repeat center center
}

.mobile-menu .whatsapp:hover,
.float-contacts .whatsapp:hover {
    background: #fff url("../img/whatsapp-h.png") no-repeat center center
}

.mobile-menu .phone:hover,
.float-contacts .phone:hover {
    background: #fff url("../img/mobile-phone copy-h.png") no-repeat center center
}

.mobile-menu .mail:hover,
.float-contacts .mail:hover {
    background: #fff url("../img/mail-h.png") no-repeat center center
}

.mobile-menu .viber:hover,
.float-contacts .viber:hover {
    color: #ffb14d
}

.mobile-menu .vk:hover,
.float-contacts .vk:hover {
    color: #ffb14d
}

.float-contacts a {
    display: block;
    margin-bottom: 15px;
    border-radius: 50%;
    padding: 25px;
    transition: linear all .3s;
    box-shadow: rgba(100, 100, 100, .3) 0 0 10px 0
}

.float-contacts a:hover {
    box-shadow: rgba(100, 100, 100, .6) 0 0 10px 0
}

header {
    font-size: 14px;
    display: none;
    align-items: center;
    width: 100%;
    margin-top: 30px;
}

header .logo {
    background: url("../img/logo.png") no-repeat center center;
    width: 251px;
    height: 39px;
    margin-right: 15px
}

header nav .head {
    display: none
}

header nav .menu {
    list-style: none;
    margin: 0
}

header nav .menu li {
    max-height: 40px;
    display: inline-block;
    margin: 0 7px
}

header nav .menu li:first-child {
    margin-left: 0
}

header nav .menu li:last-child {
    margin-right: 0
}

header nav .menu li a {
    padding: 10px 7px;
    text-transform: uppercase;
    color: #000;
    display: block;
    font-weight: 500;
    transition: linear all .3s
}

header nav .menu li a:hover {
    color: #ffa241
}

header .phone {
    position: relative;
    color: #fff;
    margin-left: 75px;
    font-weight: bold
}

header .phone:before {
    position: absolute;
    left: -30px;
    top: 0;
    content: url("../img/phone.png")
}

.monitor__first {
    margin-top: 90px;
    line-height: 5rem;
    letter-spacing: 1.1px;
    width: 100%;
    display: none;
}

.homepage .monitor__first {
    display: block;
}

.monitor__first p {
    margin: 0
}

.monitor__first .make {
    font-size: 35px
}

.monitor__first .effect {
    font-size: 74px;
    font-weight: bold;
    text-transform: uppercase
}

.monitor__first .color {
    color: #00aeb7
}

.monitor__first .call-to-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -45px
}

.illustration {
    background: url("../img/illustration.png") no-repeat center center;
    width: 540px;
    height: 452px;
    background-size: cover;
    border-radius: 10px 10px;
}

.monitor__first .call-to-action h1 {
    font-size: 18px !important;
    display: inline-block;
}

.monitor__first .call-to-action a {
    font-weight: bold;
    font-size: 18px;
    padding: 20px 30px
}

.monitor__first .call-to-action .audit {
    color: #000;
    transition: linear all .3s
}

.monitor__first .call-to-action .audit:hover {
    color: #ffa241
}

.monitor__first .call-to-action .call {
    background-color: #ffa241;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    box-shadow: rgba(0, 0, 0, .45) 0 0 5px 0;
    font-size: 18px;
    text-align: center;
    transition: linear all .3s
}

.monitor__first .call-to-action .call:hover {
    box-shadow: rgba(0, 0, 0, .2) 0 0 8px 0;
    background-color: rgba(255, 162, 65, .8)
}

.monitor__first .accepts .illustration {
    display: none
}

.monitor__first .accepts {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    width: 80%;
    margin-top: -60px
}

.monitor__first .accepts span {
    position: relative;
    font-weight: 500
}

.monitor__first .accepts span:before {
    content: url("../img/accept.png");
    width: 30px;
    height: 30px;
    position: absolute;
    left: -45px;
    top: 7px
}

.monitor__second {
    margin-top: 100px;
    font-size: 16px;
    position: relative;
    overflow: hidden
}

.monitor__second .bg {
    position: absolute;
    top: 49.7%;
    background: url("../img/form_bg.png") no-repeat;
    background-position: 100%;
    width: 100%;
    height: 100%
}

.monitor__second span {
    display: block
}

.monitor__second .about {
    color: #94aab7;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: 500
}

.monitor__second .head {
    color: #000;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.1em
}

.monitor__second h3 {
    margin: 30px 0 0;
    font-size: 16px
}

.monitor__second .why {
    color: #94aab7;
    text-transform: uppercase;
    margin-top: 50px;
    font-weight: bold;
    font-size: 24px
}

.monitor__second .star, .monitor__second .lego, .monitor__second .rocket {
    margin: 35px 0 0 55px;
    font-weight: 500;
    position: relative
}

.monitor__second .star:before, .monitor__second .lego:before, .monitor__second .rocket:before {
    position: absolute;
    left: -55px
}

.monitor__second .star:before {
    top: -5px;
    content: url("../img/star.png")
}

.monitor__second .lego:before {
    top: -3px;
    content: url("../img/lego.png")
}

.monitor__second .rocket:before {
    top: -3px;
    content: url("../img/rocket.png")
}

.monitor__second .photo {
    position: relative;
    z-index: -1;
    height: 100%;
    min-height: 300px;
    max-height: 547px
}

.photo .photo-block {
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 547px;
    margin-left: 15px;
    background-size: cover
}

.monitor__second form {
    display: block;
    width: 100%;
    background-color: #f5f8f7;
    padding: 40px
}

.monitor__second form .desc {
    font-size: 24px
}

.monitor__second form .inputs {
    display: flex;
    align-items: center;
    margin: 35px 0 15px;
    position: relative
}

.monitor__second form .inputs input[type="text"] {
    min-width: 270px;
    max-width: 290px;
    width: 100%;
    padding: 12px 15px;
    background-color: #fff;
    border: solid 2px #a9c0ce;
    font-style: italic;
    margin-right: 20px
}

.monitor__second .button_orange {
    background-color: #f8942d;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    box-shadow: rgba(0, 0, 0, .45) 0 0 5px 0;
    text-align: center;
    font-size: 18px;
    transition: linear all .3s;
    display: block;
    padding: 12px 15px;
    font-weight: bold;
    max-width: 135px;
    width: 100%
}

.monitor__second .button_orange:hover {
    box-shadow: rgba(0, 0, 0, .2) 0 0 8px 0;
    background-color: #ffb14d
}

.monitor__second .accept {
    color: #94aab7;
    font-size: 13px;
    display: block;
    width: 100%;
    text-align: right
}

.monitor__three {
    margin-top: 100px;
    position: relative;
    overflow: hidden
}

.monitor__three:before {
    content: " ";
    background: url("../img/mon_bg.png") no-repeat left top;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: -75% -50%;
    position: absolute
}

.monitor__three .about {
    display: block;
    color: #94aab7;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: 500
}

.monitor__three .head {
    display: block;
    width: 100%;
    color: #000;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.1em
}

.monitor__three ul {
    list-style: none;
    position: relative
}

.monitor__three .list ul {
    max-width: 60%
}

.monitor__three .list ul:before {
    content: url("../img/setka_2.png");
    position: absolute;
    top: -63px;
    right: -67%;
    z-index: -1
}

.monitor__three .list li {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    max-width: 80%;
    margin: 35px 0 50px -20px
}

.monitor__three .price ul {
    margin-top: 45px;
    padding-left: 60px
}

.monitor__three .price li {
    position: relative;
    margin: 45px 0;
    font-size: 16px;
    font-weight: 500
}

.monitor__three .price li:before {
    content: url("../img/accept.png");
    width: 30px;
    height: 30px;
    position: absolute;
    left: -60px;
    top: -1px
}

.monitor__four {
    /*max-height: 610px;*/
    padding: 100px 0;
    font-size: 16px;
    color: #fff
}

.monitor__four-bg {
    margin-top: 100px;
    background: url("../img/bg_qv.jpg") no-repeat center top;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.monitor__four .about {
    color: #cdd7dd;
    text-transform: lowercase;
    font-weight: bold;
    display: block;
    font-size: 16px;
    width: 100%
}

.monitor__four .head {
    font-size: 48px;
    display: block;
    width: 100%;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: uppercase
}

.monitor__four .first-line {
    display: block;
    width: 100%;
    font-weight: bold;
    margin-top: 35px
}

.monitor__four .two-line {
    display: block;
    width: 100%;
    margin: 50px 0 25px;
    font-weight: bold
}

.monitor__four .button_orange {
    background-color: #f8942d;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    box-shadow: rgba(0, 0, 0, .45) 0 0 5px 0;
    transition: linear all .3s;
    display: block;
    padding: 21px 25px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    max-width: 290px;
    margin-top: 50px;
    width: 100%
}

.monitor__four .button_orange:hover {
    box-shadow: rgba(0, 0, 0, .2) 0 0 8px 0;
    background-color: #ffb14d
}

.monitor__five {
    margin-top: 100px;
    display: flex;
    overflow: hidden
}

.monitor__five .about {
    color: #94aab7;
    text-transform: lowercase;
    font-weight: bold;
    display: block;
    width: 100%
}

.monitor__five .head {
    font-size: 48px;
    display: block;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: uppercase
}

.monitor__five .left-col {
    min-width: 555px;
    max-width: 555px;
    background: #f5f8f7 url("../img/form_bg-2.png") no-repeat;
    background-position: 100% 121%;
    padding: 45px 40px 0
}

.monitor__five .left-col span {
    display: block;
    width: 100%
}

.monitor__five .left-col .first-line {
    font-size: 24px;
    font-weight: 500
}

.monitor__five .left-col .second-line {
    font-size: 24px;
    font-weight: bold
}

.monitor__five .left-col .three-line {
    font-size: 14px;
    margin-top: 25px
}

.monitor__five .left-col form .button_orange {
    background-color: #f8942d;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    box-shadow: rgba(0, 0, 0, .45) 0 0 5px 0;
    text-align: center;
    font-size: 18px;
    transition: linear all .3s;
    display: block;
    padding: 12px 15px;
    font-weight: bold;
    max-width: 135px;
    width: 100%
}

.monitor__five .left-col form input[type="text"],
.monitor__five .left-col form input[type="email"],
.monitor__five .left-col form input[type="tel"] {
    min-width: 270px;
    width: 100%;
    padding: 12px 15px;
    background-color: #fff;
    border: solid 2px #a9c0ce;
    font-style: italic;
    margin: 10px 0
}

.monitor__five .left-col form input:first-child {
    margin-top: 45px
}

.monitor__five .left-col form input[type="tel"] {
    margin-bottom: 40px
}

.monitor__five .left-col form input[type="submit"] {
    margin-bottom: 20px;
}

.monitor__five .left-col form .accept {
    color: #94aab7;
    font-size: 13px;
    display: block;
    width: 100%
}

.monitor__five .right-col {
    padding-left: 20px
}

.monitor__five .right-col .certs {
    display: flex;
    margin-top: 30px
}

.monitor__five .right-col .certs .cert {
    max-width: 360px;
    max-height: 500px;
    margin: 10px 7px;
    width: 100%;
    border: solid 1px #fff;
    box-shadow: rgba(100, 100, 100, .1) 0 0 4px 0
}

.monitor__six {
    margin: 100px 0 55px
}

.monitor__six .container {
    margin-bottom: 90px
}

.monitor__six .about {
    color: #94aab7;
    text-transform: lowercase;
    font-weight: bold;
    display: block;
    width: 100%
}

.monitor__six .head {
    font-size: 48px;
    display: block;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: uppercase
}

.monitor__six .review .name, .monitor__six .review .lastName {
    display: block;
    width: 100%
}

.monitor__six .review .name {
    font-size: 18px;
    font-weight: 500
}

.monitor__six .review .lastName {
    font-size: 24px;
    font-weight: bold
}

.monitor__six .review .quote {
    margin-bottom: 15px;
    position: relative
}

.monitor__six .review .quote:before {
    content: url("../img/quote.png");
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 30%;
    left: 5%
}

.monitor__six .head__arrows .arrows,
.monitor__five .head__arrows .arrows {
    width: 100%
}

.monitor__six .head__arrows,
.monitor__five .head__arrows {
    display: flex;
    align-items: center
}

#reviews .head__arrows {
    flex-wrap: wrap;
}

.monitor__six .reviews .slick-dots li button::before {
    content: ' ';
    background: #dbdedd;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    opacity: 1
}

.monitor__six .reviews .slick-dots li button:hover:before, .slick-dots li button:focus:before,
.monitor__six .reviews .slick-dots li.slick-active button::before {
    background: rgba(255, 208, 77, 1);
    background: -moz-linear-gradient(top, rgba(255, 208, 77, 1) 0%, rgba(227, 130, 40, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 208, 77, 1)), color-stop(100%, rgba(227, 130, 40, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 208, 77, 1) 0%, rgba(227, 130, 40, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 208, 77, 1) 0%, rgba(227, 130, 40, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 208, 77, 1) 0%, rgba(227, 130, 40, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 208, 77, 1) 0%, rgba(227, 130, 40, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd04d', endColorstr='#e38228', GradientType=0)
}

.monitor__six .reviews .review {
    margin: 8px;
    padding: 15px 25px 0;
    height: 100%;
    position: unset;
}

.slick-dots {
    bottom: -40px
}

#prevReview, #nextReview,
#prevCert, #nextCert {
    display: inline-block;
    padding: 10px 5px
}

.monitor__six .container.review-container, #reviews {
    margin-bottom: 0;
}

#prevReview:hover, #nextReview:hover,
#prevCert:hover, #nextCert:hover {
    cursor: pointer;
    transition: linear all .3s
}

#prevReview, #prevCert {
    content: url("../img/left-arrow.png");
    margin-left: 15%
}

#nextReview, #nextCert {
    content: url("../img/right-arrow.png")
}

#nextReview:hover, #nextCert:hover {
    content: url("../img/right-arrow-h.png")
}

#prevReview:hover, #prevCert:hover {
    content: url("../img/left-arrow-h.png")
}

footer {
    background-color: #01545a;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-transform: uppercase;
    color: #fff;
    padding: 35px 0 25px;
    font-size: 14px;
    position: relative;
    z-index: 1
}

footer .col-6:first-child {
    text-align: left
}

footer .col-6:last-child {
    text-align: right
}

footer a {
    font-weight: bold;
    color: #ffa241;
    margin: 0 7px;
    transition: linear all .3s
}

footer a:hover {
    text-decoration: underline;
    color: #ffa241
}

footer .mail, footer .phone {
    position: relative;
    color: #fff;
    font-weight: bold
}

footer .phone {
    margin-right: 30px
}

footer .mail {
    text-decoration: underline
}

footer .phone:before, footer .mail:before {
    position: absolute;
    top: 0;
    left: -25px
}

footer .phone:before {
    content: url("../img/phone_footer.png")
}

footer .mail:before {
    content: url("../img/mail_footer.png")
}

.qviz2, .qviz3, .qviz4, .qviz5, .qviz6 {
    display: none
}

.monitor__four span.counter {
    color: #ffae4e
}

.qviz1 .ident {
    font-size: 24px;
    margin: 0;
    line-height: 1.1em
}

.qviz2 .head,
.qviz3 .head,
.qviz4 .head,
.qviz5 .head,
.qviz6 .head {
    font-size: 24px;
    margin: 35px 0
}

.monitor__four form {
    display: block;
    width: 100%
}

.monitor__four .form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.monitor__four .form .first-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: normal;
    margin: 0
}

.monitor__four .btn {
    background-color: #fff;
    position: relative;
    padding: 5px;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 18px;
    margin: 0 11px 20px 0;
    border-radius: 4px;
    width: 100%;
    max-height: 80px;
    max-width: 47.5%;
    box-shadow: rgba(0, 0, 0, .3) 0 0 8px 0
}

.monitor__four .form .first-line .btn {
    font-size: 16px
}

.monitor__four label {
    margin: 0 auto;
    width: 50%
}

.monitor__four label:hover {
    cursor: pointer
}

.monitor__four label .desc {
    display: block;
    width: 100%
}

.monitor__four .btn .num {
    background-color: #05c5d4;
    color: #fff;
    max-width: 60px;
    padding: 25px;
    font-size: 30px;
    font-weight: bold;
    max-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 0 0 4px
}

.monitor__four .custom_ans .desc {
    font-size: 16px;
    color: #94aab7;
    text-transform: lowercase;
    font-weight: bold;
    text-align: left
}

.monitor__four .custom_ans input {
    border: unset;
    border-bottom: solid 2px #dbdedd;
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 0 0 3px 0
}

.monitor__four .custom_ans .justify {
    margin-left: 35px;
    width: 75%
}

.monitor__four .btn input[type="radio"],
.monitor__four .btn input[type="checkbox"] {
    display: none
}

.qviz6 .btn {
    background: unset;
    border: unset;
    padding: 0;
    margin: 0 0 20px;
    box-shadow: unset
}

.qviz6 .custom_ans input {
    padding: 15px;
    font-style: italic;
    font-size: 16px;
    color: #8ea3af;
    border: solid 2px #a9c0ce
}

.popup-wrapper {
    position: fixed;
    display: none;
    z-index: 99999;
    top: 0;
    overflow: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6)
}

.popup {
    position: relative;
    float: right;
    width: 550px;
    padding: 25px 35px;
    font-size: 24px;
    min-height: 100%;
    box-shadow: rgba(0, 0, 0, .5) -2px 0 15px 0;
    background: #fff url("../img/form_bg-3.png") no-repeat;
    background-position: 50%
}

.popup:before {
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.popup .sended {
    background: url("../img/sended.png") no-repeat center center;
    width: 100%;
    height: 100%
}

.popup .justify {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    height: 100%;
    margin: 60px 0 0
}

.slick-slide a {
    display: block;
    width: auto
}

.popup .button_orange {
    background-color: #f8942d;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    box-shadow: rgba(0, 0, 0, .45) 0 0 5px 0;
    text-align: center;
    font-size: 18px;
    transition: linear all .3s;
    display: block;
    padding: 12px 15px;
    font-weight: bold;
    max-width: 155px;
    margin-bottom: 50px;
    width: 100%
}

.popup .button_orange:hover {
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, .2) 0 0 8px 0;
    background-color: #ffb14d
}

.popup .close:hover {
    cursor: pointer
}

.popup .close {
    position: absolute;
    top: 40px;
    left: 40px
}

.popup .close:before {
    content: url("../img/close.png");
    width: 26px;
    height: 26px;
    transition: linear all .3s
}

.popup .close:hover:before {
    content: url("../img/close-h.png")
}

.popup small {
    font-size: 16px
}

.contact input[type="text"],
.contact input[type="mail"],
.contact input[type="tel"] {
    width: 100%;
    font-size: 16px;
    padding: 12px 15px;
    background-color: #fff;
    border: solid 2px #a9c0ce;
    font-style: italic;
    margin-bottom: 20px
}

.contact [type="submit"] {
    margin-top: 20px
}

.fixed-header {
    position: fixed;
    z-index: 9999;
    display: block;
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: rgba(120, 120, 120, .4) 0 0 10px 0
}

.fixed-header ul {
    list-style: none;
    display: flex;
    align-items: center
}

.fixed-header ul {
    list-style: none;
    margin: 0
}

.fixed-header ul li {
    max-height: 40px;
    display: inline-block;
    margin: 0 7px
}

.fixed-header ul li:first-child {
    margin-left: 0
}

.fixed-header ul li:last-child {
    margin-right: 0
}

.fixed-header ul li a {
    padding: 10px 7px;
    text-transform: uppercase;
    color: #000;
    display: block;
    font-weight: 500;
    transition: linear all .3s
}

.fixed-header ul li a:hover {
    color: #ffa241
}

.fixed-header .button_orange {
    background-color: #f8942d;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    box-shadow: rgba(0, 0, 0, .45) 0 0 5px 0;
    text-align: center;
    font-size: 14px;
    transition: linear all .3s;
    display: flex;
    font-weight: bold;
    max-width: 160px;
    text-transform: uppercase;
    width: 100%;
    height: 70%;
    margin: auto 0;
    align-items: center;
    justify-content: center
}

.fixed-header .button_orange:hover {
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, .2) 0 0 8px 0;
    background-color: #ffb14d
}

.mobile-menu {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    background: #fff;
    padding: 0 15px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9
}

.mobile-menu .close:hover {
    cursor: pointer
}

.mobile-menu .social {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 100px
}

.mobile-menu .social a {
    display: block;
    padding: 25px;
    background-color: #fff;
    border-radius: 50%;
    margin: 10px 15px;
    box-shadow: rgba(120, 120, 120, .4) 0 0 10px 0
}

.mobile-menu .close {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 15px
}

.mobile-menu .close:before {
    content: url("../img/close.png");
    width: 26px;
    height: 26px;
    transition: linear all .3s
}

.mobile-menu .close:hover:before {
    content: url("../img/close-h.png")
}

.mobile-menu .menu {
    list-style: none;
    margin-top: 25%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.mobile-menu .menu li {
    width: 100%;
    display: block
}

.mobile-menu .menu a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 18px
}

@media screen and (max-width: 1025px) {
    .popup .justify form {
        margin: -20% auto 20%
    }

    .monitor__first,
    .monitor__second,
    .monitor__three,
    .monitor__four {
        margin-top: 75px
    }

    .float-contacts {
        right: 2%;
        z-index: 1
    }

    .wrapper {
        height: 100%;
        background-position: 60% 100%;
        padding-bottom: 85px
    }

    .monitor__first .make {
        font-size: 30px
    }

    .monitor__first .effect {
        font-size: 56px
    }

    .monitor__first .call-to-action,
    .monitor__first .call-to-action a {
        margin: 0
    }

    .monitor__first .call-to-action .illustration {
        display: none
    }

    .monitor__first .accepts {
        flex-direction: column;
        margin: 60px 0 -75px 50px;
        font-weight: bold
    }

    .monitor__first .accepts .illustration {
        display: block;
        position: absolute;
        width: 250px;
        height: 250px;
        overflow: hidden;
        right: 0;
        bottom: 0;
        background-size: contain;
    }

    .monitor__first .accepts span {
        line-height: 4em
    }

    .monitor__second .head {
        font-size: 38px
    }

    .monitor__second .why {
        margin-top: 40px
    }

    .monitor__second .star, .monitor__second .lego, .monitor__second .rocket {
        margin: 30px 0 10px 55px
    }

    .monitor__second .photo {
        margin-top: 35px
    }

    .monitor__second form {
        padding: 40px 15px
    }

    .monitor__second form .desc b {
        display: block
    }

    .monitor__second form .desc {
        position: relative;
        z-index: 1;
        font-size: 24px
    }

    .monitor__second form .inputs {
        flex-direction: column
    }

    .monitor__second form .inputs input[type="text"] {
        margin: 10px 0;
        max-width: unset
    }

    .monitor__second .button_orange {
        max-width: unset;
        margin-top: 20px
    }

    .monitor__second .accept {
        font-size: 13px;
        text-align: justify
    }

    .monitor__second .bg {
        background-position: 92%;
        top: 41%
    }

    .monitor__second .photo .photo-block {
        height: 500px;
        margin-left: 0;
        background-size: contain
    }

    .monitor__three .head {
        font-size: 36px
    }

    .monitor__three .head, .monitor__three .about {
        margin: 0 auto;
        width: 80%
    }

    .monitor__three .list ul:before {
        right: unset
    }

    .monitor__three .list li {
        max-width: 40%;
        margin: 35px 50% 65px 49px
    }

    .monitor__three .price {
        margin-top: 70px
    }

    .monitor__three .price .head,
    .monitor__three .price .about {
        margin: 0
    }

    .monitor__three .price li {
        margin: 30px 0
    }

    .monitor__four-bg {
        margin-top: 0;
        background-size: cover
    }

    .monitor__four {
        max-height: unset;
        padding: 50px 0
    }

    .monitor__four .head {
        font-size: 26px
    }

    .qviz1 .ident {
        font-size: 16px;
        line-height: 1.3em
    }

    .monitor__four .first-line {
        margin-top: 20px
    }

    .monitor__four .two-line {
        margin: 25px 0
    }

    .qviz2 .head,
    .qviz3 .head,
    .qviz4 .head,
    .qviz5 .head,
    .qviz6 .head {
        font-size: 18px;
        margin: 20px 0 30px
    }

    .monitor__four .form,
    .monitor__four .form .first-line {
        flex-direction: column
    }

    .monitor__four .btn {
        max-width: unset;
        margin-right: 0
    }

    .monitor__four .custom_ans .justify {
        margin-left: 13px
    }

    .monitor__four .button_orange {
        margin: 20px auto 0
    }

    .monitor__five {
        flex-wrap: wrap
    }

    .monitor__five .left-col {
        max-width: unset;
        background-position: 100% 48%;
        padding: 45px 40px 20px
    }

    .monitor__five .right-col {
        padding: 40px 15px
    }

    .monitor__six {
        margin-top: 0
    }

    footer {
        max-height: unset
    }

    header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header nav .menu {
        display: none
    }

    header .logo {
        width: 225px;
        background-size: contain
    }

    header nav {
        position: relative
    }

    header nav .head {
        display: block;
        position: absolute;
        top: -11px;
        text-transform: uppercase;
        font-weight: bold
    }

    header nav:before {
        content: url("../img/burger.png");
        display: block;
        top: -25px;
        right: 0;
        position: absolute;
        padding: 15px
    }
}

@media screen and (max-width: 860px) {
    .fixed-header {
        display: none !important
    }
}

@media screen and (max-width: 500px) {
    .monitor__first,
    .monitor__second,
    .monitor__three,
    .monitor__four,
    .monitor__six {
        margin-top: 50px
    }

    .monitor__second form .desc {
        position: relative;
        z-index: 1;
        font-size: 18px
    }

    .monitor__second .accept {
        font-size: 12px;
        text-align: justify
    }

    .wrapper {
        height: auto;
        background-position: 13% 80%;
        overflow: hidden
    }

    .monitor__first {
        line-height: unset;
        letter-spacing: unset
    }

    .monitor__first .make {
        font-size: 18px
    }

    .monitor__first .effect {
        font-size: 36px
    }

    .monitor__first .effect {
        line-height: 1.2em
    }

    .monitor__first .call-to-action {
        margin-top: 0
    }

    .monitor__first .call-to-action .illustration {
        display: none
    }

    .monitor__first .accepts .illustration {
        display: block;
        position: inherit;
        overflow: hidden;
        left: -20%;
        top: auto;
    }

    .monitor__first .call-to-action div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .monitor__first .call-to-action div a {
        margin: 0
    }

    .monitor__first .call-to-action div a:first-child {
        margin-top: 40px
    }

    .monitor__first .accepts {
        margin: 0 0 15px 60px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        position: relative
    }

    .monitor__first .accepts span {
        margin-top: 20px
    }

    .monitor__first .accepts span:before {
        top: 10px
    }

    .monitor__second p {
        font-size: 14px
    }

    .monitor__second .about,
    .monitor__three .price .about {
        font-size: 16px
    }

    .monitor__second .head,
    .monitor__three .price .head,
    .monitor__five .head,
    .monitor__six .head {
        font-size: 28px
    }

    .monitor__second .photo {
        margin: 40px 15px 0;
        max-height: 430px;
        min-height: 430px;
        height: 500px
    }

    .monitor__three .head,
    .monitor__three .about,
    .monitor__five .left-col .first-line,
    .monitor__five .left-col .second-line {
        font-size: 18px
    }

    .monitor__three .list ul {
        max-width: 67%
    }

    .monitor__three .list li {
        max-width: 95%;
        text-align: left;
        margin: 35px 0 40px -10px
    }

    .monitor__three .price {
        margin-top: 50px
    }

    .monitor__three .price li {
        margin: 25px 0 0
    }

    .monitor__three .list {
        overflow: hidden
    }

    .monitor__three .list ul:before {
        content: " ";
        position: absolute;
        top: -68px;
        right: -91%;
        z-index: -1;
        background: url(../img/setka_2.png) no-repeat right top;
        height: 123%;
        width: 372px;
        background-position: -70px 48%;
        background-size: contain
    }

    .monitor__five {
        margin-top: 0;
        flex-wrap: wrap
    }

    .monitor__five .left-col {
        min-width: unset;
        max-width: unset;
        padding: 45px 15px 0;
        background-position: 100% -62px
    }

    .monitor__five .left-col form input:first-child {
        margin-top: 25px
    }

    .monitor__five .left-col form .accept {
        font-size: 12px;
        padding-bottom: 30px
    }

    .monitor__five .right-col {
        padding: 35px 15px
    }

    .monitor__five .right-col .certs .cert {
        min-width: 290px;
        display: block;
        margin: 0
    }

    #prevReview, #prevCert {
        margin-left: 0
    }

    #prevReview, #nextReview, #prevCert, #nextCert {
        padding: 10px 6px
    }

    .monitor__six .container {
        margin-bottom: 70px
    }

    .monitor__six .head__arrows .arrows, .monitor__five .head__arrows .arrows {
        text-align: right
    }

    .popup {
        width: 100%;
        padding: 25px 15px
    }

    .popup .close {
        left: unset;
        right: 25px;
        top: 25px
    }

    .popup .justify form {
        margin: 0
    }

    .popup .justify p {
        font-size: 18px
    }

    header .phone,
    header nav .head,
    .float-contacts {
        display: none
    }

    footer {
        max-height: unset;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    footer .margin {
        margin-top: 40px
    }
}

header.fixed .logo,
header.fixed .phone,
header .button_orange {
    display: none;
}

header.fixed {
    position: fixed;
    height: 70px;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background: #fff;
    box-shadow: rgba(120, 120, 120, .4) 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

header.fixed .button_orange {
    background-color: #f8942d;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #fff;
    box-shadow: rgba(0, 0, 0, .45) 0 0 5px 0;
    text-align: center;
    font-size: 14px;
    transition: linear all .3s;
    display: block;
    padding: 12px 15px;
    font-weight: bold;
    max-width: 185px;
    margin-right: 20px;
    text-transform: uppercase;
    width: 100%
}

header.fixed nav {
    width: 100%;
    height: 70px;
    margin-top: 12%;
    margin-bottom: 10px
}

header.fixed nav:before {
    top: 0;
    left: 23px;
    padding: 0;
    right: unset
}

header.fixed nav .head {
    top: 0;
    left: 65px;
    display: block
}

.s-article-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 18px;
    margin-bottom: 20px;
}

.s-article-title-on-image {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 30px;
    color: #fff;
}

.s-article-user {
    font-size: 18px;
    font-weight: 500;
    color: #393939;
    margin: 0;
}

.s-article-user-role {
    font-size: 14px;
    font-weight: 300;
    color: #393939;
    margin: 0;
}

.s-article-img {
    width: 360px;
    background: url("/site/img/default/1.png") center;
    background-size: cover;
    border-radius: 15px;
}

.s-article-img-1 {
    height: 477px;
}

.s-article-img-2 {
    height: 360px;
}

.m-b-lg {
    margin-bottom: 30px
}

.header-h3 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

.header-h5 {
    font-size: 20px;
    font-weight: normal;
}

.vertical-delimiter {
    border: 1px solid #bbb;
    height: 30px;
    position: relative;
    top: 8px
}

.nav-tabs-s-articles, .nav-tabs-p-projects {
    border: none;
    margin: 30px 0 30px 0;
}

.nav-tabs-s-articles > a.nav-item, .nav-tabs-p-projects > a.nav-item {
    border: none;
    color: #bbb;
    font-size: 20px;
}

.nav-tabs-s-articles:focus, .nav-tabs-s-articles:hover, .nav-tabs-p-projects:focus, .nav-tabs-p-projects:hover {
    border: none;
}

.btn-big-outline {
    padding: 25px 55px;
    border: 2px solid #F6943B;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.p-projects-elem {
    height: 420px;
    width: 340px;
    margin: 5px;
}

.p-projects-img {
    width: 335px;
    height: 335px;
    background: url("/site/img/default/1.png") center;
    background-size: cover;
    border-radius: 15px;
    cursor: pointer;
}

.p-projects-title {
    margin: 20px 0;
}

.p-projects-title a {
    color: #262626;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.p-projects-date {
    color: #9c9c9c;
    font-size: 16px;
    font-weight: normal;
    margin: 5px 0 30px 0;
}

.scrollbar-content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.scrollbar-content.light {
    background-color: #ddd;
    color: #333;
}

.scrollbar-content {
    overflow: auto;
    position: relative;
    padding: 20px;
    background: #333;
    margin: 10px;
    width: 740px;
    max-width: 97%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.breadcrumb {
    background: none;
    padding-left: 0;
}

.breadcrumb-item > a, .s-article-title > a {
    color: #212529;
}

.breadcrumb-item.active {
    color: #1B9FAB;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAWUlEQVQoz2NgoCaQmb9aCV2MCZ+Gf/8Z4qXnr24kWgME/K9D1kSEBlRNjNLzV/0n3leMTUTagKQFn6TUvNWNjIz/62CmP00MrSfSBohiIj2NUEwQYIs4kgEAal4cR/vHz/QAAAAASUVORK5CYII=');
}

.page-content img {
    max-width: 100%;
}

.related-items__title {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 35px;
}

.related-items__title span {
    border-bottom: 3px solid #28A7AB;
    padding-bottom: 5px;
}

.portfolio-img {
    height: 360px;
    width: 360px;
    background-size: cover;
    border-radius: 15px;
}

.portfolio-title {
    max-width: 360px;
    padding: 20px 0 10px 0;
}

.portfolio-title a {
    color: #262626;
    font-weight: bold;
    font-size: 23px;
    line-height: 0.9em;
}

.portfolio-title a:hover {
    text-decoration: underline;
}

.portfolio-date {
    font-size: 16px;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }

    .s-article-title {
        max-width: 335px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .only-xs {
        display: none;
    }

    .portfolio-img {
        height: 345px;
        width: 345px;
    }

    .portfolio-title {
        max-width: 345px;
    }

    .s-article-title {
        max-width: 335px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .portfolio-img {
        height: 310px;
        width: 310px;
    }

    .portfolio-title {
        max-width: 310px;
    }

    .s-article-img {
        width: 305px;
    }

    .s-article-img-2 {
        height: 305px;
    }

    .s-article-title {
        max-width: 305px;
    }

    .only-xs {
        display: none;
    }
}

@media (min-width: 1200px) {
    .only-xs {
        display: none;
    }
}

[data-href]:hover {
    cursor: pointer;
}

.s-article-title:hover > a {
    text-decoration: underline;
}

.star {
    color: #222222;
}

.star:before {
    content: "\f005"; /* Star */
    margin: 2px;
    font-size: 1em;
    font-family: FontAwesome;
    display: inline-block;
}

.star-rating[data-value="1"] .star:nth-child(-n+1) {
    color: #ffca08;
}

.star-rating[data-value="2"] .star:nth-child(-n+2) {
    color: #ffca08;
}

.star-rating[data-value="3"] .star:nth-child(-n+3) {
    color: #ffca08;
}

.star-rating[data-value="4"] .star:nth-child(-n+4) {
    color: #ffca08;
}

.star-rating[data-value="5"] .star:nth-child(-n+5) {
    color: #ffca08;
}

#prevReview {
    margin-left: 33% !important;
}

#reviews .arrows {
    width: 380px !important;
}

.review__title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.review__link a {
    color: #777070;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-decoration: underline;
}

.table-simple {
    color: #fff;
}

@media (max-width: 500px) {
    .table-simple {
        font-size: 10px;
    }
}

.container-s-a {
    margin-top: 50px;
}

.modal-backdrop {
    width: 110vw !important;
    height: 110vh !important;
}

.btn-primary-2 {
    color: #fff;
    background-color: #f8942d;
    border-color: #ffc896;
}

.btn-primary-2:focus,
.btn-primary-2.focus {
    color: #fff;
    background-color: #ffb14d;
    border-color: #ffc896;
}

.btn-primary-2:hover {
    color: #fff;
    background-color: #ffb14d;
    border-color: #ffc896;
}

.btn-primary-2:active,
.btn-primary-2.active,
.open > .dropdown-toggle.btn-primary-2 {
    color: #fff;
    background-color: #ffb14d;
    border-color: #ffc896;
}

.btn-primary-2:active:hover,
.btn-primary-2.active:hover,
.open > .dropdown-toggle.btn-primary-2:hover,
.btn-primary-2:active:focus,
.btn-primary-2.active:focus,
.open > .dropdown-toggle.btn-primary-2:focus,
.btn-primary-2:active.focus,
.btn-primary-2.active.focus,
.open > .dropdown-toggle.btn-primary-2.focus {
    color: #fff;
    background-color: #ffb14d;
    border-color: #ffc896;
}

.btn-primary-2:active,
.btn-primary-2.active,
.open > .dropdown-toggle.btn-primary-2 {
    background-image: none;
}

.btn-primary-2.disabled:hover,
.btn-primary-2[disabled]:hover,
fieldset[disabled] .btn-primary-2:hover,
.btn-primary-2.disabled:focus,
.btn-primary-2[disabled]:focus,
fieldset[disabled] .btn-primary-2:focus,
.btn-primary-2.disabled.focus,
.btn-primary-2[disabled].focus,
fieldset[disabled] .btn-primary-2.focus {
    background-color: #f8942d;
    border-color: #ffc896;
}

.modal-header, .modal-body, .modal-footer {
    padding: 25px 40px !important;
}

.modal-with-preload {
    position: relative;
}

.modal-with-preload::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2) url('/site/img/loading-11.gif') no-repeat center;
    background-size: 33%;
    display: none;
}

.modal-with-preload.is-loading::after {
    display: block;
}

#common-error {
    display: none;
}

.privacy {
    font-size: 0.8em;
    line-height: normal;
}

.text-line-through {
    text-decoration: line-through;
}

.features__container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}

.features__item {
    width: 210px;
    height: 60px;
    display: flex;
    justify-content: space-between;
}

.features__image {
    width: 210px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: left;
}

.features__item.small > .features__image {
    width: 120px;
}

.features__item.middle > .features__image {
    width: 150px;
}

@media (max-width: 1000px) {
    .homepage .wrapper {
        height: auto;
    }
}

@media (max-width: 1199px) {
    .features__item.empty {
        display: none;
    }

    .monitor__first .accepts {
        width: 60%;
    }
}