@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


@font-face {
    font-family: 'Atlas';
    src: url('../fonts/atlas-regular-aaa.woff2') format('woff2'),
        url('../fonts/atlas-regular-aaa.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ***** Common Css **** */
:root {
    scroll-behavior: initial;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
figure{margin: 0;}
a,button {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

body {
    font-family: 'Atlas';
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;    
}
.main-wrpper {
    height:auto;
    width: 100%;
}
.container{
    max-width: 1320px;
	max-width:1600px;
    padding: 0 15px;
    margin: 0 auto;
}
footer .container{
	max-width:1320px;
	max-width:1600px;
	max-width:1400px;
}
.fade{
  opacity:0;
  transition:opacity .6s ease;
}
 
.fade.show{
  opacity:1;
}
/* ***** End Common Css **** */

/* **** Header **** */
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: var(--pinsker-header-expanded, 0);
    padding: 0;
    border: none;
    z-index: 999999;
    pointer-events: none;
}
header .header-inner{
    pointer-events: auto;
    padding: 69px 0 32px;
    background-color: transparent;
    box-shadow: 0 0 0 transparent;
    transition: background-color 0.45s ease, box-shadow 0.45s ease, padding 0.45s ease;
    -webkit-transition: background-color 0.45s ease, box-shadow 0.45s ease, padding 0.45s ease;
}
header.nav-new .header-inner{
    padding: 15px 0;
    background-color: #fff;
    box-shadow: 0 3px 6px rgb(0, 0, 0 , 0.05);
}
.header-spacer{
    display: block;
    width: 100%;
    height: var(--pinsker-header-expanded, 0);
    pointer-events: none;
}
.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand-box{
    display: flex;
    align-items: center;
    gap: 33px;
}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0;
    margin: 0;
}
.navbar-brand img {
    max-width: 100%;
}
.navbar {
    background: transparent;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar-light .navbar-nav {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-left: 0;
    margin-right: auto;
   
}
.navbar-light .navbar-nav li{
    position: relative;
}
.navbar-light .navbar-nav li::before{
    position: absolute;
    content: "";
    position: absolute;
    height: 16px;
    width:1px;
    top: 50%;
    left: -10px;
    background-color: #595F52;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
}
.navbar-light .navbar-nav li:last-child::before{
    display: none;
}
.navbar-light .navbar-nav .nav-link{
    padding: 0;
    font-weight: 300;
    font-size: 15px;
    line-height: 27px;
    color: #595F52;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    color: #5A5F51;
}
/* **** End Header **** */

/* **** toggler **** */
.navbar-light .navbar-toggler {background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;height: 40px;width: 40px;padding: 0;display: none;}
.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }
.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}
.navbar-toggler:active, .navbar-toggler:focus { outline: none; }
.navbar-light .navbar-toggler-icon {width: 27px;height: 14px;background-image: none;position: relative;border-bottom: 2px solid #5A5F51;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 27px;position: absolute;height: 2px;background-color: #5A5F51;top: 0;right: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 6px;width: 27px;}
header.show .navbar-toggler .navbar-toggler-icon:after {transform: rotate(45deg);}
header.show .navbar-toggler .navbar-toggler-icon:before {transform: translateY(6px) rotate(-45deg);}
header.show .navbar-toggler .navbar-toggler-icon {border-color: transparent;}
/* **** End toggler **** */


/* **** Hero ***** */
.hero-wrp{
    position: relative;
    padding: 0 0 14px;
}
.hero-wrp .hero-block{
    position: relative;
    display: table;
}
.hero-wrp .hero-block .banner-building{
    max-width: 100%;
}
.hero-wrp .hero-block .hero-logo{
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 51px;
    -webkit-transform: translate(-27%, 0);
    transform: translate(-27%, 0);
}
.hero-wrp .down-arrow{
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.hero-wrp .down-arrow img{
    animation: bounce 2s 1;
    -webkit-animation: bounce 2s 1;
    -moz-animation: bounce 2s 1;
    -o-animation: bounce 2s 1;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
/* **** End Hero ***** */


/* **** Elegance **** */
.elegance-wrp{
    background-color: #DDDDCD;
    padding: 60px 0;
    position: relative;
}
.elegance-wrp .elegance-video {
    width: 55%;
    height: 439px;
    margin-left: 0;
    margin-right: auto;
    position: relative;
}
.elegance-wrp .elegance-video img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.elegance-wrp .elegance-video .play-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 94.03px;
    height: 94.03px;
    background: rgba(255, 255, 255, 0.66);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9;
}
.elegance-wrp .elegance-video .play-icon img{
    height: auto;
    width: auto;
    max-width: 100%;
}
.videofrem{
    height: 100%;
    position: relative;
}
.videofrem video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	position: relative;
    z-index: 1;
}
.videofrem.is-playing .playbutton{
    display: none;
}


.elegance-wrp .elegance-block{
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 60px;
}
.elegance-wrp .elegance-block .elegance-detail{
    padding: 56px 0 0;
    width: 55%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 450px;
	position: relative;
    z-index: 2;
}
.elegance-wrp .elegance-block .elegance-detail img{
    max-width: 100%;
    margin-right: 3.5%;
}
.elegance-wrp .elegance-block .elegance-detail p{
    max-width: 491px;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    color: #5A5F51;
    margin: 0;
}
/* **** End Elegance **** */



/* **** Timeline **** */
.timeline-wrp{
    padding: 135px 0;
    position: relative;
}
.timeline-wrp::before{
    position: absolute;
    content: "";
    top: 45%;
    height: 20.122px;
    width: 100%;
    background-image: url("../images/timeline_shpae.svg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.timeline-wrp .timeline-block{
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}
.timeline-wrp .timeline-block .box-img{
    width: 210px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 0 32px;
    position: relative;
    z-index: 9;
}
.timeline-wrp .timeline-block .box-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.box-detail{text-align:center;}
.timeline-wrp .timeline-block .box-detail h3{
    font-weight: 400;
    font-size: 38px;
    text-align: center;
    color: #5A5F51;
    margin: 0 0 14px;
}
.timeline-wrp .timeline-block .box-detail p{
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #5A5F51;
    max-width: 185px;
    margin: 0;
}
/* **** End Timeline **** */


/* **** history **** */
.history-wrp{
    background-color: #5A5F51;
}
.history-wrp .history-block{
    padding: 35px 0;
}
.history-wrp .history-block .row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px;
}
.history-wrp .history-block .row .col-md-4{width: 36%;padding: 0 15px;}
.history-wrp .history-block .row .col-md-8{width: 64%;padding: 0 15px;}
.history-wrp .history-block .history-title img{max-width: 100%;}
.history-wrp .history-block .history-detail p{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: right;
    margin: 0 0 30px;
    color: #fff;
}
.history-wrp .history-block .history-detail p:last-child{
    margin: 0;
}
/* **** End history **** */

.history-img{
    position: relative;
}
.history-img .btn-outdoor{
    position: absolute;
    left: 70px;
    bottom: 30px;
    background-color: #FFFFFF;
    height: 36px;
    border: none;
    cursor: pointer;
    padding: 0 11.44px;
    font-weight: 300;
    font-size: 24px;
    line-height: 25px;
    text-align: center;
    color: #5A5F51;
	display: flex;
}
.history-img .btn-outdoor .text1,
.history-img .btn-outdoor .text2{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: opacity 0.35s ease, max-width 0.35s ease, padding 0.35s ease;
    transition: opacity 0.35s ease, max-width 0.35s ease, padding 0.35s ease;
}
.history-img .btn-outdoor .text1{
    opacity: 1;
    max-width: 36px;
    overflow: hidden;
	line-height: 36px;
	font-family: 'Atlas';
    font-size: 30px;
}
.history-img .btn-outdoor .text2{
    width: auto;
    font-weight: 300;
    font-size: 13px;
    line-height: 36px;
    text-align: center;
    color: #5A5F51;
    direction: ltr;
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
	font-family: 'Atlas';
	display: flex;
    text-align: center;
}
.history-img .btn-outdoor:hover .text1{
    opacity: 0;
    max-width: 0;
}
.history-img .btn-outdoor:hover .text2{
    opacity: 1;
	max-width:147px;
    padding-left: 12.88px;
    padding-right: 12.88px;
    /* line-height: 36px; */
    display: flex;
    text-align: center;
}
span.minus{font-family: 'Atlas';
    font-size: 25px;
    text-decoration: none !important;}
.history-img .btn-outdoor .text2 span.txtm{text-decoration: underline;}
.history-img img{
    max-width: 100%;
	height: auto;
    width: 100%;
    object-fit: cover;
}




/* **** location **** */
.location-wrp{
    padding: 0 0 60px;
}
.location-wrp .container{
    max-width: 1374px;
	max-width:1600px;
}
.location-wrp .location-map img{
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.location-wrp .location-detail{
    padding: 45px 0 0;
    position: relative;
}
.location-wrp .location-detail img{
    max-width: 100%;
    position: absolute;
    left: 110px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.location-wrp .location-detail p{
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    color: #5A5F51;
    max-width: 621px;
}
/* **** End location **** */


/* **** innovation **** */
.innovation-wrp .innovation-block{
    position: relative;
}
.innovation-wrp .innovation-block .innovation-detail{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.innovation-wrp .innovation-block .innovation-detail img{
    max-width: 100%;
    margin-left: 0;
    margin-right: auto;
    display: table;
}
.innovation-wrp .innovation-block .innovation-img{
    width: 50%;
}

.innovation-wrp .innovation-block .innovation-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.innovation-block-odd{
    background-color: #DDDDCD;
    position: relative;
}
.innovation-block-odd .innovation-img{width: 50%;margin-right: 0;margin-right: auto;display: table;}
.innovation-block-odd .innovation-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innovation-block-odd .innovation-detail{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.innovation-block-odd .innovation-detail .detail{
    max-width: 499px;
}
.innovation-block-odd .innovation-detail .detail p{
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    color: #5A5F51;
    margin: 0;
}
/* **** End innovation **** */


/* **** apartments **** */
.apartments-wrp{
    padding: 60px 0 160px;
}
.apartments-wrp .titlebar h2{
    font-weight: 400;
    font-size: 33px;
    line-height: 55px;
    text-align: right;
    color: #5A5F51;
    margin: 0;
}
.apartments-wrp .apartments-block{
    position: relative;
}
.apartments-wrp .apartments-block .apartments-img{
    margin: 0 auto;
    display: table;
}
.apartments-wrp .apartments-block .apartments-img img{
    max-width: 100%;
}

.apartments-wrp .accordion{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
}
.apartments-wrp .accordion .accordion-item{
    width: 470px;
    max-width: 100%;
}
.apartments-wrp .accordion .accordion-item .accordion-button button{
    font-weight: 400;
    font-size: 25px;
    text-align: right;
    color: #5A5F51;
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 0 0 5px;
    border-bottom: 2px solid #5A5F51;
    margin: 0 0 15px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
	column-gap:12px;
    cursor: pointer;
    max-width: 440px;
	font-family: 'Atlas';
}
.apartments-wrp .accordion .accordion-item .accordion-button img {
    transition: 0.3s;
}
.apartments-wrp .accordion .accordion-item .accordion-button button::before{
    position: absolute;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: #5A5F51;
    border-radius: 100%;
    left: 0;
    bottom: 0;
    transform: translate(0, 50%);
}
.apartments-wrp .accordion .accordion-item:last-child .accordion-button button{
    max-width: 100%;
    padding-right: 75px;
}
.apartments-wrp .accordion .accordion-item:last-child .accordion-button button::before{
    left: auto;
    right: 0;
}
.apartments-wrp .accordion .accordion-item.active .accordion-button img {
    transform: rotate(180deg);
}
.apartments-wrp .accordion .accordion-item:last-child .accordion-body{
    padding-right: 70px;
}
.apartments-wrp .accordion .accordion-item .accordion-body {
    display: none;
    height: 250px;
    overflow: auto;
}   
.apartments-wrp .accordion .accordion-item.active .accordion-body {
    display: block;
}
.apartments-wrp .accordion .accordion-item .accordion-body ul li a,
.apartments-wrp .accordion .accordion-item .accordion-body ul li{
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-align: right;
    color: #5A5F51;
}
.apartments-wrp .accordion .titlebar{display: none;}
.hero-wrp .container{max-width:1200px;}
/* Apartments accordion scrollbar — desktop only (992px+) */
@media (min-width: 992px) {
    .apartments-wrp .accordion .accordion-item .accordion-body{
        overflow-x: hidden;
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: #DDDCCC #ffffff;
    }
    .apartments-wrp .accordion .accordion-item .accordion-body::-webkit-scrollbar{
        width: 12px;
    }
    .apartments-wrp .accordion .accordion-item .accordion-body::-webkit-scrollbar-button{
        display: none;
        width: 0;
        height: 0;
    }
    .apartments-wrp .accordion .accordion-item .accordion-body::-webkit-scrollbar-track{
        background-color: #ffffff;
    }
    .apartments-wrp .accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb{
        min-height: 48px;
        border: none;
        border-radius: 6px;
        background-color: #DDDCCC;
        background-image: url("../images/scrollbar-arrow.svg"), linear-gradient(#DDDCCC, #DDDCCC);
        background-repeat: no-repeat, no-repeat;
        background-position: center center, center center;
        background-size: 8px 18px, 100% 100%;
    }
    .apartments-wrp .accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb:hover{
        background-image: url("../images/scrollbar-arrow.svg"), linear-gradient(#D4D4C4, #D4D4C4);
        background-size: 8px 18px, 100% 100%;
    }
}
/* **** End apartments **** */

/* **** Footer **** */
footer{
    background-color: #5A5F51;
    padding: 40px 0 30px;
    position: relative;
}
footer .foot-logo{
    position: absolute;
    left: 0;
    bottom: 30px;
    max-width: 100%;
    pointer-events: none;
}
footer .footer-title{
    margin: 0 0 35px;
}
footer .footer-title img{
    max-width: 100%;
}
footer form{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 35px;
}
footer form .input-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 62px;
	row-gap:10px;
	max-width:901px;
}
footer form .input-grid .form-group:nth-child(5){
	grid-column: 1 / -1;
}
footer form .input-grid .form-group .form-control{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #FFFFFF;
    background-color: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #FFFFFF;
    padding: 0 0 7px;
    width: 100%;
	border-radius:0;
	outline:0;
}
footer form select:invalid {
    color: #fff;
}

footer form select option {
   padding: 4px 5px;
    color: #000;
    background: #fff;
}
footer form .input-grid .form-group .form-control::placeholder{
    color: #ffffff;
}
footer form button,.wpcf7-submit{
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    align-items: center;
    text-align: right;
    color: #FFFFFF;
    border: 1px solid #ffffff;
    outline: none;
    background-color: transparent;
    width: 177px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer form button:hover,.wpcf7-submit:hover{
    background-color: #fff;
    color: #5A5F51;
}
footer ul{
    display: flex;
    align-items: center;
    gap: 20px;
}
footer ul li{
    position: relative;
}
footer ul li:last-child:before{display: none;}
footer ul li::before{
    position: absolute;
    content: "";
    height: 80%;
    width: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    top: 50%;
    transform: translate(-9px, -50%);
}
footer ul li a,footer ul li{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #FFFFFF !important;
}
/* **** End footer **** */

body.add-fix {
    overflow: hidden;
}
.history-mobile-img{
    display: none;
}
.mobile-img{
    display: none;
}

/* **** Modal **** */
.modal{
    background-color: rgba(0, 0, 0, 0.66);
    position: fixed;
    inset: 0;
    overflow: hidden;
    display: none;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.modal.active{
    opacity: 1;
    visibility: visible;
    display: block;
}
.modal .modal-dialog{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.modal .modal-dialog .modal-content{
    width: 1172px;
    max-width: 100%;
    max-height: 85vh;
    overflow-x: hidden;
    overflow-y: auto;
    background: #5A5F51;
    position: relative;
    padding: 50px;
    box-sizing: border-box;
}
.modal .modal-dialog .modal-content .btn-close{
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.history-mobile-img .gallery_swiper .swiper-next,
.history-mobile-img .gallery_swiper .swiper-prev,
.modal .gallery_swiper .swiper-next,
.modal .gallery_swiper .swiper-prev{
    position: absolute;
    left: 0;
    top: 50%;
    cursor: pointer;
    z-index: 9;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.history-mobile-img .gallery_swiper .swiper-next:hover,
.history-mobile-img .gallery_swiper .swiper-prev:hover,
.modal .gallery_swiper .swiper-next:hover,
.modal .gallery_swiper .swiper-prev:hover{
    opacity: 0.70;
}
.history-mobile-img .gallery_swiper .swiper-prev,
.modal .gallery_swiper .swiper-prev{
    left: auto;
    right: 0;
}
.history-mobile-img .gallery_swiper .slider-box,
.modal .gallery_swiper .slider-box{
    padding: 0 40px;
}
.history-mobile-img .gallery_swiper .slider-box img{
    width: 100%;
}
.modal .gallery_swiper .slider-box img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(85vh - 160px);
    display: block;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}
.modal .gallery_swiper .slider-box h3{
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: right;
    color: #FFFFFF;
    margin: 20px 0 0;
}

.app_modal .modal-dialog .modal-content{
    background-color: #DDDDCD;
	background-color:white;
}
.app_modal .modal-dialog .modal-content h2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 22px;
    text-align: right;
    color: #5A5F51;
    padding: 0 38px;
    margin: 0 0 24px;
}
.app_modal .app-modal-gallery{
    position: relative;
}
.app_modal .app-modal-gallery .swiper-next,
.app_modal .app-modal-gallery .swiper-prev{
    position: absolute;
    top: 50%;
    z-index: 20;
    display: block;
    padding: 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    opacity: 0.75;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease;
}
.app_modal .app-modal-gallery .swiper-next{
    left: 0;
}
.app_modal .app-modal-gallery .swiper-prev{
    left: auto;
    right: 0;
}
.app_modal .app-modal-gallery .swiper-next:not(.is-disabled):hover,
.app_modal .app-modal-gallery .swiper-prev:not(.is-disabled):hover{
    opacity: 1;
    -webkit-transform: translate(0, -50%) scale(1.18);
    transform: translate(0, -50%) scale(1.18);
}
.app_modal .app-modal-gallery .swiper-next:not(.is-disabled):active,
.app_modal .app-modal-gallery .swiper-prev:not(.is-disabled):active{
    opacity: 1;
    -webkit-transform: translate(0, -50%) scale(0.94);
    transform: translate(0, -50%) scale(0.94);
}
.app_modal .app-modal-gallery .swiper-next:not(.is-disabled).is-pressed{
    -webkit-animation: app-nav-bump-next 0.45s ease;
    animation: app-nav-bump-next 0.45s ease;
}
.app_modal .app-modal-gallery .swiper-prev:not(.is-disabled).is-pressed{
    -webkit-animation: app-nav-bump-prev 0.45s ease;
    animation: app-nav-bump-prev 0.45s ease;
}
.app_modal .app-modal-gallery .swiper-next.is-disabled,
.app_modal .app-modal-gallery .swiper-prev.is-disabled{
    opacity: 0.28;
    cursor: default;
    pointer-events: none;
    -webkit-transform: translate(0, -50%) scale(1);
    transform: translate(0, -50%);
}
.app_modal .app-modal-gallery .swiper-next img,
.app_modal .app-modal-gallery .swiper-prev img{
    display: block;
    width: 18px;
    height: auto;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
}
.app_modal .app-modal-gallery .swiper-next:not(.is-disabled):hover img,
.app_modal .app-modal-gallery .swiper-prev:not(.is-disabled):hover img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
@-webkit-keyframes app-nav-bump-next{
    0%, 100%{-webkit-transform: translate(0, -50%) scale(1);transform: translate(0, -50%) scale(1);}
    45%{-webkit-transform: translate(-10px, -50%) scale(1.12);transform: translate(-10px, -50%) scale(1.12);}
}
@keyframes app-nav-bump-next{
    0%, 100%{transform: translate(0, -50%) scale(1);}
    45%{transform: translate(-10px, -50%) scale(1.12);}
}
@-webkit-keyframes app-nav-bump-prev{
    0%, 100%{-webkit-transform: translate(0, -50%) scale(1);transform: translate(0, -50%) scale(1);}
    45%{-webkit-transform: translate(10px, -50%) scale(1.12);transform: translate(10px, -50%) scale(1.12);}
}
@keyframes app-nav-bump-prev{
    0%, 100%{transform: translate(0, -50%) scale(1);}
    45%{transform: translate(10px, -50%) scale(1.12);}
}
.app_modal .app-modal-swiper.is-plan-changing .slider-box img{
    -webkit-animation: app-plan-change 0.4s ease;
    animation: app-plan-change 0.4s ease;
}
@-webkit-keyframes app-plan-change{
    0%{opacity: 0.35;-webkit-transform: scale(0.97);transform: scale(0.97);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes app-plan-change{
    0%{opacity: 0.35;transform: scale(0.97);}
    100%{opacity: 1;transform: scale(1);}
}
.app_modal .gallery_swiper{
    overflow: visible;
}
.app_modal .gallery_swiper .slider-box{
    padding: 0 48px;
    min-height: calc(85vh - 220px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f1;
    border-radius: 6px;
}
.app_modal .gallery_swiper .slider-box img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(85vh - 220px);
    display: block;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.history-mobile-img .gallery_swiper .slider-box{
    padding: 0;
}
.history-mobile-img .gallery_swiper .swiper-next,
.history-mobile-img .gallery_swiper .swiper-prev{
    left: 15px;
}
.history-mobile-img .gallery_swiper .swiper-prev{
    left: auto;
    right: 15px;
}
/* **** End Modal **** */