/* normal */

:root{
	--clr1: #88b3e0;
    --clr2: #63c2d0;
    --clr3: #519e8d;
    --clr4: #00676b;
    --clr5: #87ac55;
    --clr6: #4f4f4f;

	
	--border_clr : #dddbdc;
	--border_radius_right : 4px 4px 60px 4px;
	--border_radius_left : 4px 4px 4px 60px;
	--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";
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-duration:0.2s;
}
html,
body {
	font-family: "Blinker", sans-serif;
	font-size: 20px;
	color: var(--clr6);
	font-weight: 200;
	line-height:1.75;
	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;}

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

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: 700; line-height:1.05;
}

h1, .h1{font-size:45px; margin-bottom:0.5em}
h2, .h2{font-size:28px;margin-bottom:0.3em}
h3, .h3{font-size:26px;margin-bottom:0.3em}
h4, .h4{font-size:24px;margin-bottom:0.3em}
h5, .h5{font-size:21px;margin-bottom:0.3em}
h6, .h6{font-size:20px;margin-bottom:0.3em}

h1 span, .h1 span{font-size:62%; display:block; font-weight:400; color:var(--clr3); line-height:1.25}

p{margin-bottom:1em}


.maxw1{max-width:1480px; margin:0 auto; padding: 0 20px}
.maxw2{max-width:1040px;  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: 40px;}
.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}

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

.btn_bar{display:block; margin-top:3em;}
.btn{display:inline-block; line-height:1; border:none}
.btn_bar .btn{margin: 0 0 5px 5px}
.btn:hover{transform:translatey(-2px)}
.btn.l_btn{font-size:28px; font-weight:400; padding: 16px 55px 16px 30px ; border-radius:var(--border_radius_right)}
.btn.n_btn{font-size:20px; font-weight:600; padding: 20px 45px 20px 30px ; border-radius:var(--border_radius_right)}

