.page-service h2 {
    width: 100%;
    display: block;
    margin: 10px 0;
}

.page-service p {
    width: 100%;
}

#reloadCaptcha{
	font-size: 15px;
    font-weight: 300;
    color: #999;
    margin-left: 5px;
    cursor: pointer;
}
#reloadCaptcha:hover{
	text-decoration: none;
}

.col-price {
width: 50%;
padding:0 10px;
text-align:left;
}

@media (max-width: 768px) {
.col-price {
width: 100%;
	}}



/* SCOPE = .mainHeaderWrapper */

/* SCOPE = .cookieWrapper */
.cookieWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 10;
    overflow: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    padding: 15px 0;
    transition: all 300ms ease;
    opacity: 0;
    pointer-events: none;
    transform: translateY(30px)
}

.cookieWrapper.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.cookieWrapper p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #333842;
    text-align: center
}

@media only screen and (min-width: 769px) {
    .cookieWrapper p {
        padding-right: 120px
    }
}

.cookieWrapper p a {
    color: #4b7fee
}

.cookieWrapper .btn-pop {
    border: 1px solid #f60;
    margin: 15px auto 0;
    right: 30px;
    top: calc(50% - 14px);
    width: 61px;
    height: 28px;
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 13px;
    background-color: #4b7fee;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #4b7fee
}

@media only screen and (min-width: 769px) {
    .cookieWrapper .btn-pop {
        position: absolute;
        margin: 0
    }
}

/* SCOPE = .footer */
.footer {
    background-color: #f9faff
}

@media only screen and (min-width: 769px) {
    .footer {
        opacity: 0;
        transition: all 300ms ease;
        transform: translateY(100px)
    }

    .footer:not(.invisible-state) {
        transform: translateY(0);
        opacity: 1;
        transition: all 500ms ease 0ms
    }

    .footer.complete {
        transform: translateY(0);
        opacity: 1
    }
}

.footer .wrapper {
    padding: 26px 0 0;
    background-color: #fff
}

@media (max-width: 1179px) {
.footer .wrapper {
    text-align: center;
	}}

.footer .topFooter > .grid {
    margin-bottom: 25px
}

@media (max-width: 1179px) {
    .footer .topFooter > .grid > li {
        width: calc(100% - 0px)
    }

    .footer .topFooter > .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .footer .topFooter > .grid > li:nth-of-type(1n) {
        margin: 0 0 30px
    }
}

@media only screen and (max-width: 1179px) and (min-width: 769px) {
    .footer .topFooter > .grid > li {
        width: calc(50% - 15px)
    }

    .footer .topFooter > .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .footer .topFooter > .grid > li:nth-of-type(2n) {
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1180px) {
    .footer .topFooter > .grid {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer .topFooter > .grid:before, .footer .topFooter > .grid:after {
        display: none
    }
}

.footer .topFooter > .grid li .name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 30px;
    color: #9496a3;
    background-position: 0 center;
    background-repeat: no-repeat
}

.bg-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #9496a3;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 26px;
}

.footer .topFooter > .grid li .info {
    font-size: .9375rem;
    color: #292e48
}

.footer .topFooter > .grid li .telContainer {
    max-width: 320px;
	text-align: center;
}

.footer .topFooter > .grid li .telContainer > li {
    width: calc(100% - 0px)
}

.footer .topFooter > .grid li .telContainer > li:nth-of-type(n) {
    margin: 0 5px 5px 0
}

.footer .topFooter > .grid li .telContainer > li:nth-of-type(1n) {
    margin: 0 0 5px
}

@media only screen and (min-width: 769px) {
    .footer .topFooter > .grid li .telContainer > li:nth-of-type(n) {
        margin: 0 1px 1px 0
    }

    .footer .topFooter > .grid li .telContainer > li:nth-of-type(2n) {
        margin: 0 0 1px
    }
}

@media only screen and (min-width: 768px) {
    .footer .topFooter > .grid li .telContainer li:nth-child(2n) {
        position: relative
    }
}

.footer .topFooter > .grid li .telContainer a {
    font-size: .9375rem;
    color: #292e48
}

.footer .bottomFooter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0
}

@media only screen and (min-width: 769px) {
    .footer .bottomFooter {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: row;
        flex-direction: row;
        border-top: 1px solid #eaedef
    }
}

.footer .bottomFooter .copyright {
    font-size: .875rem;
    line-height: 1.75rem;
    color: #9496a3;
    -ms-flex-order: 2;
    order: 2;
    border-top: 1px solid #eaedef;
    width: 100%;
    padding: 16px 0 2px
}

@media only screen and (min-width: 769px) {
    .footer .bottomFooter .copyright {
        -ms-flex-order: 1;
        order: 1;
        border-top: none;
        width: auto;
        padding: 0
    }
}

.socShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 0 23px 0
}

@media only screen and (min-width: 769px) {
.socShare {
        -ms-flex-order: 3;
        order: 3;
        padding: 0
    }
}

.socShare svg {
    width: 25px;
    height: 25px;
    margin: 0 12px;
    transition: all 300ms ease
}

@media only screen and (min-width: 1180px) {
.socShare svg {
        margin: 0 28px
    }
}

.socShare svg:hover {
    transform: scale(1.1)
}

.socShare .facebook svg {
    fill: #4368ad
}

.socShare .instagram svg {
    fill: #c3348e
}

.socShare .youtube svg {
    fill: #df4444
}

.socShare .linkedin svg {
    fill: #1976d2
}

.footer .bottomFooter .powered {
    -ms-flex-order: 3;
    order: 3;
    font-size: .875rem;
    line-height: 1.75rem;
    color: #9496a3
}

@media (max-width: 639px) {
    .footer .bottomFooter .powered {
        width: 100%;
        margin: 17px 0 0;
    }
}

.footer .bottomFooter .powered a {
    color: #292e48;
    text-decoration: underline
}

.footer .bottomFooter .powered a:hover {
    text-decoration: none
}

@media only screen and (min-width: 769px) {
    .footer .bottomFooter .powered {
        display: block
    }
}

.totop, .toindex {
    position: fixed
}

.totop {
    display: none;
    right: 15px;
    bottom: calc(12% + 12px);
    z-index: 99;
    text-decoration: none;
    cursor: pointer;
    transition: .3s all linear;
}

@media only screen and (min-width: 769px) {
    /*.totop {*/
    /*    right: 10px;*/
    /*    bottom: 80px*/
    /*}*/
}

.totop:hover {
    text-decoration: none;
    transform: scale(1.08);
}

.totop span {
    /*width: 100px;*/
    height: 48px;
    /*border-radius: 4px;*/
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    transform: rotate(90deg);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url("../img/arr.svg");
    background-position: 10px 18px;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 10px;
    line-height: 1;
    /*font-size: 15px;*/
    box-shadow: 0px 0px 20px 0px rgba(77, 99, 147, 0.27);
    transition: .3s all linear;
}
.totop span {
    width: 48px;
    border-radius: 50%;
    font-size: 0;
    background-position: center;
    background-size: initial;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    /*@media screen and (max-width: 480px) {*/
    a#bingc-phone-button,
    .totop {
        display: none !important;
    }

    .b24-widget-button-position-bottom-right {
        bottom: 30px !important;
        right: 0 !important;
    }

    .totop {
        right: 8px;
        bottom: 15px;
    }

    a#bingc-phone-button {
        bottom: 145px !important;
        left: unset !important;
        right: -13px !important;
    }
}

.toindex {
    display: block;
    right: 60px;
    bottom: 10px
}

.toindex:before {
    transform: rotate(-45deg)
}

.allPopupForm {
    display: none
}

.popupOrderForm {
    display: none;
    padding-top: 30px;
    width: 360px
}

.popupOrderForm .text {
    font-size: 1.25rem;
    color: #121832;
    margin-bottom: 22px;
    line-height: 1.2;
	text-align: center;
    font-weight: bold;
}

.popupOrderForm input {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: 15px;
    padding: 0 15px;
    margin-bottom: 20px;
    box-shadow: none
}

.popupOrderForm input.noSend {
    border-color: #f83e3e
}

