#wrapper .d-carousel ul li {

    background: 0 0;

    background-color: #FFF;

    box-shadow: 0 1px 2px 0 #b7b7b7;

    padding: 15px;

    width: 175px;

}

.jcarousel-direction-rtl {

    direction: rtl;

}

.d-carousel h4 {

    margin: 5px 0 5px 0;

}

.d-carousel .jcarousel-container {

    display: block;

    overflow: hidden;

    margin-bottom: 20px;

}

.d-carousel .jcarousel-item {

    width: 190px;

    height: 450px;

}

.d-carousel .jcarousel-item h4 {

    border-bottom: 1px dashed;

    font-size: 15.99px!important;

    height: 88px;

    line-height: 25px!important;

    max-height: 120px;

    text-transform: uppercase;

}

.d-carousel .jcarousel-item p {

    font-size: 15px!important;

    line-height: 21px!important;

}

.d-carousel .jcarousel-container-horizontal {

    width: 1087px;

    height: 489px;

    padding: 0 45px;

}

.d-carousel .jcarousel-item-horizontal {

    margin-left: 3px;

    margin-bottom: 3px;

    margin-top: 3px;

    margin-right: 11px;

}

.d-carousel .jcarousel-next-horizontal {

    position: absolute;

    top: 200px;

    right: 0;

    margin-right: 3px;

    width: 15px;

    height: 52px;

    cursor: pointer;

    background: transparent url(../images/blog-arrows.png) no-repeat top right;

}

.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {

    left: 5px;

    right: auto;

    background-image: url(../images/blog-arrows.png);

}

.d-carousel .jcarousel-next-horizontal:hover {

    background-position: bottom right;

}

.d-carousel .jcarousel-prev-horizontal {

    position: absolute;

    top: 200px;

    left: 0;

    margin-left: 3px;

    width: 15px;

    height: 52px;

    cursor: pointer;

    background: transparent url(../images/blog-arrows.png) no-repeat top left;

}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {

    left: auto;

    right: 5px;

    background-image: url(../images/blog-arrows.png);

}

.d-carousel .jcarousel-prev-horizontal:hover {

    background-position: bottom left;

}

.TzTestimonial {

    padding: 0;

}

ul.TzTestimonial li {

    list-style: none outside none;

    padding: 0;

    position: relative;

    min-height: 10px;

    overflow: hidden;

    line-height: 1;

}

.tz-inner .detailholder .name {

    color: rgba(0, 0, 0, .65);

    font-family: BebasNeueRegular, Arial, sans-serif;

    font-size: 30px;

    padding: 10px 5px 0;

}

.TzTestimonial .image {

    background-position: 0 0;

    height: 100%;

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    background-clip: padding-box;

}

.detailholder span {

    display: block;

    text-align: center;

}

.TzTestimonial .info {

    background: none repeat scroll 0 0 rgba(0, 0, 0, .5);

    color: #FFF;

    height: 100%;

    left: 0;

    position: absolute;

    text-align: center;

    top: 0;

    width: 100%;

    font-size: 48px;

    line-height: 62px;

}

.TzTestimonial .quote {

    margin-top: 13%}

.owl-item {

    float: left;

}

*, ::after, ::before {

    box-sizing: border-box;

}

html {

    font-size: 20px;

    box-sizing: border-box;

    font-family: "Open Sans", sans-serif, Arial, Helvetica;

}

.panoram-btn {

    width: 12.25rem!important;

    padding: .25rem .8rem .55rem .8rem!important;

    margin-top: 50px;

}

.panoram-btn i {

    background: url(../design/image/icon-panoram.png) 0 0 no-repeat;

    width: 24px;

    height: 27px;

    display: inline-block;

    margin-left: 14px;

    position: relative;

    top: 8px;

}

.ws-killer.ws-killer-btn-mini-round {

    display: none!important;

}

.panoram-btn:before {

    display: none!important;

}

.notice1 .baton {

    display: none;

}

@media only screen and (min-width:1921px) {

    html {

    font-size: 26px;

}

}@media only screen and (max-width:1920px) {

    html {

    font-size: 26px;

}

}@media only screen and (max-width:1600px) {

    html {

    font-size: 22px;

}

}@media only screen and (max-width:1440px) {

    html {

    font-size: 20px;

}

}@media only screen and (max-width:1366px) {

    html {

    font-size: 20px;

}

}@media only screen and (max-width:650px) {

    html {

    font-size: 17px;

}

}@media only screen and (max-width:480px) {

    html {

    font-size: 15px;

}

}@media only screen and (max-width:376px) {

    html {

    font-size: 12px;

}

}body {

    -webkit-font-smoothing: antialiased;

    margin: 0;

    color: #767676;

    background-color: #fff;

    font-family: "Open Sans", sans-serif, Arial, Helvetica;

    font-size: .7rem;

    font-weight: 400;

    line-height: 1.15;

    position: relative;

    min-height: 100vh;

    min-width: 320px;

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

}

.main {

    overflow: hidden;

}

.mw {

    max-width: 1200px;

    margin: 0 auto;

}

.button, .pop .close, a, input[type=radio], input[type=checkbox] {

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

img {

    border-color: transparent;

}

h1, h2, h3, h4, h5, h6, img, li, ol, p, ul {

    margin: 0;

    padding: 0;

    font-weight: 400;

}

table, td, th {

    margin: 0;

    padding: 0;

    border-collapse: collapse;

    border-spacing: 0;

    border-color: #333;

}

h1 {

    font-size: 1.8rem;

}

h2 {

    font-size: 1.5rem;

}

h3 {

    font-size: 1.2rem;

}

h4 {

    font-size: .9rem;

}

h5 {

    font-size: .7rem;

}

h6 {

    font-size: .7rem;

}

a {

    color: #78c2e8;

    text-decoration: none;

}

a:hover {

    color: #00E000;

    text-decoration: underline;

}

a:active {

    color: #56FE56;

    text-decoration: underline;

}

b, strong {

    font-weight: 700;

}

li, ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: block;

}

.content {

    line-height: 150%}

.content img {

    border-color: #333;

    max-width: 100%;

    height: auto;

}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {

    font-weight: 400;

}

.content table {

    border-collapse: collapse;

    border-spacing: 0;

    border: none;

}

.content td, .content th {

    vertical-align: top;

    padding: .5rem .5rem;

    text-align: left;

}

.content ol, .content ul {

    padding-left: 0;

}

.content li {

    display: list-item;

}

.content ul li {

    list-style-type: disc;

}

.content ol li {

    list-style-type: decimal;

}

.content .f-left img, .content img.f-left {

    float: left;

    margin: 0 .5rem .25rem 0;

}

.content .f-right img, .content img.f-right {

    float: right;

    margin: 0 0 .25rem .5rem;

}

.form {

    padding: 1.75rem 0 0 0;

    width: 12rem;

    max-width: 100%;

    margin: 0 auto;

}

button, input, select, textarea {

    display: block;

    font-family: "Open Sans", sans-serif, Arial, Helvetica;

    color: #353635;

    width: 100%;

    height: 1.85rem;

    border: 1px solid #93bdd1;

    border-radius: .25rem;

    padding: 0 1.25rem;

    background-color: transparent;

    height: auto;

    line-height: 1.75rem;

    text-align: left;

    outline: 0;

    -webkit-appearance: none;

    margin-bottom: 1.25rem;

}

button:focus, input:focus, select:focus, textarea:focus {

    box-shadow: 0 0 .35rem rgba(0, 0, 0, .1);

}

textarea {

    max-width: 100%;

    height: 7.5rem;

}

select {

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: .01px;

    text-overflow: "";

    -ms-appearance: none;

    appearance: none!important;

}

select::-ms-expand {

    display: none;

}

select {

    background: url(../design/img/system/icon_select.png) no-repeat center right;

    padding-right: 2.5rem;

    cursor: pointer;

}

label {

    line-height: 120%;

    display: inline-block;

    padding: 0;

    color: #969ca4;

    text-transform: uppercase;

    text-align: left;

    display: block;

    padding-bottom: .25rem;

    font-size: .5rem;

}

input[type=radio], input[type=checkbox] {

    cursor: pointer;

    display: inline-block;

    vertical-align: middle;

    width: .75rem;

    height: .75rem;

    padding: 0;

    margin: 0;

    border: solid 1px #333;

    border-radius: 0;

    line-height: 120%;

    margin-top: -.1rem;

}

input[type=radio]:focus, input[type=checkbox]:focus {

    box-shadow: none;

}

input[type=radio]:checked, input[type=checkbox]:checked {

    background-color: #78c2e8;

    border-color: #78c2e8;

}

input[type=radio] {

    border-radius: 100%}

button, input[type=reset], input[type=submit] {

    cursor: pointer;

    -webkit-appearance: none;

    font-size: .6rem;

    font-weight: 600;

    line-height: 2rem;

    text-transform: none;

    text-align: center;

    height: 2rem;

    border-radius: 1rem;

    border: none;

    color: #fff;

}

input[type=submit] {

    background-color: #78c2e8;

}

input[type=reset] {

    background-color: #b5b7c2;

}

button.button, input.button {

    background-color: #78c2e8;

    border-color: #78c2e8;

    color: #fff;

    text-align: center;

}

button.button:hover, input.button:hover {

    background-color: #00E000;

}

button.button:active, input.button:active {

    background-color: #56FE56;

}

.ov-hidden {

    overflow: hidden!important;

}

