/* normal */

:root{
	--text_clr: #000000;
	--clr1: #32343a;
	--clr2: #ab6285;	
	--clr3: #c6b8a8;	
	--clr4: #d0c7c0;	
	
	--border_clr : #cccccc;
	--box_clr : #d0c7c0;
	--border_radius: 3px;
	--light_text: #ccc;
	--awesome100 : 100 100% "Font Awesome 6 Pro";
	--awesome300 : 300 100% "Font Awesome 6 Pro";
	--awesome400 : 400 100% "Font Awesome 6 Pro";
	--awesome900 : 900 100% "Font Awesome 6 Pro";
	--light_weight: 300;
	--normal_weight : 400;
	--medium_weight : 600;
	--bold_weight : 700;
	--black_weight : 900;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
html,
body {
	font-family: "inter", sans-serif;
	font-size: 18px;
	color: var(--text_clr);
	font-weight: var(--normal_weight);
	line-height:1.8;
	word-break: break-word;
	scroll-behavior:smooth;
	
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none; transition-duration:0.2s;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none; font:inherit}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}
button{cursor:pointer}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
font-weight: var(--bold_weight); }

h1, .h1{font-size:1.95rem; line-height:1.3; }
h2, .h2{font-size:1.35rem;}
h3, .h3{font-size:1.2rem;}
h4, .h4{font-size:1.1rem;}
h5, .h5{font-size:1.05rem;}
h6, .h6{font-size:1rem;}

p{margin-bottom:1em}


.maxw1{max-width:1440px; margin:0 auto; padding: 0px 20px}
.maxw2{max-width:1240px; margin:0 auto; padding: 0px 20px}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.grid{display:grid; gap: 35px;}
.grid.small_grid{display:grid; gap: 20px;}
.grid.cols2{grid-template-columns: repeat(2, 1fr);}
.grid.cols3{grid-template-columns: repeat(3, 1fr);}
.grid.cols4{grid-template-columns: repeat(4, 1fr);}
.grid.cols5{grid-template-columns: repeat(5, 1fr);}
.grid.cols6{grid-template-columns: repeat(6, 1fr);}

.grid .col2{grid-column:span 2}
.grid .col3{grid-column:span 3}
.grid .col4{grid-column:span 4}
.grid .col5{grid-column:span 5}
.grid .col6{grid-column:span 6}

.grid.align_top{align-items: start}
.grid.align_center{align-items: center}
.grid.align_bottom{align-items: end}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:flex; flex-wrap:wrap; gap:5px 10px; margin-top:3rem;}
.btn{display:inline-flex; gap:1rem; line-height:1; border:none}
.btn:hover{transform:translatey(-2px)}

.btn.n_btn{font-size:1.1rem; font-weight:var(--medium_weight); padding: 20px 30px 20px 30px ; border-radius:var(--border_radius)}

.btn.sqr_btn{display:inline-flex; align-items: center; justify-content: center; width:52px; height:52px; font-size:20px; position:relative; border-radius:var(--border_radius)}
.btn.sqr_btn span{position:absolute; bottom:5px; font-size:10px; width:100%; text-align:center; left:0}


.btn .icon_right{display:inline-block; margin-left:20px}

