/* normal */

:root{
	--text_clr: #36433b;
	--clr1: #36433b;
	--clr2: #9f5944;
	--clr3: #fef7e4;
	--border_clr : #36433b;
	--border_radius: 5px;
	--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 : 500;
	--bold_weight : 700;
	
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
html,
body {
	font-family: "minion-pro", 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: #fef9e6;
}
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(--medium_weight); line-height:1; font-family: "cormorant", sans-serif; text-transform:uppercase
}

h1, .h1{font-size:70px;}
h2, .h2{font-size:24px; }
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

p{margin-bottom:1em}

.subtitle{font-family: "charm", sans-serif;}

.maxw1{max-width:1400px; margin:0 auto; padding: 0 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: 70px;}
.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:block; margin-top:1em;}
.btn{display:inline-flex; gap:20px; line-height:1; border:none}

.btn.l_btn{font-size:28px; font-weight:var(--bold_weight); padding: 20px 30px 20px 30px ; border-radius:var(--border_radius)}
.btn.n_btn{font-size:22px; font-weight:var(--normal_weight); padding: 15px 40px ; border-radius:var(--border_radius); text-transform:uppercase}

.btn.round_btn{display:inline-flex; align-items: center; justify-content: center; width:54px; height:54px; font-size:20px; border-radius:100%}


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

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


.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)}


.main_grid{display:grid; gap: 40px; grid-template-columns:5fr 960px 4fr; min-height:calc(100dvh - 133px); position:relative;}
.main_grid:after{content:""; background:url(img/watermerk.png) no-repeat bottom left / contain; position:absolute; bottom:-70px; left:0; width:70dvw; height:70dvh; z-index:-1}

.left{display:flex;  justify-content:center; padding: 0 30px}
.left .logo{background:var(--clr2); padding: 60px 30px; aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; max-width:100%;}
.left .logo img{    width: 100%;    object-fit: contain;}

.right{padding-top:2rem}
.right .title{display:flex;  justify-content:center; margin-bottom:2rem}
.right h1{text-align:center; width:700px; max-width:100%;}
.right h1 .name{ display:inline-block; width:100%; max-width:500px}
.right h1 .name img{display:inline-block; width:100%}

.right main > .grid{grid-template-columns:320px 1fr}

.right .partners{margin-top:1rem}
.right .partners .partner{display:grid; gap:10px;     justify-items: center;}
.right .partners .partner .partner_logo img{width:300px; max-height:50px; object-fit:contain}

.footer{padding: 20px; margin-top:60px; text-align:center; position:relative}
.footer:before{content:""; width:400px; height:1px; background:var(--clr1); bottom:100%; left:50%; transform:translatex(-50%); position:absolute; max-width:calc(100dvw - 40px)}

.wpcf7 .form_item{margin-bottom: 10px; display:flex; flex-wrap:wrap}
.wpcf7 .label{width: 100%; }
.wpcf7 .form_field{width: calc(100%); }

.wpcf7 .send .form_field {    display: flex;    justify-content: flex-end;}
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:2px 15px; border: 1px solid var(--border_clr) ; border-radius:var(--border_radius); font:inherit; background:transparent; }
.wpcf7 textarea{height:110px}

.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:transparent}
.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:#transparent}
.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: 1400px) {
	h1{font-size:55px}
	.main_grid{grid-template-columns:1fr; padding: 0 20px}
	.left .logo{width:auto; max-width:200px}
	
	
}


@media only screen and (max-width: 840px) {
	.right h1{width:auto}
	.right main > .grid {    grid-template-columns: 1fr;}
	
	.right .form{grid-row:2}
}


@media only screen and (max-width: 500px) {
	h1{font-size:36px}
	.left .logo{width:auto; max-width:150px; padding:20px}
	.partners .grid.cols2 {    grid-template-columns: repeat(1, 1fr); gap: 30px}
}





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