.popupOrderForm .yam-button {
    width: 100%;
    height: 52px;
    border-radius: 4px;
    background-color: #4b7fee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

.footer .bottomFooter {
    flex-direction: column;
    border: none;
}

.upper-wrap, .lower-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.upper-wrap {
    margin: 0 0 10px;
    justify-content: normal;
}

.bottomFooter_title {
    color: #9496a3;
    font-size: 16px;
    margin: 0 0 15px;
    padding-left: 30px;
}

.footer .bottomFooter .oferta, .footer .bottomFooter .oferta.small {
    width: auto;
    text-align: left;
    margin: 0 0 10px;
}

.bottom_mail input[type="email"] {
    display: block;
    width: 70%;
    height: 30px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: .875rem;
    padding: 0 15px;
}

.bottom_mail form {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.bottom_mail input[type="email"] {
    display: block;
    width: 80%;
    height: 40px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: .875rem;
    padding: 0 15px;
    display: inline-block;
}

.bottom_mail input.yam-button {
	width: 18%;
	height: 40px;
	display: inline-block;
	border: none;
	background: #04f url(../img/send_white.png) center 50% no-repeat;
	background-size: 20px;
}

.socShare a {
    width: 25%;
    margin: 5px 0 0;
}

.footer .bottomFooter .socShare svg {
    margin: 0;
    transform: scale(1.5);
}

.data-trait {
    width: 100%;
    max-width: 355px;
}

.relationship {
    width: 100%;
    max-width: 255px;
}

.bottom_share {
    max-width: 330px;
    width: 100%;
}

.bottom_mail {
    width: 100%;
    max-width: 230px;
}

.bottom_mail .bottomFooter_title {
    text-align: left;
    padding: 0;
}

@media screen and (min-width: 769px) {
    a#bingc-phone-button {
        bottom: 10% !important;
    }

    .b24-widget-button-position-bottom-right {
        bottom: 12% !important;
    }
}

@media (max-width: 639px) {
    .upper-wrap, .lower-wrap {
        flex-direction: column;
    }

    .mail_share {
        width: 100%;
        max-width: 200px;
    }

    .data-trait, .relationship {
        margin: 0 0 15px;
    }
}

/* SCOPE = .aboutUs */
.aboutUs {
    background-color: #f9faff
}

/* SCOPE = .mainOrder */
.mainOrder .order {
    background-color: #4b7fee;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

@media only screen and (min-width: 769px) {
    .mainOrder .order {
        -ms-flex-align: center;
        align-items: center;
        padding: 35px 60px;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.mainOrder .order .text {
    font-size: 1.25rem;
    color: #e6effc;
    margin-bottom: 22px;
    line-height: 1.2;
	text-align:center;
}

.mainOrder .order .text span {
    font-family: "DecimaNovaPro_Bold"
}

@media only screen and (min-width: 769px) {
    .mainOrder .order .text {
        font-size: 1.875rem;
        margin-bottom: 0;
		text-align:left;
    }
}

.button2 {
    width: 100%;
    height: 52px;
    border-radius: 4px;
    background-color: #ffbc39;
    color: #383838;
    font-size: 1.125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none
}

@media only screen and (min-width: 769px) {
.button2 {
        width: 200px;
        min-width: 200px
    }
}

/* SCOPE = .helpMe */
.helpMe .formWrapper {
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    padding: 30px;
    margin-bottom: 60px
}

.helpMe .formWrapper .descriptionContainer .p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #292e48;
    margin-bottom: 26px
}

.helpMe .formWrapper .descriptionContainer .p b {
    font-weight: normal;
    font-family: "DecimaNovaPro_Bold"
}

.helpMe .formWrapper .descriptionContainer .p span {
    font-size: .9375rem;
    line-height: 1.5rem;
    display: block
}

@media only screen and (min-width: 1180px) {
    .helpMe .formWrapper .descriptionContainer .p {
        padding-left: 74px;
        margin-bottom: 0;
        background-image: url("../img/email.svg");
        background-repeat: no-repeat;
        background-position: left center
    }
}

.helpMe .formWrapper .flexContainer input {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: 15px;
    padding: 0 15px
}

.helpMe .formWrapper .flexContainer input[type="tel"] {
    padding: 0 10px 0 50px;
    background-image: url("../img/phone.svg");
    background-repeat: no-repeat;
    background-position: 17px center;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .helpMe .formWrapper .flexContainer input[type="tel"] {
        margin-bottom: 0
    }
}

.helpMe .formWrapper .flexContainer input.noSend {
    border-color: #f83e3e
}

.helpMe .formWrapper .flexContainer .yam-button {
    width: 100%;
    height: 52px;
    border-radius: 4px;
    background-color: #4b7fee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

/* SCOPE = .topBlock */
@media only screen and (min-width: 769px) {
    .topBlock {
        padding-bottom: 30px
    }

    .sizeBlock {
        max-width: 1366px;
        padding-bottom: 0;
        margin: auto;
    }
}

@media only screen and (min-width: 1180px) {
    .topBlock {
        background: url(https://jurlaw.symmetryplus.com.ua/img/title1.jpg) no-repeat top;
        background-repeat: no-repeat;
        background-position: center bottom
    }
}

/* SCOPE = .whoIs */
.whoIs {
    padding: 41px 0 30px
}

.whoIs .titleContainer {
    text-align: center
}

.whoIs .titleContainer .title {
    font-size: 24px;
    line-height: 36px;
    color: #333842;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 17px
}

@media only screen and (min-width: 769px) {
    .whoIs .titleContainer .title {
        font-size: 2.25rem;
        line-height: 1.2
    }
}

.whoIs .titleContainer .subTitle {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #333842;
    margin-bottom: 40px
}

.lobal-slider-container {
    padding-top: 40px;
}

/* SCOPE = .whatWrapper */
.whatWrapper {
    margin-bottom: 45px
}

.whatWrapper .whatBlock {
    background-color: #e3ebf6;
	margin-top: -80px;
}

.whatWrapper .whatBlock .textWrapper {
    padding: 30px
}

@media only screen and (min-width: 769px) {
    .whatWrapper .whatBlock .textWrapper {
        padding: 47px 60px
    }
}

@media only screen and (min-width: 1180px) {
    .whatWrapper .whatBlock .textWrapper {
        padding: 77px 0 83px
    }
}

.whatWrapper .whatBlock .textWrapper .title {
    font-size: 24px;
    margin-bottom: 27px;
    line-height: 1.35;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold"
}

@media only screen and (min-width: 769px) {
    .whatWrapper .whatBlock .textWrapper .title {
        font-size: 36px;
        margin-bottom: 35px
    }
}

.whatWrapper .whatBlock .textWrapper .text {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 769px) {
    .whatWrapper .whatBlock .textWrapper .text {
        font-size: 18px;
        line-height: 28px
    }
}

.whatWrapper .videoBlock {
    display: block;
    width: 100%;
    height: 200px;
    background-image: url("../img/videoBg1.png");
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: contain
}

@media only screen and (min-width: 769px) {
    .whatWrapper .videoBlock {
        background-position: center;
        height: 450px
    }
}

@media only screen and (min-width: 1180px) {
    .whatWrapper .videoBlock {
        height: 100%;
        background-size: cover
    }
}

/* SCOPE = .calculator */
.calculator {
    margin: 48px 0;
}

.calculator .title {
    font-size: 1.5rem;
    line-height: 1.4;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    text-transform: uppercase;
    font-weight: bold
}

@media only screen and (min-width: 769px) {
    .calculator .title {
        margin-bottom: 39px;
        text-align: center;
        font-size: 2.25rem
    }
}

.calculator .calcWrapper {
    border-radius: 4px;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    padding: 15px
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper {
        background-color: #fff;
        padding: 33px 40px;
        opacity: 0;
        transition: all 300ms ease;
        transform: translateX(-50px)
    }

    .calculator .calcWrapper.rSide {
        transform: translateX(50px)
    }

    .calculator .calcWrapper:not(.invisible-state) {
        transform: translateX(0);
        opacity: 1;
        transition: all 500ms ease 300ms
    }

    .calculator .calcWrapper.complete {
        transform: translateX(0);
        opacity: 1
    }
}

@media only screen and (min-width: 1180px) {
    .calculator .calcWrapper {
        height: 100%
    }
}

.calculator .calcWrapper .calcTitle {
    font-size: 18px;
    line-height: 28px;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 18px;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .calcTitle {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 24px
    }
}

.calculator .calcWrapper .subTitle {
    font-size: 1.125rem;
    line-height: 30px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin: 25px 0
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .subTitle {
        margin: 10px 0
    }
}

.calculator .calcWrapper .topCalcBlock {
    border-bottom: 2px solid #e6effc;
    margin-bottom: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.calculator .calcWrapper .topCalcBlock .calcContainer .configItems,
.calculator .calcWrapper .topCalcBlock .calcContainer .moreOptions {
    position: relative;
}

.calculator .calcWrapper .topCalcBlock .calcContainer {
    margin-bottom: 23px;
    -ms-flex-order: 3;
    order: 3
}

@media (max-width: 768px) {
    .calculator .calcWrapper .topCalcBlock .calcContainer .mobileText {
        border: 1px solid #e0e2e9;
        border-radius: 4px;
        background-color: #fff;
        font-size: .9375rem;
        line-height: 2;
        color: #292e48;
        padding: 15px 20px;
        cursor: pointer;
        position: relative;
        transition: all 300ms ease
    }

    .calculator .calcWrapper .topCalcBlock .calcContainer .mobileText:before {
        position: absolute;
        top: calc(50% - 8px);
        right: 20px;
        background-image: url("../img/keyboard_arrow.svg");
        background-size: contain;
        width: 16px;
        height: 16px;
        content: "";
        transition: all 300ms ease
    }

    .calculator .calcWrapper .topCalcBlock .calcContainer .mobileDrop {
        height: auto;
        opacity: 1;
        pointer-events: auto;
        overflow: visible
    }

    .calculator .calcWrapper .topCalcBlock .calcContainer.active .mobileText:before {
        transform: rotate(180deg)
    }
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .topCalcBlock .calcContainer {
        -ms-flex-order: 2;
        order: 2
    }

    .calculator .calcWrapper .topCalcBlock .calcContainer .mobileText {
        display: none
    }
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: row;
    margin: 15px 0 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6effc
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm b {
    font-weight: normal;
	padding-left: 10px;
	width: 72px;
    text-align: right;
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm i {
    font-style: normal;
	padding-left: 5px;
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm:last-child {
    border-bottom: none
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .topCalcBlock .calcContainer .itm {
        border-bottom: none;
        margin: 0;
        padding-bottom: 0;
    }
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .text {
    padding-left: 0px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #292e48;
    display: block;
    transition: all 300ms ease
}

    .calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .text:before, .calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .text:after {
        display: none;
    }

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .text {
    padding-left: 25px;
    font-size: 15px;
}

	.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .text:before {
    position: absolute;
    left: 0;
    top: calc(15px - 8px);
    width: 16px;
    height: 16px;
    border-radius: 1px;
    border: 1px solid #9496a3;
    content: ""
}

	.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .text:after {
    position: absolute;
    left: 0;
    top: calc(15px - 8px);
    width: 16px;
    height: 16px;
    border-radius: 1px;
    background-image: url("../img/check_box.svg");
    background-position: center;
    content: "";
    opacity: 0;
    transition: all 300ms ease
}
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .info {
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: inline-block;
    border-radius: 100%;
    background-image: url("../img/info.svg");
    background-size: contain;
    position: relative;
    margin-left: 5px;
    transition: all 300ms ease
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .info .infoContainer {
    position: absolute;
    bottom: calc(100% + 10px);
    right: -30px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #ccc;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.3;
    color: #292e48;
    min-width: 150px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: all 300ms ease
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .info .infoContainer {
        left: 0;
        right: auto
    }
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label .info:hover .infoContainer {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label input {
    display: none
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label input:checked + .text:after {
    opacity: 1
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .label input:disabled + .text {
    opacity: .5;
    pointer-events: none
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .price {
    font-size: 15px;
    line-height: 24px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .price sup {
    color: #f83e3e
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .price b:nth-child(4) {
    width: 30px;
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .price b {
    font-weight: normal
}

.calculator .calcWrapper .topCalcBlock .calcContainer .itm .price i {
    font-style: normal
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .topCalcBlock .calcContainer .itm .price {
        line-height: 30px
    }
}

.calculator .calcWrapper .topCalcBlock .starInfo {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #292e48;
    font-family: "DecimaNovaPro";
    margin-bottom: 21px;
    -ms-flex-order: 2;
    order: 2;
}


.calculator .calcWrapper .topCalcBlock .containerStarInfo {
    position: absolute;
    left: 0;
    bottom: 100%;
    background-color: #fff;
    border-radius: 15px;
    padding: 25px 20px 15px 20px;
    opacity: 0;
    z-index: -1;
    transition: .3s all linear;
    box-shadow: 0 1px 4px 0 #e9e9e9;
    border: 1px solid #00aa5a;
}

@media screen and (max-width: 460px) {
    .calculator .calcWrapper .topCalcBlock .containerStarInfo {
        width: 98%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.calculator .calcWrapper .topCalcBlock .starInfo span {
    display: block;
}

.open-StarInfo {
    opacity: 1 !important;
    z-index: 99 !important;
}

.containerStarInfo .close-help {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    transition: .3s;
}

.containerStarInfo .close-help:hover {
    transform: scale(1.04);
}

.containerStarInfo .close-help:before, .close-help:after {
    position: absolute;
    left: 10px;
    top: 5px;
    content: ' ';
    height: 11px;
    width: 2px;
    background-color: black;
}

.containerStarInfo .close-help:before {
    transform: rotate(45deg);
}

.containerStarInfo .close-help:after {
    transform: rotate(-45deg);
}


@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .topCalcBlock .starInfo {
        -ms-flex-order: 3;
        order: 3
    }
}

.calculator .calcWrapper .topCalcBlock .starInfo sup {
    color: #f83e3e;
    font-family: "DecimaNovaPro";
    font-size: 1.25rem;
    top: 0px
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .topCalcBlock .starInfo {
        line-height: 1.875rem
    }
}

.calculator .calcWrapper .bottomCalcBlock {
    /*padding: 15px 0 3px*/
}

.calculator .calcWrapper .bottomCalcBlock .flexContainer {
    margin: 5px 0 0
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .bottomCalcBlock .flexContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.calculator .calcWrapper .bottomCalcBlock .flexContainer:last-child {
    border-bottom: none
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .bottomCalcBlock .flexContainer {
        border-bottom: none;
        margin: 0;
        padding-bottom: 0;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.calculator .calcWrapper .bottomCalcBlock .flexContainer .name {
    font-size: 15px;
    line-height: 18px;
    color: #292e48;
    display: inline;
    padding-right: 5px
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .bottomCalcBlock .flexContainer .name {
        line-height: 30px
    }
}

.calculator .calcWrapper .bottomCalcBlock .flexContainer .value {
    font-size: 15px;
    line-height: 18px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    display: inline
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .bottomCalcBlock .flexContainer .value {
        line-height: 30px
    }
}

.calculator .calcWrapper .countContainer {
    margin-bottom: 30px
}

.calculator .calcWrapper .countContainer .text {
    margin-bottom: 12px
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .countContainer .text {
        margin-bottom: 0
    }
}

.calculator .calcWrapper [data-yam-counter] {
    position: relative;
    display: inline-block;
    height: 1.7rem;
    width: 25%;
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper [data-yam-counter] {
        margin-bottom: 0;
        margin-left: auto;
        display: -ms-flexbox;
        display: flex;
        max-width: 75px;
    }
}

.calculator .calcWrapper [data-yam-counter] .counter {
    width: 100%;
    height: 1.7rem;
    border-radius: 4px;
    border: 2px solid #e6effc;
    text-align: center;
    font-size: 1rem;
    color: black;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calculator .calcWrapper [data-yam-counter] .counter::-ms-clear {
    display: none
}

.calculator .calcWrapper [data-yam-counter] .ctrl {
    width: 14px;
    height: 14px;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.calculator .calcWrapper [data-yam-counter] .ctrl svg {
    pointer-events: none
}

.calculator .calcWrapper [data-yam-counter] .ctrl:hover svg {
    fill: #009bf8
}

.calculator .calcWrapper [data-yam-counter] .minus {
    cursor: pointer;
    top: calc(50% - 7px);
    left: 8px
}

.calculator .calcWrapper [data-yam-counter] .minus:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 12px;
    height: 2px;
    content: "";
    background-color: #009bf8
}

.calculator .calcWrapper [data-yam-counter] .minus svg {
    fill: #009bf8
}

.calculator .calcWrapper [data-yam-counter] .plus {
    cursor: pointer;
    top: calc(50% - 7px);
    right: 8px
}

.calculator .calcWrapper [data-yam-counter] .plus:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 12px;
    height: 2px;
    content: "";
    background-color: #009bf8
}

.calculator .calcWrapper [data-yam-counter] .plus:after {
    position: absolute;
    top: 1px;
    left: calc(50% - 2px);
    width: 2px;
    height: 12px;
    content: "";
    background-color: #009bf8
}

.calculator .calcWrapper [data-yam-counter] .plus svg {
    fill: #009bf8
}

.calculator .calcWrapper .rateWrapper {
    margin-bottom: 16px
}

.calculator .calcWrapper .rateWrapper > li {
    width: calc(100% - 0px)
}

.calculator .calcWrapper .rateWrapper > li:nth-of-type(n) {
    margin: 0 25px 25px 0
}

.calculator .calcWrapper .rateWrapper > li:nth-of-type(1n) {
    margin: 0 0 25px
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .rateWrapper > li {
        width: calc(50% - 15px)
    }

    .calculator .calcWrapper .rateWrapper > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .calculator .calcWrapper .rateWrapper > li:nth-of-type(2n) {
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1180px) {
    .calculator .calcWrapper .rateWrapper > li {
        width: calc(100% - 0px)
    }

    .calculator .calcWrapper .rateWrapper > li:nth-of-type(n) {
        margin: 0 10px 10px 0
    }

    .calculator .calcWrapper .rateWrapper > li:nth-of-type(1n) {
        margin: 0 0 10px
    }
}

.calculator .calcWrapper .rateWrapper .rate {
    display: block;
    cursor: pointer;
    position: relative
}

.calculator .calcWrapper .rateWrapper .rate input {
    display: none
}

.calculator .calcWrapper .rateWrapper .rate input:checked + .saleWrapper {
    border-color: #4b7fee
}

.calculator .calcWrapper .rateWrapper .rate input:checked + .saleWrapper svg {
    fill: #00aa5a
}

.calculator .calcWrapper .rateWrapper .rate .saleWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 64px;
    border: 2px solid #e6effc;
    border-radius: 4px;
    padding: 0 15px 0 23px;
    transition: all 300ms ease
}

.calculator .calcWrapper .rateWrapper .rate .saleWrapper .infoCheck {
    display: -ms-flexbox;
    display: flex
}

.calculator .calcWrapper .rateWrapper .rate .saleWrapper .infoCheck svg {
    margin-right: 5px;
    fill: #b3b3b3;
    transition: all 300ms ease
}

.calculator .calcWrapper .rateWrapper .rate .saleWrapper .infoCheck .text {
    font-size: 15px;
    height: 24px;
    color: #000000
}

.calculator .calcWrapper .rateWrapper .rate .saleWrapper .saleContainer {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 24px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #383838;
    background-color: #ffbc39;
    border-radius: 4px;
    padding: 0 10px
}

@media only screen and (min-width: 769px) and (max-width: 767px) {
    .calculator .calcWrapper .rateWrapper .rate .saleWrapper .saleContainer {
        position: absolute;
        top: -12px;
        right: 0
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .calculator .calcWrapper .rateWrapper .rate .saleWrapper .saleContainer {
        position: absolute;
        top: -12px;
        right: 0
    }
}

.calculator .calcWrapper .totalInfo .svgButton {
    height: 52px;
    -ms-flex-align: center;
    align-items: center;
    max-width: 185px;
    display: none;
    margin: 0 auto 13px
}

@media only screen and (min-width: 1180px) {
    .calculator .calcWrapper .totalInfo .svgButton {
        display: -ms-flexbox;
        display: flex
    }
}

.calculator .calcWrapper .totalInfo .svgButton img {
    height: 34px
}

.calculator .calcWrapper .totalInfo .svgButton .btn {
    height: 34px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #a6dbe8;
    font-size: .9375rem;
    color: #4a5058;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.calculator .calcWrapper .totalInfo .svgButton .btn:hover {
    text-decoration: none
}

.calculator .calcWrapper .totalInfo .allPrice {
    font-size: 1.125rem;
    line-height: 2;
    color: #292e48;
    margin-bottom: 8px;
    text-align: center
}

@media only screen and (min-width: 769px) {
    .calculator .calcWrapper .totalInfo .allPrice {
        text-align: left
    }
}

@media only screen and (min-width: 1180px) {
    .calculator .calcWrapper .totalInfo .allPrice {
        text-align: center
    }
}

.calculator .calcWrapper .totalInfo .allPrice b {
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 2.25rem
}

.calculator .calcWrapper .totalInfo .allPrice i {
    font-style: normal
}

.totalPrice {
    font-size: 1.125rem;
    line-height: 2;
    color: #292e48;
    margin-bottom: 23px;
    text-align: center;
	border:none;
	width:50%;
}

@media only screen and (min-width: 769px) {
.totalPrice {
        text-align: left
    }
}

@media only screen and (min-width: 1180px) {
.totalPrice {
        text-align: center
    }
}

.totalPrice b {
    font-family: "DecimaNovaPro_Bold";
    color: #4b7fee;
    font-weight: normal;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.totalPrice i {
    font-family: "DecimaNovaPro_Bold";
    color: #4b7fee;
    font-style: normal
}

.calculator .calcWrapper .totalInfo .yam-button {
    height: 72px;
    width: 100%;
    border-radius: 4px;
    background-color: #4b7fee;
    color: #fff;
    font-size: 1.25rem;
    font-family: "DecimaNovaPro_Bold";
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.5);
    margin-bottom: 6px;
    border: none
}

.calculator .calcWrapper .totalInfo .yam-button input {
    color: #fff
}

/* SCOPE = .feedback */
.feedback {
    margin-bottom: 100px
}

.feedback .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    text-align: center;
    margin-bottom: 10px
}

@media only screen and (min-width: 769px) {
    .feedback .title {
        font-size: 2.25rem;
        line-height: 1.4
    }
}

.feedback .subTitle, .config_subTitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #292e48;
    text-align: center;
    margin-bottom: 40px
}

/* SCOPE = .questions */
.questions {
    margin-bottom: 15px
}

h2 {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    text-align: center;
    margin-bottom: 15px
}

h3 {
	font-family: Arial, Helvetica;
	text-align: center;
	color: #000;
    font-size: 14px;
	font-weight: normal;
	padding-bottom: 40px;
}
@media only screen and (min-width: 769px) {
    h2 {
        font-size: 2.25rem;
        line-height: 1.4
    }
h3{
    font-size: 18px;
}
}

.questions .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 769px) {
    .questions .tabs {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.questions .tabs .tab {
    width: 100%;
    height: 3.25rem;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .questions .tabs .tab {
        width: 270px;
        margin: 0 15px 30px
    }
}

.questions .tabs .tab a {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none
}

.questions .tabs .tab a span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    font-size: 14px;
    color: #292e48;
    text-transform: uppercase;
    font-family: "DecimaNovaPro_Bold";
    transition: all 300ms ease
}

.questions .tabs .tab a:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #4b7fee transparent transparent transparent;
    content: "";
    z-index: 2;
    opacity: 0;
    transition: all 300ms ease 150ms;
    transform: translateY(-10px);
    pointer-events: none
}

.questions .tabs .tab a.active span {
    background-color: #4b7fee;
    color: #fff
}

.questions .tabs .tab a.active:before {
    opacity: 1;
    transform: translateY(0)
}

.acardionItem {
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0px 1px 4px 0px #f2f2f2
}

.acardionQuestion {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 15px 30px 16px;
    font-size: 18px;
    line-height: 1.4;
    color: #292e48;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .acardionQuestion {
        padding: 15px 50px 15px 30px
    }
}

.acardionItem .acardionAnswer {
    display: block;
    border-top: 1px solid #e6effc;
    margin: 0 30px;
    font-size: 15px;
    line-height: 24px;
    color: #292e48;
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 300ms ease
}

.acardionItem.active .acardionQuestion:before {
    transform: rotate(45deg)
}

.acardionItem.active .acardionAnswer {
    padding: 12px 0 18px;
    height: auto;
    opacity: 1;
    pointer-events: auto
}

@media only screen and (min-width: 769px) {
    .questions .tabulator {
        opacity: 0;
        transition: all 300ms ease;
        transform: translateX(-100px)
    }

    .questions .tabulator:not(.invisible-state) {
        transform: translateX(0);
        opacity: 1;
        transition: all 500ms ease 300ms
    }

    .questions .tabulator.complete {
        transform: translateX(0);
        opacity: 1
    }
}

@media only screen and (min-width: 1180px) {
    .questions .tabulator {
        position: relative
    }

    .questions .tabulator:before {
        position: absolute;
        width: 266px;
        height: 100%;
        top: 0;
        left: -266px;
        background-image: url("../img/bg2.jpg");
        content: ""
    }

    .questions .tabulator:after {
        position: absolute;
        width: 266px;
        height: 100%;
        top: 0;
        right: -266px;
        background-image: url("../img/bg3.jpg");
        content: ""
    }
}

/* SCOPE = .ourClients */
.ourClients {
    margin-bottom: 43px
}

.ourClients .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    text-align: center;
    margin-bottom: 10px
}

@media only screen and (min-width: 769px) {
    .ourClients .title {
        font-size: 2.25rem;
        line-height: 1.4
    }
}

.ourClients .subTitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #292e48;
    text-align: center;
    margin-bottom: 40px
}

/* SCOPE = .indexTextBlock */
.indexTextBlock {
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    border-radius: 4px;
    padding: 25px 30px;
    position: relative;
    margin-bottom: 30px;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #272d47
}

@media only screen and (max-width: 1023px) {
    #middle-wrapper > .page-basket > .row > div > .row {
        display: flex;
        flex-direction: column-reverse;
    }

    #middle-wrapper > .page-basket > .row > div > .row .bgWrapper .check-frm {
        display: flex;
        flex-wrap: wrap;
    }
    #middle-wrapper > .page-basket > .row > div > .row .bgWrapper .check-frm .itemContainer{
        width: 100%;
    }
    #middle-wrapper > .page-basket > .row > div > .row .bgWrapper .check-frm div:nth-child(4) {
        order: -1;
    }
    .page-basket .bgWrapper .yam-button.buttonEmpty{
        margin-left: 5px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 640px) {
    .page-basket .bgWrapper .yam-button.buttonEmpty{
        float: none;
    }

    .page-basket .bgWrapper .yam-button.buttonFull.greenButton{
        margin-top: 15px;
    }
    #price-formula .accordion-ttl{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (min-width: 769px) {
    .indexTextBlock {
        padding: 38px 45px 15px;
        margin-bottom: 60px
    }
}

.indexTextBlock .title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #272d47;
    margin-bottom: 29px
}

.indexTextBlock p {
    margin-bottom: 24px
}

.indexTextBlock .textContainer {
    overflow: auto;
    max-height: 200px
}

.indexTextBlock .ps__scrollbar-y-rail {
    opacity: .4
}

/* SCOPE = .page-basket */
.page-basket {
    padding: 33px 0;
    background-color: #f9faff;
    min-height: 100%
}

.page-basket .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 15px
}

@media only screen and (min-width: 769px) {
    .page-basket .title {
        font-size: 1.875rem;
        line-height: 1.4
    }
}

.page-basket .text {
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #292e48;
    margin-bottom: 30px
}

.page-basket .bgWrapper {
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-basket .bgWrapper {
        padding: 30px
    }
}

.page-basket .bgWrapper .itemContainer {
    border-bottom: 1px solid #e9eaec;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.page-basket .bgWrapper .itemContainer .name {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #292e48;
    margin-bottom: 15px
}

.page-basket .bgWrapper .itemContainer .textInput .name {
    padding-top: 14px
}

.page-basket .bgWrapper .itemContainer .textInput input {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: 15px;
    box-shadow: none;
    margin-bottom: 24px;
    padding: 0 10px 0 50px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 17px center;
    transition: all 300ms ease
}

.page-basket .bgWrapper .itemContainer .textInput input.nameUser {
    background-image: url("../img/profile.svg");
    background-size: 18px
}

.page-basket .bgWrapper .itemContainer .textInput input.tel {
    background-image: url("../img/phone.svg")
}
.page-basket .bgWrapper .itemContainer .textInput input.email_1,
.page-basket .bgWrapper .itemContainer .textInput input.email {
    background-image: url("../img/mail.svg")
}


.page-basket .bgWrapper .itemContainer .textInput input.noSend {
    border-color: #f83e3e
}

.page-basket .bgWrapper .itemContainer .textInput label:last-child input {
    margin-bottom: 0
}

.page-basket .bgWrapper .radioContainer label {
    display: block
}

.page-basket .bgWrapper .radioContainer label .label {
    padding-left: 35px;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #292e48;
    cursor: pointer;
    display: block;
    padding-bottom: 6px
}

.page-basket .bgWrapper .radioContainer label .label:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    content: "";
    border: 2px solid #9496a3;
    border-radius: 100%
}

.page-basket .bgWrapper .radioContainer label .label:after {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #4b7fee;
    border-radius: 100%;
    opacity: 0;
    transition: all 300ms ease
}

.page-basket .bgWrapper .radioContainer label input {
    display: none
}

.page-basket .bgWrapper .radioContainer label input:checked + .label:before {
    border-color: #4b7fee
}

.page-basket .bgWrapper .radioContainer label input:checked + .label:after {
    opacity: 1
}

.page-basket .bgWrapper .radioContainer .radioArray.noSend label .label:before {
    border-color: #f83e3e
}

.page-basket .bgWrapper .checkboxContainer label {
    display: block
}

.page-basket .bgWrapper .checkboxContainer label .label {
    padding-left: 35px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #292e48;
    cursor: pointer;
    display: block
}

.page-basket .bgWrapper .checkboxContainer label .label a {
    color: #4b7fee;
    text-decoration: underline
}

.page-basket .bgWrapper .checkboxContainer label .label a:hover {
    text-decoration: none
}

.page-basket .bgWrapper .checkboxContainer label .label:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    content: "";
    border: 2px solid #9496a3
}

.page-basket .bgWrapper .checkboxContainer label .label:after {
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url("../img/check_box-24px.svg");
    background-position: center;
    opacity: 0;
    transition: all 300ms ease
}

.page-basket .bgWrapper .checkboxContainer label input {
    display: none
}

.page-basket .bgWrapper .checkboxContainer label input:checked + .label:before {
    border-color: #4b7fee
}

.page-basket .bgWrapper .checkboxContainer label input:checked + .label:after {
    opacity: 1
}

.page-basket .bgWrapper .checkboxContainer label input.noSend + .label:before {
    border-color: #f83e3e
}

.page-basket .bgWrapper .yam-button {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 7px 20px 0 rgba(75, 127, 238, 0.19);
    /*box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3);*/
    border-radius: 4px;
    margin-left: auto
}


.password-wrap{
	position: relative;
    display: flex;
    flex-direction: row-reverse;
}
.password-wrap .password-control{
	z-index: 10;
    cursor: pointer;
    color: #3b3b3b;
    width: 20%;
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.12);
    padding: 10px 16px;
    line-height: 1.33;
    border: 1px solid #b1b1b1;
    margin-left: 5px;
}

.password-wrap .password-control .active{
	    color: #4b7fee;
}

.page-basket .password-wrap .password-control{
	width: 16%;
	height: 52px;
	margin-left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	    border: 1px solid #d4d5da;
	    text-decoration: none;
	    box-shadow: none;
    border-radius: 4px;
}

.auth-page-pass.password-wrap .password-control{
	top: 13px;
}

.auth-page-pass.password-wrap a.forgot-paddworld {
    position: absolute;
    bottom: -10px;
}

.password-wrap.auth-page-pass {
    padding-bottom: 25px;
}
.auth-result {
	display: flex;
	flex-direction: column;

}
.auth-result font.errortext {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: -20px;
}

@media only screen and (min-width: 769px) {
    .page-basket .bgWrapper .yam-button {
        width: 275px
    }
}

.page-basket .bgWrapper .rightContainer .containerTitle {
    font-size: 16px;
    line-height: 1.4;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 13px
}

.page-basket .bgWrapper .rightContainer .productList .disabled-remove {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 99999;
}

.page-basket .bgWrapper .rightContainer .productList {
    position: relative;
    border-bottom: 1px solid #d4d5da;
    padding-bottom: 18px
}

.page-basket .bgWrapper .rightContainer ul li {
    font-size: 15px;
    line-height: 28px;
    color: #292e48;
    padding-left: 30px;
    position: relative
}

.page-basket .bgWrapper .rightContainer ul li:before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url("../img/check-green.svg");
    background-position: center;
    background-size: contain
}

.page-basket .bgWrapper .rightContainer .infoContainer {
    border-bottom: 1px solid #d4d5da;
    padding: 20px 0 13px
}

.page-basket .bgWrapper .rightContainer .infoContainer .flexContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 11px
}

.page-basket .bgWrapper .rightContainer .infoContainer .flexContainer .txt {
    font-size: 15px;
    line-height: 18px;
    color: #292e48
}

.page-basket .bgWrapper .rightContainer .infoContainer .flexContainer .val {
    font-size: 15px;
    line-height: 18px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    text-align: right
}

.page-basket .bgWrapper .rightContainer .priceContainer {
    padding: 18px 0 0
}

.page-basket .bgWrapper .rightContainer .priceContainer .flexContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.page-basket .bgWrapper .rightContainer .priceContainer .flexContainer:last-child {
    margin-bottom: 0
}

.page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .txt {
    font-size: 15px;
    line-height: 24px;
    color: #292e48
}

.page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .price, .page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .allPrice {
    font-size: 18px;
    line-height: 24px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold"
}

.page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .price b, .page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .allPrice b {
    font-weight: normal
}

.page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .price i, .page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .allPrice i {
    font-style: normal
}

.page-basket .bgWrapper .rightContainer .priceContainer .flexContainer .price {
    color: #4b7fee
}

/* SCOPE = .page-blog-detail */
.page-blog-detail {
    position: relative;
    padding: 33px 0;
    background-color: #f9faff
}

.page-blog-detail .row {
    /*display: flex;*/
    /*justify-content: center;*/
    padding-left: 200px;
}

.page-blog-detail .row > div {
    /*max-width: 775px;*/
}

.page-blog-detail .subTitle {
    font-size: 1rem;
    line-height: 2rem;
    color: #393d4c;
    margin-bottom: 26px;
    font-family: "DecimaNovaPro_Bold"
}

.page-blog-detail .detail-xl-container .title {
    font-size: 24px;
    line-height: 33px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .detail-xl-container .title {
        font-size: 1.875rem;
        line-height: 1.4
    }
}

.page-blog-detail .detail-xl-container .topInfo {
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    line-height: 1.375rem;
    letter-spacing: .001em;
    color: rgba(48, 51, 57, 0.5)
}

.page-blog-detail .detail-xl-container .topInfo p {
    padding-right: 20px;
    position: relative
}

.page-blog-detail .detail-xl-container .topInfo p svg {
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
    fill: #97999c
}

.page-blog-detail .detail-xl-container .topInfo p.date {
    font-weight: bold
}

.page-blog-detail .detail-xl-container .topInfo p.seen {
    padding-left: 20px
}

.page-blog-detail .detail-xl-container .topInfo p.comments {
    padding-left: 20px
}

.page-blog-detail .detail-xl-container .img {
    margin: 1.875rem 0;
    border-radius: 4px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .detail-xl-container .img {
        margin: 2.75rem 0
    }
}

.page-blog-detail .detail-xl-container .blockShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .detail-xl-container .blockShare {
        /*margin-bottom: 30px*/
    }
}

.page-blog-detail .detail-xl-container .blockShare a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .6875rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -ms-flex-align: center;
    align-items: center;
    color: #808080;
    /*margin: 0 10px 15px;*/
}

@media only screen and (min-width: 768px) {
    .page-blog-detail .detail-xl-container .blockShare a {
        width: auto;
        /*margin: 0 30px 0 0*/
    }
}

.page-blog-detail .detail-xl-container .blockShare a .p {
    display: none;
    font-size: .6875rem;
    line-height: 1.875rem;
    text-transform: uppercase;
    margin: 0 0 0 15px;
    font-family: "DecimaNovaPro_Bold"
}

.page-blog-detail .detail-xl-container .blockShare a .border {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    border: 2px solid gray;
    border-radius: 100%
}

.page-blog-detail .detail-xl-container .blockShare a .border svg {
    fill: #1b75bb;
    width: 25px
}

.page-blog-detail .detail-xl-container .blockShare a.facebook {
    color: #3b5998
}

.page-blog-detail .detail-xl-container .blockShare a.facebook .border {
    border-color: #3b5998
}

.page-blog-detail .detail-xl-container .blockShare a.facebook .border svg {
    fill: #3b5998
}

.page-blog-detail .detail-xl-container .blockShare a.twitter {
    color: #76A9EA
}

.page-blog-detail .detail-xl-container .blockShare a.twitter .border {
    border-color: #76A9EA
}

.page-blog-detail .detail-xl-container .blockShare a.twitter .border svg {
    fill: #76A9EA
}

.page-blog-detail .detail-xl-container .blockShare a.linkedin .border {
    border-color: #1b75bb;
}

.page-blog-detail .detail-xl-container .blockShare a.linkedin .border svg {
    fill: #1b75bb
}

.page-blog-detail .detail-xl-container .blockShare a.vkontakte {
    color: #4d76a1
}

.page-blog-detail .detail-xl-container .blockShare a.vkontakte .border {
    border-color: #4d76a1
}

.page-blog-detail .detail-xl-container .blockShare a.vkontakte .border svg {
    fill: #4d76a1
}

.page-blog-detail .detail-xl-container .blockShare a.telegram {
    color: #2197D5
}

.page-blog-detail .detail-xl-container .blockShare a.telegram .border {
    border-color: #2197D5
}

.page-blog-detail .detail-xl-container .blockShare a.telegram .border svg {
    fill: #2197D5
}

.page-blog-detail .detail-xl-container .blockShare a.googleplus {
    color: #dd4b39
}

.page-blog-detail .detail-xl-container .blockShare a.googleplus .border {
    border-color: #dd4b39
}

.page-blog-detail .detail-xl-container .blockShare a.googleplus .border svg {
    fill: #dd4b39
}

.page-blog-detail .detail-xl-container .blockShare a.instagram {
    background: linear-gradient(-45deg, #6559ca 0%, #bb3791 50%, #bb3791 51%, #e84b54 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-blog-detail .detail-xl-container .blockShare a.instagram .border {
    border-color: #b3409a
}

.page-blog-detail .detail-xl-container .blockShare a.instagram .border svg {
    fill: #b3409a
}

.page-blog-detail .detail-xl-container .blockShare a.instagram p {
    color: #b3409a;
    -webkit-text-fill-color: #b3409a
}

.page-blog-detail .detail-xl-container .blockShare a:hover:not(.instagram) .border {
    box-shadow: 0px 4px 12px #f2f2f2
}

.page-blog-detail .detail-xl-container .textContainer {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #292e48;
    margin-bottom: 50px
}

.page-blog-detail .detail-xl-container .textContainer p {
    margin-bottom: 14px
}

.page-blog-detail .detail-xl-container .textContainer ul {
    margin-bottom: 24px
}

.page-blog-detail .detail-xl-container .textContainer ul li {
    position: relative;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 24px;
    color: #292e48;
    margin-bottom: 14px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .detail-xl-container .textContainer ul li {
        padding-left: 40px
    }
}

.page-blog-detail .detail-xl-container .textContainer ul li:before {
    position: absolute;
    left: 5px;
    width: 4px;
    height: 4px;
    top: 10px;
    border-radius: 100%;
    background-color: #292e48;
    content: ""
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .detail-xl-container .textContainer ul li:before {
        left: 25px
    }
}

.page-blog-detail .detail-xl-container .quote {
    background-color: #f7f8fd;
    padding: 20px 30px;
    border-left: 4px solid #4b7fee;
    border-left-width: 4px;
    border-left-style: solid;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #292e48;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Cormorant Garamond'
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .detail-xl-container .quote {
        padding: 40px;
        margin: 45px 0 15px 110px
    }
}

.page-blog-detail .detail-xl-container .subTitleText {
    font-family: "DecimaNovaPro_Bold";
    padding: 10px 0;
    font-size: 18px
}

.page-blog-detail .detail-xl-container .otherNewsUl2 {
    position: relative
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item {
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
    padding: 1.25rem;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #292929;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 300ms ease
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .hoverBg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    content: "";
    background-size: cover;
    transition: all 300ms ease;
    display: none
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .hoverBg:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 2
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .detail-xl-container .otherNewsUl2 .item .hoverBg {
        display: block
    }
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .newsContent {
    z-index: 2;
    position: relative
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .titleNewsUl {
    color: #292929;
    line-height: 1.5rem;
    display: block;
    overflow: hidden;
    margin-bottom: 9px;
    text-decoration: none;
    transition: all 300ms ease
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .titleNewsUl:hover {
    text-decoration: underline
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo {
    display: -ms-flexbox;
    display: flex
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .data {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0 23px;
    color: #a2a0ab;
    position: relative;
    transition: all 300ms ease;
    margin: 0
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .data:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    background-position: center
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type {
    font-size: .625rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
    display: block;
    height: 20px;
    transition: all 300ms ease
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.article {
    background-color: #73ab7e
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.news {
    background-color: #3a5dad
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.opinion {
    background-color: #704991
}

.page-blog-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type:hover {
    text-decoration: none
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .detail-xl-container .otherNewsUl2 .item:hover .hoverBg {
        opacity: 1
    }

    .page-blog-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .title {
        color: white;
        text-decoration: none
    }

    .page-blog-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .dateInfo .data {
        color: white
    }

    .page-blog-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .dateInfo .data:before {
        background-image: url("../img/calendarWhite.png")
    }
}

.page-blog-detail .otherNews {
    position: relative
}

.page-blog-detail .otherNews .item {
    background-color: white;
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 2px;
    padding: 1.5625rem 1.875rem;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #292929;
    font-weight: 500;
    position: relative;
    transition: all 300ms ease
}

.page-blog-detail .otherNews .item .hoverBg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    content: "";
    background-size: cover;
    transition: all 300ms ease;
    display: none
}

.page-blog-detail .otherNews .item .hoverBg:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 2
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .otherNews .item .hoverBg {
        display: block
    }
}

.page-blog-detail .otherNews .item .newsContent {
    z-index: 2;
    position: relative
}

.page-blog-detail .otherNews .item .title {
    color: #292929;
    line-height: 1.5rem;
    height: 4.5rem;
    display: block;
    overflow: hidden;
    margin-bottom: 9px;
    text-decoration: none;
    transition: all 300ms ease
}

.newsSidebarNews .dateInfo p.seen {
    padding-right: 10px;
}

.newsSidebarNews .dateInfo p.comments {
    padding-right: 0;
}

.page-blog-detail .otherNews .item .dateInfo > p.data {
    padding-right: 0;
}

.page-blog-detail .otherNews .item .dateInfo {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.page-blog-detail .otherNews .item .dateInfo .data {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0 20px;
    color: #a2a0ab;
    position: relative;
    transition: all 300ms ease;
    margin: 0
}

.page-blog-detail .otherNews .item .dateInfo .data:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    background-position: center
}

.page-blog-detail .otherNews .item .dateInfo .type {
    font-size: .625rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
    display: block;
    height: 20px;
    transition: all 300ms ease
}

.page-blog-detail .otherNews .item .dateInfo .type.article {
    background-color: #73ab7e
}

.page-blog-detail .otherNews .item .dateInfo .type.news {
    background-color: #3a5dad
}

.page-blog-detail .otherNews .item .dateInfo .type.opinion {
    background-color: #704991
}

.page-blog-detail .otherNews .item .dateInfo .type:hover {
    text-decoration: none
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .otherNews .item:hover .hoverBg {
        opacity: 1
    }

    .page-blog-detail .otherNews .item:hover .newsContent .title {
        color: white;
        text-decoration: none
    }

    .page-blog-detail .otherNews .item:hover .newsContent .dateInfo .data {
        color: white
    }

    .page-blog-detail .otherNews .item:hover .newsContent .dateInfo .data:before {
        background-image: url("../img/calendarWhite.png")
    }
}

.page-blog-detail .newsSidebarNews {
    border-radius: 2px
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .newsSidebarNews {
        box-shadow: 0px 1px 4px 0px #f2f2f2;
        background-color: #fff;
        padding: 15px 0 2px
    }
}

.page-blog-detail .newsSidebarNews .sidebarTitle {
    margin: 0;
    padding: 4px 15px 21px 30px;
    font-weight: bold
}

.page-blog-detail .newsSidebarNews .grid > li {
    width: calc(100% - 0px)
}

.page-blog-detail .newsSidebarNews .grid > li:nth-of-type(n) {
    margin: 0 30px 30px 0
}

.page-blog-detail .newsSidebarNews .grid > li:nth-of-type(1n) {
    margin: 0 0 30px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .newsSidebarNews .grid > li {
        width: calc(50% - 15px)
    }

    .page-blog-detail .newsSidebarNews .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .page-blog-detail .newsSidebarNews .grid > li:nth-of-type(2n) {
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .newsSidebarNews .grid > li {
        width: calc(100% - 0px)
    }

    .page-blog-detail .newsSidebarNews .grid > li:nth-of-type(n) {
        margin: 0 0px 0px 0
    }

    .page-blog-detail .newsSidebarNews .grid > li:nth-of-type(1n) {
        margin: 0 0 0px
    }
}

.page-blog-detail .newsSidebarNews .grid .item {
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 2px;
    padding: 1.5625rem 1.875rem
}

@media (max-width: 1180px) {
    .page-blog-detail .newsSidebarNews .grid .item {
        border: 1px solid #e2edf3;
        border-radius: 4px
    }
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .newsSidebarNews .grid .item {
        box-shadow: none;
        border-top: 1px solid #dad9df;
        padding: 15px 20px 15px 30px
    }
}

.page-blog-detail .newsSidebarNews .grid .item .title {
    height: 3rem
}

.page-blog-detail .bannerNews {
    margin-bottom: 30px;
    display: none
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .bannerNews {
        display: block
    }

    .page-blog-detail .bannerNews img {
        width: 100%
    }
}

.page-blog-detail .newsSubscribe2 {
    background-color: #f7f8fd;
    border-radius: 4px;
    min-height: 130px;
    margin-bottom: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .newsSubscribe2 {
        padding: 30px
    }
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .newsSubscribe2 {
        padding: 45px 60px
    }
}

.page-blog-detail .newsSubscribe2 .row {
    width: 100%
}

.page-blog-detail .newsSubscribe2 .txt {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 15px;
    color: #000000;
    font-family: "DecimaNovaPro_Bold"
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .newsSubscribe2 .txt {
        font-size: 1.125rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .newsSubscribe2 .txt {
        margin-bottom: 0
    }
}

.page-blog-detail .newsSubscribe2 .form {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-blog-detail .newsSubscribe2 .form label {
    position: relative;
    width: 100%
}

.page-blog-detail .newsSubscribe2 .form label svg {
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    top: calc(21px - 10px)
}

.page-blog-detail .newsSubscribe2 .form input {
    height: 42px;
    width: 100%;
    border: 1px solid #c0c4c9;
    border-radius: 21px;
    box-shadow: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 15px 0 55px;
    margin-bottom: 15px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .newsSubscribe2 .form input {
        padding: 0 170px 0 55px;
        margin-bottom: 0
    }
}

.page-blog-detail .newsSubscribe2 .form .yam-button {
    height: 42px;
    width: 100%;
    border-radius: 21px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 0 30px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .newsSubscribe2 .form .yam-button {
        position: absolute !important;
        top: calc(50% - 21px);
        right: 0;
        width: 170px
    }
}

.page-blog-detail .newsSubscribe2 .form .yam-button svg {
    fill: #fff;
    width: 14px;
    height: 14px
}

.page-blog-detail .newsSubscribe2 .blockShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    margin-top: 15px
}

@media only screen and (min-width: 1024px) {
    .page-blog-detail .newsSubscribe2 .blockShare {
        margin-top: 0
    }
}

.page-blog-detail .newsSubscribe2 .blockShare a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .6875rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-align: center;
    align-items: center;
    color: #808080;
    margin: 0 10px 20px
}

@media only screen and (min-width: 768px) {
    .page-blog-detail .newsSubscribe2 .blockShare a {
        width: auto;
        margin: 0 20px 0 0
    }
}

.page-blog-detail .newsSubscribe2 .blockShare a .border {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1px solid grey;
    border-radius: 100%
}

.page-blog-detail .newsSubscribe2 .blockShare a .border svg {
    width: 20px
}

.page-blog-detail .newsSubscribe2 .blockShare a.facebook {
    color: #3b5998
}

.page-blog-detail .newsSubscribe2 .blockShare a.facebook .border {
    border-color: #3b5998
}

.page-blog-detail .newsSubscribe2 .blockShare a.facebook .border svg {
    fill: #3b5998
}

.page-blog-detail .newsSubscribe2 .blockShare a.twitter {
    color: #76A9EA
}

.page-blog-detail .newsSubscribe2 .blockShare a.twitter .border {
    border-color: #76A9EA
}

.page-blog-detail .newsSubscribe2 .blockShare a.twitter .border svg {
    fill: #76A9EA
}

.page-blog-detail .newsSubscribe2 .blockShare a.vkontakte {
    color: #4d76a1
}

.page-blog-detail .newsSubscribe2 .blockShare a.vkontakte .border {
    border-color: #4d76a1
}

.page-blog-detail .newsSubscribe2 .blockShare a.vkontakte .border svg {
    fill: #4d76a1
}

.page-blog-detail .newsSubscribe2 .blockShare a.telegram {
    color: #2197D5
}

.page-blog-detail .newsSubscribe2 .blockShare a.telegram .border {
    border-color: #2197D5
}

.page-blog-detail .newsSubscribe2 .blockShare a.telegram .border svg {
    fill: #2197D5
}

.page-blog-detail .newsSubscribe2 .blockShare a.googleplus {
    color: #dd4b39
}

.page-blog-detail .newsSubscribe2 .blockShare a.googleplus .border {
    border-color: #dd4b39
}

.page-blog-detail .newsSubscribe2 .blockShare a.googleplus .border svg {
    fill: #dd4b39
}

.page-blog-detail .newsSubscribe2 .blockShare a.instagram {
    background: linear-gradient(-45deg, #6559ca 0%, #bb3791 50%, #bb3791 51%, #e84b54 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-blog-detail .newsSubscribe2 .blockShare a.instagram .border {
    border-color: #b3409a
}

.page-blog-detail .newsSubscribe2 .blockShare a.instagram .border svg {
    fill: #b3409a
}

.page-blog-detail .newsSubscribe2 .blockShare a.instagram p {
    color: #b3409a;
    -webkit-text-fill-color: #b3409a
}

.page-blog-detail .newsSubscribe2 .blockShare a:hover:not(.instagram) .border {
    box-shadow: 0px 4px 12px #f2f2f2
}

.page-blog-detail .commentContainer {
    background-color: #fff;
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .commentContainer {
        padding: 30px
    }
}

.page-blog-detail .commentContainer .titleText {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 18px
}

.page-blog-detail .commentContainer .inputName {
    height: 52px;
    width: 100%;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    padding: 0 20px;
    margin-bottom: 15px
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .commentContainer .inputName {
        margin-bottom: 0
    }
}

.page-blog-detail .commentContainer .textarea, .page-blog-detail .commentContainer textarea {
    height: 112px;
    width: 100%;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    padding: 10px 20px;
    line-height: 30px;
    resize: none
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .commentContainer .textarea, .page-blog-detail .commentContainer textarea {
        height: 52px
    }
}

.page-blog-detail .commentContainer [type="submit"], .page-blog-detail .commentContainer .yam-button {
    height: 52px;
    width: 100%;
    border: 1px solid #4b7fee;
    border-radius: 4px;
    background-color: #4b7fee;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px
}

@media only screen and (min-width: 1180px) {
    .page-blog-detail .commentContainer [type="submit"], .page-blog-detail .commentContainer .yam-button {
        margin-bottom: 0
    }
}

.page-blog-detail .commentContainer .response {
    border-bottom: 1px solid #e6effc;
    margin-bottom: 22px;
    margin-left: 25px
}

@media only screen and (min-width: 769px) {
    .page-blog-detail .commentContainer .response {
        margin-left: 70px
    }
}

.page-blog-detail .commentContainer .response .flexContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.page-blog-detail .commentContainer .response .flexContainer .name {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #4b7fee;
    font-family: "DecimaNovaPro_Bold";
    margin-right: 20px;
    text-decoration: none
}

.page-blog-detail .commentContainer .response .flexContainer .name.admin {
    color: #292e48
}

.page-blog-detail .commentContainer .response .flexContainer .data {
    font-size: .75rem;
    line-height: 1.375rem;
    padding-top: 3px;
    color: #303339
}

.page-blog-detail .commentContainer .response .coment {
    padding-bottom: 20px
}

.page-blog-detail .commentContainer .response .response:last-child {
    border-bottom: none
}

/* SCOPE = .page-blog */
.page-blog {
    margin: 30px 0 15px
}

.page-blog .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 21px
}

@media only screen and (min-width: 769px) {
    .page-blog .title {
        font-size: 2.25rem;
        line-height: 1.4
    }
}

.page-blog .grid > li {
    width: calc(100% - 0px)
}

.page-blog .grid > li:nth-of-type(n) {
    margin: 0 30px 30px 0
}

.page-blog .grid > li:nth-of-type(1n) {
    margin: 0 0 30px
}

@media only screen and (min-width: 768px) {
    .page-blog .grid > li {
        width: calc(50% - 15px)
    }

    .page-blog .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .page-blog .grid > li:nth-of-type(2n) {
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1180px) {
    .page-blog .grid > li {
        width: calc(25% - 23.3px)
    }

    .page-blog .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .page-blog .grid > li:nth-of-type(4n) {
        margin: 0 0 30px
    }
}

.page-blog .articleItem {
    box-shadow: 0px 1px 4px #e7e6e6;
    border-radius: 3px;
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-blog .articleItem .imgContainer {
    display: block;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 4px 4px 0 0
}

@media only screen and (min-width: 769px) {
    .page-blog .articleItem .imgContainer {
        height: 220px;
        display: inline-block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.page-blog .articleItem .rSide {
    padding: 20px
}

@media only screen and (min-width: 769px) {
    .page-blog .articleItem .rSide {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 30px 15px
    }
}

.page-blog .articleItem .rSide .section {
    font-size: .625rem;
    letter-spacing: .075em;
    color: rgba(48, 51, 57, 0.5);
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 8px 7px 6px;
    line-height: 1;
    border: 1px solid rgba(48, 51, 57, 0.5);
    border-radius: 15px;
    margin: 0 10px 19px 0
}

.page-blog .articleItem .rSide .description {
    display: block;
    font-size: 1.25rem;
    line-height: 28px;
    color: #303339;
    margin-bottom: 15px;
    text-decoration: none;
    height: 56px;
    overflow: hidden
}

@media only screen and (min-width: 769px) {
    .page-blog .articleItem .rSide .description {
        height: 60px;
        font-size: 1.375rem;
        line-height: 30px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1179px) {
    .page-blog .articleItem .rSide .description {
        font-size: 1.25rem;
        line-height: 28px;
        height: 56px
    }
}

@media only screen and (min-width: 1180px) {
    .page-blog .articleItem .rSide .description {
        font-size: 1.375rem;
        line-height: 30px
    }
}

.page-blog .articleItem .rSide .description:hover {
    text-decoration: underline
}

.page-blog .articleItem .rSide .text {
    font-size: 1rem;
    line-height: 24px;
    color: #303339;
    overflow: hidden;
    margin-bottom: 22px
}

@media only screen and (min-width: 769px) {
    .page-blog .articleItem .rSide .text {
        height: 96px
    }
}

.page-blog .articleItem .rSide .bottomInfo {
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    line-height: 1.375rem;
    letter-spacing: .001em;
    color: rgba(48, 51, 57, 0.5);
    border-top: 1px solid #eaeaeb;
    padding-top: 16px
}

.page-blog .articleItem .rSide .bottomInfo p {
    padding-right: 20px;
    position: relative
}

.page-blog .articleItem .rSide .bottomInfo p svg {
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
    fill: #97999c
}

.page-blog .articleItem .rSide .bottomInfo p.date {
    font-weight: bold
}

.page-blog .articleItem .rSide .bottomInfo p.seen {
    padding-left: 20px
}

.page-blog .articleItem .rSide .bottomInfo p.comments {
    padding-left: 20px
}

/* SCOPE = .page-catalog */
.page-catalog {
    background-color: #f9faff;
    padding: 33px 0
}

.page-catalog .titleContainer h1, .page-catalog .titleContainer .h1, .page-catalog .titleContainer .title {
    font-size: 24px;
    line-height: 36px;
    color: #333842;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 17px
}

@media only screen and (min-width: 769px) {
    .page-catalog .titleContainer h1, .page-catalog .titleContainer .h1, .page-catalog .titleContainer .title {
        font-size: 2.25rem;
        line-height: 1.2
    }
}

.page-catalog .titleContainer .subTitle {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #333842;
    margin-bottom: 40px
}

/* SCOPE = .page-contacts */
.page-contacts {
    padding: 33px 0;
    background-color: #f9faff
}

.page-contacts .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 40px
}

@media only screen and (min-width: 769px) {
    .page-contacts .title {
        font-size: 1.875rem;
        line-height: 1.4
    }
}

.page-contacts .contactsContainer .contactItem {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    padding-right: 30px;
    min-height: 4.75rem;
    -ms-flex-align: center;
    align-items: center
}

.page-contacts .contactsContainer .contactItem .svgWr {
    width: 3.75rem;
    height: 3.75rem;
    min-width: 3.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #4b7fee;
    border-radius: 100%
}

.page-contacts .contactsContainer .contactItem .svgWr svg {
    width: 1.5rem;
    height: 1.5rem;
    stroke: #4b7fee
}

.page-contacts .contactsContainer .contactItem .rSide {
    margin-left: 1.875rem
}

.page-contacts .contactsContainer .contactItem .rSide p, .page-contacts .contactsContainer .contactItem .rSide a {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #292e48;
    text-decoration: none;
    display: block
}

.page-contacts .contactsContainer .contactItem .rSide a:hover {
    text-decoration: underline
}

.page-contacts .contactsContainer .contactItem .rSide .ttl {
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 6px
}

.page-contacts .formWr {
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
    padding: 1.8125rem;
    max-width: 320px;
    margin: 0 auto 3.125rem
}

@media only screen and (min-width: 769px) {
    .page-contacts .formWr {
        margin: 0 0 3.75rem auto
    }
}

.page-contacts .formWr .titleForm {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    padding-bottom: 7px
}

.page-contacts .formWr .txt {
    font-size: .875rem;
    line-height: 1.25rem;
    color: #292e48;
    padding-bottom: 27px
}

.page-contacts .formWr input {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: 15px;
    box-shadow: none;
    margin-bottom: 24px;
    padding: 0 15px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 17px center;
    transition: all 300ms ease
}

.page-contacts .formWr .yam-button, .page-contacts .formWr .sbm {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3);
    border-radius: 4px;
    margin-left: auto;
    background-color: #4b7fee
}

.page-contacts .mapContainer {
    margin-bottom: 1.3125rem
}

.page-contacts .mapContainer iframe {
    border: 0px solid transparent;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    height: 410px
}

/* SCOPE = .page-demo */
.page-demo {
    background-color: #f9faff;
    padding: 33px 0
}

.page-demo .titleContainer h1, .page-demo .titleContainer .h1, .page-demo .titleContainer .title {
    font-size: 24px;
    line-height: 36px;
    color: #333842;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 17px
}

@media only screen and (min-width: 769px) {
    .page-demo .titleContainer h1, .page-demo .titleContainer .h1, .page-demo .titleContainer .title {
        font-size: 2.25rem;
        line-height: 1.2
    }
}

.page-demo .titleContainer .subTitle {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #333842;
    margin-bottom: 40px
}

.page-demo .makerContainer {
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-demo .makerContainer {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.page-demo .makerContainer .imgContainer {
    width: 100%;
    text-align: center;
    padding: 20px 30px;
    margin: 0 auto;
    border-bottom: 1px solid #f7f8fd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 769px) {
    .page-demo .makerContainer .imgContainer {
        border-right: 1px solid #f7f8fd;
        border-bottom: 0;
        margin: 0;
        width: 170px
    }
}

.page-demo .makerContainer .imgContainer .img {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.page-demo .makerContainer .rSide {
    padding: 0 30px;
    line-height: 1.5rem;
    font-size: 1rem;
    color: #393d4c;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 30px
}

@media only screen and (min-width: 769px) {
    .page-demo .makerContainer .rSide {
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1024px) {
    .page-demo .makerContainer .rSide {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-demo .makerContainer .rSide .text {
    text-align: center
}

@media only screen and (min-width: 769px) {
    .page-demo .makerContainer .rSide .text {
        text-align: left
    }
}

.page-demo .makerContainer .rSide a {
    font-size: .875rem;
    color: #8e9096;
    padding-left: 35px;
    position: relative;
    text-decoration: none;
    min-width: 140px;
    margin-top: 15px
}

@media only screen and (min-width: 1024px) {
    .page-demo .makerContainer .rSide a {
        margin-top: 0
    }
}

.page-demo .makerContainer .rSide a:hover {
    text-decoration: underline
}

.page-demo .makerContainer .rSide a:before {
    position: absolute;
    width: 19px;
    height: 22px;
    left: 0;
    top: calc(50% - 11px);
    content: "";
    background-image: url("../img/cloud.svg");
    background-size: 24px
}

/* SCOPE = .Header */
.Header {
    position: relative
}

/* SCOPE = #html-form */
#html-form {
    padding-bottom: 3.75rem
}

#html-form [data-yam-validator] {
    position: relative;
    display: block
}

#html-form [data-yam-validator].invalid input {
    -ms-box-shadow: 0 0 3px red;
    -o-box-shadow: 0 0 3px red;
    box-shadow: 0 0 3px red;
    border-color: transparent !important;
    transition: all 300ms ease
}

#html-form [data-yam-validator].invalid .message.invalid {
    opacity: .8;
    transform: translateX(0px)
}

#html-form [data-yam-validator].required input {
    border-color: transparent !important;
    -ms-box-shadow: 0 0 3px #E4746C;
    -o-box-shadow: 0 0 3px #E4746C;
    box-shadow: 0 0 3px #E4746C;
    transition: all 300ms ease
}

#html-form [data-yam-validator].required .message.required {
    opacity: .8;
    transform: translateX(0px)
}

#html-form [data-yam-validator].not-identic input {
    border-color: transparent !important;
    -ms-box-shadow: 0 0 3px #E4746C;
    -o-box-shadow: 0 0 3px #E4746C;
    box-shadow: 0 0 3px #E4746C;
    transition: all 300ms ease
}

#html-form [data-yam-validator].not-identic .message.identic {
    opacity: .8;
    transform: translateX(0px)
}

#html-form [data-yam-validator] input {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    transition: all 300ms ease
}

#html-form [data-yam-validator] .message {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #fff;
    color: #000;
    padding: 0 10px;
    font-size: .75rem;
    text-transform: lowercase;
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 1;
    opacity: 0;
    letter-spacing: 1px;
    -webkit-pointer-events: none !important;
    -moz-pointer-events: none !important;
    -ms-pointer-events: none !important;
    -o-pointer-events: none !important;
    pointer-events: none !important;
    transition: all 300ms ease;
    transform: translateX(-20px)
}

#html-form [data-yam-validator] .message.invalid {
    color: rgba(212, 0, 0, 0.7)
}

#html-form [data-yam-validator] .message.required {
    color: rgba(212, 0, 0, 0.7)
}

#html-form [data-yam-validator] .message.identic {
    color: rgba(212, 0, 0, 0.7)
}

#html-form .form input[type="radio"] {
    display: none
}

#html-form .form input[type="radio"]:checked ~ .paymentMethod {
    background-color: #eaebeb
}

#html-form .form .inpContainer {
    margin-bottom: 15px
}

@media only screen and (min-width: 769px) {
    #html-form .form .inpContainer {
        margin-bottom: 0
    }
}

#html-form .form .inpContainer input {
    height: 3.8125rem;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 2.0625rem;
    border: 1px solid #2c2c2c;
    box-shadow: none;
    padding: 0 30px
}

@media only screen and (min-width: 769px) {
    #html-form .form .inpContainer input {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width: 1180px) {
    #html-form .form .inpContainer input {
        margin-bottom: 2.375rem
    }
}

#html-form .form .inpContainer input::-webkit-input-placeholder {
    opacity: 1
}

#html-form .form .inpContainer input:-moz-placeholder {
    opacity: 1
}

#html-form .form .inpContainer input::-moz-placeholder {
    opacity: 1
}

#html-form .form .inpContainer input:-ms-input-placeholder {
    opacity: 1
}

#html-form .form .inpContainer input.errorFild {
    border-color: red
}

#html-form .form [type="submit"], #html-form .form .sbm, #html-form .form .yam-button {
    width: 10.625rem;
    height: 3.8125rem;
    border-radius: 2.0625rem;
    border: 1px solid #de4b39;
    background-color: #de4b39;
    color: white;
    font-size: 1.125rem;
    display: block;
    margin: 0 auto 10px;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms ease
}