.btn.clr1_white{color:#fff; background:var(--clr1);}
.btn.clr2_white{color:#fff; background:var(--clr2);}
.btn.clr3_white{color:#fff; background:var(--clr3);}
.btn.clr4_clr1{color:var(--clr1); background:var(--clr4);}



.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid var(--border_clr); padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}
.content_container b, .content_container strong{font-weight:var(--bold_weight)}
.content_container a{color:var(--clr2); font-weight:var(--normal_weight)}

.content_container h1, .content_container .h1{color:var(--clr2)}

.page_title{margin-bottom:2rem}

.no_scroll{overflow:hidden;}

.mob_menu{position:fixed; right:0; top:0; z-index:999999; height:100dvh; width:0; overflow:hidden; transition-duration:0.2s; background:rgba(0,0,0,0.7) }
.mob_menu.active{width:100dvw}
.mob_menu .inner{background:var(--clr2);  color:#fff; height:100%; overflow:auto; position:absolute; right:0; font-weight: var(--normal_weight);   width:400px; max-width:100dvw; overflow-x:hidden;}
.mob_menu .menu_top{text-align:right; padding:10px 15px; font-size:20px; }
.mob_menu .menu_items{ position:relative;}
.mob_menu ul{list-style:none; margin: 0 auto; }
.mob_menu ul li{ border-bottom:1px solid var(--box_clr);}
.mob_menu ul li a{display:block;  position:relative; padding:10px 15px; padding-right:30px;}
.mob_menu ul li a:hover{background:var(--clr1); color:#fff;}
.mob_menu ul li a i.fa-angle-right{position:absolute; right:15px; line-height:inherit}
.mob_menu ul ul{position:absolute; width:100%;left:100%; height:100dvh; overflow-y:auto; top:0; transition-duration:0.2s; background:var(--clr1);  color:#fff; z-index:9}
.mob_menu ul ul.active{left:0;}
.mob_menu .submenu-title{display:flex; gap:20px; line-height:35px; padding:10px 15px;}
.mob_menu .submenu-title .title{font-weight:var(--bold_weight); border-left:1px solid var(--box_clr); padding-left:20px;}
.mob_menu .submenu-title .back i{display:inline-block; margin-right:5px;}


.header{padding:35px 0}
.header .flexbox{gap:10px 30px}
.header .logo{width:295px}
.header .right {width:calc(100% - 325px); font-size:20px; gap:10px 45px}
.header .right .info_block{gap:5px 30px}
.header .right .open span{font-weight:var(--bold_weight)}
.header .right .open span.green{color:#75c367}
.header .right .open span.red{color:#ab6267}
.header .right .address{position:relative; line-height:1.3}
.header .right .address i{color:var(--clr2);}
.header .right .address .info{position:absolute; top:100%; right:0; font-size:60%}

.header .right .header_btns{display:flex; flex-wrap:wrap; gap:5px 10px;}
.header .right .header_btns .menu_btn{display:none}

.banner {position:relative; margin-bottom:85px}
.banner .image{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.menu {position:relative; z-index:9999; font-size:20px; background:var(--clr2); color:#fff;}
.menu .maxw1{position:relative; }
.menu ul{position:relative; z-index:9999}
.menu ul li{display:inline-block}
.menu ul li.menu-item-has-children > a:after{content:"\f063"; font:var(--awesome300); display:inline-block; margin-left:10px}
.menu ul li a{display:block; padding: 15px 30px; transition-duration:0.2s; background:transparent}
.menu ul li a:hover{background:var(--clr1);}
.menu ul ul{display:none; position:absolute; z-index:9999999; border-radius:0 0 var(--border_radius) var(--border_radius); overflow:hidden;}
.menu ul li:hover > ul{display:block;}
.menu ul ul li{display:block;}
.menu ul ul li a{padding: 5px 30px; background:var(--clr2)}
.menu ul ul li a:hover{background:var(--clr1)}
.menu ul ul ul{display:none}



.banner .banner_content{position:relative; z-index:9; padding: 11rem 0; color:#fff; text-shadow:0 0 20px rgba(0,0,0,0.5)}
.banner .banner_content .slogan{font-weight:var(--bold_weight); font-size:50px; line-height:1.3}
.banner .banner_content .subline{font-size:30px; line-height:1.3}

.banner.banner_subpage{margin-bottom:0}
.banner.banner_subpage .banner_content{ padding: 7rem 0;}

.breadcrumbs{text-align:right; color:var(--light_text); font-size:0.8rem; height:85px; padding: 10px 0}

.home_content{margin-bottom:85px;}
.home_content .grid{grid-template-columns:60% 1fr; gap:35px 60px}
.home_content .right .page_thumbnail img{border-radius:var(--border_radius); position:relative; height:100%; width:100%; object-fit:cover; box-shadow: 10px 10px 0 var(--clr3);}

.subpage_content{margin-bottom:85px;}
.subpage_content .grid{grid-template-columns:50% 1fr; gap:35px 60px}
.subpage_content .right .page_thumbnail img{border-radius:var(--border_radius); position:relative;  width:100%; box-shadow: 10px 10px 0 var(--clr3);}

.subpage_content .right .contact_block{background:var(--box_clr); padding: 30px}
.subpage_content .right .contact_block img{margin-bottom:30px}
.subpage_content .right .contact_block a i{color:var(--clr2); display:inline-block; width:30px}
.subpage_content .right .contact_block a:hover{color:var(--clr2);}

.subpage_content .right #map{width:100%; height:20rem}

.downloads {margin-top:2em}
.downloads .download{display:flex; width:100%;  justify-content:space-between; align-items:center;  flex-wrap: wrap; border-bottom:1px solid var(--border_clr); padding: 10px 0}
.downloads .download span{width:calc(100% - 30px)}

.gallery{background:var(--box_clr); border-radius:var(--border-radius); padding:20px; margin-top:2em}
.gallery .img{border-radius:var(--border-radius); overflow:hidden; }
.gallery img{object-fit:cover; aspect-ratio:1/1; width:100%}

.faq{margin-top:2em}
.faq .h3{margin-bottom:1em}
.faq .faq_item{margin-bottom:1em}
.faq .question{cursor:pointer; padding: 10px 20px; background:var(--box_clr); border-radius:var(--border-radius); display:flex; flex-wrap: wrap; justify-content:space-between; align-items:center; font-weight:var(--bold_weight) }
.faq .question span{width:calc(100% - 30px)}
.faq .faq_item .question i{transition-duration:0.2s}
.faq .faq_item.active .question i{transform:rotate(180deg)}
.faq .answer{display:none; padding: 10px 20px; font-size:90%}

.activities_list{background:linear-gradient(45deg, #b58e98, #d4ae9a, #d4ccc2); padding:55px 0; position:relative;}
.activities_list .grid{position:relative}
.activities_list .activity{background:#fff; padding: 35px; display:flex; flex-wrap:wrap; gap:20px;  border-radius:var(--border_radius); overflow:hidden; }
.activities_list .activity:hover{transform:translatey(-2px)}
.activities_list .activity .icon{width: 65px; height:65px; object-fit:contain}
.activities_list .activity .title{width:100%; line-height:1.35}
.activities_list:before{    content: "";    width: 400px; max-width:50%;    left: 0px; bottom:60px;    background: url(img/diamond.png) no-repeat center / contain;    aspect-ratio: 3 / 3;     position: absolute;}



.instagram_bar{padding: 100px 0}


.question_bar{background:var(--clr2); color:#fff; padding: 55px 0}
.question_bar .image img{border-radius:100%; object-fit:cover; aspect-ratio:1 / 1} 
.question_bar .text .icon{font-size:50px}
.question_bar .text .subtitle{font-size:1.2rem}

.footer{padding: 55px 0 150px; position:relative}
.footer .maxw1{position:relative; z-index:1}
.footer:before{content:""; position:absolute; width:100%; aspect-ratio:10 / 1; background:url(img/footer_mdb.png) no-repeat bottom/cover; bottom:0; left:0}

.footer .left img{display:block; margin-bottom:2rem}
.footer .left a i{color:var(--clr2); display:inline-block; width:35px;}
.footer .left a:hover{color:var(--clr2)}
.footer .right{ display: flex;    flex-wrap: wrap;    align-items: stretch;    justify-content: flex-end; gap:30px;    padding-top: 71px;    align-content: space-between;}

.footer .right .info a{text-decoration:underline}
.footer .right .info a:hover{color:var(--clr2)}
.footer .right .copyright{color:rgba(0,0,0,0.5);}
.footer .right .copyright span{display:inline-block;}
.footer .right .copyright a:hover{color:var(--text_clr)}

.wpcf7 .form_item{margin-bottom: 20px; display:grid; grid-template-columns:150px 1fr; gap:5px 20px;}
.wpcf7 .hidden{display:none}
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid var(--border_clr) ; border-radius:var(--border_radius); font:inherit }
.wpcf7 textarea{height:200px}

.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: inline-block; margin-right:35px; width: 100%;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display:inline-block}
.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;height: 1em;width: 1em;top: 0.25em;left: 0px;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 1em;width: 1em;top: 0.25em;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: flex;        justify-content: center; align-items: center;position: absolute;content: "\f00d";font:var(--awesome900); height: calc(1em - 3px);    width: calc(1em - 3px);color:var(--clr1);top: calc(0.25em + 2px);    left: 2px;visibility: hidden;font-size: 1em;text-align: center; }
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}

.wpcf7-radio label {position: relative;cursor: pointer;}
.wpcf7-radio input[type=radio] {position: absolute;visibility: hidden;width: 1em;height: 1em;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 1em;width: 1em;top: 0.25em;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font:var(--awesome900); height: calc(1em - 3px);    width: calc(1em - 3px);    color: var(--clr1);    background: var(--clr1);
    border-radius: 100%;    top: calc(0.25em + 2px);    left: 2px;visibility: hidden;text-align: center;}
.wpcf7-radio input[type=radio]:checked + span:before {background: transparent;}
.wpcf7-radio input[type=radio]:checked + span:after {visibility: visible;}

@media only screen and (max-width: 1300px) {
	.menu ul li a{display:block; padding: 15px 20px;}
	.menu ul ul li a{padding: 5px 20px;}
}


@media only screen and (max-width: 1200px) {
	.header .logo{width:200px}
	.header .right {width:calc(100% - 230px);}
	.header .right {font-size: 18px;}
	.menu {  font-size: 18px;}
	.menu ul li a{display:block; padding: 15px 15px;}
	.menu ul ul li a{padding: 5px 15px;}
	
	.footer .grid.cols3{    grid-template-columns: repeat(2, 1fr);}
	.footer .right.col2{grid-column:span 1}
}


@media only screen and (max-width: 1000px) {
	.header {    padding: 25px 0;}
	.header .right {gap:30px}
	.header .right .info_block{width:calc(100% - 245px)}
	.header .right .header_btns{width:200px}
	.header .right .header_btns .menu_btn{display:flex}
	.header .open{ text-align:right}
	.header .address{ text-align:right; width:100%}
	.menu {display:none}
	
	.home_content .grid {    grid-template-columns: 1fr;    gap: 35px 60px;}
	.home_content .right img{width:400px}
	.home_content .right .page_thumbnail img{width:400px}
	
	.subpage_content .grid {    grid-template-columns: 1fr;    gap: 35px 60px;}	
	.subpage_content .right .page_thumbnail{display: grid;    justify-content: center;}
	.subpage_content .right .page_thumbnail img{width:400px}
	
	.gallery .grid.cols4 {    grid-template-columns: repeat(3, 1fr);}
	
	.activities_list .grid{grid-template-columns: repeat(2, 1fr);}
	
}

@media only screen and (max-width: 800px) {
	.header .right .info_block{display:none}
	.gallery .grid.cols4 {    grid-template-columns: repeat(2, 1fr);}
	
	.activities_list .activity { padding: 25px 20px;}
	
	.question_bar .grid{grid-template-columns: repeat(1, 1fr);}
	.question_bar .image img{width:200px}
	.footer {padding: 55px 0 70px;}
	.footer .grid.cols3{    grid-template-columns: repeat(1, 1fr);}
	.footer .right{padding-top:0}
	
}
@media only screen and (max-width: 550px) {
	html,body {	font-size: 16px;}
	
	.header .logo{width:150px}
	.header .right {width:calc(100% - 180px);}
	
	.breadcrumbs { height: 65px;}
	.banner {margin-bottom:65px;}
	.banner .banner_content .slogan {font-size: 40px;}
	.banner .banner_content .subline {font-size: 25px;}
	.activities_list .grid{grid-template-columns: repeat(1, 1fr);}
	.activities_list .activity .icon {    width: 55px;    height: 55px;}
	
	.wpcf7 .form_item{grid-template-columns:1fr; }
}

@media only screen and (max-width: 470px) {
	
	
	.header .logo{width:100%; text-align:center}
	.header .logo img{display:inline-block; width:170px}
	.header .right {width:calc(100%);     justify-content: center;}
	.header .right .header_btns {
        width: auto;
    }
	

}
@media only screen and (max-width: 400px) {
	html, body {        font-size: 15px;    }
	.maxw1{padding: 0 15px;}
	.maxw2{padding: 0 15px;}
	.btn.n_btn {padding: 20px 25px 20px 25px;}
	.grid.small_grid {   gap: 15px;}
	.gallery .grid.cols4 {    grid-template-columns: repeat(1, 1fr);}
	.subpage_content .right .contact_block {  padding: 30px 15px; }
	.subpage_content .right .contact_block a i {  width: 17px;}
	.gallery {   padding: 15px;}
}

@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}