/* normal */

:root{
	--text_clr: #000;
	--clr1: #ca9f5d;
	--clr2: #273583;
	--clr3: #fcc65f;
	--border_clr : #cccccc;	
	--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 : 600;
	--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: "calibri", sans-serif;
	font-size: 20px;
	color: var(--text_clr);
	font-weight: var(--normal_weight);
	line-height:1.8;
	word-break: break-word;
	scroll-behavior:smooth;
	overflow-x:hidden
}

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); line-height:1.3; color:var(--clr2)
}

h1, .h1{font-size:40px;}
h2, .h2{font-size:28px;}
h3, .h3{font-size:26px;}
h4, .h4{font-size:24px;}
h5, .h5{font-size:22px;}
h6, .h6{font-size:20px;}

p{margin-bottom:1em}


.maxw1{max-width:1400px; margin:0 auto; padding: 0 20px}
.maxw2{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:50px 80px;}
.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.cols8{grid-template-columns: repeat(8, 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-block; line-height:1; border:none}
.btn:hover{transform:translatey(-2px)}

.btn.l_btn{font-size:24px; font-weight:var(--bold_weight); padding: 16px 30px 16px 30px ; border-radius:var(--border_radius)}
.btn.n_btn{font-size:20px; font-weight:var(--normal_weight); padding: 20px 30px 20px 30px ; border-radius:var(--border_radius)}

.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_black{color:#000; 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)}


.header{position:relative}
.header .btn_bar{ text-align:right; grid-area: 1 / 2 / 2 / 3  }
.header .image{min-height:250px}
.header .image:after{content:""; padding-bottom:32%; display:block}

.header .text_bar{position:absolute; bottom:0; left:0; width:100%; height:100%; background:linear-gradient(0deg,  var(--clr1) 5%,  transparent 50% )}
.header .text_bar .maxw1{height:100%;}
.header .text_bar .grid{grid-template-columns:400px 1fr;      height:100%}
.header .text_bar .portrait{text-align:right; grid-area: 1 / 1 / 3 / 2;     display: grid;    align-items: end; }
.header .text_bar .text{text-align:right; padding-bottom:50px;   display: grid;    align-items: end; }
.header .text_bar .text .title{color:#fff; font-weight:700; font-size:120px; font-family: "myriad-pro", sans-serif; line-height:1}
.header .text_bar .text .subtitle{font-size:60px; line-height:1; }

.content{padding: 70px 0; background:url(img/moezel.png) no-repeat bottom  right/contain}
.content .title_bar{grid-area: 1 / 1 / 2 / 7}
.content .text{grid-area: 2 / 1 / 3 / 5}

.content .subscribe{grid-area: 2 / 5 / 3 / 7; }
.content .program{grid-area: 4 / 1 / 5 / 7;}
.content .gallery{ grid-area: 3 / 1 / 4 / 7; }

.content .title_bar .subtitle{font-size:1.3rem; line-height:1.3}
.content .title_bar h1{margin-bottom:0em}

.content .text .dv{font-weight:700; font-size:1.5rem}

.content .program .h2{margin-bottom:1em}
.content .program .h5{margin-bottom:0.5em}

.img_slider {
  overflow: hidden; padding: 50px 0
}

.img_slider .swiper-wrapper {
  overflow: visible;  
}

.img_slider .slide { 
  flex-shrink: 0; width:auto;
}

.img_slider .slide img {
  height: 350px;
  object-fit: cover;
  display: block;
}


.footer{padding: 60px 0; background:var(--clr2); color:#fff}
.footer h3{color:#fff;}

.wpcf7 .form_item{margin-bottom: 20px; display:flex; flex-wrap:wrap}
.wpcf7 .label{width: 180px; }
.wpcf7 .form_field{width: calc(100% - 180px); }
.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) {
	.header .text_bar .grid{grid-template-columns:300px 1fr; gap:30px  }
	
	.header .text_bar .text .title{font-size:90px;}
	.header .text_bar .text .subtitle{font-size:50px; }
}

@media only screen and (max-width: 960px) {
	.grid{gap:40px}
	
	.header .text_bar .grid{grid-template-columns:200px 1fr;   }
	.header .text_bar .text .title{font-size:70px;}
	.header .text_bar .text .subtitle{font-size:40px; }
	
	.content .text{grid-area: 2 / 1 / 3 / 7; }

	.content .subscribe{grid-area: 3 / 1 / 4 / 7; }
	.content .program{grid-area: 5 / 1 / 6 / 7;}
	.content .gallery{ grid-area: 4 / 1 / 5 / 7; }
	
	
	.content .program .grid.cols2{grid-template-columns:1fr}
}

@media only screen and (max-width: 850px) {
	.header .text_bar .grid{grid-template-columns:150px 1fr;   }
	.header .text_bar .text{padding-bottom:20px}
	.header .text_bar .text .title{font-size:50px;}
	.header .text_bar .text .subtitle{font-size:30px; }
	
	.footer .grid.cols2 {    grid-template-columns: repeat(1, 1fr);}
}

@media only screen and (max-width: 550px) {
	.header .text_bar .grid{grid-template-columns:120px 1fr;   }
	.header .text_bar .text .title{font-size:40px;}
	.header .text_bar .text .subtitle{font-size:25px; }
	.img_slider .slide img{height:250px; max-width:calc(100dvw - 50px); object-fit:cover}
	
	.wpcf7 .label{width: 100%; }
	.wpcf7 .form_field{width: 100%; }
}

@media only screen and (max-width: 430px) {
	html, body {font-size: 18px}
	h1, .h1 {    font-size: 32px;}
	
	.header .image {min-height: 200px;}
	.header .btn_bar {  grid-area: 1 / 1 / 2 / 3;}
	
	.header .text_bar .grid{grid-template-columns:100px 1fr; gap:10px  }
	
	.header .text_bar .text .title{font-size:35px;}
	.header .text_bar .text .subtitle{font-size:20px; }
	
	
	
	.content {padding: 50px 0;}
}


@media only screen and (max-width: 380px) {
	.btn.l_btn {font-size: 20px; padding: 15px 20px}
		
	.header .text_bar .text{  grid-area: 2 / 1 / 3 / 3;}
	
	.header .text_bar .portrait img{width:100px}
}


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