#html-form .form [type="submit"]:hover, #html-form .form .sbm:hover, #html-form .form .yam-button:hover {
    background-color: #c33221
}

/* SCOPE = #test-scope */
#test-scope {
    background-color: red
}

/* SCOPE = .block-questions */
.block-questions {
    margin: 30px 0 15px
}

.block-questions .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 21px
}

@media only screen and (min-width: 769px) {
    .block-questions .title {
        font-size: 2.25rem;
        line-height: 1.4
    }
}

.block-questions .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 769px) {
    .block-questions .tabs {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.block-questions .tabs .tab {
    width: 100%;
    height: 3.25rem;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .block-questions .tabs .tab {
        width: 270px;
        margin: 0 15px 30px
    }
}

.block-questions .tabs .tab a {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none
}

.block-questions .tabs .tab a span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    font-size: 14px;
    color: #292e48;
    text-transform: uppercase;
    font-family: "DecimaNovaPro_Bold";
    transition: all 300ms ease
}

.block-questions .tabs .tab a:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #4b7fee transparent transparent transparent;
    content: "";
    z-index: 2;
    opacity: 0;
    transition: all 300ms ease 150ms;
    transform: translateY(-10px);
    pointer-events: none
}

.block-questions .tabs .tab a.active span {
    background-color: #4b7fee;
    color: #fff
}

