html , body { width: 100%; box-sizing: border-box; }
html { scroll-behavior: smooth;}


body { font-size: 16px; position: relative;  }
body { margin: 0; padding: 0; text-align: center; line-height: 23px; }
body, td , input , select, textarea , button { font-family: var(--ft1), sans-serif; font-weight: 300; color: var(--cl-text); }

div, span, a , i , b , input , textarea , button , select , table, td { box-sizing: border-box; touch-action: manipulation; outline: none; color: var(--cl-text); }

:root { 
 --cl-text: #2f2f2f;
  
	--cl: #3a9e5f;
 --cl-hover: #256f40;
 
 --cl2: #faf5ed;
  

 --fancybox-accent-color: var(--cl);
 --cl-f: #FFFFFF;
 --cl-b: #000000;
 --cl-red: #d6221f;
 --cl-gray: #646464;
 
	--ft1: 'Kanit', sans-serif;
	--ft2: 'Kanit', sans-serif;

 --carousel-button-color: #D0D0D0; 

}



a { color: var(--cl); text-decoration: none; }
a:hover  {  color: var(--cl-hover); text-decoration: none; }
a img { border-width: 0; border-style: none; }
td { vertical-align: top; }
form { margin: 0; }
input { -webkit-border-radius:0; border-radius:0; }
input::-ms-clear { display: none; }
.button { -webkit-appearance: none; }
textarea { resize: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }
.clear-after::after { content: ""; clear: both; display: table; }
.clear-before::before { content: ""; clear: both; display: table; }

.color1 { color: var(--cl); }

