@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,500;0,700;1,600&display=swap');

@font-face {
    font-family: 'Aphrosine';
    src: url('/web/font/Aphrosine_Regular.woff') format('woff'),
         url('/web/font/Aphrosine_Regular.woff') format('woff2'); /* Use woff2 for better compression */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liana';
    src: url('/web/font/liana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ah';
    src: url('/web/font/ah.woff') format('woff'),
         url('/web/font/ah.woff') format('woff2'); /* Use woff2 for better compression */
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'Cormorant Infant', serif; font-weight: 300; color: #555555; background-color: #fdfdfd; display: flex; flex-direction: column; min-height: 100vh;}
* {scrollbar-width: thin;scrollbar-color: #ffffff #9aa489;}
body::-webkit-scrollbar {height: 12px;}
body::-webkit-scrollbar-track {background: #9aa489;}
body::-webkit-scrollbar-thumb {background-color: #ffffff;}

h4{font-weight: 29px;}
a{text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
.paragraph{color: #666666;}
.frame{width: 1280px; margin: 0 auto;}
.button{outline: 0; border: 0; background-color: #08494c; color: #fff; padding: 8px 16px; transition: .3s;}
.button, select{display: inline-block; font-size: 1.2em; font-family: 'Cormorant Infant', serif; -webkit-tap-highlight-color: transparent;}
.button:hover{font-size: 1.3em!important;}
select, .admin select{padding: 7px; vertical-align: top; outline: none; border: none;}
.color-4{color: #dfcea7;}
.color-4-bg, .button, select{background-color: #dfcea7; color: #000000; font-weight: 300;}
.color-1{color: #9aa489;}
.color-1-bg{background-color: #9aa489;}
.color-2{color: #6a6a6a;}
.color-2-bg{background-color: #6a6a6a;}
.color-3, .blog-title, .swiper-button-next, .swiper-button-prev{color: #917941;}
.color-3-bg, .swiper-pagination-bullet-active{background-color: #917941; color: #ffffff;}
.button:hover{background-color: #a08a58; color: #ffffff;}
.white{color: #ffffff;}
.white-bg{background-color: #ffffff; color: #917941;}
.black-bg{background-color: #000000; color: #ffffff;}
.green{color: green;}
.red{color: red;}
.black{color: #000000;}
.separator{width: 60px; height: 3px; margin: 15px 0;}
.space-20{margin-top: 20px; margin-bottom: 20px;}
.pagination-sum{font-size: 1.6em; margin-left: 10px; line-height: 40px;}
.font-normal{font-weight: 300;}
.layout-element{margin-bottom: 10px; }
.swiper-wrapper{height: 95%; }
.swiper-slide > *{width: 85%; margin: 0 auto;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{top: 96%;}
.swiper-scrollbar{display: none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ""; background: url('/web/file/23/arrow.svg') no-repeat center center / contain; width: 40px; height: 40px;}
.swiper-button-prev:after{transform: rotate(180deg);}
.blog-title{text-transform: uppercase; font-size: 1em;}
.layout-element h1, .layout-element h2, .layout-element h3, .layout-element h4, .layout-element h5, .layout-element h6{text-transform: uppercase; font-size: 0.9em; margin: 15px 0;}
.layout-element ul{margin: 15px 0;}
.side-panel .blog-title, .side-panel .blog-created{font-size: 0.8em;}
.layout-blog-preview .blog-og, .layout-blog-side .blog-og{aspect-ratio: 16/9; height: auto;}
.layout-blog-item .blog-title{margin-top: 20px;}

#header{z-index: 2;position: relative;}
#header #logo{height: 87px;}
.menu li{list-style-type: none;}
#header .header-language{padding: 40px 0;}
#header .languages a:after{content: "|"; padding: 0 3px; top: -1px; display: inline-block; position: relative;}
#header .languages a:last-child:after{content: none;}
#header .logger{position: absolute; right: 0; top: -20px;}
#header .logger a{display: block;}
.menu ul{padding: 0;}
.menu-content{padding: 20px 0;}

#sticky-container{text-transform: uppercase;}
#header .menu .top-menu .menu-item{display: inline-block; letter-spacing: 2px;}
.menu .top-menu .active a, #header .menu .top-menu .menu-item a:hover{border-bottom: 1px solid #6a6a6a;}
#header .menu .top-menu .menu-item a{padding: 5px 0; margin: 0 15px; font-size: 1em; display: block;}
#header .menu .top-menu .menu-item .sub-menu{display: none; position: absolute; left: -50px; padding-left: 0; width: 200px;}
#header .menu .top-menu .with-sub{position: relative;}
#header .menu .top-menu .with-sub:hover .sub-menu{display: block;}
#header .menu .top-menu .sub-menu .sub-item{display: block; background-color: #000000; color: #917941; text-align: center;}
#header .menu .top-menu .sub-menu .sub-item a:hover{color: #ffffff; background-color: #917941;}
#header .mobile-open{font-size: 44px; font-weight: bold;}

/* STICKY MENU STYLE */
#sticky-menu{ background-color: #ffffff; width: 100%; z-index: 3; transition: 0.5s top;}
.sticky-header{position: fixed; top: -100%; transition: 0.5s;}
.sticky-show{top: 0;}
/* STICKY MENU STYLE */

#index{flex: 1;}

#header-slogan{padding: 13px; font-size: 1.1em;}

/* HOME */
.site-moto{margin: 0; padding: 0; gap: 20px;}
.site-moto li{display: inline-block; position: relative;}
.site-moto li:before{content: ""; width: 4px; height: 4px; border-radius: 100%; background-color: #ffffff; position: absolute; display: block; left: -11px; top: 50%; transform: translateY(-50%);}
.site-moto li:first-child:before{content: none;}
#banner{height: 80vh; width: 100%; margin: 0 auto;}
#banner-background{filter: brightness(0.7);}
.intro-text {top: 50%; position: relative; text-align: center; transform: translateY(-50%); }
.intro h1 {font-size: 70px; margin-top: 0;margin-bottom: 0;letter-spacing: 2px; font-family: sans-serif, helvetica;}
.intro span {font-weight: 600;}
.intro #intro-sub { font-size: 24px; font-weight: 300;  margin-top: 10px; margin-bottom: 20px;}
.intro .site-moto{font-size: 1.3em;}

.about{ font-size: 1.2em; letter-spacing: 1px; line-height: 1.6em; }
#home-about{padding: 100px 10px 50px;font-size: 1.3em; width: 70%; line-height: 1.3em;}
#home-about i{font-size: 0.6em; color: #917941; vertical-align: text-top; }
#home-about i:last-child{vertical-align: text-bottom;}
#home-quote{font-family: 'Liana', sans-serif; font-size: 28px; line-height: 1.1em; position: relative;}
#home-quote:before, #home-quote:after{content: ""; display: block; width: 120px; height: 1px; position: absolute; background-color: #917941;}
#home-quote:before{top: -30px; left: -50px;}
#home-quote:after{bottom: -30px; right: -50px;}
.autograph{font-size: 1.1em; width: 75%; font-weight: 500; font-family: 'Liana', sans-serif;}
#about-autograph{ font-size: 1.6em;}
.fa-quote-right{vertical-align: bottom;}
.about-text{font-size: 1.2em; text-align: justify;}
#signature{width: 400px; float: right; transform: rotate(-5deg) translate(-50px, -40px);}

#carousel-home-container{transition: 1s;}
#carousel-home .basic{width: 50%; transition: none; margin: 0 -1.4px;}
#carousel-home .basic .column-6{width: 100%;}

/* home testimonial */
#testimonials-home{padding-top: 100px;}
#testimonials-wrapper{width: 100%; overflow-x: hidden;}
#testimonials{white-space: nowrap; transition: 1s ease; left: 0; font-size: 0;}
.testimonial-item{width: 100%; display: inline-block; box-sizing: border-box; padding: 15px; vertical-align: top; font-size: initial; position: relative;}
.testimonial .frame-top{width: 250px; top: 20px; height: 1px; left: 10px;}
.testimonial .frame-left{width: 1px; top: 10px; height: 80%; left: 20px;}
.testimonial, .blog-preview-type-blog{border: 15px solid #9aa489; top: 0; padding: 40px 60px; width: 100%; white-space: normal;}
.blog-preview-type-blog{width: calc(50% - 20px); position: relative; box-sizing: border-box;}
.blog-preview-type-blog:before{content: ""; position: absolute; display: block; width: 250px; top: 20px; height: 1px; left: 10px; background-color: #917941;}
.blog-preview-type-blog:after{content: ""; position: absolute; display: block;  width: 1px; top: 10px; height: 80%; left: 20px; background-color: #917941;}
/*
.testimonial:hover{background-color: #000000; color: #ffffff; top: -10px;}
.testimonial:hover .testimonial-text{color: #ffffff;}
*/
.testimonial-image .image{width: 100px; height: 100px; border-radius: 100%; overflow: hidden; margin: 0 auto;}
.testimonial-content h3{font-size: 32px;}
.testimonial-text{font-size: 1.5em; line-height: 1.5em; color: #555555;}
.testimonial-rating{margin-top: 20px;}
.testimonial-rating i{font-size: 1.6em; margin: 0 1px; color: #dfcea7;}
#avatar{width: 400px;}
#avatar .File{height: 200px;}

#quest-section{padding: 50px 0;}
.quest{padding: 0; margin: 30px 0 0;}
.quest li{display: inline-block;}
.quest li.block{display: block;}
.quest-number{font-size: 1.5em; padding-left: 5px; color: #555555;}
.quest .quest-item{width: 80px; box-shadow: 0 0 7px 3px #dddddd; height: 60px; padding-top: 20px; background-color: #dfcea7; cursor: pointer; border-radius: 100%; margin: 15px; font-size: 1.2em;}
.quest .quest-item:hover{background-color: #9aa489; color: #ffffff; transition: 0.3s;}
.quest-file{height: 38px; width: 33px;}
.quest .quest-result{font-size: 3em; top: 10px; left: 100%;}
#quest h2{margin: 0;}

/* ESTATE */
#estates{margin-top: 2px;}
.state-coming-soon{ width: 100%; height: 90%; top: 5%;}
.state-coming-soon .background{filter: blur(12px);}
.state-coming-soon h3{position: relative;}
.state-coming-soon h3 .cooming-text{background-color: #ffffff;display: inline-block; width: 100%; position: relative; padding: 20px 0; letter-spacing: 1px; font-size: 1em; font-weight: 500;}
.state-coming-soon h3 .cooming-text:before{position: absolute; content: ""; width: 100%; height: 100%; padding: 2px; border: 3px solid #ffffff; left: -5px; top: -5px;}
.state-reserve, .state-sold, .state-new{top: -10px; right: 6%; transform: rotate(4deg); width: 125px; height: 107px;}
.estate-preview .state-reserve,.estate-preview .state-sold,.estate-preview .state-new{top: 0;}
.state-reserve .cooming-text, .state-sold .cooming-text, .state-new .cooming-text{top: 40px; color: #ffffff; font-size: 15px; top: 28px;}
.state-sold-en .cooming-text{font-size: 24px;}
.state-new .cooming-text{font-size: 24px;}
.estate-preview .state-new{top: 5px;}

.estate-listing{display: grid; grid-template-columns: auto auto;}
.estate-border, .estate-attributes, .blog-preview-type-news{background-color: #f4f4f4; color: #555555; box-shadow: 0 0 7px 3px #dddddd;}
.estate-preview .preview-icon i{font-size: 20px; line-height: 38px; margin-right: 5px; /* height: 30px; line-height: 30px; border: 3px solid; border-radius: 100%; padding: 10px; */}
.estate-preview .estate-title{margin: 10px 0 0; font-size: 1.2em; display: inline-block;}
.estate-preview .estate-option i{width: 30px;}
.estate-preview .estate-content{padding: 0 20px;}
.estate-preview .estate-file{height: 350px; padding: 20px 0; overflow: hidden;}
.estate-preview .state-coming-soon{height: 80%; top: 10%;}

.estate-title{margin: 0; font-family: 'Cormorant Infant', serif;}
.estate-title:last-child{font-family: sans-serif, serif;}
.estate-title{font-size: 1.4em; margin-top: 5px;}
.estate-attribute{border-bottom: 1px solid #9aa489; font-size: 1.1em;}
.estate-attribute i{width: 10%;}
.estate-attribute:last-child{border: none;}
.estate-text{font-size: 1.2em;}
.video-button{padding: 6px 15px 4px; margin-right: 10px; vertical-align: top; font-size: 24px; font-weight: bold;}
.location-pin{font-size: 1.9em;}
.estate-location i{font-size: 3.2em; transition: 0.3s;}
.estate-location:hover i{color: #917941; }
.estate-location .location-text{margin: 0 10px; font-weight: 500; vertical-align: top; font-size: 1em;}
.home-image{top: 60px; left: 20px; font-size: 1.4em;}
.attribute-show{right: 0; top: 0;}
.location-pin:hover i{font-size: 1.2em; transition: 0.5s; color: #917941;}

#view-all-items{line-height: 26px; font-size: 20px; vertical-align: middle; padding-bottom: 0;}
#view-all-items:after{content: ""; display: block; width: 100%; height: 1px; background-color: #917941; transition: 0.5s width;}
#view-all-items:hover:after{ width: 0;}
.carousel{height: 90vh;}

.splide .changer-item{bottom: 0; height: 40px; width: 40px; top: unset; display: inline-block; vertical-align: middle;}
.splide .changer-item:first-child{transform: rotate(180deg);}
.splide .splide__pagination{display: inline-block; width: auto; vertical-align: middle; max-width: 70%; margin: 0 20px;}
.splide__pagination .splide__pagination__page{height: 10px; width: 40px; border-radius: 0; margin: 0 3px; background-color: #dfcea7;}
.splide__pagination .splide__pagination__page.is-active{background-color: #917941;}

#carousel-home{padding-bottom: 50px;}
#carousel-home .changer-item{position: absolute; top: 50%;  right: -50px; transform: translateY(-50%);}
#carousel-home .changer-item:first-child{left: -50px; transform: translateY(-50%) rotate(180deg);}

#carousel-estate .changer-item{position: absolute; top: 50%;  right: 5%; transform: translateY(-50%);}
#carousel-estate .changer-item:first-child{left: 5%; transform: translateY(-50%) rotate(180deg);}

.contact .entry:hover{font-size: 1.4em; transition: 0.5s;}
.contact .entry:hover i{color: #917941;}
#footer{clear: both; padding-top: 30px;}
#footer .frame{border-top: 1px solid #aaaaaa; padding: 50px 0;}
#footer .menu .top-menu .menu-item{text-transform: uppercase; letter-spacing: 1px; font-size: 24px; line-height: 40px;}
#footer .menu-content{padding: 0;}
.contact .entry{margin: 0 0 15px; font-size: 1em; font-weight: 500;}
.contact .entry i, #hamburger-menu-content .entry i{margin-right: 10px; color: #dfcea7; width: 18px; text-align: center;}
#footer #socials i{font-size: 1.7em; margin: 0 3px; color: #dfcea7; vertical-align: top;}
#footer #socials a:hover i{font-size: 2.4em; transition: 0.5s;color: #917941;}
.credit-system{  text-transform: uppercase; font-size: 0.8em;font-weight: 500;}
#messenger{position: fixed; bottom: 30px; right: 30px; font-size: 1.6em; animation: messenger infinite 4s ease;}
#footer #socials #messenger i{color: #917941;} 
@keyframes messenger{0%{font-size: 1.6em;} 25%{font-size: 1.9em;} 50%{font-size: 1.6em;}}
#messenger.active{opacity: 1; pointer-events: initial;}
#sell-button{font-size: 1em; box-shadow: 0 0 4px #bbb;}
.sell-property{background-color: #ffffff; margin-top: 50px;}
.sell-property h2{margin: 0; padding: 20px;}
.sell-radio{font-size: 1.4em;}
.sell-radio input[type="radio"]{width: 20px; height: 20px; margin-left: 5px; margin-right: 5px;}
.sell-property{width: 515px;}
#sell-form input{padding: 5px 10px; font-size: 18px; font-family: 'Cormorant Infant', serif;}
#sell-form input[type='text']{margin: 5px auto; display: block; border-radius: 7px;}
#sell-form button{margin: 15px 5px;}
#socials{margin-top: 7px;}
.mobile{display: none;}

.copywrite-wrapper .Text:empty::before{content: "Empty text"; color: #777777;}
.copywrite h3{padding-left: 30px;}
.copywrite-text{display: block; padding-left: 100px;}
#copywrite-link{color: red;}
.layout-blog-home, .layout-blog-item{font-size: 1.2em;}
.layout-blog-home > a{align-items: stretch;}
#hamburger-menu{display: none;}
.mobile-menus{display: none;}

.hamburger-menu-active{overflow: hidden;}
#hamburger-menu-content{position: fixed; left: -100%; overflow: auto; width: 100%; top: 46px; height: calc(100% - 46px); transition: 0.5s; background-color: #fff; z-index: 4;}
.hamburger-menu-active #hamburger-menu-content{left: 0;}
#header #hamburger-menu-content .menu .top-menu .menu-item{width: 100%; font-size: 24px; overflow: hidden;}
#header #hamburger-menu-content .menu .top-menu .menu-item a{margin: 10px auto; transform: translateY(100%); transition: 0.5s; transition-delay: 0.3s;}
.hamburger-menu-active #header #hamburger-menu-content .menu .top-menu .menu-item a{transform: translateY(0);}
#header #hamburger-menu-content .menu .top-menu{gap: 0;}
#hamburger-menu-content .contact{overflow: hidden;}
#hamburger-menu-content .contact .entry{transform: translateX(-120%); transition: 0.5s; transition-delay: 0.5s;}
#hamburger-menu-content .contact #email-entry{transition-delay: 0.7s;}
#hamburger-menu-content .contact #address-entry{transition-delay: 0.9s;}
.hamburger-menu-active #hamburger-menu-content .entry{transform: translateX(0%);}
.blog-created{text-align: right;}

.layout-blog-home .pagination-sum, .layout-blog-home .pagination-pp{display: none;}
.blog-preview-type-blog{border-width: 6px;}
.hamburger-close-x{height: 18px; width: 18px;}
.video-open-button{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 130px;}
#header #logo{transform: translate(0, -8px);}
#footer-separator{width: 80px; border-top: 1px solid #aaaaaa; margin: 18px auto;}

@media (max-width: 1280px){
    .frame{width: 100%;}
    #messenger{bottom: 20px; right: 20px; font-size: 1.4em;}
}

@media (max-width: 1080px){
    .mobile{display: block;}
    #header .column-2{width: 20%; float: left;}
    #header .column-8{width: 60%; float: left;}
    /*#header .header-logger{width: 15%;}*/
    #logo{padding: 0 10px;}
    #home-quote{width: 90%;}
    #testimonials-pages{display: none;}
    #footer .column-6{width: 50%; float: left; padding: 0 30px 0 0 ;}
    #footer .contact{padding: 0 0 0 30px;}
    #carousel-mobile{height: auto; padding-bottom: 40px;}
    .quest-item .column-5{width: 41.6666666667%; float: left;}
    .quest-item .column-7{width: 33px; float: left;}
    .estate-item .estate-title{width: 70%; float: left;}
    .estate-item .estate-actions{width: 30%; float: left;}
    .estate-actions i{margin: 0 5px;}
    .sell-radio{float: left; width: 37%;}
    .sell-radio:nth-child(2){width: 26%;}
    .sell-radio input[type="radio"]{margin: 0 10px;}
    #home-about{width: 100%;}
    .button:hover{font-size: 1em!important; background-color: #dfcea7;;}
    .estate-location:hover i{color: #dfcea7; }
    .location-pin:hover i{font-size: 1em; color: #dfcea7; transition: none;}
    .contact .entry:hover{font-size: 1em; transition: none;}
    .contact .entry:hover i{color: #dfcea7;}
    #footer #socials a:hover i{font-size: 1.4em; transition: none;color: #dfcea7;}
    .state-reserve, .state-sold, .state-new{width: 140px; height: 121px;}
    .state-new .cooming-text{font-size: 28px;}
    .state-reserve .cooming-text, .state-sold .cooming-text, .state-new .cooming-text{font-size: 18px;}
    
    #carousel-home .changer-item{right: 0; left: 0; bottom: 0; top: unset; position: relative; transform: none;}
    #carousel-home .changer-item:first-child{left: 0; transform:rotate(180deg);}
    .blog-preview-type-blog > a{width: calc(50% - 20px);}
    #news-home .blog-preview-type-news{height: 100%;}
    #header .menu .top-menu .menu-item a{font-size: 0.9em; margin: 0 10px;}
    
    .blog-preview-type-news .blog-info{width: 75%;}
    .video-open-button{font-size: 90px;}
    #home-quote:before{left: -20px;}
    #home-quote:after{right: -20px;}
}

@media (max-width: 768px){
    #header .menu .top-menu .menu-item a{font-size: 1em;}
    #header .menu .top-menu .menu-item a{margin: 0 5px;}
    
    #header .column-8{width: calc(100% - 104px); float: left;}
    #header #logo{height: 80px; width: 120px; padding: 0 0 0 15px;}
    #header .header-language{width: auto; position: absolute; padding: 0; right: 10px; top: 14px; text-align: right; font-size: 0.9em; color: #000000;}
    #header .menu-content{padding: 0;}
    
    .intro h1{font-size: 58px;}
    .autograph{width: 90%; font-size: 0.9em;}
    
    .estate-preview .estate-file{height: 250px;}
    #sell-button{font-size: 0.8em;}
    .estate-listing{display: block;}
    .estate-title{ font-size: 1.2em;}
    .estate-item .estate-title{width: 60%;}
    .estate-item .estate-actions{width: 40%;}
    .video-button{padding: 6px 5px 4px; margin-right: 3px;}
    .carousel{height: 350px;}
    .changer-item{width: 25px;}
    .estate-video .video-frame{width: 100%;}
    .estate-video .close-video{top: 30px; right: 30px; width: 40px; height: 40px;}
    .sell-property{width: 100%; margin-top: 0;}
    #header-slogan{font-size: 1em;}
    .credit-system{margin-top: 30px;}
    .state-reserve, .state-sold, .state-new{width: 114px; height: 96px;}
    .state-new .cooming-text{    font-size: 22px; top: 25px;}
    .state-reserve .cooming-text, .state-sold .cooming-text, .state-new .cooming-text {font-size: 15px;top: 24px;}
    .blog-preview-type-blog > a{width: 100%; display: flex;}
    
    .desktop-menu{display: none;}
    .mobile-menus{display: block;}
    #hamburger-menu{display: flex; flex-direction: column; gap: 6px; position: absolute; top: 0px; left: 15px; padding: 0;}
    #hamburger-menu li{width: 25px; height: 1px; background-color: #000; list-style: none;}
    #header .top-menu{display: flex; flex-wrap: wrap; justify-content:center; gap: 20px;}
    #header .top-menu li{width: auto;}
    #header .menu .top-menu .menu-item a{margin: 5px 0; width: fit-content;}
    .blog-preview-type-blog, .testimonial{width: 100%; padding: 30px 20px 10px 40px;}
    .testimonial-image{position: absolute; left: 30px; top: 30px;}
    .testimonial-image .image{height: 50px; width: 50px;}
    .testimonial-content h3{margin: 15px 0; font-size: 26px; padding-left: 20px;}
    .testimonial-text{font-size: 1.2em; line-height: 1.1em;}
    .video-open-button{font-size: 36px;}
    #main-menu{padding: 3px 0 0;}
    #home-quote{font-size: 25px;}
}

@media (max-width: 550px){
    .state-reserve, .state-sold, .state-new {width: 90px;height: 78px;}
    .state-new .cooming-text{    font-size: 18px; top: 20px;}
    .state-reserve .cooming-text, .state-sold .cooming-text, .state-new .cooming-text{font-size: 12px;top: 20px;}    
}

@media (max-width: 480px){
    .estate-preview{padding: 10px;}
    .estate-preview .estate-file{height: 220px;}
    .estate-preview .estate-title{font-size: 1em;}
    .about-text .column-6{padding: 30px;}
    #signature{margin: 0 auto; float: none; transform: rotate(-5deg) translate(0, -40px); width: 100%;}
    #footer .column-6{padding: 0 5px;}
    #footer #socials i{font-size: 1.5em;}
    .estate-item .padding-40{padding: 20px;}
    .estate-item .estate-title{width: 100%; padding: 10px 20px 0;}
    .estate-item .estate-actions{width: 100%; text-align: center;}
    .carousel{height: 300px;}
    .changer-item{width: 20px; right: 15px;}
    .changer-item.before{left: 15px;}
    .sell-radio input[type="radio"]{margin: 0 3px;}
    #header .menu .top-menu .menu-item{letter-spacing: 0;}
}

@media (max-width: 420px){
    #header .menu .top-menu .menu-item a, #header a{font-size: 1em;}
    
    .state-coming-soon h2 .cooming-text{padding: 15px 0;}
    .contact .entry{font-size: 0.8em;}
    .credit-system{font-size: 0.6em;}
    #sell-button{font-size: 0.7em;}
    .state-coming-soon h3{font-size: 24px;}
}

@media (max-width: 360px){
    #header .menu .top-menu .menu-item a, #header a{font-size: 0.9em;}
    #header .menu .top-menu .menu-item a{    margin: 0 1px;}
}