.block-questions .tabs .tab a.active:before {
    opacity: 1;
    transform: translateY(0)
}

.block-questions .acardionItem {
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0px 1px 4px 0px #f2f2f2
}

.block-questions .acardionItem .acardionQuestion {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 15px 30px 16px;
    font-size: 18px;
    line-height: 1.4;
    color: #292e48;
    cursor: pointer
}

@media only screen and (min-width: 769px) {
    .block-questions .acardionItem .acardionQuestion {
        padding: 15px 50px 15px 30px
    }
}

.block-questions .acardionItem .acardionQuestion:before {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 24px;
    height: 24px;
    background-image: url("../img/add.svg");
    background-size: contain;
    content: "";
    transition: all 300ms ease
}

@media only screen and (min-width: 769px) {
    .block-questions .acardionItem .acardionQuestion:before {
        right: 30px
    }
}

.block-questions .acardionItem .acardionAnswer {
    display: block;
    border-top: 1px solid #e6effc;
    margin: 0 30px;
    font-size: 15px;
    line-height: 24px;
    color: #292e48;
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 300ms ease
}

.block-questions .acardionItem.active .acardionQuestion:before {
    transform: rotate(45deg)
}

.block-questions .acardionItem.active .acardionAnswer {
    padding: 12px 0 18px;
    height: auto;
    opacity: 1;
    pointer-events: auto
}

@media only screen and (min-width: 769px) {
    .block-questions .tabulator {
        opacity: 0;
        transition: all 300ms ease;
        transform: translateX(-100px)
    }

    .block-questions .tabulator:not(.invisible-state) {
        transform: translateX(0);
        opacity: 1;
        transition: all 500ms ease 300ms
    }

    .block-questions .tabulator.complete {
        transform: translateX(0);
        opacity: 1
    }
}

@media only screen and (min-width: 1180px) {
    .block-questions .tabulator {
        position: relative
    }

    .block-questions .tabulator:before {
        position: absolute;
        width: 266px;
        height: 100%;
        top: 0;
        left: -266px;
        background-image: url("../img/bg2.jpg");
        content: ""
    }

    .block-questions .tabulator:after {
        position: absolute;
        width: 266px;
        height: 100%;
        top: 0;
        right: -266px;
        background-image: url("../img/bg3.jpg");
        content: ""
    }
}

/* SCOPE = .page-news-detail */
.page-news-detail {
    position: relative;
    padding: 33px 0;
    background-color: #f9faff
}

.page-news-detail .row {
    padding-left: 50px;
}

.page-news-detail .row > div {
    max-width: 775px;
}

.page-news-detail .subTitle {
    font-size: 1rem;
    line-height: 2rem;
    color: #393d4c;
    margin-bottom: 26px;
    font-family: "DecimaNovaPro_Bold"
}

.page-news-detail .detail-xl-container .title {
    font-size: 24px;
    line-height: 33px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-news-detail .detail-xl-container .title {
        font-size: 1.875rem;
        line-height: 1.4
    }
}

.page-news-detail .detail-xl-container .data {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0 23px;
    color: #a2a0ab;
    position: relative;
    transition: all 300ms ease;
    margin: 0
}

.page-news-detail .detail-xl-container .data:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    background-position: center
}

.page-news-detail .detail-xl-container .img {
    display: block;
    margin: 1.875rem auto;
    border-radius: 4px
}

@media only screen and (min-width: 769px) {
    .page-news-detail .detail-xl-container .img {
        margin: 2.75rem auto;
    }
}

.page-news-detail .detail-xl-container .blockShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

@media only screen and (min-width: 769px) {
    .page-news-detail .detail-xl-container .blockShare {
        margin-bottom: 30px
    }
}

.page-news-detail .detail-xl-container .blockShare a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .6875rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -ms-flex-align: center;
    align-items: center;
    color: #808080;
    /*margin: 0 10px 15px*/
}

@media only screen and (min-width: 768px) {
    .page-news-detail .detail-xl-container .blockShare a {
        width: auto;
        /*margin: 0 30px 0 0*/
    }
}

.page-news-detail .detail-xl-container .blockShare a .p {
    display: none;
    font-size: .6875rem;
    line-height: 1.875rem;
    text-transform: uppercase;
    margin: 0 0 0 15px;
    font-family: "DecimaNovaPro_Bold"
}

.page-news-detail .detail-xl-container .blockShare a .border {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    border: 2px solid gray;
    border-radius: 100%
}

.page-news-detail .detail-xl-container .blockShare a .border svg {
    width: 25px
}

.page-news-detail .detail-xl-container .blockShare a.facebook {
    color: #3b5998
}

.page-news-detail .detail-xl-container .blockShare a.facebook .border {
    border-color: #3b5998
}

.page-news-detail .detail-xl-container .blockShare a.facebook .border svg {
    fill: #3b5998
}

.page-news-detail .detail-xl-container .blockShare a.twitter {
    color: #76A9EA
}

.page-news-detail .detail-xl-container .blockShare a.twitter .border {
    border-color: #76A9EA
}

.page-news-detail .detail-xl-container .blockShare a.twitter .border svg {
    fill: #76A9EA
}

.page-news-detail .detail-xl-container .blockShare a.linkedin .border {
    border-color: #1b75bb;
}

.page-news-detail .detail-xl-container .blockShare a.linkedin .border svg {
    fill: #1b75bb;
}

.page-news-detail .detail-xl-container .blockShare a.vkontakte {
    color: #4d76a1
}

.page-news-detail .detail-xl-container .blockShare a.vkontakte .border {
    border-color: #4d76a1
}

.page-news-detail .detail-xl-container .blockShare a.vkontakte .border svg {
    fill: #4d76a1
}

.page-news-detail .detail-xl-container .blockShare a.telegram {
    color: #2197D5
}

.page-news-detail .detail-xl-container .blockShare a.telegram .border {
    border-color: #2197D5
}

.page-news-detail .detail-xl-container .blockShare a.telegram .border svg {
    fill: #2197D5
}

.page-news-detail .detail-xl-container .blockShare a.googleplus {
    color: #dd4b39
}

.page-news-detail .detail-xl-container .blockShare a.googleplus .border {
    border-color: #dd4b39
}

.page-news-detail .detail-xl-container .blockShare a.googleplus .border svg {
    fill: #dd4b39
}