.pop {

    display: none;

    position: fixed;

    z-index: 5000;

    left: 0;

    top: 0;

    right: 0;

    bottom: 100%;

    opacity: 1;

    border: 0;

    overflow: auto;

    text-align: center;

    height: 100%;

    padding: 50px 0;

    border: 0!important;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.pop::before {

    content: "";

    display: inline-block;

    min-height: inherit;

    height: 100%;

    vertical-align: middle;

}

.pop.active {

    top: 0;

    border: 0;

    opacity: 1;

}

.pop_shadow {

    position: fixed;

    z-index: 5050;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    right: 0;

    bottom: 100%;

    background-color: rgba(0, 0, 0, .6);

}

.pop.active .pop_shadow {

    top: 0;

    border: 0;

    opacity: 1;

}

.pop_in {

    display: none;

    position: relative;

    z-index: 5100;

    display: inline-block;

    vertical-align: middle;

    width: 1000px;

    max-width: 90%;

    border: 0;

    padding: 50px;

    padding-bottom: 1.5rem;

    margin-bottom: 2.5rem;

    text-align: left;

    width: 21.35rem;

    background-color: #fff;

    background-image: -webkit-linear-gradient(117deg, #eeefee 0, #fff 100%);

    background-image: linear-gradient(-27deg, #eeefee 0, #fff 100%);

    border-radius: .5rem;

}

.pop .close {

    position: absolute;

    display: block;

    cursor: pointer;

    right: -.5rem;

    top: -.5rem;

    width: 2rem;

    height: 2rem;

    width: 2.1rem;

    height: 2.1rem;

    background-image: url("../design/image/yaroslavka.png");

    background-size: cover;

}

.pop_in {

    color: #767676;

    text-align: center;

}

.pop_in .pop_name {

    font-size: 2rem;

    font-weight: 800;

    line-height: 2.1rem;

    text-transform: uppercase;

    color: #494949;

    text-align: center;

    margin-bottom: .65rem;

}

.pop_in p {

    line-height: 1.15;

}

.pop_in .buttons {

    margin: 0 -1.25rem;

    padding-top: .75rem;

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.pop_in .buttons input {

    width: 45%}

@media only screen and (max-width:479px) {

    .pop_in .pop_name {

    font-size: 1.3rem;

    line-height: 1.6rem;

}

}.cards {

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: space-around;

    -ms-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.cards .card {

    width: 25%;

    min-width: 300px;

    background-color: #dedede;

    margin-bottom: 1rem;

}

.section_01 {

    position: relative;

    min-height: 100vh;

    background: no-repeat center url(../design/image/section_01_bg.jpg);

    background-color: #2c2d2c;

    background-size: cover;

    width: 100%;

    min-height: 646px;

}

.section_01 .fill_on_video {

    background-color: rgba(61, 92, 123, .25);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 150;

}

@media only screen and (min-width:829px) {

    .section_02 {

    height: 100vh;

    min-height: 646px;

}

.section_03 {

    height: 100vh;

    min-height: 646px;

}

}@media only screen and (max-width:829px) {

    section {

    max-height: inherit!important;

}

.section_03 .baton_arr_white a {

    width: 25rem!important;

}

.s4_cards_lent {

    right: -135px!important;

    top: 27px!important;

}

.section_01 {

    height: 100vh;

    width: 100%;

    background: no-repeat center url(../design/image/section_01_bg_mob.jpg);

    background-size: cover;

    overflow: hidden;

    font-size: 0;

    line-height: 1;

}

}@media only screen and (max-width:829px) {

    .section_02 {

    padding-bottom: 0;

    padding-top: 0;

    background-attachment: inherit;

}

}.section_03 {

    position: relative;

    z-index: 100;

    min-height: 100vh;

    padding: 5.5rem 0 3.5rem 0;

    background-attachment: fixed;

}

@media only screen and (max-width:829px) {

    .section_03 {

    padding-bottom: 0;

    padding-top: 0;

    background-attachment: inherit;

}

}.section_05 {

    position: relative;

    z-index: 100;

    min-height: 100vh;

    height: 100vh;

    padding: 5rem 0 0 0;

    background: no-repeat center url(../design/image/s5_bg.png);

    background-size: cover;

    background-attachment: fixed;

    overflow: hidden;

}

@media only screen and (max-width:829px) {

    .section_05 {

    padding-bottom: 0;

    padding-top: 0;

    background-attachment: inherit;

}

}.s2_menu {

    width: 21.5rem;

    max-width: 100%;

    margin-left: auto;

    padding: 2.35rem 0 0 2.5rem;

    padding-right: 1.25rem;

}

.s2_menu ul {

    padding: 1.35rem 0 0 0;

}

.s2_menu a, .s2_menu a:active, .s2_menu a:hover {

    display: block;

    padding: .75rem 0;

    padding-left: 2.5rem;

    line-height: .5rem;

    font-size: .6rem;

    font-weight: 300;

    text-transform: uppercase;

    color: #838383;

    text-decoration: none;

    position: relative;

}

.s2_menu a.active, .s2_menu a:active, .s2_menu a:hover {

    color: #424242;

}

.s2_menu a.active path, .s2_menu a:active path, .s2_menu a:hover path {

    fill: #80a9cf;

}

.s2_menu a.active, .s2_menu a:active {

    color: #424242;

    font-weight: 700;

}

.s2_menu .icon {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform-origin: center center;

    width: 1.5rem;

    height: 1.25rem;

}

.s2_menu .icon path {

    fill: #838383;

}

.s2_slides img {

    max-width: 100%;

    width: 100%;

    margin-top: 10px;}

.s2_slides .slide.active {

    position: static;

}

.s2_slides .slide .in_2 {

    display: inline-block;

    position: relative;

    width: 100%}

.s2_slides .slide .in {

    display: inline-block;

    position: relative;

    width: 100%}

.s2_slides .slide .in .name {

    font-size: 2.3rem;

    font-weight: 800;

    line-height: 2.5rem;

    text-transform: uppercase;

    margin-bottom: .6rem;

    color: #494949;

}

.s2_slides .slide .notice1 {

    position: absolute;

    padding: 2rem 1.5rem 2rem 2rem;

    background-color: #fff;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -moz-transform-origin: center center;

    width: 27rem;

    max-width: 90%;

    font-size: .7rem;

    font-weight: 300;

}

.s2_slides .slide .notice2 {

    position: absolute;

    padding: 1.9rem;

    background-color: #fff;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -moz-transform-origin: center center;

    width: 12.5rem;

    max-width: 90%}

.s2_slides .slide .notice2 p {

    font-size: .7rem;

    font-weight: 300;

}

@media only screen and (max-width:1099px) {

    .s2_slides .slide .in .name {

    font-size: 1.8rem;

}

.s2_slides .slide .notice1 {

    padding: 1.25rem 1.25rem 1.5rem 1.5rem;

}

.s2_slides .slide .notice2 {

    padding: 1.25rem 1.25rem 1.25rem 1.25rem;

}

}@media only screen and (max-width:978px) {

    .s2_slides .slide .in .name {

    font-size: 1.3rem;

}

.s2_slides .slide .notice1 {

    padding: 1rem 1rem 1.25rem 1.25rem;

}

.s2_slides .slide .notice2 {

    padding: 1rem 1rem 1rem 1rem;

}

}@media only screen and (max-width:829px) {

    .s2_slides .slide .in .name {

    font-size: 2.65rem;

    line-height: 3.2rem;

    font-weight: 800;

}

.s2_slides .slide .notice1 {

    position: static;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

    width: 100%;

    font-size: 1.05rem;

    padding: 1.7rem 2.5rem 2.2rem 2.5rem;

    max-width: none;

}

.s2_slides .slide .notice1::after {

    content: "";

    display: block;

    border-bottom: 2px solid #e5e7e9;

    margin-top: 1.45rem;

}

.s2_slides .slide .notice2 {

    padding: 1.35rem;

    bottom: auto;

    top: 30%;

    right: 0;

    left: auto;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

}

.s2_slides .slide .notice2 p {

    line-height: 1.15!important;

    font-size: 1.1rem;

}

.s2_slides .slide1.active .notice2 {

    padding: 1.35rem;

    line-height: 140%;

    bottom: auto;

    top: 30%;

    right: 0!important;

    left: auto!important;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

}

}@media only screen and (max-width:599px) {

    .s2_slides .slide .in .name {

    font-size: 2.3rem;

    line-height: 120%}

.s2_slides .slide .in .notice2 {

    top: 5rem;

}

.menu.active ul a, .menu.active ul a:active, .menu.active ul a:hover {

    font-size: 20px!important;

    line-height: 2!important;

}

}@media only screen and (max-width:479px) {

    .s2_slides .slide .in .name {

    font-size: 1.8rem;

    line-height: 120%}

.s2_slides .slide .notice1 {

    padding: 1.25rem 1.25rem 1.25rem 1.25rem;

}

.s2_slides .slide .notice1::after {

    margin-top: 1.25rem;

}

}.s2_slides .slide1 .notice2 {

    left: -100%}

.s2_slides .slide1 .notice1 {

    top: -100%}

.s2_slides .slide1.active .notice1 {

    top: 0;

}

.s2_slides .slide1.active .notice2 {

    left: 52.7%}

.s2_slides .slide2 .notice1 {

    left: 0;

    right: auto;

    top: auto;

    bottom: -100%;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

}

.s2_slides .slide2 .notice2 {

    left: -100%;

    top: 0;

    bottom: auto;

    right: auto;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

    width: 10rem;

}

.s2_slides .slide2.active .notice1 {

    bottom: 2.5rem;

}

.s2_slides .slide2.active .notice2 {

    left: 2.5rem;

}

.s2_slides .slide3 .notice1 {

    left: -100%;

    right: auto;

    top: 0;

    bottom: auto;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -moz-transform-origin: center center;

}

.s2_slides .slide3.active .notice1 {

    left: 45%}

.s2_slides .slide4 .notice1 {

    left: 0;

    right: auto;

    top: -100%;

    bottom: auto;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform-origin: center center;

    width: 476px;

    padding: 1.7rem 1.75rem 1.7rem 1.75rem;

}

.s2_slides .slide4 .notice2 {

    left: -100%;

    right: auto;

    top: 0;

    bottom: auto;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -moz-transform-origin: center center;

    width: 13rem;

    max-width: 90%}

.s2_slides .slide4.active .notice1 {

    top: 60%}

.s2_slides .slide4.active .notice2 {

    left: 70%}

.s2_slides .slide5 .notice1 {

    left: 0;

    right: auto;

    top: -100%;

    bottom: auto;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform-origin: center center;

    width: 23.75rem;

}

.s2_slides .slide5.active .notice1 {

    top: 70%}

@media only screen and (max-width:1299px) {

    .s2_slides .slide4 .notice1 {

    left: 0;

    right: auto;

    top: auto;

    bottom: 0;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

    width: 22.5rem;

    padding: 1.7rem 1.75rem 1.7rem 1.75rem;

}

}@media only screen and (max-width:829px) {

    .s2_slides .slide1 .notice2 {

    left: auto;

    right: 0;

    top: 60%;

    bottom: auto;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform-origin: center center;

    width: 20rem;

}

.s2_slides .slide2 .notice2 {

    left: 0;

    right: auto;

    top: 60%;

    bottom: auto;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform-origin: center center;

    width: 15rem;

}

.s2_slides .slide4 .notice2 {

    left: auto;

    right: 0;

    top: 40%;

    bottom: auto;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform-origin: center center;

    width: 26.9rem;

    max-width: 70%}

.s2_slides .slide5 .notice1::after {

    display: none;

}

.s2_slides .slide1 .notice1, .s2_slides .slide2 .notice1, .s2_slides .slide3 .notice1, .s2_slides .slide4 .notice1, .s2_slides .slide5 .notice1 {

    position: static;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

    width: 100%}

}.s3_image {

    text-align: right;

}

.s3_image img {

    max-width: 100%;

    width: 100%;

    padding-top: 2rem;

}

.s3_menu {

    width: 21.5rem;

    max-width: 100%;

    margin-right: auto;

    padding: 0 3.75rem 0 0;

    padding-left: 2rem;

    padding-top: 2rem;

}

.s3_menu .name46 {

    margin-bottom: .6rem;

}

.s3_menu p {

    font-size: .7rem;

    font-weight: 300;

}

.s3_menu .in {

    padding-bottom: 1.5rem;

}

@media only screen and (max-width:829px) {

    .s3_menu {

    width: 100%;

    padding: 3.4rem 1.25rem 4rem 1.25rem!important;

    text-align: center;

}

.s3_menu .name46 {

    font-size: 2.65rem;

    margin-bottom: .85rem;

}

.s3_menu .in {

    width: 29.75rem;

    max-width: 100%;

    margin: 0 auto;

    padding-bottom: 3.5rem;

}

.s3_menu .in p {

    font-size: 1.45rem;

    line-height: 1.2;

}

.s3_menu .button, .s3_menu .button:active, .s3_menu .button:hover {

    padding: 1.15rem 4rem;

    line-height: 2rem;

    font-size: 1.35rem;

    border-radius: 2.15rem;

}

.s3_menu .button::before, .s3_menu .button:active::before, .s3_menu .button:hover::before {

    display: none;

}

}.s5_image {

    text-align: left;

    position: relative;

    overflow: hidden;

    width: 100%}

.s5_image img {

    max-width: 100%;

    width: 100%}

.s5_image .road {

    display: inline-block;

    position: relative;

    width: 100%}

.s5_image .road::after, .s5_image .road::before {

    content: "";

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: no-repeat center;

    background-size: contain;

    z-index: 140;

}

.s5_image .road::before {

    opacity: 0;

    -webkit-transition: 1s;

    transition: 1s;

}

.s5_image .road1::after {

    background-image: url(../design/image/road_icon.png);

    z-index: 150;

}

.s5_image .road1::before {

    background-image: url("../design/image/yaroslavka.png");

}

.s5_image .road3::before {

    background-image: url("../design/image/shelkovskoe.png");

}

.s5_image .road4::before {

    background-image: url("../design/image/gorkovskoe.png");

}

.s5_image[data-road="1"] .road1::before {

    opacity: 1;

}

.s5_image[data-road="2"] .road2::before {

    opacity: 1;

}

.s5_image[data-road="3"] .road3::before {

    opacity: 1;

}

.s5_image[data-road="4"] .road4::before {

    opacity: 1;

}

.s5_menu {

    width: 21.5rem;

    max-width: 100%;

    margin-left: auto;

    padding: 1.65rem 1.25rem 0 0;

    padding-left: 2.5rem;

}

.s5_menu .name46 {

    margin-bottom: .6rem;

}

.s5_menu p {

    font-size: .7rem;

    font-weight: 300;

}

.s5_menu .in {

    padding-bottom: 1.5rem;

    width: 12.5rem;

    max-width: 100%}

.s5_menu .button, .s5_menu .button:active, .s5_menu .button:hover {

    width: 9.25rem;

    background-color: #78c2e8;

    border-radius: 1rem;

    font-size: .6rem;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 1rem;

    color: #fff;

    display: inline-block;

    padding: .5rem .8rem;

    position: relative;

    text-decoration: none;

    margin-bottom: .85rem;

    text-align: center;

}

.s5_menu .button.active, .s5_menu .button:active, .s5_menu .button:active.active, .s5_menu .button:active:active, .s5_menu .button:active:hover, .s5_menu .button:hover, .s5_menu .button:hover.active, .s5_menu .button:hover:active, .s5_menu .button:hover:hover {

    background-color: #5da6d4;

}

@media only screen and (max-width:999px) {

    .section_05 .col_1_2 .card1 {

    width: 40%}

.section_05 .col_1_2 .card2 {

    width: 60%}

}.col_1_2 {

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.col_1_2 .card1 {

    width: 39%}

.col_1_2 .card2 {

    width: 61%;

    position: relative;

}

@media only screen and (max-width:1099px) {

    .col_1_2 .card1 {

    width: 30%}

.col_1_2 .card2 {

    width: 70%}

}@media only screen and (max-width:829px) {

    .col_1_2 .card1 {

    width: 100%}

.col_1_2 .card2 {

    width: 100%}

}@media only screen and (max-width:829px) {

    .section_02 .col_1_2 .card1 {

    max-width: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

    max-height: 0;

}

.section_02 .col_1_2 .card2 {

    width: 100%}

}.col_2_1 {

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.col_2_1 .card1 {

    width: 61%}

.col_2_1 .card2 {

    width: 39%}

@media only screen and (max-width:1099px) {

    .col_2_1 .card1 {

    width: 65%}

.col_2_1 .card2 {

    width: 35%}

}@media only screen and (max-width:829px) {

    .col_2_1 {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.col_2_1 .card1 {

    width: 100%}

.col_2_1 .card2 {

    width: 100%}

}.name46 {

    font-size: 2.3rem;

    line-height: 2.5rem;

    color: #494949;

    font-weight: 800;

    text-transform: uppercase;

}

@media only screen and (max-width:1099px) {

    .name46 {

    font-size: 1.8rem;

    line-height: 120%}

}@media only screen and (max-width:979px) {

    .name46 {

    font-size: 1.3rem;

}

}@media only screen and (max-width:829px) {

    .name46_next {

    position: fixed;

    z-index: 1100;

    color: #fff;

    font-size: 1.45rem;

    font-weight: 400;

    text-transform: uppercase;

    width: 100%;

    text-align: center;

}

}.section_name_mobile {

    opacity: 0;

    position: fixed;

    left: 0;

    width: 100%;

    top: -100%;

    text-align: center;

    z-index: 1100;

    height: 5rem;

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

@media only screen and (max-width:829px) {

    .section_name_mobile_next {

    color: #fff;

    font-size: 1.45rem;

    font-weight: 400;

    text-transform: uppercase;

    padding: 0 5rem;

}

}@media only screen and (max-width:479px) {

    .section_name_mobile_next {

    padding: 0 1.25rem 0 5rem;

}

}.section_callback, .section_logo, .section_logo .image, .section_logo .slogan, .section_logo img, .section_numbs, .section_phone, .section_phone a, .section_phone a::before, .section_top, svg path {

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.section_top {

    position: fixed;

    z-index: 999;

    left: 0;

    top: -100%;

    width: 100%;

    background-color: #78c2e8;

    color: #fff;

    padding: 0 1.2rem;

    min-height: 5rem;

    text-align: center;

    opacity: 0;

}

.section_top_next {

    opacity: 1;

    top: -1px;

}

@media only screen and (max-width:829px) {

    .section_top {

    opacity: 1;

    top: 0;

    min-height: 5rem;

}

}@media only screen and (min-width:830px) {

    .section_top_next {

    background-color: #fff;

}

}.section_phone {

    position: fixed;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 1000;

    text-align: right;

    padding: 2rem 2.5rem 0 2.5rem;

    font-size: 1rem;

    font-weight: 600;

    color: #fff;

    white-space: nowrap;

}

.section_phone a {

    display: inline-block;

    position: relative;

    top: .25rem;

}

.section_phone a, .section_phone a:active, .section_phone a:hover {

    color: #fff;

    text-decoration: none;

    position: relative;

}

.section_phone a::before, .section_phone a:active::before, .section_phone a:hover::before {

    content: "";

    display: block;

    position: absolute;

    bottom: -.05rem;

    height: .05rem;

    width: 0;

    background-color: #fff;

}

.section_phone a:active::before, .section_phone a:hover::before {

    width: 100%;

    opacity: 1;

}

.section_phone a:active::before {

    height: .1rem;

}

@media only screen and (max-width:829px) {

    .section_phone {

    padding: 0 2.25rem;

    font-size: 1.8rem;

    top: 1.8rem;

    font-weight: 400;

    text-align: center;

}

.section_phone a, .section_phone a:active, .section_phone a:hover {

    top: 0;

}

.section_phone_next {

    opacity: 1;

    top: -100%;

    position: relative;

}

}@media only screen and (max-width:479px) {

    .section_phone {

    padding: 0 0 0 2.5rem;

}

}@media only screen and (min-width:830px) {

    .section_phone_next a, .section_phone_next a: active, .section_phone_next a:hover {

    color: #78c2e8;

}

.section_phone_next a::before, .section_phone_next a:active::before, .section_phone_next a:hover::before {

    background-color: #78c2e8;

}

}.section_callback, .section_callback:active, .section_callback:hover {

    width: 4.45rem;

    height: 4.45rem;

    border-radius: 100%;

    background-color: #9dc5e1;

    color: #fff;

    position: fixed;

    z-index: 1000;

    bottom: 2.5rem;

    left: 2.5rem;

    cursor: pointer;

    text-decoration: none;

}

.section_callback::before, .section_callback:active::before, .section_callback:hover::before {

    content: "";

    position: absolute;

    display: block;

    background: no-repeat center url(../design/image/callback.svg);

    background-size: cover;

    width: 50%;

    height: 50%;

    margin: 25%;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.section_callback:active::before, .section_callback:hover::before {

    width: 60%;

    height: 60%;

    margin: 20%}

.section_callback:active::before {

    -webkit-transform: rotateZ(45deg);

    -ms-transform: rotateZ(45deg);

    -moz-transform: rotateZ(45deg);

    -o-transform: rotateZ(45deg);

    -moz-transform-origin: center center;

    transform: rotateZ(45deg);

}

.section_callback_next, .section_callback_next:active, .section_callback_next:hover {

    left: -100%;

    opacity: 0;

}

@media only screen and (max-width:829px) {

    .section_callback {

    left: -100%;

    opacity: 0;

}

}.section_logo {

    position: fixed;

    z-index: 1000;

    top: 50%;

    left: 0;

    text-align: center;

    width: 100%;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -moz-transform-origin: center center;

}

.section_logo .image svg {

    width: 35.5rem;

    height: auto;

    max-width: 78%;

    margin-bottom: 1.25rem;

    margin-left: 45px;

}

.section_logo .image svg .st0, .section_logo .image svg .st1 {

    fill: #fff;

}

.section_logo .image svg .st0 {

    fill-rule: evenodd;

}

.section_logo .image svg .st2 {

    stroke-miterlimit: 10;

    stroke-width: .1rem;

}

.section_logo .slogan {

    position: relative;

    line-height: 1;

    font-size: 0;

    display: inline-block;

    width: 28.5rem;

    max-width: 60%;

    text-align: center;

}

.section_logo .slogan img {

    width: 90%;

    height: auto;

}

.section_logo .slogan .slogan_icon::after, .section_logo .slogan .slogan_icon::before {

    content: "";

    position: absolute;

    display: block;

    width: 2rem;

    height: 70%;

    top: 15%;

    padding: 0 25px;

    background: no-repeat center;

    background-image: url(../design/image/slogan_icon.svg);

    background-size: contain;

}

.section_logo .slogan .slogan_icon::before {

    background-position: center right;

    left: -50px;

}

.section_logo .slogan .slogan_icon::after {

    background-position: center left;

    right: -50px;

}

.section_logo_next {

    top: 1.9rem;

    transform: none;

    -ms-transform: none;

    -moz-transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -moz-transform-origin: center center;

}

.section_logo_next .image svg {

    width: 15.5rem;

    margin-bottom: 0;

}

.section_logo_next .image svg .st0 {

    fill: #78c2e8!important;

    fill-rule: evenodd;

}

.section_logo_next .image svg .st2 {

    stroke-miterlimit: 10;

    stroke-width: .1rem;

}

.section_logo_next .slogan {

    opacity: 0;

    width: 0;

}

@media only screen and (max-width:829px) {

    .section_logo {

    top: 49.5%}

.section_logo .image svg {

    width: 100%}

.section_logo .slogan {

    margin-top: .2rem;

    max-width: 70%}

.section_logo_next {

    top: -100%;

    opacity: 0;

}

}@media only screen and (min-width:830px) {

    .section_logo_next .image .cls-1, .section_logo_next .image .cls-2, .section_logo_next .image .cls-3 {

    fill: #78c2e8!important;

}

.section_logo_next .image .cls-1 {

    fill-rule: evenodd;

}

.section_logo_next .image .cls-3 {

    stroke: #78c2e8!important;

    stroke-miterlimit: 10;

    stroke-width: .1rem;

}

}.section_numbs {

    position: fixed;

    z-index: 1100;

    height: 100%;

    right: 2.5rem;

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.section_numbs .item, .section_numbs .item:active, .section_numbs .item:hover {

    text-align: center;

    color: #eeedee;

    font-weight: 300;

    line-height: 1.5rem;

    text-decoration: none;

    cursor: pointer;

}

.section_numbs .item.active, .section_numbs .item:hover {

    color: #fefefe;

    font-weight: 700;

}

@media only screen and (max-width:829px) {

    .section_numbs {

    right: -100%;

    opacity: 0;

}

}.section_arr .in {

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -moz-transform-origin: center center;

    width: 2.3rem;

}

.section_arr, .section_arr:active, .section_arr:hover {

    position: fixed;

    z-index: 1100;

    width: 2.3rem;

    height: 2.3rem;

    border-radius: 100%;

    border: solid 1px #fff;

    background: no-repeat center #fff;

    background-position: center 55%;

    background-image: url(../design/image/arr.svg);

    background-size: 50%;

    left: 50%;

    bottom: 2.5rem;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

    text-decoration: none;

    cursor: pointer;

}

.section_arr:active, .section_arr:hover {

    width: 2.8rem;

    height: 2.8rem;

    bottom: 2.25rem;

    margin-left: -.25rem;

    margin-top: -.25rem;

}

.section_arr:active {

    background-color: rgba(255, 255, 255, .5);

}

@media only screen and (max-width:829px) {

    .section_arr .in {

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -moz-transform-origin: center center;

}

.section_arr, .section_arr:active, .section_arr:hover {

    margin-left: -1.95rem;

    bottom: 2.25rem;

    width: 3.9rem;

    height: 3.9rem;

}

.section_arr_next {

    bottom: -100%;

    opacity: 0;

}

}

.menu_button {

    position: fixed;

    left: 2.5rem;

    top: 1.5rem;

    z-index: 3000;

    width: 1.3rem;

    height: 2.1rem;

    padding: 1rem 0;

    cursor: pointer;

}

.menu_button .in, .menu_button .in::after, .menu_button .in::before {

    content: "";

    position: absolute;

    width: 100%;

    height: .1rem;

    background: #fff;

    left: 0;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.menu_button .in::before {

    top: -.5rem;

}

.menu_button .in::after {

    top: auto;

    bottom: -.5rem;

    width: 50%}

.menu_button:hover .in::after {

    width: 100%}

.menu_button.active .in {

    background-color: transparent;

}

.menu_button.active .in::after, .menu_button.active .in::before {

    width: 100%;

    -webkit-transform: rotateZ(45deg);

    -ms-transform: rotateZ(45deg);

    -moz-transform: rotateZ(45deg);

    -o-transform: rotateZ(45deg);

    -moz-transform-origin: center center;

    transform: rotateZ(45deg);

    top: 0;

}

.menu_button.active .in::after {

    -webkit-transform: rotateZ(-45deg);

    -ms-transform: rotateZ(-45deg);

    -moz-transform: rotateZ(-45deg);

    -o-transform: rotateZ(-45deg);

    -moz-transform-origin: center center;

    transform: rotateZ(-45deg);

    bottom: 0;

}

@media only screen and (max-width:829px) {

    .menu_button {

    top: 1.45rem;

    width: 2.25rem;

}

.menu_button .in, .menu_button .in::after, .menu_button .in::before {

    height: .25rem;

}

.menu_button .in::before {

    top: -.75rem;

}

.menu_button .in::after {

    top: auto;

    bottom: -.75rem;

    width: 50%}

}@media only screen and (min-width:830px) {

    .menu_button_next .in, .menu_button_next .in: :after, .menu_button_next .in::before {

    background-color: #78c2e8;

}

}.menu {

    opacity: 0;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 2000;

    background-image: -webkit-linear-gradient(355deg, #82adc6 0, #b2dced 100%);

    background-image: linear-gradient(-265deg, #82adc6 0, #b2dced 100%);

}

.menu::before {

    content: "";

    display: block;

    width: 114%;

    height: 100%;

    background-image: -webkit-linear-gradient(84deg, #b0daeb 0, #83aec7 100%);

    background-image: linear-gradient(6deg, #b0daeb 0, #83aec7 100%);

    position: absolute;

    left: 0;

    top: -14%;

    -webkit-transform: rotateZ(-30deg);

    -ms-transform: rotateZ(-30deg);

    -moz-transform: rotateZ(-30deg);

    -o-transform: rotateZ(-30deg);

    -moz-transform-origin: center center;

    transform: rotateZ(-30deg);

}

.menu ul {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1050;

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    text-align: center;

    top: -100%;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.menu ul li {

    padding: .5rem 0;

    position: relative;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.menu ul li:nth-child(odd) {

    left: -100%;

    opacity: 0;

}

.menu ul li:nth-child(even) {

    left: 100%;

    opacity: 0;

}

.menu ul a, .menu ul a:active, .menu ul a:hover {

    color: rgba(255, 255, 255, .7);

    font-size: .6rem;

    font-weight: 400;

    text-transform: uppercase;

    text-decoration: none;

    display: inline-block;

    line-height: calc(1.83333333);

}

.menu ul a:hover {

    color: #fff;

}

.menu ul a.active, .menu ul a:active {

    color: #fff;

    font-weight: 700;

}

.menu.active {

    opacity: 1;

    max-height: 1500px;

}

.menu.active ul {

    top: 0;

}

.menu.active ul li {

    left: 0;

    right: 0;

    opacity: 1;

}

.menu.active ul a, .menu.active ul a:active, .menu.active ul a:hover {

    font-size: 1.125rem;

}

@media only screen and (max-width:829px) {

    .menu: :before {

    left: -25%;

    top: 0;

    width: 144%}

.menu ul a, .menu ul a:active, .menu ul a:hover {

    font-size: 2rem!important;

    line-height: 2.3!important;

}

}.section_05 .s5_mobile {

    display: none;

}

@media only screen and (max-width:829px) {

    .section_05 .s5_mobile {

    padding-top: 5rem;

    display: block;

}

.section_05 .col_1_2 {

    display: none;

}

.section_05 {

    float: left;

    width: 100%}

}.s5_mobile {

    width: 32.5rem;

    max-width: 100%;

    padding: 7.1rem 1.25rem 5rem 1.25rem;

    margin: 0 auto;

}

.s5_mobile .name {

    color: #3b3c3b;

    font-size: 2.95rem;

    font-weight: 800;

    line-height: 3.2rem;

    text-transform: uppercase;

    text-align: center;

    padding-bottom: 2.5rem;

}

.s5_mobile .in {

    color: #767676;

    font-size: 1.45rem;

    font-weight: 300;

    line-height: 120%;

    padding-bottom: 2.5rem;

}

.s5_mobile .in p {

    font-weight: 300;

}

.s5_mobile .in strong {

    font-weight: 600;

}

.s5_mobile .in ul {

    padding-top: .8rem;

    display: table;

    margin: 0 auto;

}

.s5_mobile .in li {

    font-weight: 600;

}

.s5_mobile .button {

    text-align: center;

}

.s5_mobile .button a, .s5_mobile .button a:active, .s5_mobile .button a:hover {

    width: 26.8rem;

    max-width: 90%;

    background-color: #78c2e8;

    border-radius: 2.15rem;

    text-align: center;

    padding: 1.15rem 1.25rem;

    line-height: 2rem;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 1.35rem;

    font-weight: 600;

    display: inline-block;

}

.s5_mobile .button a:active, .s5_mobile .button a:hover {

    background-color: #5da6d4;

}

@media only screen and (max-width:479px) {

    .s5_mobile .name {

    font-size: 2.95rem;

    font-weight: 800;

    line-height: 120%;

    padding-bottom: 3.1rem;

}

.s5_mobile .in {

    font-size: 1.45rem;

}

}.footer {

    width: 100%;

    background-color: #474646;

    background: #474646 no-repeat center url(../design/image/footer_bg.png);

    background-size: cover;

    background-attachment: fixed;

    padding: 2.5rem 2.5rem 0 2.5rem;

    color: #fff;

    position: relative;

    z-index: 1500;

}

.footer .card1, .footer .card2 {

    width: 18.5rem;

    max-width: 100%;

    padding: 0 1.25rem;

    text-align: center;

    padding-bottom: 2rem;

}

.footer .card1 p, .footer .card2 p {

    padding: 0 0 1.35rem 0;

    font-size: .7rem;

}

.footer .card1 {

    padding-top: .25rem;

}

.footer .row {

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.footer .soc_list {

    vertical-align: top;

}

.footer .soc_list a, .footer .soc_list a:active, .footer .soc_list a:hover {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    line-height: 1rem;

    padding: .5rem;

    border-radius: 100%;

    margin: .25rem .6rem .25rem .6rem;

    vertical-align: top;

    font-size: 0;

    position: relative;

}

.footer .soc_list a img {

    max-width: 100%;

    max-height: 100%;

    width: 100%;

    vertical-align: middle;

}

.footer .soc_list a .circle {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%}

.footer .soc_list a .circle svg {

    width: 100%;

    height: 100%}

.footer .soc_list a .circle circle {

    stroke-opacity: 1;

    stroke-dasharray: 127;

    stroke-dashoffset: 127;

    opacity: 0;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.footer .soc_list a .circle:hover circle {

    opacity: 1;

    stroke-dashoffset: 0;

}

.footer .phone {

    color: #fff;

    font-weight: 600;

}

@media only screen and (max-width:829px) {

    .footer {

    padding: 3rem 0;

}

.footer .row {

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: flex-end;

    -ms-justify-content: flex-end;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -moz-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    flex-direction: column-reverse;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.footer .card1, .footer .card2 {

    width: 100%}

.footer .card1 p, .footer .card2 p {

    font-size: 1.45rem;

    padding-bottom: 2.5rem;

}

.footer .card1 .img {

    width: 20.9rem;

    max-width: 100%}

.footer .card2 .img {

    width: 18.1rem;

    max-width: 100%}

.footer .soc_list a, .footer .soc_list a:active, .footer .soc_list a:hover {

    width: 4rem;

    height: 4rem;

    line-height: 2rem;

    padding: 1rem;

    border-radius: 100%;

    margin: .75rem;

}

}.section_04 {

    position: relative;

    z-index: 100;

    min-height: 100vh;

    padding: 5.5rem 0 3.5rem 0;

    background-color: #fff;

    background-size: cover;

    background-attachment: fixed;

}

.s4_menu {

    width: 21.5rem;

    max-width: 100%;

    margin-right: auto;

    padding: 0;

    padding-left: 5.25rem;

    color: #fff;

}

.s4_menu .name46 {

    margin-bottom: .6rem;

    color: #fff;

}

.s4_menu p {

    font-size: .7rem;

    font-weight: 300;

}

.s4_menu .in {

    padding-right: 4.5rem;

    padding-bottom: 1.5rem;

}

@media only screen and (max-width:1199px) {

    .s3_menu, .s4_menu {

    padding-left: 2.5rem;

    padding-right: 3.75rem;

}

}@media only screen and (max-width:999px) {

    .s3_menu, .s4_menu {

    padding-left: 1.25rem;

}

}@media only screen and (max-width:829px) {

    .s4_menu .in {

    padding-right: 0;

}

}.s4_cards {

    padding: 1.05rem 0;

    width: 32.85rem;

    max-width: 100%;

    margin-left: auto;

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-direction: row;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.s4_cards_box {

    background: #fff;

    margin: 0 6px;

    box-shadow: 0 0 110px 17px rgba(0, 0, 0, .17);

    border-radius: 3px;

    padding-bottom: 40px;

    position: relative;

}

.s4_cards .card2 .s4_cards_box {

    box-shadow: 0 38px 110px -31px rgba(0, 0, 0, .17), 0 -38px 110px -31px rgba(0, 0, 0, .17);

}

.s4_cards_lent_box {

    width: 100%;

    position: relative;

    overflow: hidden;

    padding: 5px 5px 12px 5px;

}

.s4_cards_lent {

    font-size: 10px;

    padding-top: 10px;

    text-transform: uppercase;

    padding-bottom: 10px;

    color: #fff;

    font-weight: 300;

    background: #e9484a;

    position: absolute;

    width: 100%;

    z-index: 2;

    right: -78px;

    top: 21px;

    transform: rotate(390deg) scale(1) skew(1deg) translate(0);

    -webkit-transform: rotate(390deg) scale(1) skew(1deg) translate(0);

    -moz-transform: rotate(390deg) scale(1) skew(1deg) translate(0);

    -o-transform: rotate(390deg) scale(1) skew(1deg) translate(0);

    -ms-transform: rotate(390deg) scale(1) skew(1deg) translate(0);

}

.s4_cards_lent strong {

    font-weight: 700;

}

.btn-info {

    width: 41px;

    height: 41px;

    display: table;

    position: absolute;

    bottom: -21px;

    left: 50%;

    margin-left: -20px;

    background-image: url(../design/image/scard4-btn.png);

    z-index: 3;

}

.btn-info.rotate {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}

.btn-info.rotate-bot {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}

.s4_cards_info_box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.s4_cards_info {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 2;

    border-radius: 3px;

    padding: 40px 20px 20px 20px;

    text-align: left;

    display: none;

}

.s4_cards_info h3 {

    font-size: 20px;

    color: #494949;

    font-weight: 700;

}

.s4_cards_info h3:after {

    content: '';

    width: 30px;

    height: 6px;

    display: table;

    background: #e9484a;

    margin-top: 15px;

    margin-bottom: 17px;

}

.s4_cards_box .owl-carousel .owl-dots {

    position: absolute;

    bottom: 9px;

    left: 0;

    width: 100%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.s4_cards_box .owl-carousel .owl-dots .owl-dot {

    width: 10px;

    height: 10px;

    background: #fff;

    margin: 5px;

    border-radius: 100%;

    border: 1px solid #7cbfd8;

}

.s4_cards_box .owl-carousel .owl-dots .owl-dot.active {

    border: 1px solid #fff;

}

.btn-blue {

    display: block;

    left: 50%;

    font-size: 15px;

    padding: 14px 21px;

    position: absolute;

    top: 75px;

    color: #fff!important;

    text-transform: uppercase;

    background: #78c2e8;

    margin-left: -76px;

    border-radius: 50px;

    text-decoration: none!important;

}

.s4_cards .card {

    width: 33.3%;

    text-align: center;

    border-left: 1px solid transparent;

    padding: 0 0 1.2rem 0;

}

.s4_cards .card:hover .image {

    transform: scale(1.15);

    -ms-transform: scale(1.15);

    -moz-transform: scale(1.15);

    -webkit-transform: scale(1.15);

    -o-transform: scale(1.15);

    -moz-transform-origin: center center;

}

.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@-webkit-keyframes fadeInUp {

    from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}

to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

}

}@keyframes fadeInUp {

    from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}

to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

}

}.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

@-webkit-keyframes fadeInDown {

    from {

    opacity: 1;

    display: block;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

}

to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    display: none!important;

}

}@keyframes fadeInDown {

    from {

    opacity: 1;

    display: block;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

}

to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    display: none!important;

}

}.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}

.s4_cards .image {

    padding: 0;

    width: 7.5rem;

    height: 7.5rem;

    line-height: 7.5rem;

    font-size: 0;

    margin: 0 auto .75rem auto;

    position: relative;

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

.s4_cards .image::after, .s4_cards .image::before {

    content: "";

    display: block;

    position: absolute;

    z-index: 50;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    left: 0;

    top: 0;

    background-color: #fbfdff;

}

.s4_cards .image::after {

    background-color: #f5f9fd;

    width: 70%;

    height: 70%;

    left: 15%;

    top: 15%}

.s4_cards .image img {

    vertical-align: middle;

    max-width: 100%;

    max-height: 100%;

    height: auto;

    position: relative;

    z-index: 100;

}

.s4_cards .card1 {

    border-left: transparent;

}

.s4_cards .card2 {

    width: 33, 3%;

    z-index: 4;

}

.s4_cards .name {

    font-size: .9rem;

    font-weight: 600;

    text-transform: uppercase;

    padding-bottom: .65rem;

    margin-bottom: .45rem;

    position: relative;

}

.s4_cards .name::before {

    content: "";

    display: block;

    position: absolute;

    width: 1rem;

    height: .1rem;

    background-color: #e5e5e5;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -moz-transform-origin: center center;

}

.s4_cards .price {

    font-size: 1rem;

    font-weight: 700;

    color: #424242;

}

.s4_cards .oldprice {

    position: relative;

    top: -10px;

    font-size: 14px;

    text-decoration: line-through;

    font-weight: 600;

}

.s4_cards .notice {

    color: #6f6f6f;

    padding-bottom: .5rem;

    min-height: 3.2rem;

}

.s4_cards .notice p {

    font-size: .7rem;

    line-height: 1rem;

}

.section_04 .s_name_mobile {

    display: none;

    text-align: center;

    color: #fff;

    font-size: 2.95rem;

    font-weight: 800;

    line-height: 3.2rem;

    text-transform: uppercase;

}

@media only screen and (max-width:829px) {

    .section_04 {

    padding-top: 5rem;

}

.section_04 .s_name_mobile {

    display: block;

    padding-bottom: 3.1rem;

}

.s4_cards {

    padding: 0;

    background: 0 0;

    width: 100%;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    box-shadow: none;

}

.s4_cards .card {

    width: 24.6rem;

    max-width: 90%;

    border-radius: 1.5rem;

    margin: 0 auto 2.5rem auto;

    padding: 0;

    box-shadow: 0 .4rem 2.55rem rgba(0, 0, 0, .1);

}

.s4_cards_box, .s4_cards_info, .s4_cards_info h3 {

    border-radius: 27px;

    font-size: 1.45rem;

}

.s4_cards_box {

    margin: 0;

}

.owl-carousel .owl-item img {

    border-radius: 27px 27px 0 0;

}

.s4_cards .image {

    width: 16.9rem;

    height: 16.9rem;

    line-height: 16.9rem;

    margin: 0 auto 1.95rem auto;

}

.s4_cards .name {

    font-size: 1.8rem;

    padding-bottom: .85rem;

    margin-bottom: .45rem;

}

.btn-blue {

    margin-left: -115px;

}

.s4_cards .name::before {

    width: 2.4rem;

    height: .25rem;

}

.s4_cards .notice {

    min-height: 6.4rem;

}

.s4_cards .notice p {

    font-size: 1.45rem;

    line-height: 2.4rem;

}

.s4_cards .price {

    font-size: 2.1rem;

}

.s4_menu {

    width: 100%;

    padding: .75rem 2.5rem 1rem 2.5rem;

    width: 34rem;

    margin: 0 auto;

    max-width: 100%;

    text-align: center;

}

.s4_menu .name46 {

    display: none;

}

.s4_menu .in {

    text-align: center;

    padding-bottom: 3.25rem;

}

.s4_menu .in p {

    font-size: 1.45rem;

    line-height: 1.2;

}

.s4_menu .button {

    margin: 0 auto;

}

.s4_menu .button, .s4_menu .button:active, .s4_menu .button:hover {

    background-color: #fff;

    border-radius: 2.15rem;

    font-size: 1.35rem;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 2rem;

    color: #78c2e8;

    display: inline-block;

    padding: 1.15rem 2.5rem;

    position: relative;

    text-decoration: none;

}

.s4_menu .button::before, .s4_menu .button:active::before, .s4_menu .button:hover::before {

    display: none;

}

.s4_menu .button:active, .s4_menu .button:active:active, .s4_menu .button:active:hover, .s4_menu .button:hover, .s4_menu .button:hover:active, .s4_menu .button:hover:hover {

    color: #5da6d4;

}

}.show_mobile {

    display: none!important;

}

.hide_mobile {

    display: inline-block!important;

}

@media only screen and (max-width:829px) {

    .show_mobile {

    display: inline-block!important;

}

.hide_mobile {

    display: none!important;

}

}@media only screen and (min-width:830px) {

    .s2_slides .slide {

    -webkit-transition: .5s ease;

    transition: .5s ease;

    overflow: hidden;

    opacity: 0;

    position: absolute;

    width: 100%}

.s2_slides .slide.active {

    opacity: 1;

}

.s2_slides .slide .notice1, .s2_slides .slide .notice2 {

    -webkit-transition: .5s ease;

    transition: .5s ease;

}

}.section_01, .section_02, .section_03, .section_04, .section_05 {

    min-height: 100vh;

}

body[data-section-current="1"] .menu a[data-goto-slide="1"] {

    font-weight: 700;

    color: #fff;

}

body[data-section-current="1"] .section_numbs .item1 {

    font-weight: 700;

}

body[data-section-current="2"] .menu a[data-goto-slide="2"] {

    font-weight: 700;

    color: #fff;

}

body[data-section-current="2"] .section_numbs .item2 {

    font-weight: 700;

}

body[data-section-current="2"] .menu_button .in, body[data-section-current="2"] .menu_button .in::after, body[data-section-current="2"] .menu_button .in::before {

    background: #78c2e8;

}

body[data-section-current="2"] .section_phone_next {

    color: #78c2e8 !important;

}

body[data-section-current="2"] .section_phone_next a, body[data-section-current="2"] .section_phone_next a::after, body[data-section-current="2"] .section_phone_next a::before {

    color: #78c2e8;

}

body[data-section-current="3"] .menu a[data-goto-slide="3"] {

    font-weight: 700;

    color: #fff;

}

body[data-section-current="3"] .section_numbs .item3 {

    font-weight: 700;

}

body[data-section-current="3"] .section_numbs a, body[data-section-current="3"] .section_numbs a.active, body[data-section-current="3"] .section_numbs a::after, body[data-section-current="3"] .section_numbs a::before {

    color: #c9c9c9;

}

body[data-section-current="3"] .menu_button .in, body[data-section-current="3"] .menu_button .in::after, body[data-section-current="3"] .menu_button .in::before {

    background: #78c2e8;

}

body[data-section-current="3"] .section_phone_next {

    color: #78c2e8 !important;

}

body[data-section-current="3"] .section_phone_next a, body[data-section-current="3"] .section_phone_next a::after, body[data-section-current="3"] .section_phone_next a::before {

    color: #78c2e8;

}

body[data-section-current="4"] .menu a[data-goto-slide="4"] {

    font-weight: 700;

    color: #fff;

}

body[data-section-current="4"] .section_numbs .item4 {

    font-weight: 700;

}

body[data-section-current="4"] .section_top_next {

    background-color: #fff;

}

body[data-section-current="4"] .menu_button .in, body[data-section-current="4"] .menu_button .in::after, body[data-section-current="4"] .menu_button .in::before {

    background: #78c2e8;

}

body[data-section-current="4"] .menu_button.active .in {

    background-color: transparent;

}

body[data-section-current="4"] .section_phone_next {

    color: #78c2e8 !important;

}

body[data-section-current="4"] .section_phone_next a, body[data-section-current="4"] .section_phone_next a::after, body[data-section-current="4"] .section_phone_next a::before {

    color: #78c2e8;

}

body[data-section-current="4"] .section_logo_next .image .cls-1, body[data-section-current="4"] .section_logo_next .image .cls-2, body[data-section-current="4"] .section_logo_next .image .cls-3 {

    fill: #fff!important;

}

body[data-section-current="4"] .section_logo_next .image .cls-1 {

    fill-rule: evenodd;

}

body[data-section-current="4"] .section_logo_next .image .cls-3 {

    stroke: #fff!important;

    stroke-miterlimit: 10;

    stroke-width: .1rem;

}

body[data-section-current="4"] .section_arr {

    border: transparent;

    background-color: transparent;

}

body[data-section-current="4"] .section_arr dafs {

    fill: #fff;

}

body[data-section-current="4"] .section_arr, body[data-section-current="4"] .section_arr:active, body[data-section-current="4"] .section_arr:hover {

    background-image: url(../design/image/arr.svg);

}

body[data-section-current="5"] .menu a[data-goto-slide="5"] {

    font-weight: 700;

    color: #fff;

}

body[data-section-current="5"] .section_numbs .item5 {

    font-weight: 700;

}

body[data-section-current="5"] .menu_button .in, body[data-section-current="5"] .menu_button .in::after, body[data-section-current="5"] .menu_button .in::before {

    background: #78c2e8;

}

body[data-section-current="5"] .section_phone_next {

    color: #78c2e8 !important;

}

body[data-section-current="5"] .section_phone_next a, body[data-section-current="5"] .section_phone_next a::after, body[data-section-current="5"] .section_phone_next a::before {

    color: #78c2e8;

}

body[data-section-current="6"] .menu a[data-goto-slide="6"] {

    font-weight: 700;

    color: #fff;

}

body[data-section-current="6"] .section_arr {

    opacity: 0;

    max-height: 0;

    max-width: 0;

    overflow: hidden;

    border: 0;

}

@media only screen and (max-width:829px) {

    body[data-section-current="2"] div[data-section-title="2"] {

    top: 0;

    opacity: 1;

}

body[data-section-current="3"] div[data-section-title="3"] {

    top: 0;

    opacity: 1;

}

body[data-section-current="4"] div[data-section-title="4"] {

    top: 0;

    opacity: 1;

}

body[data-section-current="5"] div[data-section-title="5"] {

    top: 0;

    opacity: 1;

}

}.footer_shadow {

    position: fixed;

    z-index: 1400;

    left: 0;

    top: -100%;

    width: 100%;

    height: 100%;

    opacity: 0;

    background-color: rgba(0, 0, 0, .7);

    -webkit-transition: .4s 50ms ease;

    transition: .4s 50ms ease;

}

body[data-section-current="6"] .footer_shadow {

    top: 0;

    opacity: 1;

}

.footer .card1, .footer .card2, .section_02, .section_03, .section_04, .section_05 {

    display: -moz-flex;

    display: -ms-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: stretch;

    -ms-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

}

@media (max-width:1450px) {

    .s4_cards_lent {

    right: -45px;

    top: 20px;

}

}@media only screen and (max-width:829px) {

    .section_03, .section_04, .section_05 {

    height: auto !important;

    min-height: inherit;

}

}.js_animate, .js_hidden {

    opacity: 1;

}

.js_visible {

    opacity: 1;

}

.s1_video {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    min-width: 100%;

    min-height: 100%;

    position: absolute;

}

@media only screen and (max-width:829px) {

    .s1_video {

    display: none;

}

}.db_full {

    display: block;

}

.db_mob {

    display: inline-block;

}

@media only screen and (max-width:829px) {

    .db_full {

    display: inline-block;

}

.db_mob {

    display: block;

}

}@media only screen and (max-width:829px) {

    .button, .pop, .pop .close, .s5_image .road: :after, .s5_image .road::before, .section_name_mobile, a, input[type=radio], input[type=checkbox] {

    -webkit-transition: none!important;

    transition: none!important;

}

.section_logo .image {

    -webkit-transition: none!important;

    transition: none!important;

}

.section_callback, .section_logo, .section_logo .slogan, .section_logo img, .section_numbs, .section_phone, .section_phone a, .section_phone a::before, .section_top {

    -webkit-transition: none!important;

    transition: none!important;

}

.footer_shadow, .menu, .menu ul, .menu ul li, .s4_cards .image, .section_callback::before {

    -webkit-transition: none!important;

    transition: none!important;

}

.section_arr, .section_arr:active, .section_arr:hover {

    -webkit-transition: none!important;

    transition: none!important;

}

.menu_button .in, .menu_button .in::after, .menu_button .in::before {

    -webkit-transition: none!important;

    transition: none!important;

}

.s2_slides .slide {

    -webkit-transition: none!important;

    transition: none!important;

}

.s2_slides .slide .notice1, .s2_slides .slide .notice2 {

    -webkit-transition: none!important;

    transition: none!important;

}

}@-webkit-keyframes pulse_animation {

    0% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

30% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

40% {

    -webkit-transform: scale(1.13);

    transform: scale(1.13);

}

50% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

60% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

70% {

    -webkit-transform: scale(1.08);

    transform: scale(1.08);

}

80% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

100% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

}@keyframes pulse_animation {

    0% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

30% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

40% {

    -webkit-transform: scale(1.13);

    transform: scale(1.13);

}

50% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

60% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

70% {

    -webkit-transform: scale(1.08);

    transform: scale(1.08);

}

80% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

100% {

    -webkit-transform: scale(1);

    transform: scale(1);

}

}.section_arr {

    -webkit-animation-name: pulse_animation;

    animation-name: pulse_animation;

    -webkit-animation-duration: 5s;

    animation-duration: 5s;

    -webkit-transform-origin: 70% 70%;

    transform-origin: 70% 70%;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}

@media only screen and (max-width:829px) {

    .footer_shadow {

    display: none!important;

}

.soc_list circle {

    opacity: 1!important;

    stroke-dashoffset: 0!important;

}

}@media only screen and (max-width:829px) {

    .section_name_mobile, .section_top {

    background-color: #78c2e8;

}

}.baton a, .baton a:active, .baton a:hover {

    width: 8.7rem;

    max-width: 100%;

    background-color: #78c2e8;

    border-radius: 2.1rem;

    font-size: .6rem;

    text-transform: none;

    font-weight: 600;

    line-height: 1rem;

    color: #fff;

    display: inline-block;

    padding: .55rem .8rem;

    text-decoration: none;

    margin-bottom: .85rem;

    text-align: center;

    position: relative;

}

.baton a.active, .baton a:active, .baton a:active.active, .baton a:active:active, .baton a:active:hover, .baton a:hover, .baton a:hover.active, .baton a:hover:active, .baton a:hover:hover {

    background-color: #5da6d4;

}

.baton_white a, .baton_white a:active, .baton_white a:hover {

    border:  1px solid #78c2e8;

    width: 9.25rem;

    max-width: 100%;

    background-color: #fff;

    border-radius: 2.1rem;

    font-size: .6rem;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 1rem;

    color: #78c2e8;

    display: inline-block;

    padding: .55rem .8rem;

    text-decoration: none;

    margin-bottom: .85rem;

    text-align: center;

    position: relative;

}

.baton_white a.active, .baton_white a:active, .baton_white a:active.active, .baton_white a:active:active, .baton_white a:active:hover, .baton_white a:hover, .baton_white a:hover.active, .baton_white a:hover:active, .baton_white a:hover:hover {

    color: #5da6d4;

}

.baton_arr_white a, .baton_arr_white a:active, .baton_arr_white a:hover {

    padding-right: 2rem;

    width: auto;

}

.baton_arr_white a::before, .baton_arr_white a:active::before, .baton_arr_white a:hover::before {

    content: "";

    position: absolute;

    display: block;

    top: 0;

    right: 0;

    width: 2rem;

    height: 100%;

    background: no-repeat center;

        background-image:  url(../design/image/video-icon.png);

}

.section_03 .baton_arr_white a::before, .section_03 .baton_arr_white a:hover::before, .section_03 .baton_arr_white a:active::before.baton a, .baton a:active, .baton a:hover {

    background-image: url(../design/image/video-icon.png);

    top: -1px;

    width: 2.8rem;

}

.section_03 .baton_arr_white a {

    border: 1px solid #78c2e8;

    width: 9.25rem;

}

.baton_arr a, .baton_arr a:active, .baton_arr a:hover {

    padding-right: 3.2rem;

    width: 9.25rem;

}

.baton_arr a::before, .baton_arr a:active::before, .baton_arr a:hover::before {

    content: "";

    position: absolute;

    display: block;

    top: 0;

    right: 0;

    width: 3rem;

    height: 100%;

    background: no-repeat center;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAolBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9MEo+OAAAANXRSTlMAITR3AqRtBK3+Ywa2/VkIvvtQDMb5SA/N9kAT1PM4J+YHC8W9UQW1WgOsZKNumniQgzOOOfjMZ6oAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAbUlEQVQI12NgYGSAAyZTZjibhdWUDc5h5+DkgnO4eXj54Bx+AUEhOEdYRFQMzhGXkJSCc6RlZOXgHHleBUUoU0kZroNfRVAVylRT59WAMjW1OLVhLtIx1YUZoWeqD2MamBrCmEamxnBLNE3gTACONQc8HrtKTAAAAABJRU5ErkJggg==");

}

.baton_arr a: active, .baton_arr a:active:active, .baton_arr a:active:hover, .baton_arr a:hover, .baton_arr a:hover:active, .baton_arr a:hover:hover {

    background-color: #5da6d4;

}

@media only screen and (max-width:829px) {

    .baton, .baton_white {

    text-align: center;

}

.baton a, .baton a:active, .baton a:hover, .baton_white a, .baton_white a:active, .baton_white a:hover {

    width: 25rem;

    max-width: 100%;

    border-radius: 2.1rem;

    font-size: 1.3rem;

    text-transform: none;

    line-height: 1.8rem;

    padding: 1.25rem 2rem;

    position: relative;

}

.baton a::before, .baton a:active::before, .baton a:hover::before, .baton_white a::before, .baton_white a:active::before, .baton_white a:hover::before {

    display: none!important;

}

}@media only screen and (max-width:829px) {

    .section_03 .card1 .show_mobile {

    display: block!important;

}

}@media only screen and (min-width:1440px) {

    .block_1920 {

    display: block;

}

}.pop-ty {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 50px;

    background-color: #fff;

}

.pop .close {

    z-index: 99;

}

.pop-ty-in {

    height: 600px;

    display: table-cell;

    vertical-align: middle;

}

.pop-ty-in p {

    font-size: .8rem;

    line-height: 1.4;

}

@media (max-width:1600px) {

    .pop-ty-in {

    height: 460px;

}

}@media (max-width:830px) {

    .notice1 .baton {

    display: block;

}

.notice1 .panoram-btn {

    width: 22.25rem!important;

    padding: 0.3rem .8rem 1rem .8rem!important;

}

.notice1 .baton {

    text-align: left;

}

}@media (max-width:650px) {

    .pop-ty-in {

    height: 385px;

}

}@media (max-width:480px) {

    .pop-ty-in {

    height: 310px;

}

.s4_cards_lent {

    right: -107px!important;

}

}@media (max-width:377px) {

    .pop-ty-in {

    height: 245px;

}

.s4_cards_lent {

    right: -75px!important;

}

}.content {

    float: none;

    width: 100%;

    max-width: 1200px;

    display: table;

    margin: 0 auto;

}

.result-wrapper {

    float: left;

    width: 100%}

.result-wrapper .result {

    float: left;

    width: 100%;

    margin-bottom: 15px;

    margin-top: 25px;

}

.result-wrapper .result>div {

    float: left;

    width: 31%;

    margin-right: 3.5%;

    background: #fff none repeat scroll 0 0;

    font-family: Oranienbaum, serif, Arial, sans-serif;

    height: 340px;

    border-top: 60px solid #26a9e1;

}

.result-wrapper .result>div:last-child {

    margin-right: 0;

}

.result-wrapper .result>div .detailholder {

    float: left;

    width: 100%;

    margin-top: 30px;

}

.result-wrapper .result>div .detailholder ul {

    float: left;

    width: 100%;

    list-style-type: none;

    padding: 0 20px;

}

.result-wrapper .result>div .detailholder ul li {

    float: left;

    width: 100%;

    text-align: center;

    line-height: 26px;

    font-size: 15px;

    color: #000;

    list-style-type: none;

}

.result-wrapper .result>div span.class-font-head {

    float: left;

    width: 100%;

    color: #fff;

    font-size: 22px;

    margin-top: -89px;

    height: 60px;

    line-height: 60px;

    margin-bottom: 0!important;

    padding-bottom: 0!important;

}

.result-wrapper .result>div .mediaholder_innerwrap {

    float: left;

    width: 100%}

.result-wrapper .result>div .mediaholder_innerwrap a {

    float: none;

    width: auto;

    display: table;

    margin: 0 auto;

}

.favourite-wrapper {

    float: left;

    width: 100%}

.favourite-wrapper h2 {

    float: left;

    width: 100%;

    text-align: center;

    color: #fff;

    margin-bottom: 10px;

    margin-top: 10px;

}

.favourite-wrapper .form-wrapper {

    float: left;

    width: 100%;

    margin: 35px 0 0!important;

}

.favourite-wrapper .form-wrapper input {

    float: left;

    width: 330px;

    height: 30px;

    border: medium none;

    background: #fff;

    border-radius: 0;

}

.favourite-wrapper .form-wrapper button {

    float: left;

    width: auto;

    padding: 0 15px;

    height: 30px;

    background: #26a9e1;

    color: #fff;

    border-radius: 0;

    margin: 0;

    line-height: 32px;

    -webkit-transition: all ease-in-out .5s;

    transition: all ease-in-out .5s;

}

.favourite-wrapper .form-wrapper button:hover {

    background: #1a8aba;

}

.favourite-wrapper .calc_info {

    float: left;

    width: 100%;

    margin-bottom: 15px;

    margin-top: 25px;

}

.favourite-wrapper .calc_info>div {

    float: left;

    width: 31%;

    margin-right: 3.5%;

    background: #fff none repeat scroll 0 0;

    font-family: Oranienbaum, serif, Arial, sans-serif;

    height: 340px;

    border-top: 60px solid #26a9e1;

}

.favourite-wrapper .calc_info>div:last-child {

    margin-right: 0;

}

.favourite-wrapper .calc_info>div .detailholder {

    float: left;

    width: 100%}

.favourite-wrapper .calc_info>div .detailholder ul {

    float: left;

    width: 100%;

    list-style-type: none;

    padding: 0 20px;

}

.favourite-wrapper .calc_info>div .detailholder ul li {

    float: left;

    width: 100%;

    text-align: center;

    line-height: 26px;

    font-size: 15px;

    color: #000;

    list-style-type: none;

}

.favourite-wrapper .calc_info>div span.class-font-head {

    float: left;

    width: 100%;

    color: #fff;

    font-size: 22px;

    margin-top: -60px;

    height: 60px;

    line-height: 60px;

    margin-bottom: 0!important;

    padding-bottom: 0!important;

}

.favourite-wrapper .calc_info>div .mediaholder_innerwrap {

    float: left;

    width: 100%}

.favourite-wrapper .calc_info>div .mediaholder_innerwrap a {

    float: none;

    width: auto;

    display: table;

    margin: 0 auto;

}

@media (max-width:1200px) {

    .content {

    max-width: 992px;

}

}@media (max-width:992px) {

    .content {

    max-width: 750px;

}

.section_02 {

    float: left;

    width: 100%;

    height: auto!important;

}

.section_03 {

    float: left;

    width: 100%;

    height: auto!important;

}

.container-favourite {

    position: static!important;

    padding-bottom: 10px;

}

.favourite-wrapper .calc_info>div {

    float: left;

    width: 45%;

    max-width: 350px;

    margin: 0 auto 20px;

}

.favourite-wrapper .calc_info>div:nth-child(2) {

    float: right;

    width: 45%;

    max-width: 350px;

}

.favourite-wrapper .calc_info>div:last-child {

    float: none;

    display: table;

    margin: 0 auto;

    width: 45%;

    max-width: 350px;

}

.result-wrapper .result>div {

    float: left;

    width: 45%;

    max-width: 350px;

    margin: 0 auto 20px;

}

.result-wrapper .result>div:nth-child(2) {

    float: right;

    width: 45%;

    max-width: 350px;

}

.result-wrapper .result>div:last-child {

    float: none;

    display: table;

    margin: 0 auto;

    width: 45%;

    max-width: 350px;

}

}@media (max-width:768px) {

    .content {

    max-width: 100%}

.favourite-wrapper .calc_info>div {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 350px;

}

.favourite-wrapper .calc_info>div:nth-child(2) {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 350px;

}

.favourite-wrapper .calc_info>div .result {

    margin-top: 25px;

}

.favourite-wrapper .calc_info>div:last-child {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 350px;

}

.result-wrapper .result>div {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 350px;

}

.result-wrapper .result>div:nth-child(2) {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 350px;

}

.result-wrapper .result>div:last-child {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 350px;

}

}@media (max-width:480px) {

    .favourite-wrapper .calc_info>div {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 290px;

}

.favourite-wrapper .calc_info>div:nth-child(2) {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 290px;

}

.favourite-wrapper .calc_info>div:last-child {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 290px;

}

.result-wrapper .result>div {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 290px;

}

.result-wrapper .result>div:nth-child(2) {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 290px;

}

.result-wrapper .result>div:last-child {

    float: none;

    display: table;

    margin: 0 auto 20px;

    width: 100%;

    max-width: 290px;

}

.favourite-wrapper .form-wrapper input {

    float: left!important;

    width: 100%!important;

}

.favourite-wrapper .form-wrapper button {

    float: left;

    width: 100%;

    margin-bottom: 20px;

}

.roistat-lh-popup {

    float: left;

    width: 100%;

    height: 100%;

    -ms-overflow-y: scroll!important;

    overflow-y: scroll!important;

}

}.map {

    float: left;

    width: 100%;

    height: calc(100vh - 5rem);

}


.btn {
    color: #fff;
    border-color: #22b856;
    background-color: none;
}
.btn #wa {
    position: relative;
   
}
.btn a {
    display: inline-block;
    color: #22B856;
    padding-top: 12px;
    padding-left: 59px;
    padding-right: 20px;
    padding-bottom: 12px;
    text-align: center;
    border: 1px solid #22B856;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    cursor: pointer;
    -webkit-appearance: none;
    outline: none;
    background-color: transparent;
    background: url(/wa.svg) no-repeat left 25px center;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.btn a:hover {
color: #FFF;
text-decoration: none;
background: #22B856 url(/wa-hover.svg) no-repeat left 25px center;
}