.form_mandatory_alert { background-color: #FFE0E0 !important; }

.dib { font-size:0; }
.dib > * { font-size: 1rem; vertical-align: middle; display: inline-block; }

/* ============================================================================================================================================================================== */
h1  { display: none; }
.news-di { display: none; } /* SEO news DO NOT TOUTCH ! */ 
 
.thin { font-weight: 300; }
.light { font-weight: 400; }
.normal { font-weight: 500; }
.bold { font-weight: 600; }
.heavy { font-weight: 700; }

.image-break { clear: both; display: table; }
.kiemelt { padding-left: 2rem; border-left: 2px solid var(--cl); font-size: 1.375rem; font-style: italic; font-weight: 400; line-height: 2rem; color: #000; }

.fast { animation-duration: 1s !important; }
.ufast { animation-duration: 0.6s !important; }
.floadspin { display: none; }
.floadspin i { font-size: 2rem; color: var(--cl); }
.floadspin u { text-decoration: none; font-weight: 100; font-size: 1.25rem; color: var(--cl-hover); }

.color { color: var(--cl2); } 

#subject , .subject { display: none; } /* honey pot */
.lowercase { text-transform: lowercase !important; }
.tzoom , .tzoom2 { transition: transform 0.25s ease-in-out; }
.tzoom:hover { transform: scale(1.04); display: block; }
.tzoom2:hover { transform: scale(1.14); display: block; }

.button { display: inline-block; cursor: pointer; transition: background-color 0.14s ease-in; -webkit-transition: background-color 0.14s ease-in; cursor: pointer; border-color: transparent; border-width: 2px; border-style: solid; }
.button:hover { text-decoration: none !important; }
.button_color { background: var(--cl); color: var(--cl-f);   }
.button_color:hover { background: var(--cl-hover); color: var(--cl-f); }
.button_colorl { background: var(--cl2); color: var(--cl);  }
.button_colorl:hover { background: var(--cl-hover); color: var(--cl-f); }
.button_white { background: #FFFFFF; color: var(--cl); border-color: var(--cl2);  }
.button_white:hover { background: var(--cl2); color: var(--cl);  }
.button_red { background: #FFE4E3; color: #FF0000;   }
.button_red:hover { background: #e3a9a7; color: #FF0000;  }
.button.sym_left i { margin-right: 5px; }

img.image-max  { border-radius: 1rem; width: 100%; height: auto !important; box-sizing: border-box; }
img.image-max.image-border { margin: 0 !important; }	

.atsubst { color: #858585; }

.image-left { float: left; margin: 1rem 1rem 1rem 0; border-radius: 1rem; max-width: 55%; height: auto; }
.image-right { float: right; margin: 10px 0 10px 10px; border-radius: 1rem; max-width: 55%; height: auto; }
.image-border { margin: 10px; border: 5px solid #c0c0c0; }
.description img , .description_textimage img , .news-descr img { max-width: 100%; height: auto; }
.description img.image-max  { border-radius: 1rem; height: auto !important; box-sizing: border-box; }
.description img.image-max.image-border { margin: 0 !important; }
.description_textimage { font-size: 0.875rem; min-height: 300px; }
.description_textimage img.image-max { border-radius: 1rem; width: 100% !important; height: auto !important; box-sizing: border-box; }
.description_textimage ul , .news-descr ul { margin-left: 0; list-style: none  }
.description_textimage ul li , .news-descr ul li { padding-left: 0; position: relative;  }
.description_textimage ul li:before , .news-descr ul li:before { content: "•"; font-size: 22px;  color: var(--cl); display: block; position: absolute; left: -22px; top:0; }	
	
.details { background: var(--cl); color: #FFFFFF; transition: all 0.2s; text-decoration: none !important; font-size: 1rem; font-weight: 400; padding: 9px 11px 9px 11px; border-radius: 8px !important; display: inline-block;  }
.details:hover { color: #FFFFFF; background: #000000; }
.details2 { background: var(--cl2); color: var(--cl); text-decoration: none !important; font-size: 1rem; font-weight: 400; padding: 9px 11px 9px 11px; border-radius: 8px !important; display: inline-block;  }
.details2:hover { background: var(--cl); color: #FFFFFF; }

.download-document { color: #5EB146; text-decoration: none; font-weight: bold; line-height: 1.125rem; display: block; margin-left: 34px; position: relative; }
.download-document::before { position: absolute; z-index: 5; display: block; content:url('img/dok.svg'); width: 28px; height: 28px; top: 50%; transform: translateY(-50%); left: -34px; }

#wssup { position: fixed; bottom: 10%; right: 0.4%; z-index: 500;  }
#wssup a { display: block;  }
#wssup a img { width: 60px; height: auto; display: block;  }

.view-person { color: #5EB146; text-decoration: none; font-weight: bold; line-height: 1.125rem; display: block; margin-left: 34px; position: relative; }
.view-person::before { position: absolute; z-index: 5; display: block; content:url('img/person.svg'); width: 28px; height: 28px; top: 50%; transform: translateY(-50%); left: -34px; }

.link-arrow { color: #5EB146; text-decoration: none; font-weight: bold; line-height: 1.125rem; display: block; margin-left: 34px; position: relative; }
.link-arrow::before { position: absolute; z-index: 5; display: block; content:url('img/link-arrow.svg'); width: 28px; height: 28px; top: 50%; transform: translateY(-50%); left: -34px; }

.big { font-size: 1.375rem; }
p.kiemelt { padding-left: 1.25rem; border-left: 2px solid var(--cl); }	
	
	
/* dialog */
.malert-main { position: fixed; display: none; cursor: default; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; background-color: rgba(0,0,0,0.5); z-index: 999990; }
.malert-dialog-box { cursor: default; position: fixed; border-radius: 1rem; overflow: hidden; box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); background-color: #ffffff; transform: translate(-50%,-50%); top: -500px; left: 50%; width: 96%; height: 96%; max-width: 480px; max-height: 320px; min-width: 180px; min-height: 100px; }
.malert-type-info .malert-dialog-box-title { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-title { background-color: #9f5555; }
.malert-dialog-box-close { position: absolute; display: block; transition: background-color 0.14s; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); width: 24px; height: 24px; line-height: 22px; right: 9px; top: 15px;  text-align: center; cursor: pointer; background-color: #FFFFFF; border-radius: 20px;  }
.malert-dialog-box-close i { font-size: 0.85rem;  }
.malert-dialog-box-close:hover { background-color: #FF5555; color: #FFFFFF;  }
.malert-dialog-box-title { font-size: 1.325rem; padding: 1rem; color: #FFFFFF; font-weight: 200; font-family: var(--ft2); }
.malert-dialog-box-content { font-size: 1.1rem; padding: 3rem 2rem 0 2rem ; color: #333333; font-weight: 300; line-height: 1.125rem; }
.malert-dialog-box-buttons { position: absolute;  left: 10px; right: 10px; bottom: 10px; padding: 1rem 0; }
.malert-dialog-box-buttons a { padding: 9px 31px 8px 31px; margin: 0 1rem;  border-radius: 9px; color: var(--cl-f); font-size: 0.92rem; transition: background-color 0.14s; }
.malert-type-info .malert-dialog-box-buttons a { background-color: var(--cl);  }
.malert-type-info .malert-dialog-box-buttons a:hover { background-color: var(--cl); }
.malert-type-warn .malert-dialog-box-buttons a { background-color: #9f5555; }
.malert-type-warn .malert-dialog-box-buttons a:hover { background-color: #d15555; }
 	
#toTop { width: 37px;	height: 37px; background-color: var(--cl); text-align: center; transition: opacity 0.25s;  opacity: 0.8; border-radius: 25px; line-height: 36px; font-size: 1.2em;  position: fixed; bottom: 20px;	cursor: pointer; right: 12px; display: none; z-index: 999; }
#toTop i { color: var(--cl-f); }
#toTop:hover { opacity: 1; }

#videowin { position: fixed; display: none; z-index: 99990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: #000000; }
#videowin .a { position: fixed; z-index: 99994; top: 5%; left: 0; right: 0; bottom: 5%; width: 100%;  overflow: hidden; }
#videowin .b { position: fixed; z-index: 99997; top: 2%; right: 2%; }
#videowin .b i.fa-times { font-size: 2rem; color: #FFFFFF }
#videowin .b i.fa-times:hover {  color: var(--cl); }
#fullVideoHTMLLoader { position: fixed; z-index: 99998; width: 160px; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; } 

.description_textimage table { display: block !important; margin-top: 1rem; } 
.description_textimage table { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; }
.description_textimage table { overflow: auto;  }
.description_textimage table td { vertical-align: middle; text-align: center; border: 1px solid var(--cl); min-width: 220px;  padding: 1.25rem 1rem; font-size: 0.875rem;}
.description_textimage table tr:first-child { background-color: var(--cl2); }
.description_textimage table tr:first-child td { font-weight: 700; font-size: 1.125rem; }
 
#articswipe { padding-top: 93px; padding-bottom: 50px;  }
.swartic-item { position: relative; display: block; aspect-ratio: 0.645; margin-bottom: 4.5rem;   }
.swartic-item .a { display: block; aspect-ratio: 0.77; border-radius: 60px; border: 4px solid var(--cl); overflow: hidden; }
.swartic-item .a img { display: block; width: 100%; height: 100%; object-fit: cover;  }
.swartic-item .b { width: 90%; margin: 1.75rem auto 1rem auto; font-weight: 600; font-size: 1.125rem; line-height: 1.35rem; }
.swartic-item .c { width: 90%; margin: auto; font-weight: 300; font-size: 1.125rem; font-style: italic; color: var(--cl); }

#bannerswipe  .swiper-pagination , #stiriswipe .swiper-pagination , #articswipe  .swiper-pagination {    }
#bannerswipe  .swiper-pagination-bullet , #stiriswipe .swiper-pagination-bullet , #articswipe .swiper-pagination-bullet { background-color: #d3def4; opacity: 1;  width: 12px; height: 12px; margin: 0 4px; transition: all 0.5s; }
#bannerswipe  .swiper-pagination-bullet:hover , #stiriswipe .swiper-pagination-bullet:hover , #articswipe .swiper-pagination-bullet:hover { background-color: var(--cl); opacity: 1; }
#bannerswipe  .swiper-pagination-bullet-active , #stiriswipe .swiper-pagination-bullet-active , #articswipe .swiper-pagination-bullet-active { background-color: var(--cl); opacity: 1; width: 30px; border-radius: 9px; }




@media all and (min-width: 1180px) {

strong { font-weight: 500; }

.button_max { font-size: 1.375rem; font-weight: 500; padding: 17px 50px 17px 50px; border-radius: 20px !important; }
.button_mid { font-size: 1rem; font-weight: 400; padding: 9px 11px 9px 11px; border-radius: 12px !important; }
.button_min { font-size: 0.9rem; font-weight: 300; padding: 4px 11px 4px 11px; border-radius: 12px !important;  }

.ajax_window_outer { border-radius: 6px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.15); background: #bdbdbd; background: rgba(255,255,255,0.15); }
.ajax_window_inner { border-radius: 5px; background: #fafafa; margin: 6px; float: left;    }
.ajax_window_content { text-align: left; padding: 30px; clear: both; float: none;}
#fadclose {  position: absolute; right: 0px; top:0px; width: 46px; height: 46px;    }
#fadclose i { color:#e17070; transition: color 0.12s; font-size: 24px; margin-top: 10px; display: inline-block;}
#fadclose:hover i { color:#c43d3d;   }

.mobile_only { display: none !important; }

#admin_insert_link , #admin_insert_link1 { position: fixed; right: -4px; width: 40px; height: 42px; text-align: center; line-height: 40px; z-index: 10000; display: block; border-radius: 12px 0 0 12px; background-color: #d6221f; box-shadow: 0 0 3px 1px rgba(0,0,0,0.8);}
#admin_insert_link:hover , #admin_insert_link1:hover {  background-color: #d6221f; }
#admin_insert_link { top: 210px; }
#admin_insert_link1 { top: 160px; }
#admin_insert_link i , #admin_insert_link1 i { transition: color 0.15s; }
#admin_insert_link:hover i.fa-images , #admin_insert_link1:hover i.fa-images { color: #FFF; }
#admin_insert_link:hover i.fa-pencil , #admin_insert_link1:hover i.fa-pencil { color: #FFF; }
#admin_insert_link:hover i.fa-list-ul , #admin_insert_link1:hover i.fa-list-ul { color: #FFF; }
#admin_insert_link i.fa-images , #admin_insert_link1 i.fa-images { font-size: 16px; line-height: 42px; display: block; margin: auto; color: #fff; }
#admin_insert_link i.fa-pencil , #admin_insert_link1 i.fa-pencil { font-size: 16px; line-height: 42px; display: block; margin: auto; color: #fff; }
#admin_insert_link i.fa-list-ul , #admin_insert_link1 i.fa-list-ul { font-size: 16px; line-height: 42px; display: block; margin: auto; color: #fff;}

.description   {  font-size: 1.250rem; font-weight: 200; color: var(--cl-text); line-height: 1.65rem; text-align: left;  }
.description a  {  color: var(--cl);  text-decoration: underline;  }
.description td { padding: 0.6rem 1rem; font-size: 1rem; font-weight: 400; color: #333; line-height: 1.3rem; text-align: left;   }
.description ul { margin-left: 10px; list-style: none  }
.description ul li { padding-left: 10px; position: relative;  }
.description ul li:before { content: "•"; font-size: 2rem;  color: var(--cl); display: block; position: absolute; left: -20px; top: -3px; }
.cim { font-size: 1.875rem; color: var(--cl); font-weight: 500; }

.content  { width: 92%; max-width: 1328px; margin: auto; }
.content2 { width: 92%; max-width: 1000px; margin: auto; }

#top { height: 266px; position: relative; background: #102416; background: linear-gradient(139deg,rgba(16, 36, 22, 1) 0%, rgba(28, 65, 42, 1) 33%, rgba(51, 137, 83, 1) 70%, rgba(48, 179, 96, 1) 100%); text-align: auto;  }
#top-c { margin: 0 auto; height: 266px; font-size: 0; width: 86%; max-width: 1610px; display: flex; align-items: center; } 
#top-c > * { display: inline-block; vertical-align: middle; }
#top-c .a { width: 73%; text-align: left; }
#top-c .a > * { vertical-align: middle; display: inline-block; }
#top-c .a a { width: 118px; }
#top-c .a a img { width: 100%; height: auto; }
#top-c .a span { width: 83%; font-size: 3.75rem; color: #FFFFFF; line-height: 4.3rem; padding-left: 3rem; font-weight: 500; }
#top-c .c { width: 27%; text-align: right; font-size: 1rem; color: #828282;  }
#top-c .c > div { display: inline-block; float: right; text-align: left; }
#top-c .c a { display: block; line-height: 2.25rem; }
#top-c .c a > * { display: inline-block; vertical-align: middle; }
#top-c .c a > i { margin-right: 1rem; width: 2rem;  text-align: center;}
#top-c .c a i {  font-size: 1.325rem; color: #FFFFFF;}
#top-c .c a span { color: #FFFFFF; font-size: 1.225rem;  }

#langs { position: absolute; right: 1rem; top: 1rem; }
#langs > a > * { pointer-events: none; }
#langs > a { display: inline-block; border-radius: 18px; padding: 0.5rem 1rem;  }
#langs a > * { display: inline-block; vertical-align: middle;  }
#langs > a span { display: none; }
#langs > a img { width: 32px; height: 32px; }

#langs_choise { display: none;  position: absolute; z-index: 5; right: 3px; top: 100%; background-color: var(--cl2); border-radius: 18px;   }
#langs_choise > a { display: block; transition: all 0.4s; border-radius: 18px; margin: 0rem 0; padding: 0.3rem 1.3rem; white-space: nowrap; }
#langs_choise > a:hover { background-color: var(--cl2-hover); }
#langs_choise > a span { font-weight: 600; color: var(--cl-text); margin-right: 0.75rem; font-size: 1.05rem; text-transform: uppercase; }
#langs_choise > a img { width: 22px; height: 22px; }
 

#bmenu { text-align: right; margin-top: 34px; font-size: 1rem; color: #828282; font-weight: 200; } 
#bmenu a {  margin-left: 40px; color: #828282; font-weight: 200; } 
#bmenu a:hover { text-decoration: underline; color: var(--cl); } 
#btz { text-align: right; }
#btz img { width: 60px; padding-top: 20px; height: auto; }

 

#filter_btn { text-align: right; padding: 2rem 0; }
#filter_btn > * { vertical-align: middle; display: inline-block; }
#filter_btn i { font-size: 1.5rem; color: var(--cl); }
#filter_btn span { font-size: 1.25rem; color: var(--cl-gray); margin-left: 0.5rem; }

#filter_main { display: grid; gap: 1rem; grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1.2fr 0.6fr; padding: 2rem 1rem; background: #fcfaf7; border-radius: 2rem; margin: 2rem 0; }
#filter_main > div { text-align: left; }
#filter_main > div > a { display: block; height: 40px; width: 100%; line-height: 49px; text-align: center; }
#filter_main > div > a:hover i { color: #7f2424; }
#filter_main > div > a i { transition: color 0.2s; font-size: 1.5rem; color: #d73839; margin-top: 5px; }
#filter_main > div > b { font-size: 1.1rem; font-weight: 400; display: block; margin-bottom: 0.5rem; margin-left: 0.1rem; }
#filter_main > div > span { display: block; border: 2px solid var(--cl); border-radius: 12px; height: 48px; background-color: #efefef; text-align: left; }
#filter_main > div > span > select { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 99%; padding: 10px 40px 10px 12px; font-size: 1.1rem; font-weight: 400; border: none; background: transparent url("img/chevron-down.svg") no-repeat right 12px center;  background-size: 1rem; }
#filter_main > div > span > input { width: 99%; padding: 10px 40px 10px 12px; font-size: 1.1rem; font-weight: 400; border: none; background: transparent; }
#filter_main > div > span > input::placeholder { font-size: 1.1rem; font-weight: 400; }
#filter_main > div > span > input.caut { background: transparent url("img/magnifying-glass.svg") no-repeat left 12px center; text-indent: 30px; background-size: 1rem; }

#grid { display: grid; gap: 7.24rem 2.54rem ; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }
.it { display: block; background-color: #fcfaf7; width: 100%; aspect-ratio: 0.69; border-radius: 46px; overflow: hidden; transition: all 0.2s; }
.it:hover { background-color: var(--cl2); }
.it-img { width: 100%; aspect-ratio: 1.21; border-radius: 46px; overflow: hidden; position: relative; }
.it-img.kiadva img { filter: grayscale(100%); }
.it-img #kiadva { display: none; }
.it-img.kiadva #kiadva { display: block !important; position: absolute; transform: rotate(45deg) translateY(-50%); transform-origin: top right; width: 70%; text-transform: uppercase; padding: 0.4rem 0; text-align: center; top: 50%; right: -10%; font-size: 1.75rem; color: #1d935d;  z-index: 10; font-weight: 500; background: rgba(255, 255, 255, 0.75); }
.it-img span { position: absolute;   bottom: 35px; right: 30px; }
.it-img span > * {  color: #FFFFFF; font-size: 1.5rem;   }
.it-img span i { margin-left: 7px;  }
.it-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.it-cont { text-align: left; padding: 1rem 1rem; }
.it-tit { margin-top: 1rem; font-size: 1.375rem; font-weight: 400;  }
.it-price { margin-top: 1rem; font-size: 1.8rem; font-weight: 500;  }
.it-price span { font-size: 1.1rem; font-weight: 300;  }
.it-props { margin-top: 0.65rem;  }
.it-props .area {  }
.it-props .area i { color: var(--cl); font-size: 1.5rem; transform: rotate(45deg); margin-left: 0.2rem; }
.it-props .area b { margin-left: 0.9rem; font-size: 1.125rem; font-weight: 300; }
.it-props .rooms { margin-left: 2.5rem; }
.it-props .rooms i { color: var(--cl); font-size: 1.5rem; }
.it-props .rooms b { margin-left: 0.9rem; font-size: 1.125rem; font-weight: 300; }
.it-loc { margin-top: 0.5rem; }
.it-loc i {  color: var(--cl); font-size: 1.7rem; }
.it-loc span {  margin-left: 0.55rem; }


#contact { background: var(--cl2); padding: 130px 0 120px 0; margin-top: 10rem; }
#contact_tit { font-size: 60px; font-weight: 600; padding-bottom: 3rem; }
#contact_boxes { text-align: center;  margin: 2rem auto 0rem auto; max-width: 1220px; display: grid; gap: 2.5rem; grid-template-columns: repeat(auto-fill, minmax(306px, 1fr)); }
#contact_boxes  a .cbxsym i {   transition: transform 0.15s ease-in-out;   }
#contact_boxes  a:hover .cbxsym i {  transform: scale(1.2); display: block;  }


.contact_box .cbxsym i { color: var(--cl); }
.contact_box .cbxsym { height: 50px; }
.contact_box .sboxtxt { color: var(--cl-text); font-weight: 500; margin-top: 30px; font-size: 1.5rem; width: 70%; margin-left: auto; margin-right: auto; line-height: 1.8rem; }
#contact_box_1 .cbxsym i { font-size: 48px; }
#contact_box_2 .cbxsym i { font-size: 38px; padding-top:5px; }
#contact_box_3 .cbxsym i { font-size: 46px; }
#c_vizit { text-align: center; font-size: 24px; margin-top: 50px; }
.form_mandatory_alert { background-color: #FFE0E0; }


#im-back { text-align: right; padding: 2rem; }
#im-back a i { color: var(--cl); font-size: 1.25rem; }
#im-back a:hover span { color: var(--cl);  }
#im-back a span { margin-left: 1rem; font-size: 1.25rem; color: #646464; }


#im-main { display: flex; align-items: stretch; }
#im-left { width: 70%; text-align: left; padding-right: 40px; }

#im-imgs { font-size: 0; }
#im-imgs > div { vertical-align: middle; display: inline-block; }

#im-prevs { width: 18%;  height: 100%; aspect-ratio: 0.262; text-align: left; padding-right: 40px; }
#im-prevs > div {  text-align: center; }
#im-prevs > div i { color: var(--cl); font-size: 2.3rem; text-align: center; }
#im-prevs-top { height: 5%; }
#im-prevs-bottom { height: 5%; }
#im-prevs-center { height: 90%; position: relative; overflow: hidden; }
#im-prevs-inside { position: absolute; top: 0; left: 0; right: 0; }
#im-prevs-center a { display: block; width: 100%; aspect-ratio: 1.2; overflow: hidden; border-radius: 1.4rem; margin-bottom: 13px;  }
#im-prevs-center a img { display: block; width: 100%; height: 100%; object-fit: cover;  }

#im-big { width: 82%; aspect-ratio: 1.2; }
#im-big a { width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 2rem;  }
#im-big a img { width: 100%; height: 100%; display: block; object-fit: cover; }

#im-descr { margin-top: 2rem; margin-right: 58px; padding: 1.5rem 2rem 2rem 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #7b7b7b; font-weight: 300; font-size: 1.125rem; line-height: 1.5rem; }
#im-descr span { display: block; font-weight: 400; font-size: 1.375rem; padding-bottom: 1rem;   }

.echip-title { display: block; font-weight: 400; font-size: 1.375rem; padding-bottom: 1rem;  padding: 1.5rem 2rem 0.2rem 0; }
#im-echip { display: grid; gap: 0rem 5rem; grid-template-columns: 1fr 1fr; margin-top: 1rem; margin-right: 58px; padding: 0rem 2rem 2rem 0;  color: #7b7b7b; font-weight: 300; font-size: 1.125rem; line-height: 1.5rem; }
.echipitem { font-size: 1.125rem; margin-bottom: 0.5rem;}
.echipitem i { font-size: 1.32rem; color: var(--cl); margin-right: 1rem; }


#im-tit { text-align: left; font-size: 2.625rem; font-weight: 600; margin-top: 4rem; }
#im-props { margin-top: 2rem;  }
#im-props .area {  }
#im-props .area i { color: var(--cl); font-size: 1.5rem; transform: rotate(45deg); margin-left: 0.2rem; }
#im-props .area b { margin-left: 0.9rem; font-size: 1.125rem; font-weight: 400; }
#im-props .rooms { margin-left: 2.5rem; }
#im-props .rooms i { color: var(--cl); font-size: 1.5rem; }
#im-props .rooms b { margin-left: 0.9rem; font-size: 1.125rem; font-weight: 400; }
#im-loc { margin-top: 0.5rem; }
#im-loc i {  color: var(--cl); font-size: 1.7rem; }
#im-loc a { color: var(--cl-text); text-decoration: underline; margin-left: 0.55rem; font-size: 1.125rem; font-weight: 400;}
#im-loc a:hover { color: var(--cl); text-decoration: underline; }
 

#im-right { width: 30%; }
#im-cont { position: sticky; top: 2rem; padding: 2.4rem 1.5rem; background: #fcfaf7; border-radius: 2rem; }
#im-price { text-align: left; font-weight: 500; font-size: 2.625rem; padding: 0.5rem 0 1.7rem 0.3rem;  }
#im-price span { text-align: left; font-weight: 400; font-size: 1.325rem; padding-left: 0.8rem;  }
#im-cbtn { margin: 1.4rem 0 0rem 0;  }
#im-cbtn a { width: 100%;  }
#im-contdata a { display: block; line-height: 2.25rem; text-align: left;  }
#im-contdata a > * { display: inline-block; vertical-align: middle; }
#im-contdata a i { margin-right: 1rem; width: 2rem; text-align: center; font-size: 1.325rem; }
#im-contdata a span {  font-size: 1.225rem;  }


/* ask window */
#fclose { float: right; line-height: 24px; color: #ffffff; transition: background-color 0.2s; text-align: center; margin: 7px 0 0 0; width: 24px; height: 24px; background-color: #c09680; border-radius: 4px; display: block; }
#fclose:hover { color: #ffffff;  background-color: #a66663;  }
#formcump {  font-size: 18px; color: #111; padding-top: 26px; text-align: left}
#ftrim-ok { display: none; font-size: 16px; color: #FFFFFF; line-height: 52px; height: 52px; text-align: center; background-color: #79b47b; clear: both; }
#fprod-left { width: 120px; margin: 0 45px 0 33px; height: 135px; float: left;  }
#fprod-right {  float: left; margin: 20px 0 0 0px; color: var(--cl); font-size: 16px; width: 340px;  }

.askform { text-align: left; margin: 20px 0 0 30px; display: block; }
.fpinp { transition: border-color, 0.2s; width: 300px; height: 31px; border: 1px solid #d6d6d6; border-radius: 5px; line-height: 39px; color: #4e4e4e; padding-left: 11px; font-size: 16px;  }
.fptxt { line-height: 17px; padding-top: 9px; transition: border-color, 0.2s; width: 420px; height: 90px; border: 1px solid #d6d6d6; border-radius: 5px;   color: #4e4e4e; padding-left: 11px; font-size: 16px;  }
.fplbl { text-align: left; font-size: 14px; color: #4e4e4e;  }
.fpsmb { padding: 12px 35px; background-color: #e0e2e1; color: #4e4e4e; border-style: none; cursor: pointer;  border-radius: 4px; transition: background-color 0.2s; font-size: 16px; }
.fpsmb:hover { background-color: #c7c7c7;color: #4e4e4e;  }
#askprl { width: 32px; height: 32px; display: none; }
.fpinp , .fptxt { margin-bottom: 1rem; }
.fpfocblu:focus { border-color: var(--cl2); }
.red_alert { background-color: #d9bcbd; }
/* */



















}




















 
 


:root  { 
  --swiper-scrollbar-border-radius: 19px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 6px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 2%;
  --swiper-scrollbar-bg-color: var(--cl-light-gray);
  --swiper-scrollbar-drag-bg-color: var(--cl);
  --swiper-scrollbar-size: 4px;
}
.swiper-scrollbar-drag::after { content: ''; position: absolute; display: block; top: -75%; left: 0; right: 0; bottom: 0; border-radius: var(--swiper-scrollbar-border-radius); border: 5px solid var(--cl); }	
.swiper-scrollbar-drag { cursor: grab; }	




.noselect , .noselect * {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}


::-moz-selection {  background-color: rgba(125, 161, 190, 0.2); }
::selection { background-color: rgba(125, 161, 190, 0.2); }