.page-news-detail .detail-xl-container .blockShare a.instagram {
    background: linear-gradient(-45deg, #6559ca 0%, #bb3791 50%, #bb3791 51%, #e84b54 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-news-detail .detail-xl-container .blockShare a.instagram .border {
    border-color: #b3409a
}

.page-news-detail .detail-xl-container .blockShare a.instagram .border svg {
    fill: #b3409a
}

.page-news-detail .detail-xl-container .blockShare a.instagram p {
    color: #b3409a;
    -webkit-text-fill-color: #b3409a
}

.page-news-detail .detail-xl-container .blockShare a:hover:not(.instagram) .border {
    box-shadow: 0px 4px 12px #f2f2f2
}

.page-news-detail .detail-xl-container .textContainer {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #292e48;
    margin-bottom: 50px
}

.page-news-detail .detail-xl-container .textContainer p {
    margin-bottom: 14px
}

.page-news-detail .detail-xl-container .textContainer ul {
    margin-bottom: 24px
}

.page-news-detail .detail-xl-container .textContainer ul li {
    position: relative;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 24px;
    color: #292e48;
    margin-bottom: 14px
}

@media only screen and (min-width: 769px) {
    .page-news-detail .detail-xl-container .textContainer ul li {
        padding-left: 40px
    }
}

.page-news-detail .detail-xl-container .textContainer ul li:before {
    position: absolute;
    left: 5px;
    width: 4px;
    height: 4px;
    top: 10px;
    border-radius: 100%;
    background-color: #292e48;
    content: ""
}

@media only screen and (min-width: 769px) {
    .page-news-detail .detail-xl-container .textContainer ul li:before {
        left: 25px
    }
}

.page-news-detail .detail-xl-container .quote {
    background-color: #f7f8fd;
    padding: 20px 30px;
    border-left: 4px solid #4b7fee;
    border-left-width: 4px;
    border-left-style: solid;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #292e48;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Cormorant Garamond'
}

@media only screen and (min-width: 769px) {
    .page-news-detail .detail-xl-container .quote {
        padding: 40px;
        margin: 45px 0 15px 110px
    }
}

.page-news-detail .detail-xl-container .subTitleText {
    font-family: "DecimaNovaPro_Bold";
    padding: 10px 0;
    font-size: 18px
}

.page-news-detail .detail-xl-container .otherNewsUl2 {
    position: relative
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item {
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
    padding: 1.25rem;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #292929;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 300ms ease
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .hoverBg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    content: "";
    background-size: cover;
    transition: all 300ms ease;
    display: none
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .hoverBg:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 2
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .detail-xl-container .otherNewsUl2 .item .hoverBg {
        display: block
    }
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .newsContent {
    z-index: 2;
    position: relative
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .titleNewsUl {
    color: #292929;
    line-height: 1.5rem;
    display: block;
    overflow: hidden;
    margin-bottom: 9px;
    text-decoration: none;
    transition: all 300ms ease
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .titleNewsUl:hover {
    text-decoration: underline
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo {
    display: -ms-flexbox;
    display: flex
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .data {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0 23px;
    color: #a2a0ab;
    position: relative;
    transition: all 300ms ease;
    margin: 0
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .data:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    background-position: center
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type {
    font-size: .625rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
    display: block;
    height: 20px;
    transition: all 300ms ease
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.article {
    background-color: #73ab7e
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.news {
    background-color: #3a5dad
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.opinion {
    background-color: #704991
}

.page-news-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type:hover {
    text-decoration: none
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .detail-xl-container .otherNewsUl2 .item:hover .hoverBg {
        opacity: 1
    }

    .page-news-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .title {
        color: white;
        text-decoration: none
    }

    .page-news-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .dateInfo .data {
        color: white
    }

    .page-news-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .dateInfo .data:before {
        background-image: url("../img/calendarWhite.png")
    }
}

.page-news-detail .otherNews {
    position: relative
}

.page-news-detail .otherNews .item {
    background-color: white;
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 2px;
    padding: 1.5625rem 1.875rem;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #292929;
    font-weight: 500;
    position: relative;
    transition: all 300ms ease
}

.page-news-detail .otherNews .item .hoverBg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    content: "";
    background-size: cover;
    transition: all 300ms ease;
    display: none
}

.page-news-detail .otherNews .item .hoverBg:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 2
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .otherNews .item .hoverBg {
        display: block
    }
}

.page-news-detail .otherNews .item .newsContent {
    z-index: 2;
    position: relative
}

.page-news-detail .otherNews .item .title {
    color: #292929;
    line-height: 1.5rem;
    height: 4.5rem;
    display: block;
    overflow: hidden;
    margin-bottom: 9px;
    text-decoration: none;
    transition: all 300ms ease
}

.page-news-detail .otherNews .item .dateInfo {
    display: -ms-flexbox;
    display: flex
}

.page-news-detail .otherNews .item .dateInfo .data {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0 23px;
    color: #a2a0ab;
    position: relative;
    transition: all 300ms ease;
    margin: 0
}

.page-news-detail .otherNews .item .dateInfo .data:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    background-position: center
}

.page-news-detail .otherNews .item .dateInfo .type {
    font-size: .625rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
    display: block;
    height: 20px;
    transition: all 300ms ease
}

.page-news-detail .otherNews .item .dateInfo .type.article {
    background-color: #73ab7e
}

.page-news-detail .otherNews .item .dateInfo .type.news {
    background-color: #3a5dad
}

.page-news-detail .otherNews .item .dateInfo .type.opinion {
    background-color: #704991
}

.page-news-detail .otherNews .item .dateInfo .type:hover {
    text-decoration: none
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .otherNews .item:hover .hoverBg {
        opacity: 1
    }

    .page-news-detail .otherNews .item:hover .newsContent .title {
        color: white;
        text-decoration: none
    }

    .page-news-detail .otherNews .item:hover .newsContent .dateInfo .data {
        color: white
    }

    .page-news-detail .otherNews .item:hover .newsContent .dateInfo .data:before {
        background-image: url("../img/calendarWhite.png")
    }
}

.page-news-detail .newsSidebarNews {
    border-radius: 2px
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .newsSidebarNews {
        box-shadow: 0px 1px 4px 0px #f2f2f2;
        background-color: #fff;
        padding: 15px 0 2px
    }
}

.page-news-detail .newsSidebarNews .sidebarTitle {
    margin: 0;
    padding: 4px 15px 21px 30px;
    font-weight: bold
}

.page-news-detail .newsSidebarNews .grid > li {
    width: calc(100% - 0px)
}

.page-news-detail .newsSidebarNews .grid > li:nth-of-type(n) {
    margin: 0 30px 30px 0
}

.page-news-detail .newsSidebarNews .grid > li:nth-of-type(1n) {
    margin: 0 0 30px
}

@media only screen and (min-width: 769px) {
    .page-news-detail .newsSidebarNews .grid > li {
        width: calc(50% - 15px)
    }

    .page-news-detail .newsSidebarNews .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .page-news-detail .newsSidebarNews .grid > li:nth-of-type(2n) {
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .newsSidebarNews .grid > li {
        width: calc(100% - 0px)
    }

    .page-news-detail .newsSidebarNews .grid > li:nth-of-type(n) {
        margin: 0 0px 0px 0
    }

    .page-news-detail .newsSidebarNews .grid > li:nth-of-type(1n) {
        margin: 0 0 0px
    }
}

.page-news-detail .newsSidebarNews .grid .item {
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 2px;
    padding: 1.5625rem 1.875rem
}

@media (max-width: 1180px) {
    .page-news-detail .newsSidebarNews .grid .item {
        border: 1px solid #e2edf3;
        border-radius: 4px
    }
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .newsSidebarNews .grid .item {
        box-shadow: none;
        border-top: 1px solid #dad9df;
        padding: 15px 20px 15px 30px
    }
}

.page-news-detail .newsSidebarNews .grid .item .title {
    height: 3rem
}

.page-news-detail .bannerNews {
    margin-bottom: 30px;
    display: none
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .bannerNews {
        display: block
    }

    .page-news-detail .bannerNews img {
        width: 100%
    }
}

.page-news-detail .newsSubscribe2 {
    background-color: #f7f8fd;
    border-radius: 4px;
    min-height: 130px;
    margin-bottom: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

@media only screen and (min-width: 769px) {
    .page-news-detail .newsSubscribe2 {
        padding: 30px
    }
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .newsSubscribe2 {
        padding: 45px 60px
    }
}

.page-news-detail .newsSubscribe2 .row {
    width: 100%
}

.page-news-detail .newsSubscribe2 .txt {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 15px;
    color: #000000;
    font-family: "DecimaNovaPro_Bold"
}

@media only screen and (min-width: 769px) {
    .page-news-detail .newsSubscribe2 .txt {
        font-size: 1.125rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 1180px) {
    .page-news-detail .newsSubscribe2 .txt {
        margin-bottom: 0
    }
}

.page-news-detail .newsSubscribe2 .form {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-news-detail .newsSubscribe2 .form label {
    position: relative;
    width: 100%
}

.page-news-detail .newsSubscribe2 .form label svg {
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    top: calc(21px - 10px)
}

.page-news-detail .newsSubscribe2 .form input {
    height: 42px;
    width: 100%;
    border: 1px solid #c0c4c9;
    border-radius: 21px;
    box-shadow: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 15px 0 55px;
    margin-bottom: 15px
}

@media only screen and (min-width: 769px) {
    .page-news-detail .newsSubscribe2 .form input {
        padding: 0 170px 0 55px;
        margin-bottom: 0
    }
}

.page-news-detail .newsSubscribe2 .form .yam-button {
    height: 42px;
    width: 100%;
    border-radius: 21px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 0 30px
}

@media only screen and (min-width: 769px) {
    .page-news-detail .newsSubscribe2 .form .yam-button {
        position: absolute !important;
        top: calc(50% - 21px);
        right: 0;
        width: 170px
    }
}

.page-news-detail .newsSubscribe2 .form .yam-button svg {
    fill: #fff;
    width: 14px;
    height: 14px
}

.page-news-detail .newsSubscribe2 .blockShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    margin-top: 15px
}

@media only screen and (min-width: 1024px) {
    .page-news-detail .newsSubscribe2 .blockShare {
        margin-top: 0
    }
}

.page-news-detail .newsSubscribe2 .blockShare a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .6875rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-align: center;
    align-items: center;
    color: #808080;
    margin: 0 10px 20px
}

@media only screen and (min-width: 768px) {
    .page-news-detail .newsSubscribe2 .blockShare a {
        width: auto;
        margin: 0 20px 0 0
    }
}

.page-news-detail .newsSubscribe2 .blockShare a .border {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1px solid grey;
    border-radius: 100%
}

.page-news-detail .newsSubscribe2 .blockShare a .border svg {
    width: 20px
}

.page-news-detail .newsSubscribe2 .blockShare a.facebook {
    color: #3b5998
}

.page-news-detail .newsSubscribe2 .blockShare a.facebook .border {
    border-color: #3b5998
}

.page-news-detail .newsSubscribe2 .blockShare a.facebook .border svg {
    fill: #3b5998
}

.page-news-detail .newsSubscribe2 .blockShare a.twitter {
    color: #76A9EA
}

.page-news-detail .newsSubscribe2 .blockShare a.twitter .border {
    border-color: #76A9EA
}

.page-news-detail .newsSubscribe2 .blockShare a.twitter .border svg {
    fill: #76A9EA
}

.page-news-detail .newsSubscribe2 .blockShare a.vkontakte {
    color: #4d76a1
}

.page-news-detail .newsSubscribe2 .blockShare a.vkontakte .border {
    border-color: #4d76a1
}

.page-news-detail .newsSubscribe2 .blockShare a.vkontakte .border svg {
    fill: #4d76a1
}

.page-news-detail .newsSubscribe2 .blockShare a.telegram {
    color: #2197D5
}

.page-news-detail .newsSubscribe2 .blockShare a.telegram .border {
    border-color: #2197D5
}

.page-news-detail .newsSubscribe2 .blockShare a.telegram .border svg {
    fill: #2197D5
}

.page-news-detail .newsSubscribe2 .blockShare a.googleplus {
    color: #dd4b39
}

.page-news-detail .newsSubscribe2 .blockShare a.googleplus .border {
    border-color: #dd4b39
}

.page-news-detail .newsSubscribe2 .blockShare a.googleplus .border svg {
    fill: #dd4b39
}

.page-news-detail .newsSubscribe2 .blockShare a.instagram {
    background: linear-gradient(-45deg, #6559ca 0%, #bb3791 50%, #bb3791 51%, #e84b54 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-news-detail .newsSubscribe2 .blockShare a.instagram .border {
    border-color: #b3409a
}

.page-news-detail .newsSubscribe2 .blockShare a.instagram .border svg {
    fill: #b3409a
}

.page-news-detail .newsSubscribe2 .blockShare a.instagram p {
    color: #b3409a;
    -webkit-text-fill-color: #b3409a
}

.page-news-detail .newsSubscribe2 .blockShare a:hover:not(.instagram) .border {
    box-shadow: 0px 4px 12px #f2f2f2
}

/* SCOPE = .news-blocks */
.news-blocks {
    padding: 33px 0;
    background-color: #f9faff
}

.news-blocks .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 50px
}

@media only screen and (min-width: 769px) {
    .news-blocks .title {
        font-size: 1.875rem;
        line-height: 1.4
    }
}

.news-blocks .grid > li {
    width: calc(100% - 0px)
}

.news-blocks .grid > li:nth-of-type(n) {
    margin: 0 20px 20px 0
}

.news-blocks .grid > li:nth-of-type(1n) {
    margin: 0 0 20px
}

@media only screen and (min-width: 769px) {
    .news-blocks .grid > li {
        width: calc(50% - 15px)
    }

    .news-blocks .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .news-blocks .grid > li:nth-of-type(2n) {
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1180px) {
    .news-blocks .grid > li {
        width: calc(25% - 22.5px)
    }

    .news-blocks .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .news-blocks .grid > li:nth-of-type(4n) {
        margin: 0 0 30px
    }
}

.news-blocks svg {
    display: none
}

.news-blocks .stockItem {
    height: 364px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    padding-bottom: 25px;
    overflow: hidden
}

.news-blocks .stockItem .img {
    height: 134px;
    background-size: cover;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e2edf3
}

.news-blocks .stockItem .bottomInfo {
    padding: 1.875rem;
    padding-top: 25px;
    padding-bottom: 0px;
    height: 202px;
    overflow: hidden
}

.news-blocks .stockItem .bottomInfo .title {
    font-size: .875rem;
    line-height: 1.375rem;
    max-height: 60px;
    overflow: hidden;
    color: black;
    font-family: "DecimaNovaPro_Bold";
    text-decoration: none;
    display: block;
    margin-bottom: 14px
}

.news-blocks .stockItem .bottomInfo .title:hover {
    text-decoration: underline
}

.news-blocks .stockItem .bottomInfo .text {
    overflow: hidden;
    font-size: .875rem
}

.news-blocks .stockItem .bottomInfo .date {
    font-size: .75rem;
    color: #7e8183;
    padding-left: 20px;
    background-image: url("../img/calendar.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 18px
}

.news-blocks .stockItem .bottomInfo .flexContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-blocks .stockItem .bottomInfo .flexContainer .timer {
    font-size: .75rem;
    line-height: 1.125rem;
    color: #444a4e;
    padding-left: 25px;
    background-image: url("../img/time.png");
    background-position: left;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.news-blocks .stockItem .bottomInfo .flexContainer .more {
    width: 144px;
    height: 43px;
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    line-height: 43px;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    transition: all 300ms ease
}

/* SCOPE = .page-product */
.product-description .itemsWrapper .items .consultation_block .consultation_li {
    display: inline-block;
    padding: 10px;
    box-shadow: 0px 0px 0px 2px rgba(246, 247, 244, 0.51)
}

.product-description .itemsWrapper .items .consultation_block .consultation_li .item img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.product-description .itemsWrapper .items .consultation_block .consultation_li .item p {
    font-size: 0.9375rem
}

.product-description .itemsWrapper .items .consultation_block .consultation_li .item a {
    display: block;
    padding: 15px 10px 0px 10px
}

.product-description .itemsWrapper .items .consultation_block .consultation_li::before {
    content: '';
    display: none
}

.block_card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block_card .acardion_col {
    padding: 10px;
    width: 33.333%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.block_card .acardion_col img {
    width: 95%;
    display: block;
    margin: 10px auto
}

.page-product {
    padding: 60px 0 45px;
    box-shadow: 0px 1px 4px 0px #f1f2f7;
    border-radius: 2px;
    margin-bottom: 2px
}

.page-product .productContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-product .productContainer .inner-wrapper-sticky {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767px) {
    .page-product .productContainer {
        position: static !important
    }

    .page-product .productContainer .inner-wrapper-sticky {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: static !important
    }
}

.page-product .productContainer .picture {
    margin: auto
}

.page-product .productContainer .downloadPresentation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    border: 1px solid #e4e6ec;
    border-radius: 4px;
    font-size: 15px;
    color: #9496a3;
    text-decoration: none;
    margin-bottom: 25px;
    transition: all 300ms ease
}

.page-product .productContainer .downloadPresentation svg {
    transition: all 300ms ease;
    fill: #4b7fee;
    margin-right: 15px
}

.page-product .productContainer .downloadPresentation:hover {
    border-color: #4b7fee;
    background-color: #4b7fee;
    color: #fff
}

.page-product .productContainer .downloadPresentation:hover svg {
    fill: #fff
}

.page-product .productContainer .linkContainer a {
    display: block;
    font-size: 15px;
    color: #292e48;
    line-height: 20px;
    padding-left: 3.125rem;
    position: relative;
    margin-bottom: 21px
}

.page-product .productContainer .linkContainer a:before {
    position: absolute;
    top: calc(10px - 12px);
    left: 0;
    width: 24px;
    height: 24px;
    min-width: 24px;
    content: "";
    background-color: #4b7fee;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px
}

.page-product .productContainer .linkContainer a.videoReview:before {
    background-image: url("../img/videocam.svg")
}

.page-product .productContainer .linkContainer a.howToUse:before {
    background-image: url("../img/local_movies.svg")
}

.page-product .socShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0 24px
}

.page-product .socShare a {
    height: 42px;
    min-width: 42px;
    width: 42px;
    background-color: #f9faff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 2px;
    transition: all 300ms ease
}

.page-product .socShare a svg {
    width: 14px
}

.page-product .socShare a:last-child {
    margin-right: 0
}

.page-product .socShare a.facebook {
    fill: #1a5deb
}

.page-product .socShare a.google_plus svg {
    fill: #f34a38;
    width: 18px
}

.page-product .socShare a.twitter {
    fill: #4b7fee
}

.page-product .socShare a.linkedin {
    fill: #1976d2
}

.page-product .socShare a.telegram {
    fill: #57a4ff
}

@media (max-width: 1179px) {
    .page-product .sidebarWrapper {
        position: static !important
    }

    .page-product .sidebarWrapper .inner-wrapper-sticky {
        width: auto !important;
        position: static !important;
        transform: translate3d(0px, 0px, 0px) !important
    }
}

.page-product .rightSidebar {
    max-width: 768px;
    margin: 60px auto 30px
}

@media only screen and (min-width: 1180px) {
    .page-product .rightSidebar {
        margin: 0 auto 30px
    }
}

.page-product .rightSidebar .topBasketBlock {
    border: 1px solid #e4e6ec;
    border-radius: 3px;
    padding: 0 19px
}

.page-product .rightSidebar .topBasketBlock .itm {
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 26px;
    color: #9496a3;
    border-bottom: 1px solid #e4e6ec;
    padding-left: 35px
}

@media only screen and (min-width: 1180px) {
    .page-product .rightSidebar .topBasketBlock .itm {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.page-product .rightSidebar .topBasketBlock .itm b {
    font-weight: normal;
    font-family: "DecimaNovaPro_Bold";
    color: #292e48;
    padding-left: 5px
}

.page-product .rightSidebar .topBasketBlock .itm:last-child {
    border-bottom: none
}

.page-product .rightSidebar .topBasketBlock .itm:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.page-product .rightSidebar .topBasketBlock .itm.see:before {
    background-image: url("../img/eye-24px.svg")
}

.page-product .rightSidebar .topBasketBlock .itm.buy:before {
    background-image: url("../img/shopping_basket.svg")
}

.page-product .rightSidebar .bottomBlock {
    border: 1px solid #e4e6ec;
    border-top: none;
    border-radius: 3px
}

.page-product .rightSidebar .bottomBlock .infoWrapper {
    padding: 12px 19px
}

.page-product .rightSidebar .bottomBlock .flexContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    line-height: 26px;
    color: #292e48;
    height: 36px
}

.page-product .rightSidebar .bottomBlock .flexContainer .price {
    color: #292e48;
    font-family: "DecimaNovaPro_Bold"
}

.page-product .rightSidebar .bottomBlock .flexContainer .price b {
    font-weight: normal;
    font-size: 18px
}

.page-product .rightSidebar .bottomBlock .flexContainer .price i {
    font-style: normal;
    font-size: 18px
}

.page-product .rightSidebar .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 53px;
    width: 100%;
    text-decoration: none;
    transition: all 300ms ease
}

.page-product .rightSidebar .button.btnFull {
    background-color: #4b7fee;
    border: 1px solid #4b7fee;
    color: #fff
}

.page-product .rightSidebar .button.btnEmpty {
    border: 1px solid #4b7fee;
    color: #4b7fee;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.page-product .paymentSystems {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-product .paymentSystems .itm {
    width: 65px;
    height: 40px;
    border: 1px solid #eae6e6;
    border-radius: 3px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 45px auto;
    filter: grayscale(100%);
    filter: opacity(50%)
}

.page-product .product-description .mainTitle, .page-product .product-description .h1 {
    font-size: 1.625rem;
    line-height: 1.3;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 19px
}

@media only screen and (min-width: 769px) {
    .page-product .product-description .mainTitle, .page-product .product-description .h1 {
        font-size: 2.25rem
    }
}

.page-product .product-description .text {
    font-size: .9375rem;
    line-height: 1.6;
    color: #292e48;
    margin-bottom: 22px
}

.page-product .product-description .downloadTop {
    font-size: 14px;
    line-height: 20px;
    color: #4b7fee;
    padding: 3px 0 0 35px;
    position: relative;
    margin-bottom: 25px;
    display: block
}

.page-product .product-description .downloadTop:before {
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
    width: 24px;
    height: 24px;
    content: "";
    background-image: url("../img/agreement.svg");
    background-repeat: no-repeat;
    background-size: contain
}

.page-product .product-description .title {
    font-size: 18px;
    line-height: 30px;
    color: #292e48;
    margin-bottom: 16px;
    font-family: "DecimaNovaPro_Bold"
}

@media only screen and (min-width: 769px) {
    .page-product .product-description .title {
        font-size: 24px
    }
}

.page-product .product-description .itemsWrapper {
    border-bottom: 1px solid #e4e6ec
}

.page-product .product-description .items {
    border-top: 1px solid #e4e6ec;
    padding: 23px 0
}

.page-product .product-description .items .hiddenBlock {
    opacity: 0;
    height: 0;
    pointer-events: none;
    overflow: hidden;
    transition: all 300ms ease
}

.page-product .product-description .items.acardion {
    position: relative
}

.page-product .product-description .items.acardion .arrow {
    position: absolute;
    width: 2.125rem;
    height: 2.125rem;
    min-width: 2.125rem;
    top: 18px;
    right: 0;
    border-radius: 100%;
    border: 1px solid #e7effc;
    cursor: pointer;
    background-image: url("../img/arr.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    opacity: .7;
    transform: rotate(-90deg);
    transition: all 300ms ease
}

.page-product .product-description .items.acardion.show {
    padding: 23px 0
}

.page-product .product-description .items.acardion.show .arrow {
    transform: rotate(90deg)
}

.page-product .product-description .items.acardion.show .hiddenBlock {
    opacity: 1;
    height: auto;
    pointer-events: auto;
    overflow: visible
}

.page-product .product-description .items.acardion.show .seeMore {
    display: none
}

.page-product .product-description .items .seeMore {
    font-size: .75rem;
    line-height: 2;
    color: #4b7fee;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: "DecimaNovaPro_Bold";
    cursor: pointer
}

.page-product .product-description .items .seeMore:hover {
    text-decoration: none
}

.page-product .product-description .items .flexContainer {
    margin: 5px 0 0
}

@media only screen and (min-width: 769px) {
    .page-product .product-description .items .flexContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-product .product-description .items .flexContainer:last-child {
    border-bottom: none
}

@media only screen and (min-width: 769px) {
    .page-product .product-description .items .flexContainer {
        border-bottom: none;
        margin: 0;
        padding-bottom: 0;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.page-product .product-description .items .flexContainer .textInfo {
    font-size: 15px;
    line-height: 18px;
    color: #292e48;
    display: inline;
    padding-right: 5px
}

@media only screen and (min-width: 769px) {
    .page-product .product-description .items .flexContainer .textInfo {
        line-height: 30px
    }
}

.page-product .product-description .items .flexContainer .val {
    font-size: 15px;
    line-height: 18px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    display: inline
}

@media only screen and (min-width: 769px) {
    .page-product .product-description .items .flexContainer .val {
        line-height: 30px;
        text-align: right
    }
}

.page-product .product-description .video {
    position: relative;
    display: inline-block;
    margin-bottom: 22px
}

.page-product .product-description .video:before {
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 52px);
    width: 104px;
    height: 113px;
    content: "";
    background-image: url("../img/play.png")
}

.page-product .product-description .boldText, .page-product .product-description h3, .page-product .product-description .h3 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 11px
}

.page-product .product-description .yam-button {
    width: 100%;
    height: 52px;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 769px) {
    .page-product .product-description .yam-button {
        margin-right: 30px;
        width: 210px
    }
}

.page-product .product-description .yam-button:hover {
    text-decoration: none
}

.page-product .product-description .yam-button.buttonFull {
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

.page-product .product-description ul li {
    padding-left: 11px;
    position: relative;
    font-size: 15px;
    line-height: 30px;
    color: #292e48
}

.page-product .product-description ul li:before {
    position: absolute;
    left: 0;
    top: 15px;
    width: 3px;
    height: 3px;
    content: "";
    background-color: #292e48;
    border-radius: 100%
}

/* SCOPE = .bottomContent */
.bottomContent {
    background-color: #f9faff;
    padding-top: 58px
}

.bottomContent .mainOrder {
    margin-bottom: 60px
}

/* SCOPE = .breadcrumbs */
.breadcrumbs {
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    overflow-x: auto;
    background-color: #fff;
    border-top: 1px solid #dddfe5;
    border-bottom: 1px solid #dddfe5
}

.breadcrumbs .wr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.breadcrumbs .wr a, .breadcrumbs .wr span {
    font-size: .875rem;
    line-height: 1.875rem;
    text-decoration: none;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.breadcrumbs .wr a {
    padding-right: 35px;
    position: relative;
    color: #696b79;
    text-decoration: underline;
    -webkit-text-decoration-color: #8e909a;
    text-decoration-color: #8e909a
}

.breadcrumbs .wr a:before {
    width: 3px;
    height: 3px;
    position: absolute;
    right: 17px;
    top: calc(50% - 1px);
    content: "";
    background-color: #9496a3;
    border-radius: 100%
}

.breadcrumbs .wr a:hover {
    text-decoration: none
}

.breadcrumbs .wr span {
    color: #9496a3
}

/* SCOPE = .block-search */
.block-search {
    margin: 30px 0 36px
}

.block-search .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 21px
}

@media only screen and (min-width: 769px) {
    .block-search .title {
        font-size: 2.25rem;
        line-height: 1.4
    }
}

.block-search .result {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    padding-left: 2.8125rem;
    margin-bottom: 2.0625rem
}

.block-search .searchItems {
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    border-radius: 4px;
    padding: 27px 30px 20px
}

.block-search .searchItems .itm {
    border-bottom: 1px solid #e6effc;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #272d47;
    margin-bottom: 20px;
    padding-bottom: 24px
}

.block-search .searchItems .itm:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.block-search .searchItems .itm .itmTitle {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #4b7fee;
    margin-bottom: 9px;
    display: block
}

@media only screen and (min-width: 1180px) {
    .block-search .searchItems {
        position: relative
    }

    .block-search .searchItems:before {
        position: absolute;
        width: 266px;
        height: 100%;
        top: -30px;
        left: -266px;
        background-image: url("../img/bg2.jpg");
        content: ""
    }

    .block-search .searchItems:after {
        position: absolute;
        width: 266px;
        height: 100%;
        top: -30px;
        right: -266px;
        background-image: url("../img/bg3.jpg");
        content: ""
    }
}

/* SCOPE = .page-service-detail */
.page-service-detail {
    position: relative;
    padding: 33px 0;
    background-color: #f9faff
}

.page-service-detail .subTitle {
    font-size: 1rem;
    line-height: 2rem;
    color: #393d4c;
    margin-bottom: 26px;
    font-family: "DecimaNovaPro_Bold"
}

.page-service-detail .detail-xl-container .title {
    font-size: 24px;
    line-height: 33px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .title {
        font-size: 1.875rem;
        line-height: 1.4
    }
}

.page-service-detail .detail-xl-container .topInfo {
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    line-height: 1.375rem;
    letter-spacing: .001em;
    color: rgba(48, 51, 57, 0.5)
}

.page-service-detail .detail-xl-container .topInfo p {
    padding-right: 20px;
    position: relative
}

.page-service-detail .detail-xl-container .topInfo p svg {
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
    fill: #97999c
}

.page-service-detail .detail-xl-container .topInfo p.date {
    font-weight: bold
}

.page-service-detail .detail-xl-container .topInfo p.seen {
    padding-left: 20px
}

.page-service-detail .detail-xl-container .topInfo p.comments {
    padding-left: 20px
}

.page-service-detail .detail-xl-container .img {
    margin: 1.875rem 0;
    border-radius: 4px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .img {
        margin: 1.875rem 0 2.75rem
    }
}

.page-service-detail .detail-xl-container .blockShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .blockShare {
        margin-bottom: 30px
    }
}

.page-service-detail .detail-xl-container .blockShare a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .6875rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-align: center;
    align-items: center;
    color: #808080;
    margin: 0 10px 15px
}

@media only screen and (min-width: 768px) {
    .page-service-detail .detail-xl-container .blockShare a {
        width: auto;
        margin: 0 30px 0 0
    }
}

.page-service-detail .detail-xl-container .blockShare a .p {
    font-size: .6875rem;
    line-height: 1.875rem;
    text-transform: uppercase;
    margin: 0 0 0 15px;
    font-family: "DecimaNovaPro_Bold"
}

.page-service-detail .detail-xl-container .blockShare a .border {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border: 2px solid grey;
    border-radius: 100%
}

.page-service-detail .detail-xl-container .blockShare a .border svg {
    width: 14px
}

.page-service-detail .detail-xl-container .blockShare a.facebook {
    color: #3b5998
}

.page-service-detail .detail-xl-container .blockShare a.facebook .border {
    border-color: #3b5998
}

.page-service-detail .detail-xl-container .blockShare a.facebook .border svg {
    fill: #3b5998
}

.page-service-detail .detail-xl-container .blockShare a.twitter {
    color: #76A9EA
}

.page-service-detail .detail-xl-container .blockShare a.twitter .border {
    border-color: #76A9EA
}

.page-service-detail .detail-xl-container .blockShare a.twitter .border svg {
    fill: #76A9EA
}

.page-service-detail .detail-xl-container .blockShare a.vkontakte {
    color: #4d76a1
}

.page-service-detail .detail-xl-container .blockShare a.vkontakte .border {
    border-color: #4d76a1
}

.page-service-detail .detail-xl-container .blockShare a.vkontakte .border svg {
    fill: #4d76a1
}

.page-service-detail .detail-xl-container .blockShare a.telegram {
    color: #2197D5
}

.page-service-detail .detail-xl-container .blockShare a.telegram .border {
    border-color: #2197D5
}

.page-service-detail .detail-xl-container .blockShare a.telegram .border svg {
    fill: #2197D5
}

.page-service-detail .detail-xl-container .blockShare a.googleplus {
    color: #dd4b39
}

.page-service-detail .detail-xl-container .blockShare a.googleplus .border {
    border-color: #dd4b39
}

.page-service-detail .detail-xl-container .blockShare a.googleplus .border svg {
    fill: #dd4b39
}

.page-service-detail .detail-xl-container .blockShare a.instagram {
    background: linear-gradient(-45deg, #6559ca 0%, #bb3791 50%, #bb3791 51%, #e84b54 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-service-detail .detail-xl-container .blockShare a.instagram .border {
    border-color: #b3409a
}

.page-service-detail .detail-xl-container .blockShare a.instagram .border svg {
    fill: #b3409a
}

.page-service-detail .detail-xl-container .blockShare a.instagram p {
    color: #b3409a;
    -webkit-text-fill-color: #b3409a
}

.page-service-detail .detail-xl-container .blockShare a:hover:not(.instagram) .border {
    box-shadow: 0px 4px 12px #f2f2f2
}

.page-service-detail .detail-xl-container .textContainer {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #292e48;
    margin-bottom: 50px
}

.page-service-detail .detail-xl-container .textContainer p {
    margin-bottom: 14px
}

.page-service-detail .detail-xl-container .textContainer ul {
    margin-bottom: 24px
}

.page-service-detail .detail-xl-container .textContainer ul li {
    position: relative;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 24px;
    color: #292e48;
    margin-bottom: 14px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .textContainer ul li {
        padding-left: 40px
    }
}

.page-service-detail .detail-xl-container .textContainer ul li:before {
    position: absolute;
    left: 5px;
    width: 4px;
    height: 4px;
    top: 10px;
    border-radius: 100%;
    background-color: #292e48;
    content: ""
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .textContainer ul li:before {
        left: 25px
    }
}

.page-service-detail .detail-xl-container .topTextContainer {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #292e48
}

.page-service-detail .detail-xl-container .topTextContainer ul {
    margin-bottom: 24px
}

.page-service-detail .detail-xl-container .topTextContainer ul li {
    position: relative;
    padding-left: 20px;
    font-size: 1rem;
    line-height: 24px;
    color: #292e48;
    margin-bottom: 14px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .topTextContainer ul li {
        padding-left: 40px
    }
}

.page-service-detail .detail-xl-container .topTextContainer ul li:before {
    position: absolute;
    left: 5px;
    width: 4px;
    height: 4px;
    top: 10px;
    border-radius: 100%;
    background-color: #292e48;
    content: ""
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .topTextContainer ul li:before {
        left: 25px
    }
}

.page-service-detail .detail-xl-container .quote {
    background-color: #f7f8fd;
    padding: 20px 30px;
    border-left: 4px solid #4b7fee;
    border-left-width: 4px;
    border-left-style: solid;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #292e48;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Cormorant Garamond'
}

@media only screen and (min-width: 769px) {
    .page-service-detail .detail-xl-container .quote {
        padding: 40px;
        margin: 45px 0 15px 110px
    }
}

.page-service-detail .detail-xl-container .subTitleText {
    font-family: "DecimaNovaPro_Bold";
    padding: 10px 0;
    font-size: 18px
}

.page-service-detail .detail-xl-container .otherNewsUl2 {
    position: relative
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item {
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
    padding: 1.25rem;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #292929;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: all 300ms ease
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .hoverBg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    content: "";
    background-size: cover;
    transition: all 300ms ease;
    display: none
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .hoverBg:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 2
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .detail-xl-container .otherNewsUl2 .item .hoverBg {
        display: block
    }
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .newsContent {
    z-index: 2;
    position: relative
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .titleNewsUl {
    color: #292929;
    line-height: 1.5rem;
    display: block;
    overflow: hidden;
    margin-bottom: 9px;
    text-decoration: none;
    transition: all 300ms ease
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .titleNewsUl:hover {
    text-decoration: underline
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo {
    display: -ms-flexbox;
    display: flex
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .data {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0 23px;
    color: #a2a0ab;
    position: relative;
    transition: all 300ms ease;
    margin: 0
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .data:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    background-position: center
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type {
    font-size: .625rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
    display: block;
    height: 20px;
    transition: all 300ms ease
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.article {
    background-color: #73ab7e
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.news {
    background-color: #3a5dad
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type.opinion {
    background-color: #704991
}

.page-service-detail .detail-xl-container .otherNewsUl2 .item .dateInfo .type:hover {
    text-decoration: none
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .detail-xl-container .otherNewsUl2 .item:hover .hoverBg {
        opacity: 1
    }

    .page-service-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .title {
        color: white;
        text-decoration: none
    }

    .page-service-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .dateInfo .data {
        color: white
    }

    .page-service-detail .detail-xl-container .otherNewsUl2 .item:hover .newsContent .dateInfo .data:before {
        background-image: url("../img/calendarWhite.png")
    }
}

.page-service-detail .otherNews {
    position: relative
}

.page-service-detail .otherNews .item {
    background-color: white;
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 2px;
    padding: 1.5625rem 1.875rem;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #292929;
    font-weight: 500;
    position: relative;
    transition: all 300ms ease
}

.page-service-detail .otherNews .item .hoverBg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    content: "";
    background-size: cover;
    transition: all 300ms ease;
    display: none
}

.page-service-detail .otherNews .item .hoverBg:before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 2
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .otherNews .item .hoverBg {
        display: block
    }
}

.page-service-detail .otherNews .item .newsContent {
    z-index: 2;
    position: relative
}

.page-service-detail .otherNews .item .title {
    color: #292929;
    line-height: 1.5rem;
    height: 4.5rem;
    display: block;
    overflow: hidden;
    margin-bottom: 9px;
    text-decoration: none;
    transition: all 300ms ease
}

.page-service-detail .otherNews .item .dateInfo {
    display: -ms-flexbox;
    display: flex
}

.page-service-detail .otherNews .item .dateInfo .data {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0 23px;
    color: #a2a0ab;
    position: relative;
    transition: all 300ms ease;
    margin: 0
}

.page-service-detail .otherNews .item .dateInfo .data:before {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    background-position: center
}

.page-service-detail .otherNews .item .dateInfo .type {
    font-size: .625rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
    display: block;
    height: 20px;
    transition: all 300ms ease
}

.page-service-detail .otherNews .item .dateInfo .type.article {
    background-color: #73ab7e
}

.page-service-detail .otherNews .item .dateInfo .type.news {
    background-color: #3a5dad
}

.page-service-detail .otherNews .item .dateInfo .type.opinion {
    background-color: #704991
}

.page-service-detail .otherNews .item .dateInfo .type:hover {
    text-decoration: none
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .otherNews .item:hover .hoverBg {
        opacity: 1
    }

    .page-service-detail .otherNews .item:hover .newsContent .title {
        color: white;
        text-decoration: none
    }

    .page-service-detail .otherNews .item:hover .newsContent .dateInfo .data {
        color: white
    }

    .page-service-detail .otherNews .item:hover .newsContent .dateInfo .data:before {
        background-image: url("../img/calendarWhite.png")
    }
}

.page-service-detail .newsSidebarNews {
    border-radius: 2px
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .newsSidebarNews {
        box-shadow: 0px 1px 4px 0px #f2f2f2;
        background-color: #fff;
        padding: 15px 0 2px
    }
}

.page-service-detail .newsSidebarNews .sidebarTitle {
    margin: 0;
    padding: 4px 15px 21px 30px;
    font-weight: bold
}

.page-service-detail .newsSidebarNews .grid > li {
    width: calc(100% - 0px)
}

.page-service-detail .newsSidebarNews .grid > li:nth-of-type(n) {
    margin: 0 30px 30px 0
}

.page-service-detail .newsSidebarNews .grid > li:nth-of-type(1n) {
    margin: 0 0 30px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .newsSidebarNews .grid > li {
        width: calc(50% - 15px)
    }

    .page-service-detail .newsSidebarNews .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .page-service-detail .newsSidebarNews .grid > li:nth-of-type(2n) {
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .newsSidebarNews .grid > li {
        width: calc(100% - 0px)
    }

    .page-service-detail .newsSidebarNews .grid > li:nth-of-type(n) {
        margin: 0 0px 0px 0
    }

    .page-service-detail .newsSidebarNews .grid > li:nth-of-type(1n) {
        margin: 0 0 0px
    }
}

.page-service-detail .newsSidebarNews .grid .item {
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 2px;
    padding: 1.5625rem 1.875rem
}

@media (max-width: 1180px) {
    .page-service-detail .newsSidebarNews .grid .item {
        border: 1px solid #e2edf3;
        border-radius: 4px
    }
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .newsSidebarNews .grid .item {
        box-shadow: none;
        border-top: 1px solid #dad9df;
        padding: 15px 20px 15px 30px
    }
}

.page-service-detail .newsSidebarNews .grid .item .title {
    height: 3rem
}

.page-service-detail .bannerNews {
    margin-bottom: 30px;
    display: none
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .bannerNews {
        display: block
    }

    .page-service-detail .bannerNews img {
        width: 100%
    }
}

.page-service-detail .newsSubscribe2 {
    background-color: #f7f8fd;
    border-radius: 4px;
    min-height: 130px;
    margin-bottom: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

@media only screen and (min-width: 769px) {
    .page-service-detail .newsSubscribe2 {
        padding: 30px
    }
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .newsSubscribe2 {
        padding: 45px 60px
    }
}

.page-service-detail .newsSubscribe2 .row {
    width: 100%
}

.page-service-detail .newsSubscribe2 .txt {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 15px;
    color: #000000;
    font-family: "DecimaNovaPro_Bold"
}

@media only screen and (min-width: 769px) {
    .page-service-detail .newsSubscribe2 .txt {
        font-size: 1.125rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .newsSubscribe2 .txt {
        margin-bottom: 0
    }
}

.page-service-detail .newsSubscribe2 .form {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-service-detail .newsSubscribe2 .form label {
    position: relative;
    width: 100%
}

.page-service-detail .newsSubscribe2 .form label svg {
    position: absolute;
    left: 20px;
    width: 20px;
    height: 20px;
    top: calc(21px - 10px)
}

.page-service-detail .newsSubscribe2 .form input {
    height: 42px;
    width: 100%;
    border: 1px solid #c0c4c9;
    border-radius: 21px;
    box-shadow: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 15px 0 55px;
    margin-bottom: 15px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .newsSubscribe2 .form input {
        padding: 0 170px 0 55px;
        margin-bottom: 0
    }
}

.page-service-detail .newsSubscribe2 .form .yam-button {
    height: 42px;
    width: 100%;
    border-radius: 21px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 0 30px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .newsSubscribe2 .form .yam-button {
        position: absolute !important;
        top: calc(50% - 21px);
        right: 0;
        width: 170px
    }
}

.page-service-detail .newsSubscribe2 .form .yam-button svg {
    fill: #fff;
    width: 14px;
    height: 14px
}

.page-service-detail .newsSubscribe2 .blockShare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    margin-top: 15px
}

@media only screen and (min-width: 1024px) {
    .page-service-detail .newsSubscribe2 .blockShare {
        margin-top: 0
    }
}

.page-service-detail .newsSubscribe2 .blockShare a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .6875rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-align: center;
    align-items: center;
    color: #808080;
    margin: 0 10px 20px
}

@media only screen and (min-width: 768px) {
    .page-service-detail .newsSubscribe2 .blockShare a {
        width: auto;
        margin: 0 20px 0 0
    }
}

.page-service-detail .newsSubscribe2 .blockShare a .border {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1px solid grey;
    border-radius: 100%
}

.page-service-detail .newsSubscribe2 .blockShare a .border svg {
    width: 20px
}

.page-service-detail .newsSubscribe2 .blockShare a.facebook {
    color: #3b5998
}

.page-service-detail .newsSubscribe2 .blockShare a.facebook .border {
    border-color: #3b5998
}

.page-service-detail .newsSubscribe2 .blockShare a.facebook .border svg {
    fill: #3b5998
}

.page-service-detail .newsSubscribe2 .blockShare a.twitter {
    color: #76A9EA
}

.page-service-detail .newsSubscribe2 .blockShare a.twitter .border {
    border-color: #76A9EA
}

.page-service-detail .newsSubscribe2 .blockShare a.twitter .border svg {
    fill: #76A9EA
}

.page-service-detail .newsSubscribe2 .blockShare a.vkontakte {
    color: #4d76a1
}

.page-service-detail .newsSubscribe2 .blockShare a.vkontakte .border {
    border-color: #4d76a1
}

.page-service-detail .newsSubscribe2 .blockShare a.vkontakte .border svg {
    fill: #4d76a1
}

.page-service-detail .newsSubscribe2 .blockShare a.telegram {
    color: #2197D5
}

.page-service-detail .newsSubscribe2 .blockShare a.telegram .border {
    border-color: #2197D5
}

.page-service-detail .newsSubscribe2 .blockShare a.telegram .border svg {
    fill: #2197D5
}

.page-service-detail .newsSubscribe2 .blockShare a.googleplus {
    color: #dd4b39
}

.page-service-detail .newsSubscribe2 .blockShare a.googleplus .border {
    border-color: #dd4b39
}

.page-service-detail .newsSubscribe2 .blockShare a.googleplus .border svg {
    fill: #dd4b39
}

.page-service-detail .newsSubscribe2 .blockShare a.instagram {
    background: linear-gradient(-45deg, #6559ca 0%, #bb3791 50%, #bb3791 51%, #e84b54 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-service-detail .newsSubscribe2 .blockShare a.instagram .border {
    border-color: #b3409a
}

.page-service-detail .newsSubscribe2 .blockShare a.instagram .border svg {
    fill: #b3409a
}

.page-service-detail .newsSubscribe2 .blockShare a.instagram p {
    color: #b3409a;
    -webkit-text-fill-color: #b3409a
}

.page-service-detail .newsSubscribe2 .blockShare a:hover:not(.instagram) .border {
    box-shadow: 0px 4px 12px #f2f2f2
}

.page-service-detail .orderService {
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    padding: 1.875rem;
    margin-bottom: 30px;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #292e48
}

.page-service-detail .orderService p {
    margin-bottom: 30px
}

.page-service-detail .orderService .yam-button {
    width: 100%;
    height: 52px;
    border-radius: 4px;
    background-color: #4b7fee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

.page-service-detail .sidebarDetail ul {
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
    width: 100%
}

.page-service-detail .sidebarDetail ul li {
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #303339;
    letter-spacing: .001em;
    border-bottom: 1px solid #dad9df;
    padding: 1rem 1.875rem;
    min-height: 4.0625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: all 300ms ease
}

.page-service-detail .sidebarDetail ul li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 300ms ease
}

.page-service-detail .sidebarDetail ul li:hover, .page-service-detail .sidebarDetail ul li.active {
    background-color: #4b7fee;
    color: #fff
}

.page-service-detail .sidebarDetail ul li:hover a, .page-service-detail .sidebarDetail ul li.active a {
    color: #fff;
    text-decoration: none
}

.page-service-detail .sidebarDetail ul li:first-child {
    font-family: "DecimaNovaPro_Bold"
}

.page-service-detail .sidebarDetail ul li:first-child:hover {
    background-color: #fff;
    color: #303339
}

.page-service-detail .sidebarDetail ul li:first-child:hover a {
    text-decoration: none
}

.page-service-detail .sidebarDetail ul li:last-child {
    border-bottom: none
}

.page-service-detail .commentContainer {
    background-color: #fff;
    box-shadow: 0px 1px 4px #f2f2f2;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .commentContainer {
        padding: 30px
    }
}

.page-service-detail .commentContainer .titleText {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 18px
}

.page-service-detail .commentContainer .inputName {
    height: 52px;
    width: 100%;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    padding: 0 20px;
    margin-bottom: 15px
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .commentContainer .inputName {
        margin-bottom: 0
    }
}

.page-service-detail .commentContainer .textarea, .page-service-detail .commentContainer textarea {
    height: 112px;
    width: 100%;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    padding: 10px 20px;
    line-height: 30px;
    resize: none
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .commentContainer .textarea, .page-service-detail .commentContainer textarea {
        height: 52px
    }
}

.page-service-detail .commentContainer [type="submit"], .page-service-detail .commentContainer .yam-button {
    height: 52px;
    width: 100%;
    border: 1px solid #4b7fee;
    border-radius: 4px;
    background-color: #4b7fee;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px
}

@media only screen and (min-width: 1180px) {
    .page-service-detail .commentContainer [type="submit"], .page-service-detail .commentContainer .yam-button {
        margin-bottom: 0
    }
}

.page-service-detail .commentContainer .response {
    border-bottom: 1px solid #e6effc;
    margin-bottom: 22px;
    margin-left: 25px
}

@media only screen and (min-width: 769px) {
    .page-service-detail .commentContainer .response {
        margin-left: 70px
    }
}

.page-service-detail .commentContainer .response .flexContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.page-service-detail .commentContainer .response .flexContainer .name {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #4b7fee;
    font-family: "DecimaNovaPro_Bold";
    margin-right: 20px;
    text-decoration: none
}

.page-service-detail .commentContainer .response .flexContainer .name.admin {
    color: #292e48
}

.page-service-detail .commentContainer .response .flexContainer .data {
    font-size: .75rem;
    line-height: 1.375rem;
    padding-top: 3px;
    color: #303339
}

.page-service-detail .commentContainer .response .coment {
    padding-bottom: 20px
}

.page-service-detail .commentContainer .response .response:last-child {
    border-bottom: none
}

/* SCOPE = .page-service */
.page-service {
    margin: 30px 0 0
}

.page-service .title {
    font-size: 24px;
    line-height: 36px;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 21px
}

@media only screen and (min-width: 769px) {
    .page-service .title {
        font-size: 2.25rem;
        line-height: 1.4
    }
}

.page-service .txt {
    font-size: 18px;
    line-height: 26px;
    color: #121832;
    margin-bottom: 29px
}

.page-service .item {
    border: 1px solid #f4f5fa;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    padding: 32px 30px 0;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .page-service .item {
        opacity: 0;
        transition: all 300ms ease;
        transform: translateX(-100px);
        padding: 22px 40px 10px
    }
}

@media only screen and (min-width: 1180px) {
    .page-service .item {
        padding: 32px 0 10px 40px
    }
}

@media only screen and (min-width: 769px) {
    .page-service .item.revers {
        transform: translateX(100px)
    }
}

@media only screen and (min-width: 1180px) {
    .page-service .item.revers {
        padding: 32px 40px 10px 0
    }
}

@media only screen and (min-width: 769px) {
    .page-service .item:not(.invisible-state) {
        transform: translateX(0);
        opacity: 1;
        transition: all 500ms ease 300ms
    }
}

.page-service .item.complete {
    transform: translateX(0);
    opacity: 1
}

.page-service .item .itemTitle {
    font-size: 20px;
    line-height: 1.4;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 16px
}

.page-service .item .itemText {
    font-size: 16px;
    line-height: 1.4;
    color: #292e48;
    margin-bottom: 38px
}

.page-service .item .buttonContainer {
    display: -ms-flexbox;
    display: flex
}

.page-service .item .buttonContainer .grid {
    width: 100%
}

.page-service .item .buttonContainer .grid > li {
    width: calc(100% - 0px)
}

.page-service .item .buttonContainer .grid > li:nth-of-type(n) {
    margin: 0 30px 30px 0
}

.page-service .item .buttonContainer .grid > li:nth-of-type(1n) {
    margin: 0 0 30px
}

@media only screen and (min-width: 769px) {
    .page-service .item .buttonContainer .grid > li {
        width: calc(33.33333% - 20px)
    }

    .page-service .item .buttonContainer .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .page-service .item .buttonContainer .grid > li:nth-of-type(3n) {
        margin: 0 0 30px
    }
}

.page-service .item .buttonContainer .yam-button {
    display: -ms-flexbox;
    display: flex
}

.page-service .item .buttonContainer .yam-button.buttonFull {
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

.page-service .item .buttonContainer .svgButton {
    height: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 185px;
    margin: auto
}

@media only screen and (min-width: 769px) {
    .page-service .item .buttonContainer .svgButton {
        margin: 0;
        max-width: none
    }
}

.page-service .item .buttonContainer .svgButton img {
    height: 34px
}

.page-service .item .buttonContainer .svgButton .btn {
    height: 34px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #a6dbe8;
    font-size: .9375rem;
    color: #4a5058;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.page-service .item .buttonContainer .svgButton .btn:hover {
    text-decoration: none
}

.page-service .item .bg {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

/* SCOPE = .about-us-content-1 */
.about-us-content-1 {
    min-height: 400px;
    margin-bottom: 30px;
    color: #292e48;
    margin-top: 30px
}

@media only screen and (min-width: 769px) {
    .about-us-content-1 {
        margin-top: 60px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .about-us-content-1 {
        margin-bottom: 30px
    }
}

.about-us-content-1 .left-top {
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 40px;
    max-width: 410px
}

@media only screen and (min-width: 769px) {
    .about-us-content-1 .left-top {
        margin-bottom: 40px;
        max-width: 550px
    }
}

@media only screen and (min-width: 1180px) {
    .about-us-content-1 .left-top {
        margin-top: 78px
    }
}

.about-us-content-1 .left-top .header {
    font-size: 1.75rem;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 23px;
    color: #333842
}

.about-us-content-1 .img {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.about-us-content-1 .img img {
    margin: auto
}

/* SCOPE = .infoBlocks */
.infoBlocks {
    min-height: 180px;
    margin-bottom: 30px
}

.infoBlocks .gridcss > li {
    width: calc(100% - 0px)
}

.infoBlocks .gridcss > li:nth-of-type(n) {
    margin: 0 30px 30px 0
}

.infoBlocks .gridcss > li:nth-of-type(1n) {
    margin: 0 0 30px
}

@media only screen and (min-width: 1180px) {
    .infoBlocks .gridcss > li {
        width: calc(33.33333% - 20px)
    }

    .infoBlocks .gridcss > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .infoBlocks .gridcss > li:nth-of-type(3n) {
        margin: 0 0 30px
    }
}

.infoBlocks .gridcss .itm {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 4px 0px #f1f2f7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 30px 20px 24px
}

.infoBlocks .gridcss .itm .imgContainer {
    background-color: #fff;
    width: 60px;
    height: 60px;
    border: 1px solid #d1defb;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    margin-bottom: 15px
}

.infoBlocks .gridcss .itm .text {
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #121832;
    margin-bottom: 21px
}

.infoBlocks .gridcss .itm .text b {
    font-weight: normal;
    font-family: "DecimaNovaPro_Bold"
}

.infoBlocks .gridcss .itm .index {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: "DecimaNovaPro_Bold";
    color: rgba(18, 24, 50, 0.5)
}

/* SCOPE = .about-us-content-2 */
.about-us-content-2 {
    min-height: 400px;
    margin-bottom: 45px;
    margin-top: 0px;
    color: #292e48
}

@media only screen and (min-width: 1180px) {
    .about-us-content-2 {
        margin-top: 0px;
        margin-bottom: 30px
    }
}

.about-us-content-2 .right-top {
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 40px;
    max-width: 410px
}

@media only screen and (min-width: 769px) {
    .about-us-content-2 .right-top {
        margin-bottom: 40px;
        max-width: 999px
    }
}

@media only screen and (min-width: 1180px) {
    .about-us-content-2 .right-top {
        margin-top: 48px
    }
}

.about-us-content-2 .right-top .header {
    font-size: 1.75rem;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 20px;
    color: #333842
}

.about-us-content-2 .right-top .text {
    margin-bottom: 23px
}

.about-us-content-2 .right-top ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem
}

.about-us-content-2 .right-top ul .par {
    font-family: "DecimaNovaPro_Bold";
    padding-left: 0px;
    font-size: 18px;
    margin-bottom: 15px
}

.about-us-content-2 .right-top ul .par:after {
    display: none
}

.about-us-content-2 .right-top ul li {
    position: relative;
    padding-left: 15px
}

.about-us-content-2 .right-top ul li:after {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    top: calc(50% - 3px);
    background: #4b7fee;
    border-radius: 50%
}

.about-us-content-2 .img {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.about-us-content-2 .img img {
    margin: auto
}

/* SCOPE = .mainBlock */
.mainBlock {
    display: -ms-flexbox;
    display: flex;
    padding: 52px 20px;
}

@media only screen and (min-width: 769px) {
    .mainBlock {
        padding: 70px 0;
    }
}

@media only screen and (min-width: 1180px) {
    .mainBlock {
        padding: 140px 0;
    }
}

.mainBlock .title {
    font-family: "DecimaNovaPro_Bold";
    font-size: 1.875rem;
    line-height: 2rem;
    color: #333842;
    margin-bottom: 36px
}

@media only screen and (min-width: 769px) {
.mainBlock .title {
   font-size: 4.5rem;
   line-height: 5rem;
    }
}

.mainBlock .title span {
    color: #4b7fee;
}

@media only screen and (min-width: 769px) {
    .mainBlock .title span {
        display: inline
    }
}

.mainBlock .subTitle {
    font-size: 1rem;
    line-height: 1.2;
    color: #121832;
    margin-bottom: 45px
}

@media only screen and (min-width: 769px) {
    .mainBlock .subTitle {
        font-size: 1.5rem;
        margin-bottom: 63px
    }
}

.mainBlock .buttonBlock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (min-width: 769px) {
    .mainBlock .buttonBlock {
        -ms-flex-direction: row;
        flex-direction: row;
		padding: 0 33%;
    }
}

.mainBlock .buttonBlock .yam-button {
    width: 100%;
    height: 52px;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .mainBlock .buttonBlock .yam-button {
        margin-right: 30px;
        width: 210px
    }
}

.mainBlock .buttonBlock .yam-button:hover {
    text-decoration: none
}

.mainBlock .buttonBlock .yam-button.buttonFull {
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

.mainBlock .buttonBlock .yam-button.video span {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #4b7fee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    transition: all 300ms ease
}

.mainBlock .buttonBlock .yam-button.video span svg {
    fill: #fff;
    width: 14px;
    height: 14px;
    transition: all 300ms ease
}

.cols1 {
    text-align: center;
    width: 100%;
}

/* SCOPE = .whyBlock */
@media only screen and (min-width: 769px) {
    .whyBlock {
        opacity: 0;
        transition: all 300ms ease;
        transform: translateX(-100px)
    }

    .whyBlock:not(.invisible-state) {
        transform: translateX(0);
        opacity: 1;
        transition: all 500ms ease 300ms
    }

    .whyBlock.complete {
        transform: translateX(0);
        opacity: 1
    }
}

/*@media only screen and (min-width: 1180px) {*/
/*    .whyBlock {*/
/*        padding: 40px 0 0*/
/*    }*/
/*}*/

.whyBlock .titleContainer {
    text-align: center
}

.whyBlock .titleContainer .title {
    font-size: 24px;
    line-height: 36px;
    color: #333842;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 17px
}

@media only screen and (min-width: 769px) {
    .whyBlock .titleContainer .title {
        font-size: 2.25rem;
        line-height: 1.2
    }
}

.whyBlock .titleContainer .subTitle {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #333842;
    margin-bottom: 40px
}

.whyBlock .grid > li {
    width: calc(100% - 0px)
}

@media only screen and (min-width: 1180px) {
    .whyBlock .grid > li {
        width: 18.5%;
		margin: 0 10px 30px 10px;
    }

    .whyBlock .grid > li:first-child {
        margin-left: 0;
    }

    .whyBlock .grid > li:last-child {
        margin-right: 0;
    }
}

.whyBlock .grid .itm {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 4px 0px #f1f2f7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 20px 20px;
}

@media (min-width: 769px) {
.whyBlock .grid .itm {
    padding: 50px 20px;
}
}
.whyBlock .grid .itm .imgContainer {
    background-color: #fff;
    width: 60px;
    height: 60px;
    border: 1px solid #d1defb;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    margin-bottom: 15px
}

.whyBlock .grid .itm .text {
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #121832;
    margin-bottom: 21px
}

.whyBlock .grid .itm .text b {
    font-weight: normal;
    font-family: "DecimaNovaPro_Bold"
}

.whyBlock .grid .itm .index {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: "DecimaNovaPro_Bold";
    color: rgba(18, 24, 50, 0.5)
}

.topBlock .whyBlock .grid .name-itm {
    display: none;
}

.aboutUs .whyBlock .grid .itm {
    display: flex;
    justify-content: center;
    align-items: center;
    /*flex-direction: column;*/
    overflow: hidden;
}

.aboutUs .whyBlock .grid .itm > .itm-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: auto;
    width: 100%;
    object-fit: cover;
}

.our-principles {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
    font-size: 37px;
    color: #333842;;
    font-family: DecimaNovaPro, Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.aboutUs .whyBlock .grid .itm > .text,
.aboutUs .whyBlock .grid .itm > .index {
    margin-bottom: 0;
    color: #ffffff;
    z-index: 1;
}

.aboutUs .whyBlock .grid .name-itm {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    transition: .3s all linear;
    z-index: 9;
}

.aboutUs .whyBlock .grid .name-itm:hover {
    opacity: 0;
}

.aboutUs .whyBlock .grid .name-itm > p {
    font-size: 2.250rem;
    line-height: 1.625rem;
    color: #121832;
    z-index: 1;
}

/* SCOPE = .controlProgram */

.page-basket .bgWrapper .itemContainer .textInput input.password {
    background-image: url("../img/icon-input/key-solid.svg");
    background-size: 18px;
}

.page-basket .bgWrapper .itemContainer .textInput input.organization {
    background-image: url("../img/icon-input/heading-solid.svg");
    background-size: 18px;
}

.controlProgram .item {
    border: 1px solid #f4f5fa;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    padding: 32px 30px 0;
    margin-bottom: 30px
}

@media only screen and (min-width: 769px) {
    .controlProgram .item {
        opacity: 0;
        transition: all 300ms ease;
        transform: translateX(-100px);
        padding: 22px 40px 10px
    }
}

@media only screen and (min-width: 1180px) {
    .controlProgram .item {
        padding: 32px 0 10px 40px
    }
}

@media only screen and (min-width: 769px) {
    .controlProgram .item.revers {
        transform: translateX(100px)
    }
}

@media only screen and (min-width: 1180px) {
    .controlProgram .item.revers {
        padding: 32px 40px 10px 0
    }
}

@media only screen and (min-width: 769px) {
    .controlProgram .item:not(.invisible-state) {
        transform: translateX(0);
        opacity: 1;
        transition: all 500ms ease 300ms
    }
}

.controlProgram .item.complete {
    transform: translateX(0);
    opacity: 1
}

.controlProgram .item .itemTitle {
    font-size: 20px;
    line-height: 1.4;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 16px
}

.controlProgram .item .itemText {
    font-size: 14px;
    line-height: 1.1;
    color: #292e48;
    margin-bottom: 30px;
	text-align:justify;
}

@media only screen and (min-width: 769px) {
	.controlProgram .item .itemText {
    font-size: 16px;
    line-height: 1.4;
    color: #292e48;
    margin-bottom: 38px
	}}

.orange {
    font-size: 1.5rem;
	color: orange;
    font-weight: bold;
}
@media only screen and (min-width: 769px) {
.orange {
    font-size: 2rem;
	}}


.controlProgram .item .buttonContainer {
    display: -ms-flexbox;
    display: flex
}

.controlProgram .item .buttonContainer .grid {
    width: 100%
}

.controlProgram .item .buttonContainer .grid > li {
    width: calc(100% - 0px)
}

.controlProgram .item .buttonContainer .grid > li:nth-of-type(n) {
    margin: 0 30px 30px 0
}

.controlProgram .item .buttonContainer .grid > li:nth-of-type(1n) {
    margin: 0 0 30px
}

@media only screen and (min-width: 769px) {
    .controlProgram .item .buttonContainer .grid > li {
        width: calc(33.33333% - 20px)
    }

    .controlProgram .item .buttonContainer .grid > li:nth-of-type(n) {
        margin: 0 30px 30px 0
    }

    .controlProgram .item .buttonContainer .grid > li:nth-of-type(3n) {
        margin: 0 0 30px
    }
}

.controlProgram .item .buttonContainer .yam-button {
    display: -ms-flexbox;
    display: flex
}

.controlProgram .item .buttonContainer .yam-button.buttonFull {
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3)
}

.controlProgram .item .buttonContainer .svgButton {
    height: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 185px;
    margin: auto
}

@media only screen and (min-width: 769px) {
    .controlProgram .item .buttonContainer .svgButton {
        margin: 0;
        max-width: none
    }
}

.controlProgram .item .buttonContainer .svgButton img {
    height: 34px
}

.controlProgram .item .buttonContainer .svgButton .btn {
    height: 34px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #a6dbe8;
    font-size: .9375rem;
    color: #4a5058;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.controlProgram .item .buttonContainer .svgButton .btn:hover {
    text-decoration: none
}

.controlProgram .item .bg {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.otherNewsUl2 .stockItem {
    height: 100%;
}

.top-info {
    height: auto;
    position: fixed;
    top: 79px;
    left: calc(50% - 20px);
    box-shadow: 0 1px 4px 0 #e9e9e9;
    background-color: #fff;
    z-index: 200;
    transform: translateX(-50%);
    padding: 10px 18px;
    padding-right: 30px;
    font-size: 1.08em;
    border: 1px solid transparent;
    border-radius: 5px;
   /* max-height: calc(100vh - 167px);*/
    overflow-y: auto;
    width: calc(73rem - 40px);
    max-width: 100vw;
    border: 1px solid #77aaff;
}

.top-info.hided {
    top: 79px;
    padding-right: 18px;
    width: 30px;
    height: 30px;
    box-shadow: 0 2px 6px 0 #c7c7c7;
    left: auto;
    right: 4vw;
}

.top-info.hided .top-info-text {
    display: none;
}

.top-info.hided .close .show-txtt {
    display: none;
}
.top-info.hided.texted {
    width: auto;
    padding: 0 18px;
}
.top-info.texted:not(.hided) .close.texted {
    position: absolute;
}
.top-info.hided .close .show-txtt {

    position: absolute;
    right: 0px;
    top: -8px;
    cursor: pointer;
    width: 21px;
    height: 21px;
    display: block;
}
.top-info .close.texted {
    position: static;
}
.top-info.hided .close .show-txtt.texted {
    position: static;
    width: 100%;
}

.top-info.hided .close svg {
    display: none;
}

.top-info .close svg {
    width: 20px;
    height: 20px;
}

.top-info .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .top-info {
        height: 100%;
    }
}

@media (max-width: 1179px) {
    .top-info {
        left: 50%;
        max-width: 95vw;
		overflow-x: hidden;
    	overflow-y: auto;
    }
    .action-top{
		z-index: 1;
	}
}

@media (min-height: 700px) {
    .top-info {
        height: auto;
    }
}

.download-btn {
    display: flex;
    justify-content: center;
    padding: 15px 0;
}

.download-btn a {
    padding: 10px 15px;
    padding-right: 34px;
    color: #fff;
    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3);
    transition: .3s ease-out;
    font-size: 14px;
    border-radius: 4px;
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-download" class="svg-inline--fa fa-file-download fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z" fill="rgba(255,255,255)"/></svg>') no-repeat 90%;
    background-size: 14px;
    background-color: #4b7fee;
}

.download-btn a:hover {
    text-decoration: none;
    background-color: #346eec;
}

.obsh-kl {
    margin-top: 127px;
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    height: auto;
    align-content: flex-start;
}

.obsh-kl li {
	width: calc(25% - 10px);
	padding: 0 10px;
	margin: 5px;
	margin-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	box-shadow: 0px 1px 4px 0px #f1f2f7;
	background: #fff;
	margin-bottom: 10px;
}



.obsh-kl li img {
    width: 100%;
    object-fit: contain;
}
@media (max-width: 768px) {

.obsh-kl li {
    width: calc(33% - 30px);
    padding: 0 10px;
    margin: 15px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;

box-shadow: 0px 1px 4px 0px
#f1f2f7;
    background: #fff;

}
}
#commentsPopup {
    display: none;
}

#section5 {
    margin-bottom: 45px;
}

.priced a {
    color: #0D58A6;
}

.priced p {
    color: #333;
    margin: 0 0 20px;
}

.priced p b span {

    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    margin: 0 0 20px;
}

.price-tbl {
    width: 100%;
}

.price-tbl.table-striped > tbody > tr {
    background-color: #ffff;
}

.price-tbl.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

.price-tbl.table-striped a {
    color: #0D58A6;
    text-decoration: underline;
}

.price-tbl.table-bordered > thead > tr > th, .price-tbl.table-bordered > tbody > tr > th, .price-tbl.table-bordered > tfoot > tr > th, .price-tbl.table-bordered > thead > tr > td, .price-tbl.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    color: #333;
}

.thank-mess {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 37%;
    transform: translate(-50%, -50%);
}

.thank-mess-ttl {
    font-family: "DecimaNovaPro_Bold";
    font-size: 2.8rem;
    line-height: 1.2;
    color: #4b7fee;
    margin-bottom: 5px;
    white-space: nowrap;
}

.thank-mess-text {
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #121832;
}

.thank-mess-check {
    position: relative;
    width: 70px;
    height: 70px;
    color: #292e48;
    display: block;
    transition: all 300ms ease;
}

.thank-mess-check:before {

}

.bak-to-main {
    font-size: 18px;
    margin-top: 20px;
    text-decoration: underline;
    opacity: .8;
    margin-bottom: 20px;
}


.thank-mess-check:before,
.thank-mess-check:after {
    top: calc(15px - 8px);
}

.thank-mess-check:before {
    position: absolute;
    left: 0;
    top: calc(12px - 8px);
    width: 70px;
    height: 70px;
    content: "";

}

.page-blog-detail .newsSidebarNews {
    background-color: transparent;
}

.newsSidebarNews .otherNews li {
    margin-bottom: 20px !important;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    padding: 0px 0 2px;
}

.newsSidebarNews .otherNews li .item {
    border-top: 0 !important;
}

.newsSidebarNews .dateInfo {
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    line-height: 1.375rem;
    letter-spacing: .001em;
    color: rgba(48, 51, 57, 0.5);
    border-top: 1px solid #eaeaeb;
    padding-top: 16px;
}

.newsSidebarNews .dateInfo p {
    padding-right: 18px;
    position: relative;
}

.newsSidebarNews .dateInfo p.seen {
    padding-left: 20px;
}

.newsSidebarNews .dateInfo p.date {
    font-weight: bold;
}

.newsSidebarNews .dateInfo p.comments {
    padding-left: 20px;
}

.newsSidebarNews .dateInfo .add_info {
    display: flex;
}

.newsSidebarNews .dateInfo p svg {
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: calc(50% - 7px);
    fill: #97999c;
}

.newsSidebarNews .otherNews li .item:hover .dateInfo p {
    color: white;
}

.newsSidebarNews .otherNews li .item:hover .dateInfo svg {
    fill: #fff;
}

.videoBlock {
    position: relative;
}

.thank-mess-check:after {
    position: absolute;
    left: 0;
    top: calc(12px - 8px);
    width: 70px;
    height: 70px;
    border-radius: 1px;
    background-image: url("../img/check-green.svg");
    background-position: center;
    content: "";
    opacity: 1;
    transition: all 300ms ease;
    background-repeat: no-repeat;
    background-size: contain;
}

.whatWrapper .videoBlock:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAJrUlEQVR4nO2dW2wUVRjH/zvdQitaoIC2XBQUgQIFbwFBwAcJISYa4yVeXvDBhEdejU8YX0g0MTwYY6LxQuJdY/TFEHgApASFKCBUREFFpFgoBYGlbNk1Z/lPMx13t7PnO2du6y+ZEDadc/m+OWe+7ztnvpMpblmCmNMMYBKAiQDGAmgBMIa/NwFoANDIv80DuArgMoAcgIsAzgM4B+A0gF7+HluyMWiDn3EApgOYAmAyFRCURl5NLKccSkF/ATgB4DcA/YbabYS4KKQVwFwAs6sI0hQtvObw/0ohhwEcAtBnue4RiXLKUk9xB6/2qBrh4ySAbl6Xo2hAFCNEjYa7OSLiNmW281rBEbM37FETpkDGA1jCqSITYr06KLksANAJ4CcAuwCcDati2yhraCk76IRQn0kynFLVu20/gC7bVppthagn7H4Aoy3XYxv1IN1B5WwDcMBWRbYUoqyY1QCmWSo/KtSDtYqK+ZomtFFsTCGqsWtSqAwv09jHDtMFmxwhymN+gNNUPTAKwINUzlZGCMSYUogKZTwCoM1QeUmik6GdLxiqEWFiylIxpmfqVBkubZTBRGlBUoUoJ+rJGuNNaaWFshBFHSRT1lQAj3oirTZxGGiczOnBjf5eR8vHNasHeF3yRHd7GUxUV8FyO1U46AkAnwP4U6cA3VhWOyu2qQwVZJwP4HYAt9LBlKAcuqMAjtDJM26yergC4FPGxmpCRyHqyXzKkrOXpQO2CMAMiyGWAhWzl8oZtFCHGqkfcqQGplaFXM+X1w01N686aqgvB3Af6wiTCwB2AthhIcL7D4AP+G8galFIg4mXVpkylwFYaWBKknKJ/sQ3pnwKoqatj4KWWYtCVhl2+mYCeNyEqWiY05z/fzFYpop9bQ7yh0HN3g6DymikdbY2hsoA27TWsAXZGTTMEsTsbeGUYoJJjAHF3YnMcMlAWXfv0nSWspLr+FWtuyAjZDXjNlJmAViXMI++jW2eZaCsUZRlVUZSSKehqK1asn2O1lTSaGLb7zFQ1jQu1FWkmkKaubYsZTH9lqStFnpxaGEuNlDW8moWZTUhLTXwRC8E8FgC1tCDkGFfFgrLaaJsy1JJIeNHGloBmEknMskjw4/DPs0UlrOAMi5bQTmWCAWprKln6filjQb2bZKgDKfSKCkn9FbPrj4dGmnaJvEFHpQm9lHip8ymrIdRTiF3C+f8h+pksaqNfdUlQ1kPw6+QZu4o1GUGp7t6YQn7rMtcv8XlV4hke6fDcEMaLKqgZNhn3fetkvU87w/+giSW1fIYbZoOk3b2XZdhMUKvQm4q95IJSBO3ANUrKwVGTCtlX8KrkNmCBi3j+na90iwcJUOy9yrkds3CGoWNSQvLBGbwkOxdhYwTfLm0kBvl6p0xgrDKkPxdhUwXNMREwC0tSGRR0oGrkCmahYwTKjNtTBfMNCUdSBUyv878jpHICJa6hxTSLNjWI/Hq04ruJwpKB82OIGrpCMMGaWWGIMp9oyPY+TE1pH295Zm3HsiGvacuEI2CV8AEh+kqdJiseZ8Z2lYBi98DxkkX8KygK5uxEoVEH2JvagPueg24bS2QidUn77oxvZJCdMf9BM37zJJxgOlrgHveAK67OQYNKqEbE7zeEeypLbsmHBktHcCit4EpD8egMdq+SMnK0v2sIH7hkoZmYM7zwIINQKPtHDZV0Z11RjsCx87EbkY7TFoBLN4EtC6KqgW6snEcwc3xzs4wegJw56vArHWAE/qzoyubRslWH5PfUFgiA0x7Euh4IQZtCUaW38PpPEID8V+UKgLHPwZ+eT3sigc078tnr7Vau9L4KmTgDHDoJaDv2yhqv6J5XyFLwerMebnYmb4uvduB7g1APrJ0ihc07xvIUrA6H/6fizx84udqDjiyETjxZdQt0X0Scllq86YAf+znjGaldjjfDRx8Ebj0Rwwao50W8EKWT7oOPZr3maVYAH7fBBx9Cyja+Nxci5oTBpBzEoX8pXmfOS73XBsV/fsib4oPXdmUFKI79ZxgJulo1kR6NgOHXwEGdd+f1shTNjqcUY7h35o3K8fwmOa9cg6uj6MyQJnoOs29Dq2swKkffBzSvC/NdGvep3RwyQ2d6A6xHwWOZRopCjKWlnQgVUg/E9r/zzUkyf1LhoCrEIlQdwvuTRuSOE3pfewqpF+g2X0mkj+mACWDHzTvHZK/N/x+RLOwPFMa1Ts7KQsdhmTvVchhQWN2xP3kGsuovm8X3D8ke69CTgliMCoT2xZBg5LOFkE2uj7KvoR/xVCSZH6HIIaTZE6y77oMk7lfIQcFCSELTI9aT35JkX3WTT87SJkP4VdITuh9H+PhJ/XCLmH46JD/3Vtuk8Ne4VP+lXdOTDGn2FddipT1MMoppE9ocSnT752oDtUKicvso66ZC8r4P0ZUpW1AXcK03L1scAK2CtXMVfZNkoexUGlqr6SQs8z4LEGlWX0/hHzrYVJgYmRpCtkDlVyMahvlugxMOyqs8llKLK8i+6IbHnEZoFdflmoKyQnta5fdzIGe5JFSYHZqE4HU7dWiGiNtJVXT1nEDjVDWxJsJfdGrNr8FYI+Bso6P9CoIsrf3a8FOPC8/A9gYm90qwehhmyVWp8sVyrIqQRRy3mCcqpcd7Ir5e6XINm40lNUaTPQ/4pklQT/M62YSYBP53/MMN+yvs2T8gSIgtXwpuZXftJv62FN1+OUYHVeR40xg+riKU5RdIGo90EVlG3jawoEubr6ppREd6NJlaU3H6oEuLraPPLqTWXVusXzk0a8Avkv6kUcuYRwKNp7JbTqYrkJaV56R2W46rDYPBVN1fRLWoWAuYR6b18B0FW2+Y/PGMNeh24Y8/YaLvmPzerjVKYzYWj6KY/Nc2pmgPunHc5tigOEV7ZVTaaL8k5wnbQ7/pHCeshAtY5s4ueA0o7pJ8sBN00NrqqYXeDlMHSVxkcE3ayfxx5gD7LuRrfgmU+gM8mi443T04pvpwQxX6PAZ/QLARk6jbm4cXk1LLI38yUCh7tdnFbGVZOoch/ECnmOVFitsgOsZ0tXUitjO+rWf+1aXUjlJPf6owL502d4yG0Yathzn2u8B3MvTe5KSWrbItZBdgm22NSF1DHVo5ckykrNKbDPIl/XesBThEoVCXJp5mEmnICWeafpoxh6Majd/lE9ojuvUe5hJQk1lMwXp8XTp59rMT3HYcRmXKeMUr22efPJTeJlee7lAs/WE8JtAK8RxDlcCUnuf3P1PKgWUG91VSXJUWlsV5VVTnjKnVSTYG+1VEV1lnqoRqCIIygRXcSY3+qsOso8nAP4Fc0IGmyTi0f8AAAAASUVORK5CYII=');
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: .12s ease-in all;
    opacity: 1;
}

.comments .title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #292e48;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 18px;
}

.whatWrapper .videoBlock:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAJPklEQVR4nO2dXWxcRxXHf97Yjd2UNnEIcZKGJpXT4KRJQEWFhKRIUFVRpSI+WlqQyodAQoiHComHviD6hHjtIxJI9AWo+KYSVFVBIqGOUppCU/LVUlqRJnVw4zoljb22s4tm/b+r9XZ3fT1n7sfu+idZkSLfmbnz9517zpm55/SUy2VyzgCwDngvcANwPbBK/98PrAD69LuzwFVgGpgC3gHeBi4BbwLj+v/ckkdBVgNbgE3ARgkQEifQeeAc8BowGbh9E3kRZBDYAWyXIGniBDkDnAQmUu77XWQpiFtuRvSzIatB1PEGcEo/01kMIAtB3NNwm56I3rQ7j8mcnphjaT81aQqyBtgLfMD1m1anRtzknAaOAG+l0WEagjhraB+wGygk3VlClIDjwGjSVlrSguwCPg6sTLKTFCkCfwFeTKqDpARxpupBYHMSjeeAs8CTMqGDkoQgzmq6E7gmdMM5YwZ4WhZZMEIK4jzmT2qZ6ibc8vUnRQjMhBLEhTI+DQyFaKwNGQN+q1CNiRCCuBjTZxIIcbQb7n3yG8XMvLEK4jzsz8rrXmbeu/+1PH4vLILcKDH6YvyulYICjRsV+Y2iv9fKpI7M6qJ+rtREd8cVTDwvfyJpZiXK6z4X+wrinoz7EhbDBRlvBbYBN8vBtOAcun8DL8vJC26y1uAssF/6PCk+gri/zAcScvZcbOuDwO3A1gRDLCUJc0zizCXQh3tSf77Ud8pSBbkO+CLwniUPrzXuHXQA+Jj6SJPLwDPA4QQivP8DfqZ/Y7EUQZyfcX/gULlrc78cSeuSZOWK/Im/hvIphFu2Ho/b5lIEuSuw0zcM3KslME+8qfX/XwHbdM7jU3F+Ma4gLhxyt3lY8zhD4B6F4vMahi8r5P6ErKYQ/CFOmCWOIM7h+3Kg2NQ6tdUuHr3zwB+T6WxlRm21tO7i7E8cDCTGLcBDbRZeGdKYbwnQ1jWay5YsJsiuQCF0t2X79Tb16Ps19g8HaGuzNuqa0koQZ/XcEWAQH5Hf0q67hWjs9+terBxoZVG2mqR9Af6i9wCfa6M99Fb06F72GNvp19w2pJkgaxZ7tGIwLCeynZ+Megq6p2FjO7s1xw07aMRe40Q6a+orcvw6jRW6t3WGNgrNnpJGkz6oozq+9Mm07eSQfL/u0RJc3a65XkAjQW4zrvn3dMnO4ZDu1ZcezfUC6gUZ0IlCX7ZquesW9uqefdlRb3HVC2I53lnQhlUnWFRx6dE9+75v3VzvrP2P+oYsltWBHB2aTpMNundfFgRsawVZ3+glE5N+HQHqVu40GDGDmvsKtYJsNwxov/a3u5UB41NSnftaQbZ5NtZnHEynsN9gBlfnPhJkteHLpT06KNftrDKEVarzHwmyxTCQEAG3TsEyFxUNIkE2eTay2ihmp7HFsNJUNLAKcmuX+R2L0WM4d1AVZMBwrMfi1XcqI57XOQ0GCoaoZcEYNuhUthqi3O8rGI7h3JjSud7GnHgE5i5n1n0L+gyvgLUFpavwYaPndWEYewqOfgkmX8h0GE3wnZsbLIJkH2KfHoPnvwWv/BDKSRzP9cY3plcRxPcs7VrP68JSLsFrj8Fz34Ar/8nBgCr4xgSvKxjO1DbcE86Mt0/Bs1+Fc7/PwWC8fZGKleX7WUH+wiVXp+D0D+D4wzCbaZIf31VnZcHg2OX3s+fxQ3D0QZh4NqsR+M5NoWC4ON/ZGYoX4e/fhpcehdJM2r37zk2f5ahPyG8oEqIMZx+HU9/PwVji0atT2T5PSTH/m1I9sPnzMPzNtDsuel4326tvIXw7za8gK9fCju/C4O1Z9O67RpZ6NbE+a95U7kzfiHV3wMjD0Jd2tsAqvjGdYq8m1icLw6XMwyf1rBiAbQ/Bpk9lPRJfm3uqV2quj/HL9Vz07DQZrh+Bnd+Da9+fg8F4pwW83Ku/dB/GPK8LS08BbnoQbv4a9OQmhaNvao1LFkHOe14Xjv6h+aditfWTjeD4zk1FEN+l55y+UM1mT2ToLtj+HehNO8/Aosxqbny46BzD/3pe7BzDVz2vtbPzkTyKgebE12keL8jKip36oY6Tntd1Mr4p/5wGV6LQie8j9k+DY9mJlA0ZSysaWAWZVEL7ZeaxJPevGAKRIJZJPWq4ttOwxPsr7+NIkEmDsi+ESP7YAbg5+IfntdX5rw2/v+zZ2KxSGnU7zxgS1VTnvlaQM4bBHM575ZqEcfd+yHB9de5rBblgiMFMK8tzt/K0IRvdhOa+Qv2OoSXJ/GFLetQ25g3duy8L5rxekBOGhJAlpUftJr+krHv2TT87pzmvUi/IlNH7flWZ2LqFI8bw0cn6d2+jQw7HjH/lT9SuiR3MBd2rL2XN9QIaCTJhtLic6feTrIpqpcS07tGSj/FMIyOq2TGgUWNa7nENuA2OCi2Zq7o3Sx7GUrOlvZkgbynjswWXZvWnKeVbT4uSEiNbU8i+2MzFaHVQbjTAsuPCKr/qEMurrHvxDY9EFOXVN6SVIFNG+zriqHKgt/OTUlJ26hCB1EOtohqLHSU9rgJYVpw18aM2fdG7Mf8YeC5AW2cXexXEOdv7pOEkXi0vAY/m5rRKPMY0ZovVGTGjuWzJcqrxxiSRavyPcZzu5WT876YtkvGjb68fCPyxZ57KVUwpahu6XMUFmcrBy1WgbANfSKCgS5Rval9GBV1GE9rTSbSgS0TSJY8+pKw6NyVc8ugV4G/tXvIoIo2iYGuU3GZE6Sqsfc0qMntKDmuSRcFcX79IqyhYRJpl81YoXcVQXdm8Vcp1GI1hVn7DO3Vl88Z01CmN2FomZfMiNihBfaeU57ZSVHglk8KSEculV+fJRenViOXixPA7w6dsVUKW73YW0ie6tHz3n0NZassF7v2ZUd3DoF8AJCEISvl0UJZYJ/K6AoW+X581JSlBInarjlWnWGFF7WdYd1ObkrQgKCyyT+K0a/mjkkQYTfrIbBqCRLikXh9V9Z52SS1b1l7IEcMx2yWRpiARg6osY6lVkjRzelkfS0uIiCwEiRhQMZNdhpR4oZmQGXsiq9P8WQpSy3otZcOG9Hi+TGoz6nQeTlzmRZBaonzym/QTeu/lsszWc8ZvAhMhj4LU41JARdFdFy9zPo4L1bglz5nTLhJcG+11EV1nnrolx0V9na/g4kxR9NcVss8nwP8BxcVarqPgFUoAAAAASUVORK5CYII=');
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: .12s ease-in all;
    opacity: .5;
}

.whatWrapper .videoBlock:hover:before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.whatWrapper .videoBlock:hover:after {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
}

#myVideo {
    height: 70.6vh;
    width: auto;
}

#myVideo ~ .fancybox-close-small:after {
    display: none;
}

.posr {
    position: relative;
}

.count-fr {
    display: none;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
}

.calculator .calcWrapper .totalInfo .svgButton {
    height: auto;
    max-width: 250px;
    background: #a6dbe8;
}

.calculator .calcWrapper .totalInfo .svgButton .btn {
    height: auto;
    background-color: #a6dbe8;
}

.calculator .calcWrapper .totalInfo .svgButton img {
    height: 34px;
    padding: 0 10px;
}

.otherNewsUl2 .stockItem .img {
    height: 134px;
    background-size: cover;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e2edf3;
}

.telContainer.mobile a:nth-child(2):before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../img/mob2.png") no-repeat center;
    z-index: 10;
    background: ;
    position: absolute;
    left: 0;
}

.telContainer.mobile a:nth-child(3):before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../img/mob2.png") no-repeat center;
    z-index: 10;
    background: ;
    position: absolute;
    left: 0;
}

.telContainer.mobile a:nth-child(4):before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../img/mob2.png") no-repeat center;
    z-index: 10;
    background: ;
    position: absolute;
    left: 0;
}

.bottomFooter .socShare .instagram {
    display: none;
}

.otherNewsUl2 .stockItem {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    background-color: #fff;
    padding-bottom: 25px;
    overflow: hidden;
    min-height: 250px;
}

.otherNewsUl2 .stockItem .img {
    margin: 0 0 2.75rem !important;
}

.otherNewsUl2 .stockItem .bottomInfo {
    padding-left: 15px;
    padding-right: 15px;
}

.page-demo .listWr {
    position: relative;
}

.page-demo .listWr .podskazka {
    line-height: 1.5rem;
    font-size: 1rem;
    color: #393d4c;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    padding: 24px;
    box-sizing: border-box;
}

.page-demo .listWr .danger-t {
    display: block;
    padding: 1.25rem 0;
    padding-top: 0;
    text-decoration: none;
    color: #121832;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: normal;
    cursor: pointer;
    transition: all .3s ease;
    font-family: DecimaNovaPro_Bold;
}

.page-blog-detail .detail-xl-container .textContainer, .page-blog-detail .detail-xl-container .img {
    /*width: 90%;*/
    /*float: right;*/
    /*max-width: 775px;*/
}

.page-blog-detail .detail-xl-container {
    float: left;
    width: 100%;
    position: relative;
}

.shareWrap {
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: calc(2% + 49.5px);*/
    /*width: 30px;*/
    /*transform: translateX(-50%);*/
    /*transition: all .3s linear;*/
}

.blockShare {
    position: fixed;
    bottom: calc(30% + 90px);
    left: calc(2% + 49.5px);
    width: 50px;
    transform: translateX(-50%);
    transition: all .3s linear;
}

@media screen and (max-height: 720px) {
    .blockShare {
        bottom: 320px;
    }
}

.blockShare :hover {
    transform: scale(1.03);
}

.config_type {
    border: 1px solid #f4f5fa;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    padding: 15px;
    margin-bottom: 30px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.config_type .itemTitle {
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    font-family: "DecimaNovaPro_Bold";
    margin-bottom: 16px;
}

.config_type .itemText {
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    margin-bottom: 38px;
}

.config_type_row1 .config_type {
    min-height: 280px;
    height: calc(100% - 30px);
}

.config_type_row2 .config_type {
    min-height: 321px;
    height: calc(100% - 30px);
}

.bye-window {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 760px;
    z-index: 1000001;
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease;
}

.bye-window.active {
    opacity: 1 !important;
    pointer-events: auto;
}

.close-img {
    width: 280px;
    float: left;
    line-height: 1.5;
}

.close-img .borderd-text {
    border: 1px solid;
    padding: 5px;
    text-align: center;
    margin: 10px 10px 0 0;
}

.bye-window > img {
    float: left;
    width: 100%;
    margin: 0 0 -15px -70px;
}

.bye-window input[type="tel"] {
    display: block;
    width: 54%;
    height: 40px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: .875rem;
    padding: 0 15px;
    display: inline-block;
    float: left;
    margin: 40px 0 45px;
}

.bye-window input[type="tel1"] {
    display: block;
    width: 54%;
    height: 40px;
    border: 1px solid #d4d5da;
    border-radius: 4px;
    font-size: .875rem;
    padding: 0 15px;
    display: inline-block;
    float: left;
    margin: 40px 0 45px;
}

.bye-window .bye-button {
    height: 40px;
    width: 59%;
    border-radius: 4px;
    background-color: orange;
    color: #fff;
    font-size: 1rem;
    font-family: "DecimaNovaPro_Bold";
    text-transform: uppercase;
    display: block;
    box-shadow: none;
    border: none;
}

.bye-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.bye-window-text span {
    font-family: DecimaNovaPro;
    font-size: 18pt;
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
}

.bye-backdrop {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

.tipMark {
    width: 18px;
    height: 18px;
    border: 1px solid #e0ded9;
    color: #ffa710;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    margin-left: 4px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.orange-text {
    color: #ffa710 !important;
}

.green-text {
    color: #00aa5a !important;
}

.configTip {
    position: absolute;
    width: 550px;
    height: auto;
    background: #fff;
    display: none;
    z-index: 2;
    top: 0px;
    border-radius: 50px;
    text-align: left;
    padding: 50px 30px;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    border: 1px solid #77aaff;
    transform: translateY(-100%);
}

@media screen and (max-width: 1025px) and (min-width: 825px) {
    .configTip {
        width: 385px;
        left: -20px;
    }
}

@media screen and (max-width: 824px) and (min-width: 769px) {
    .configTip {
        width: 360px;
        left: -60px;
    }
}

@media screen and (max-width: 768px) and (min-width: 769px) {
    .configTip {
        width: 360px;
        left: -185px;
    }
}

@media screen and (max-width: 639px) {
    .tipMark {
        position: initial;
    }

    .configTip {
        width: calc(100vw - 73px);
        max-width: 550px;
        left: 0;
        border-radius: 30px;
        padding: 50px 10px 20px 10px;
    }
}

@media (min-width: 1024px){
	.no-scroll .mainHeader.top{
		margin-left: -8px;
	}
}

.configTip.active {
    display: block;
}

.tipMark span {
    z-index: 1;
    position: relative;
}

.configTip .itemTitle {
    font-size:1rem;
    line-height: 1.1rem;
    color: #292e48;
    font-family: "DecimaNovaPro";
    margin-bottom: 16px;
    font-weight: 500;
}

.configTip .itemText {
    font-size: 16px;
    line-height: 1.4;
    color: #292e48;
    margin-bottom: 0;
    font-weight: normal;
}

.minicart-wrap {
    max-width: 1200px;
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
    z-index: 99;
    /*display: block!important;*/
}

.minicart-dropdown {
    max-height: calc(100vh - 100px);
    width: 370px;
    background: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    position: absolute;
    right: 60px;
    top: 0;
    padding: 15px 20px;
    border: 1px solid #4b7fee;
    border-radius: 0 0 3px 3px;
    z-index: 99;
    overflow-y: auto;
}


.minicart-dropdown::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.minicart-dropdown::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.minicart-dropdown::-webkit-scrollbar-thumb {
    background-color: #77aaff;
}

.minicart-title {
    margin-bottom: 15px;
    text-align: left;
    font-size: 17pt;
}

.minicart-item {
    display: flex;
    align-items: center;
    padding: 10px 5px;
    font-weight: normal;
    border: 1px solid transparent;
    border-bottom-color: #ced8e8;
}

.minicart-item:hover {
    border: 1px solid #77aaff;
}

.minicart-users {
    text-align: right;
}

.minicart-total {
    color: #8cb3f4;
    font-weight: bold;
    margin: 20px 0 0;
}

.minicart-total span:nth-child(2) {
    font-weight: bold;
    font-size: 23px;
    color: #000000;
    display: inline-block;
    margin-left: 15px;
}

.minicart-total a {
    background: orange;
    color: #fff;
    float: right;
    width: 125px;
    text-align: center;
    height: 30px;
    padding: 2px 0;
    text-decoration: none;
}

.minicart-item img {
    margin-right: 15px;
}

.footer .topFooter > .grid li:nth-child(3) .name {
    background-image: url('../img/phone.svg') !important;
}

@media (max-width: 1179px) {
    .config_type_row1 .config_type, .config_type_row2 .config_type {
        min-height: auto;
    }
    .top-info .action-img{
		margin-top: 35px;
	}
}

.thank-mess {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: static;
    left: auto;
    top: auto;
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    padding-top: 30px;
}

.thank-mess-ttl {
    font-size: 2rem;
    color: #4b7fee;
    white-space: normal;
    text-align: center;
}

.thank-mess-text {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    font-size: .8rem;
    line-height: 1.5;
    color: #121832;
    padding: 0 15px;
    margin-bottom: 30px;
}

.thank-mess-check {
    width: 40px;
    height: 40px;
}

.thank-mess-check:before {
    width: 40px;
    height: 40px;

}

.thank-mess-check:after {
    width: 40px;
    height: 40px;
}

}
@media (max-width: 420px) {

    .thank-mess-ttl {
        font-size: 1.5rem;
    }

    .top-info {
        top: 69px;
        left: 50%;
        max-height: calc(100vh - 170px);
    }
}

.input-error {
    border: 1px solid #ff0000 !important;
    background: #ffcfcf;
}

/* SCOPE = .searchButtons */
.searchButtons {
    position: relative;
    margin-bottom: 65px
}

.or{
	font-size: 15px;
    font-weight: 300;
    color: #999;
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
}

@media only screen and (min-width: 769px) {
    .searchButtons {
        margin-bottom: 45px
    }
}

.searchButtons [type="text"] {
    width: 100%;
    height: 44px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px #f2f2f2;
    border: 1px solid #f7f8fd;
    padding: 0 30px;
    margin-bottom: 20px;
    color: #272d47
}

@media only screen and (min-width: 769px) {
    .searchButtons [type="text"] {
        margin-bottom: 0;
        padding: 0 200px 0 30px
    }
}

.searchButtons [type="text"]:-ms-input-placeholder {
    opacity: 1
}

.searchButtons [type="text"]::placeholder {
    opacity: 1
}

.searchButtons button {
    width: 100%;
    height: 42px;
    border-radius: 20px;
    box-shadow: none;
    background-color: #4b7fee;
    color: #fff;
    font-size: 18px;
    border: none;
    transition: all 300ms ease
}

@media only screen and (min-width: 769px) {
    .searchButtons button {
        width: 170px;
        min-width: 170px;
        position: absolute;
        top: 1px;
        right: 0;
        z-index: 2
    }
}

.searchButtons button svg {
    fill: #fff;
    margin-left: 8px;
    width: 12px;
    height: 12px
}

.no-scroll{
	height: 100%;
	overflow: hidden;
	/*overflow-y: scroll;*/
	padding-right: 17px;
}



.bg_black{
	width: 100%;
    height: 130%;
    top: 0;
    left: 0;
    z-index: 150;
    position: fixed;
    background-color: rgba(25,25,25,.35);
    transition: opacity .45s cubic-bezier(.23,1,.32,1) 0ms;

}
.action-top{
	left: -63px;
}
.lk-absolute svg {
    margin-bottom: -6px;
}

.bx-auth{
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}


.ok_message_reg {
    width: 100%;
    height: 100%;
    min-height: 55vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
    text-align: center;
}

div.bx-auth-title{
	max-width: 600px;
	text-align: center;
}
div.bx-auth.ok_message_reg{
	max-width: 60%;
	margin: 0 auto;
}

.bx-registration-table {
    width: 100%;
}
.bx-registration-table thead td{
	    text-align: center;
    margin-top: 10px;
}
div.bx-auth{
	max-width: 515px;
	margin: 0 auto;
	text-align: center;
}
.bx-registration-table input[type=text],
.bx-registration-table .bx-auth-input,
.bx-auth .bx-auth-table .bx-auth-input {
	color: #3b3b3b;
    width: 100%;
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.12);
    padding: 10px 16px;
    line-height: 1.33;
    width: 255px;
}
.bx-registration-table tr,
.bx-auth .bx-auth-table tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
}
div.bx-auth-note{
	font-size: 16px;
    font-weight: 300;
    color: #999;
}
.bx-registration-table input[type=submit],
.authorize-submit-cell .btn{
	padding-left:25px;
	padding-right:25px;
	background: #4b7fee;
	color: #fff;
	    box-shadow: 0px 14px 28px 0px rgba(75, 127, 238, 0.3);
	border: 0;
	height: 43px;
}
.bx-registration-table input[type=submit]:hover,
.authorize-submit-cell .btn:hover{
	background-color: #346eec;

}
.bx-registration-table tbody b,
table.bx-auth-table td{
	font-weight: 500;
}

.bx-auth .bx-auth-table tr:nth-of-type(3) td{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.bx-auth .bx-auth-table tr:nth-of-type(3) td input[type=checkbox]{
	width: 15px;
}

.bx-auth  .forgot-paddworld{
	color: #666;
	text-decoration: underline;
	margin-top: 7px;
    display: inline-block;
}
.bx-auth .auth-register{
	text-decoration: underline;
	    color: #0d8edb;

}

.bx-forgotpass-table.bx-registration-table input[type=text]{
	/*min-width: 315px;*/
}

.bx-auth .auth-btn{
	margin-top: 10px;
	    text-decoration: underline;
    color: #0d8edb;
    display: block;
    /*margin-left: 116px;*/
    text-align: center;
}
.bx-forgotpass-table .send_account_info{
	width: auto;
	display: inline-block;
}
.starrequired-wrap{
	text-align: center;
}
.errortext{
		line-height: 1.8;
    margin-bottom: 15px;
    width: 45%;
    margin: 0 auto;
    display: block;
}
.title-reg-text{
	line-height: 1.8;
    margin-bottom: 15px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.bx-auth form{
	    max-width: 300px;
    margin: 0 auto;
}
div.bx-auth form{
	margin: 0 auto;
}
.bx-registration-table .text-center,
.text-center{
	text-align: center;
}

.bx-auth .first-in{
	color: #999;
}
.bx-auth  .top-reg{
	margin-top: 10px;
}
table.bx-auth-table{
	width: 100%;
}
.google-auth{
	text-align: center;
}
.google-auth .btn-google{
	padding-top: 16px;
    padding-bottom: 16px;
    width: 190px;
    max-width: 100%;
    border-color: #d14d33 !important;
    color: #d14d33 !important;
    text-align: center;
    border: 1px solid rgba(0,0,0,.15);
    color: #666;
    background: transparent;
    padding: 10px 20px;
    box-shadow: none;
    text-shadow: none;
    /*margin-left: 44px;*/
    margin-bottom: 15px;
    height: 43px;
    border-radius: 4px;
    transition: all .5s ease-out 0s;
}
.google-auth .btn-google .fa{
	margin-right: 10px;
}
.google-auth .btn-google:hover{
	background: #d14d33 !important;
	color: #fff !important;
	transition: all .5s ease-out 0s;
	text-decoration: none;
}
.or-div {
    text-align: center;
    color: #ddd;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    margin: 0px auto 20px;
    width: 100%;
}

.or-div:after, .or-div:before {
    content: "";
    position: absolute;
    top: 8px;
    width: calc(45% - 20px);
    height: 1px;
    background-color: #ddd;
}
.or-div:before {
    left: 20px;
}
.or-div:after {
    right: 20px;
}

.bx-registration-table  td, .bx-auth .bx-auth-table  td,
.bx-auth-table td{
	width: 100%;
	text-align: left;
}
.bx-registration-table input[type=text], .bx-registration-table .bx-auth-input, .bx-auth .bx-auth-table .bx-auth-input,
.bx-auth-table td .bx-auth-input{
	width: 100%;
}

.bx-registration-table  td.authorize-submit-cell,
.bx-auth-table td.authorize-submit-cell {
	width: 100%;
	text-align: center;
}

.authorize-submit-cell .btn-primary{
	display: inline-block;
    width: auto;
}
.bx-authform-sociall{
	margin-bottom: 25px;
}


.elised-block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
     margin-bottom: 40px;
     margin-top: -30px;
}
.elised-block__item{
	width: 32%;

}
.elised-block__item li{
	display: flex;
	line-height: 1.5;
	margin-bottom: 15px;

}
.elised-block__item svg {
	min-width: 25px;
    fill: #4b7fee;
}
.elised-block__item span{
	color:  #4b7fee;
}

@media (max-width: 1180px){
	.elised-block__item{
		width: 100%;

	}
}

@media (max-width: 1024px){
	.bx-auth{
		padding-left: 10px;
		padding-right: 10px;
	}
	.bottomFooter .upper-wrap{
	    flex-wrap: wrap;
	}
	.bottomFooter .upper-wrap .relationship,
	.bottomFooter .upper-wrap .bottom_share,
	.bottomFooter .upper-wrap .bottom_mail,
	.bottomFooter .upper-wrap .data-trait{
		width: 50%;
	}
	.bottomFooter .upper-wrap .bottom_share,
	.bottomFooter .upper-wrap .data-trait{
		margin-right: 30px;
		margin-bottom: 30px;
	}
	.footer .topFooter > .grid{
		margin-bottom: 0;
	}
	.footer .bottomFooter{
		padding-top: 0;
	}
}

@media (max-width: 560px){
	.errortext,
	table.bx-auth-table,
	.bx-registration-table {
	    width: 100%;
	}
	.or-div{
		width: 100%;
	}
	.google-auth{
		text-align: center;
	}
	.google-auth .btn-google{
		margin-left: 0;
	}
	.bx-auth .auth-btn{
		margin-left: 0;
    	text-align: center;
	}
	.top-info.hided{
		top: 58px;
		right: -30px;
	}
	div.bx-auth,
	div.bx-auth.ok_message_reg{
		max-width: 100%;
	}
}







.tabs {
    position: relative;
    box-sizing: border-box;
}
@media (max-width: 768px){
.tabs {
    width:100%;
	}}

.tab-s {
    margin: 25px;
	max-width: 75rem;
}

@media (min-width: 1024px){
.tab-s {
    max-width:60rem;
	margin: 0 auto;
	}}

.tb {
	width: 100%;
	margin: 0 auto;
	flex: 0 0 auto;
	flex-wrap: wrap;
}
@media (min-width: 1024px){
.tb {
    width:80%;
	}}

.tabs .tb input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs .tb input#tab-2{
	left: 120px;
}
.tabs .tb input#tab-3{
	left: 240px;
}
.tabs .tb input#tab-4{
	left: 360px;
}

.tabs .tb label {
    background: white;
    font-size: 14px;
    height: 45px;
    position: relative;
    float: left;
    display: flex;
    width: 230px;
    color: #292e48;
    text-transform: uppercase;
    text-align: center;
    font-family: "DecimaNovaPro_Bold";
    margin: 0 10px 30px;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px){
.tabs .tb label {
    width:100%
	}}

.tabs .tb label:after {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #4b7fee transparent transparent transparent;
    content: "";
    z-index: 2;
    opacity: 0;
    transition: all 300ms ease 150ms;
    transform: translateY(-10px);
    pointer-events: none;
}

.tabs .tb input:checked + label:after {
    opacity: 1;
    transform: translateY(0);
}

.tabs .tb label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs .tb input:checked + label {
    background: #4b7fee;
    color: white;
}

.clear-shadow {
	clear: both;
}

.content {
    background: #fff;
	position: relative;
    width: 100%;
	height: 300px;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
	margin-bottom: 50px;
	padding:15px;
}
@media (max-width: 768px){
.content {
    height:380px;
	box-shadow: none;
	}}
.content div {
	position: absolute;
    left: 0;
    padding: 10px 40px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}
@media (max-width: 768px){
.content div {
    padding:15px;
	}}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.content div h2,
.content div h3{
	color: #398080;
	padding-top:10px;
	font-size:18px;
}
.content div p {
    text-align: justify;
    margin: 0;
    font-size: 15px;
    line-height: 1.3;
    color: #282828;
}
@media only screen and (min-width: 769px){
    font-size: 18px;
    line-height: 1.4;
}

@media only screen and (min-width: 1180px){
.tab-s:before {
    position: absolute;
    width: 266px;
    height: 100%;
    top: 0;
    left: 160px;
    background-image: url(../img/bg3.jpg);
    content: "";
	}
.tab-s:after {
    position: absolute;
    width: 266px;
    height: 100%;
    top: 0;
    right: 160px;
    background-image: url(../img/bg2.jpg);
    content: "";
}}