.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);}
.btn.clr4_white{color:#fff; background:var(--clr4);}
.btn.clr5_white{color:#fff; background:var(--clr5);}
.btn.clr6_white{color:#fff; background:var(--clr6);}

.btn.white_clr1{background:#fff; color:var(--clr1);}
.btn.white_clr2{background:#fff; color:var(--clr2);}
.btn.white_clr3{background:#fff; color:var(--clr3);}
.btn.white_clr4{background:#fff; color:var(--clr4);}
.btn.white_clr5{background:#fff; color:var(--clr5);}
.btn.white_clr6{background:#fff; color:var(--clr6);}


.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:600}
.content_container a{color:var(--clr2); font-weight:400}

.mob_menu{position:fixed; right:0; top:0; z-index:999999999; height:0; width:0}
.mob_menu.active{height:100dvh; width:100dvw}
.mob_menu .menu_top{text-align:right; margin-bottom:20px}

.mob_menu .inner{background:var(--clr3); color:#fff;  padding:20px 20px 40px; width:100%; height:100%; text-align:center; overflow-y:scroll}
.mob_menu .inner ul{font-size:30px; font-weight:400}
.mob_menu .inner ul li{margin-left:0px; list-style:none; }
.mob_menu .inner ul li a{position:relative; padding: 25px 0; display:block;}
.mob_menu .inner ul li a:after{content:""; height:3px; width:90px; background:#fff; position:absolute; top:calc(100%); left:50%; transform:translatex(-50%); z-index:8}
.mob_menu .inner ul li.menu-item-has-children  a i{position:absolute; top:100%; left:50%; transform:translate(-50% , -50%); background:var(--clr3); padding:5px; width:40px; height:40px; border-radius:100%; display:flex; align-items: center; justify-content: center; z-index:9 }
.mob_menu .inner ul ul{font-size:80%; display:none}
.mob_menu .inner ul ul li a{padding:15px 0;}
.mob_menu .inner ul ul li a:after{width:70px; height:2px}
.mob_menu .inner ul li.sub > a i{ transform:translate(-50% , -50%) rotate(180deg);}

.header{padding-bottom:35px}
.header .logo{position:absolute; top:0; margin-top:-60px; left:calc(50% - 800px); background:#fff; height:300px; width:500px; border-radius:100%; transform:rotate(-42deg); box-shadow:0 30px 90px rgba(0,0,0,0.1); padding:65px; z-index:999}
.header .logo img{transform:rotate(42deg); width:220px}

.header .top_bar{padding-left:450px; text-align:right; font-weight:400; font-size:16px; padding:5px 0; margin-bottom:100px}
.header .top_bar i{color:var(--clr3)}
.header .menu_bar{padding-left:450px}
.header .menu_bar ul{font-size:25px; font-weight:400}
.header .menu_bar ul li{display:inline-block; margin-right:25px}
.header .menu_bar ul li a{padding:0 15px;}
.header .menu_bar ul li a:hover{color:var(--clr3)}
.header .menu_bar ul li.menu-item-has-children > a:after{content:"\f0d7"; font:var(--awesome900); margin-left:15px; display:inline-block;}

.header .menu_bar ul ul{display:none; position:absolute; background:#fff; z-index:99999; padding:10px 0; border-radius:0 0 4px 4px;}
.header .menu_bar ul li.menu-item-has-children:hover ul{display:block}
.header .menu_bar ul ul li{display:block;}

.header .menu_bar .round_btn{margin-left:5px}
.header .menu_bar .menu_btn{display:none}

.slider {position:relative; padding-bottom:1.5%; margin-bottom:85px; width:100%; overflow:hidden;}
.slider.slider_frontpage .slides .slide{min-height:450px}
.slider.slider_frontpage .slides .slide:after{content:""; padding-bottom:35%; display:block}

.slider.slider_subpage .slides .slide{min-height:200px}
.slider.slider_subpage .slides .slide:after{content:""; padding-bottom:20%; display:block}
.slider .clip{position:absolute; width:100%; bottom:-2px; left:0; z-index:1;}
.slider .clip img{width:100%}
.slider .slider_btns{position:absolute; bottom:0px; width:100%;  z-index:2}
.slider .slider_btns .btn{width:100%; display:block; margin-bottom:10px; padding-left:60px}
.slider .slider_btns .btn i{display:inline-block; width:27px; margin-left:-30px;  }
.slider .breadcrumbs{    position: absolute; padding:5px 0;   z-index: 999;    top: 0;    width: 100%;    color: #fff;    text-align: right;    font-size: 14px;    font-weight: 400; text-shadow: 0 0 6px rgba(0, 0, 0, 0.7)}
.slider .breadcrumbs i{font-size:85%; display:inline-block; margin: 0 5px}


.home_content{margin-bottom:90px}
.home_content .left{width:60%; margin-bottom:100px}

.home_content .right{width:30%; position:relative;}
.home_content .right .img1{position:relative; z-index:1;}
.home_content .right .img1 img{ border-radius:var(--border_radius_right); overflow:hidden;}
.home_content .right .img2{position:absolute; width:calc(80% + 220px); left:20%;     top: calc(100% - 50px); }
.home_content .right .img2 img{border-radius:var(--border_radius_right); overflow:hidden;}

.home_content .colored_block{ background:var(--clr4); color:#fff; width:50%; padding: 50px 60px 50px calc(50% - 720px); border-radius:0 4px 60px 0;}

.content_block{margin-bottom:90px}


.content_block.text_img .left{width:60%; }
.content_block.text_img .right{width:30%; position:relative;}
.content_block.text_img .right .img1{position:relative; z-index:1;}
.content_block.text_img .right .img1 img{ border-radius:var(--border_radius_right); overflow:hidden;}

.content_block.teamblock .team .member{grid-template-columns:150px 1fr} 
.content_block.teamblock .team .member .img{height:100%; border-radius:  50% 10px 50% 50%; position:relative;     overflow: hidden;}
.content_block.teamblock .team .member .img:after{padding-bottom:100%; display:block; content:"";}
.content_block.teamblock .team .member .img img{position:absolute; right:0; left:0; height:100%; width:100%; object-fit:cover}
.content_block.teamblock .team .member .function{    line-height: 1.3;}

.contact .img1{position:relative; z-index:1;}
.contact .img1 img{ border-radius:var(--border_radius_right); overflow:hidden;}

.contact_details{border:1px solid var(--clr2); padding:30px; border-radius:var(--border_radius_right); margin-bottom:30px}
.contact_details .h2{color:var(--clr2); margin-bottom:1em}
.contact_details a i{display:inline-block; width:30px;}
.contact_details .fa-phone{color:var(--clr1);}
.contact_details .fa-envelope{color:var(--clr5);}

.content_block.img_text .left img{border-radius:var(--border_radius_left); overflow:hidden; width:350px}

.content_block.gallery .img{border-radius:4px}
.content_block.gallery .img:after{content:""; padding-bottom:100%; display:block;}

.subpages{margin-top:40px}
.subpages .btn{display:block; margin-bottom:7px; margin-bottom:10px; padding-left:60px}
.subpages .btn i{display:inline-block; width:27px; margin-left:-30px;  }

.pre_footer{background:var(--clr1); color:#fff;}
.pre_footer .left{padding: 50px 0}
.pre_footer .left .h1{margin-bottom:0}
.pre_footer .left .content_container{color:rgba(255,255,255,0.5); font-size:140%; line-height:1.3; font-weight:400}
.pre_footer .left .btn_bar{margin-top:1.5em}
.pre_footer .right{display: grid;    align-items: end;}
.pre_footer .right img{margin-top:-50px}

.footer{padding-top:60px}
.footer .col{display:grid; grid-template-rows:subgrid; grid-row:span 2}
.footer .col .col_title{display: grid;    align-items: end; font-size:45px; font-weight:700; color:var(--clr4)}
.footer .col .col_title img{width:220px;}

.footer .col .address a i{display:inline-block; width:30px;}
.footer .col .address .fa-phone{color:var(--clr1);}
.footer .col .address .fa-envelope{color:var(--clr5);}

.footer .col ul{list-style:none;}
.footer .col ul li{margin-left:30px;}
.footer .col ul li:before{content:"\f0da";  font:var(--awesome400); width:30px; margin-left:-30px; display:inline-block; color:var(--clr1) }

.footer .col a:hover{color:var(--clr2);}

.footer .bottom{padding:25px 0; margin-top:90px; border-top:1px solid var(--border_clr); color:rgba(79,79,79,0.4)}
.footer .bottom a:hover{color:var(--clr4);}

.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) ; font:inherit; border-radius:4px}
.wpcf7 input[type="submit"]{font-size:28px; font-weight:400; padding: 16px 55px 16px 30px ; border-radius:var(--border_radius_right); width:auto; color:#fff; background:var(--border_clr); border:none;}
.wpcf7 input[type="submit"]:hover{transform:translatey(-2px)}
.wpcf7 textarea{height:200px}
.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}
.wpcf7 button{cursor:pointer}

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: 60px;}
.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;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height:16px;width: 16px;top: 0px;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\f00d";font-family:"Font Awesome 6 Pro";font-weight:900;height: 16px;width: 16px;color:var(--clr2);top: 1px;left: 1px;visibility: hidden;font-size: 16px;text-align: center;line-height: 16px;}
.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: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 16px;width: 16px;top: 0px;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font-family:"Font Awesome 6 Pro";font-weight:900;height: 12px;width: 12px;color:var(--clr2); background:var(--clr2); border-radius:100%; top: 3px;left: 3px;visibility: hidden;font-size: 15px;text-align: center;line-height: 16px;}
.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: 1560px) {
	.header .logo{margin-top:-60px; left:-10px; height:240px; width:400px; box-shadow:0 25px 70px rgba(0,0,0,0.1); padding:55px; }
	.header .logo img{ width:180px}
	
	.header .top_bar { margin-bottom: 70px; padding-left: 400px;}
	.header .menu_bar {    padding-left: 400px;}
}

@media only screen and (max-width: 1480px) {
	.home_content .right .img2{width: calc(80% + 90px);  }
	.home_content .colored_block {    padding: 50px 60px 50px 20px;}
}

@media only screen and (max-width: 1300px) {
	.header{padding-bottom:25px}
	.header .logo{margin-top:-60px; left:-10px; height:200px; width:333px; box-shadow:0 25px 70px rgba(0,0,0,0.1); padding:40px; }
	.header .logo img{ width:150px}
	
	.header .top_bar { margin-bottom: 30px; padding-left: 300px;}
	.header .menu_bar {    padding-left: 300px;}
	.header .menu_bar ul {    font-size: 22px;}
	.header .menu_bar ul li{margin-right:15px;}
	
	
	.home_content .colored_block{width:80%}
}
@media only screen and (max-width: 1230px) {
	.home_content .right .img2{width: calc(100%); left:-20px ; top:calc(100% - 20px) }
}

@media only screen and (max-width: 1100px) {
	.header .menu_bar ul{display:none}
	.header .menu_bar .menu_btn{display:inline-flex}
	.menu_bar .flexbox.space_between{        justify-content: end;}
	
	.gallery .cols4{grid-template-columns:repeat(3 , 1fr)}
}

@media only screen and (max-width: 960px) {
	.contact_details {padding: 30px 20px 40px;}
}

@media only screen and (max-width: 860px) {
	.btn.l_btn{font-size:20px; }
	
	.slider .breadcrumbs{  font-size: 12px;}
	.slider .breadcrumbs i{margin:0 1px}
	
	
	
	.home_content .colored_block {width: calc(100% - 20px);}
	
	.home_content .left {width: 100%;}
	.home_content .right {width: 100%; margin-bottom:100px}
	
	.home_content .right .img1{width:50%; display:inline-block; vertical-align:top}
	.home_content .right .img1 img{width:100%;}
	.home_content .right .img2{display:block; position:relative; display:inline-block;         width: 80%;        margin-left: calc(20%);        margin-top: -50px; left:auto; right:0; top:0px; }
	.home_content .right .img2 img{width:100%; border-radius:var(--border_radius_right); overflow:hidden;}
	
	
	.content_block.text_img .left {width: 100%;}
	.content_block.text_img .right {width: 100%;}
	
	.content_block.img_text .grid.cols2{  grid-template-columns: repeat(1, 1fr);}
	
	.content_block.contact .grid.cols3{grid-template-columns: repeat(1, 1fr);}
	.content_block.contact .grid.cols3 .col2{grid-column:span 1}
	
	.gallery .cols4{grid-template-columns:repeat(2 , 1fr)}
	
	.content_block.teamblock .team.grid.cols2{  grid-template-columns: repeat(1, 1fr);}
	
	.footer .grid.cols3{grid-template-columns: repeat(2, 1fr);}
	.footer .col {gap:  15px 40px;}
	.footer .col .col_title{align-items: start}
	.footer .col .col_title img{width:150px}
	.footer .col:first-of-type{grid-column:span 2;  grid-template-columns: repeat(2, 1fr);}	
}

@media only screen and (max-width: 700px) {
	.footer .grid.cols3{    grid-template-columns: repeat(1, 1fr);}
	.footer .col:first-of-type{grid-column:span 1;  grid-template-columns: repeat(1, 1fr);}
}
@media only screen and (max-width: 600px) {
	.mob_menu .menu_top{margin-bottom:10px;}
	
	.header {padding-bottom:15px}
	.header .logo{margin-top:-40px; left:-10px; height:150px; width:250px; box-shadow:0 25px 70px rgba(0,0,0,0.1); padding:30px; }
	.header .logo img{ width:120px}
	
	.header .top_bar { margin-bottom: 10px; padding-left: 200px;}
	.header .menu_bar {    padding-left: 200px;}
}


@media only screen and (max-width: 550px) {
	.btn.round_btn {width: 48px;  height: 48px; font-size: 20px;}
	.header .logo{box-shadow:none; transform:rotate(0deg); border-radius:0; top:0; margin-top:0; width:120px; height:auto; padding:10px 0; left:10px}
	.header .logo img{ transform:rotate(0deg)}
	.header .top_bar {  padding-left: 150px;}
	.header .menu_bar {    padding-left: 150px;}
	
	.header .top_bar{font-size:14px}
	.pre_footer .grid.cols2 { grid-template-columns: repeat(1, 1fr);}
	
	.home_content .colored_block {        padding: 50px 20px 50px 20px;    }
	.gallery .cols4{gap:25px}
	
	.wpcf7 .label{width: 100%; }
	.wpcf7 .form_field{width: calc(100%); }
}

@media only screen and (max-width: 450px) {
	html, body {font-size: 17px;}
	h1, .h1{font-size:38px; margin-bottom:0.5em}
	h2, .h2{font-size:24px;}
	h3, .h3{font-size:22px;}
	h4, .h4{font-size:20px;}
	h5, .h5{font-size:18px;}
	h6, .h6{font-size:17px;}
	.maxw1{padding:0 10px}
	.maxw2{padding:0 10px}
	
	
	.btn.round_btn {width: 40px;  height: 40px; font-size: 18px;}
	.mob_menu .inner ul {font-size: 26px;}
	.header .logo{width:90px; }
	.header .logo img{ transform:rotate(0deg)}
	.header .top_bar {  padding-left: 100px; margin-bottom:0}
	.header .menu_bar {    padding-left: 100px;}
	
	
	
	.slider{    margin-bottom: 55px;} 
	.home_content {margin-bottom: 55px;}
	.home_content .left{margin-bottom:55px}
	.home_content .right{margin-bottom:55px}
	.home_content .right .img2{margin-top:-20px}
	.content_block.text_img .left{margin-bottom:55px}
	
	.content_block{margin-bottom:55px}
	.content_block.teamblock .team .member {    grid-template-columns: 100px 1fr;}
	
}


@media only screen and (max-width: 350px) {
	.btn.l_btn {font-size: 18px; padding: 16px 55px 16px 20px;}
	.btn.n_btn {font-size: 18px; padding: 16px 45px 16px 20px;}
	
	
	
	.slider .slider_btns .btn {  padding-left: 50px;}
	
	.subpages .btn{padding-left:50px}
	
}


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