/* normal */

:root{
	--text_clr: #4e4e4e;
	--clr1: #004c7d;
	--clr2: #41c2dd;
	--clr3: #f57282;
	--border_clr : #cccccc;
	--box_clr : #eee;
	--border-radius: 5px;
	--light_text: #c5c5c5;
	--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: "Roboto", sans-serif;
	font-size: 18px;
	color: var(--text_clr);
	font-weight: var(--normal_weight);
	line-height:1.875;
	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-family: "Figtree", sans-serif; font-weight: 800; line-height:1.3; color:var(--clr1)
}

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

p{margin-bottom:1em}

.title{ font-family: "Figtree", sans-serif; font-weight: 800; line-height:1;}
.subtitle{ font-family: "Figtree", sans-serif; font-weight: 800; line-height:1; color:var(--clr2); }

.maxw1{max-width:1480px; margin:0 auto; padding: 0 20px}
.maxw2{max-width:760px; 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: 30px;}
.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_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; font-family: "Figtree", sans-serif; font-weight: 800;}
.btn:hover{transform:translatey(-2px)}

.btn.l_btn{font-size:25px;  padding: 17px 30px ; border-radius:100px}
.btn.n_btn{font-size:20px; padding: 15px 25px  ; border-radius:100px}

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

.acc_link{color:var(--clr2); text-decoration:underline; font-weight:700; padding-left:30px; position:relative;     display: block;}
.acc_link:before{content:"\f105"; font:var(--awesome300); position:absolute; left:0; line-height:1.875 }
.acc_link:hover{color:var(--clr1)}

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

.menu{position:fixed; top:0; right:0; min-height:100dvh; width:0px; max-width:100dvw; z-index:99999; transition-duration:0.2s}
.menu.active{width:500px}
.menu .inner{ background:var(--clr1); color:#fff; padding: 15px 0; position:relative; height:100dvh; min-width:200px; overflow-y:scroll ; -ms-overflow-style: none;     scrollbar-width: none;  }
.menu .inner::-webkit-scrollbar {    display: none;}


.menu .menu_top{text-align:right; margin-bottom:30px; padding-top:30px}
.menu ul{list-style:none; font-family: "Figtree", sans-serif; font-size:1.2rem}
.menu ul li{margin-bottom:20px}
.menu ul ul{display:none}

.header{padding-top:30px}
.header .grid{grid-template-columns: 120px 1fr}
.header .menu_bar{text-align:right}
.header .menu_bar .btn{margin-left:25px}
.header .menu_bar .btn:first-of-type{margin-left:0}

.home_head{margin-bottom:130px}
.home_head .inner{padding: 170px 0; position:relative;}
.home_head .background_img{position:absolute; right:-40px; top:0; width:calc(55% + 40px); height:100%;}
.home_head .inner_content{position:relative; }
.home_head .slogan{font-size:65px; color:var(--clr1); margin-bottom: 100px; width:40%; }
.home_head .home_btns{width:100%}
.home_head .home_btns .home_btn{border-radius:var(--border-radius); padding:70px 40px 50px 40px}
.home_head .home_btns .home_btn:hover{background:var(--clr2)}
.home_head .home_btns .home_btn .icon{position:relative; margin-bottom:35px; max-width: 220px;    width: 100%;}
.home_head .home_btns .home_btn .icon:after{content:""; padding-bottom:35%; display:block;}
.home_head .home_btns .home_btn .icon img{width:100%; height:100%; position:absolute; object-fit:contain}
.home_head .home_btns .home_btn .title{font-size:1.4rem}

.home_text{margin-bottom:110px; position:relative}
.home_text .subtitle{font-size:1.95rem; margin-bottom:1em}
.home_text .wave{content:""; position:absolute; width:calc(50% - 400px); max-width:390px; top:0; left:0; transform:translatey(-50%)}

.latest_news{margin-bottom:110px;}
.news_item {display:grid; grid-template-rows:subgrid; grid-row:span 3; gap:40px}
.news_item:hover .img img{transform:scale(1.05)}
.news_item .img{border-radius:var(--border-radius); position:relative; overflow:hidden;}
.news_item .img:after{content:""; padding-bottom:60%; display:block;}
.news_item .img img{position:absolute; width:100%; height:100%; object-fit:cover; transition-duration:0.2s}
.news_item .item_content .title{color:var(--clr1); font-size:1.9rem; transition-duration:0.2s }
.news_item:hover .item_content .title{color:var(--clr2)}
.news_item .item_content {display:grid; grid-template-rows:subgrid; grid-row:span 2; gap:20px}

.news_list{margin-bottom:110px;}

.footer{padding-bottom:20px; position:relative}
.footer .colofon{color:var(--light_text); padding-top:30px; border-top:1px solid var(--border_clr)}
.footer .footer_logo{text-align:center}
.footer .footer_logo img{width:120px; display:inline-block;}
.footer a:hover{color:var(--text_clr)}

.footer .wave{content:""; position:absolute; width:calc(50% - 600px); max-width:390px; top:0; right:0; transform:scalex(-1) translatey(-50%)}

.breadcrumbs{text-align:right; color:var(--light_text); font-size:0.8rem; margin-bottom:2rem}

.page_text{margin-bottom:90px}
.page_text h1{margin-bottom:1em}
.page_text .img{border-radius:var(--border-radius); overflow:hidden;}


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


.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: 1440px) {
	.home_head .background_img { right: -20px; width: calc(55% + 20px);}

}
@media only screen and (max-width: 1380px) {
	.home_head .inner { padding: 100px 0;}
	
	.home_head .home_btns.grid.cols4 {grid-template-columns:repeat(2 , 1fr)}
	.home_head .home_btns .home_btn{    padding: 50px 40px 40px 40px;}
	.footer .wave {display:none}
	.footer .footer_logo img {  width: 80px;}
}

@media only screen and (max-width: 1180px) {
	.footer .colofon{grid-column:span 3}
	.footer .footer_logo   {display:none}
}


@media only screen and (max-width: 960px) {
	.btn.l_btn {    font-size: 22px;    padding: 15px 30px;}
	.header {    padding-top: 20px}
	.header .grid {    grid-template-columns: 80px 1fr;}
	.home_head{margin-bottom:90px}
	.home_head .inner { padding: 70px 0;}
	
	.home_head .slogan{width:60%; font-size: 55px; margin-bottom:50px}
	
	.home_head .home_btns .home_btn{    padding: 40px 25px 30px 25px;}
	.home_head .home_btns .home_btn .icon{margin-bottom:20px}
	.home_head .home_btns .home_btn .icon:after { padding-bottom: 20%;}
	.home_head .background_img {width: calc(60% + 20px);}
	.home_head .background_img:after{content:""; width:40%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(90deg  , #fff , transparent)}
	.home_text{margin-bottom:90px}
	.home_text .wave{display:none}
	.page_text{margin-bottom:70px}
	.latest_news{margin-bottom:70px;}
	.latest_news .grid.cols3 { grid-template-columns: repeat(2, 1fr);}
	.latest_news .news_item:last-of-type{display:none}
	.news_list{margin-bottom:70px;}
	.news_list .grid.cols3 { grid-template-columns: repeat(2, 1fr);}
}


@media only screen and (max-width: 650px) {
	.home_head .home_btns .home_btn .title {font-size: 1.25rem;}
	.news_item .item_content .title { font-size: 1.5rem;}
}

@media only screen and (max-width: 550px) {
	.home_head .home_btns.grid.cols4 {grid-template-columns:repeat(1 , 1fr); gap:15px}
	.home_head .home_btns .home_btn{    padding: 25px 20px 15px 20px;}
	.home_head .home_btns .home_btn .icon:after { padding-bottom: 15%;}
	.home_head .slogan { font-size: 45px; margin-bottom:0.8em}
	
	.home_head .background_img {width: calc(50% + 20px);}
	.home_head .background_img:after{width:50%; }
	.latest_news .grid.cols3 { grid-template-columns: repeat(1, 1fr);}
	.news_list .grid.cols3{ grid-template-columns: repeat(1, 1fr);}
}


@media only screen and (max-width: 450px) {
	.btn.l_btn {    font-size: 20px;    padding: 15px 25px;}
	h1, .h1 {    font-size: 40px;}
	.home_text .subtitle {font-size: 1.65rem;}
	.header .menu_bar .btn {margin-left: 10px;}
	.home_head{margin-bottom:70px}
	.home_head .inner { padding: 50px 0;}
	.home_head .slogan { font-size: 40px;}
	
	
	.home_text{margin-bottom:70px}
	.page_text{margin-bottom:70px}
}


@media only screen and (max-width: 380px) {
	.maxw1{padding: 0 10px}
	.maxw2{padding: 0 10px}
	.home_head .background_img { right: -10px; width: calc(55% + 10px);}
	.header{padding-top:15px;}
	.header .grid {    grid-template-columns: 60px 1fr;}
	.menu .menu_top{padding-top:10px}
}

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