@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100;300;500;700&display=swap');

:root {
  --system-font: 'Commissioner', sans-serif;
  --green: #52B69A;
  --electric-green: #99D98C;
  --blue: #168AAD;
  --lightblue:#7dbacc4a;
  --silver: #F2F2F2;
  --black: #000;
  --white: #fff;
  --shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
  --grey: #818181;

}
.overflow-hidden {overflow: hidden;border:solid 1px var(--grey)}
.overflow-hidden:hover .bw {filter: grayscale(0);-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear; box-shadow: var(--shadow);}
.primary-text{color:var(--green);}
.accent-text{color:var(--blue);}
.lightblue {background-color: var(--lightblue);}
.white-text{color:var(--white)}
.black-text{color:var(--black);}
.silver-text{color:var(--silver);}
.blue-text{color:var(--blue)}
.primary{background-color:var(--green);}
.accent {background-color: var(--blue);}
.white{background-color:var(--white);}
.black{background-color:var(--black);}
.silver{background-color:var(--silver);}
h6{padding-bottom: 10px;}
.font1 {font-size: 1em;}
.font08{font-size:0.8rem;}
.font60{font-size:6em;}
.font70{font-size:7em;}
.font90{font-size:9em;}
h1 {font-size: 2em !important;}
.v-center{top:50%;position:relative;transform:translateY(-50%);}
.outline-button {border: solid 1.5px var(--white); color: var(--white);padding: 10px 20px;cursor: pointer;text-decoration: none;position: relative;font-weight: 500;display: inline-block;border-radius: 20px;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.outline-button:hover {background-color: var(--white); color: #2A6466;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.button{color:var(--white);border-radius:20px;background-color:var(--electric-green);display:inline-block;font-weight:400;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;font-weight:500;}
.button:hover{background-color:var(--blue);color:var(--white);-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.transparent-button {background-color:transparent;color:var(--white); border: 3px solid var(--white);padding: 10px 20px;cursor: pointer;text-decoration: none;position: relative;font-weight: 500;display: inline-block;border-radius: 20px;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.transparent-button:hover {background-color: var(--white); color: #2A6466;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.round-15{border-radius:15px;}
.breadcrumbs{font-size:0.8rem;opacity:0.4;}
.bw {filter: grayscale(100%);-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.bw:hover {filter: grayscale(0);-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;box-shadow: var(--shadow);}
.slick .item{padding:15px;}
.slick-dots{text-align:center;}
.slick-dots li{display:inline-block;padding-left:3px;padding-right:3px;}
.slick-dots li button{width:10px;height:10px;border-radius:50%;font-size:0.0001em;padding:0px;background-color:#CDCDCD;}
.slick-dots li button[aria-selected="true"]{background-color:var(--blue);}
.noborder {border: none !important;}
.services .row.no-home {display: none;}
body{font-family:var(--system-font);font-size:16px;font-weight:300;-webkit-animation:fadeinout .3s ease-in 1 forwards;animation:fadeinout .3s ease-in 1 forwards;}
@-webkit-keyframes fadeinout{0%{opacity:0}
100%{opacity:1}
;}
@keyframes fadeinout{0%{opacity:0}
100%{opacity:1}
;}
.wraper{margin-left:auto;margin-right:auto;}
.home {position: relative;}
.home-info {top:50%;transform: translateY(-30%);width: 700px; left:1%;right:1%;margin: auto;}
.cmspage{line-height:1.5;}
.cmspage h1{color:var(--blue);}
.cmspage span[class^=material-icon] {vertical-align: middle; font-size: 1.2em;}
.modules{display:flex;flex-wrap:wrap;}
.cmspage strong {font-weight: 700;}
.cmspage .primary strong {font-weight: 700; color: var(--white);}
.slider h1 {top:25%; left:0}
dl[humge-type="accordion"] dt.active{color:var(--yellow);background-color:transparent;}
dl[humge-type="accordion"] dt{display:block;font-weight:bold;font-size:1.4em;background-color:transparent;padding:10px 20px;cursor:pointer;color:var(--blue);padding-left:5px;}
dl[humge-type="accordion"] dt span{float:right;display:block;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease;}
dl[humge-type="accordion"] dt.active span{float:right;display:block;transform:rotate(180deg);-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease;}
dl[humge-type="accordion"] dd{background-color:transparent !important;}
.mobile-only {display: none;}
.cmspage ul,.cmspage ol{margin-bottom:10px;padding-left:20px;}
.cmspage p{margin-bottom:10px;}
.menu-call{width:30px;position:absolute;z-index:101;cursor:pointer;padding-top:8px;padding-bottom:8px;display:none;right:20px;}
.menu-call span{width:100%;height:2px;background-color:var(--green);display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:var(--green);position:absolute;top:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:var(--green);position:absolute;bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span{-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:0}
.menu-call.open span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:var(--green);position:absolute;top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:var(--green);position:absolute;bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.header-tools-mobile {display: none;}
.lngbar .lng { width: 35px;  height: 35px;  text-align: center;  line-height: 35px;  color: var(--blue);  font-weight: 600;  border: solid 1px var(--blue);  border-radius: 5px;  font-size: 0.8em;}
.lngbar ul.open {  opacity: 100;  -o-transition: all .2s ease;  -moz-transition: all .2s ease;  -webkit-transition: all .2s ease;  height: auto;}
.lngbar ul { display: flex; flex-direction: column; gap: 3px;  list-style: none; font-size: 0.9em;  position: absolute;  left: 2px;  background-color: var(--silver);  width: 30px;  text-align: center;  opacity: 0;  height: 0px;  overflow: hidden;  -o-transition: all .2s ease;  -moz-transition: all .2s ease;  -webkit-transition: all .2s ease;}
.lngbar ul li:hover {  color: var(--white);  background-color: var(--blue);  -o-transition: all .2s ease;  -moz-transition: all .2s ease;  -webkit-transition: all .2s ease;}
table thead{ background: var(--electric-green) !important; color: var(--white) !;}
table tbody td{ border: 2px solid var(--blue);}


.flex-row {display: flex;}
.flex-col {display: flex; flex-direction: column;}
.gap10 {gap: 10px;}
.gap20 {gap: 20px;}
.gap50 {gap: 50px;}
.gap100 {gap: 100px;}
.justify-content-center{justify-content: center;}
.justify-content-space-between {justify-content: space-between;}
.justify-content-space-around {justify-content: space-around;}
.align-items-center {align-items: center;}
.align-items-end {align-items: end;}
.top0 {top: 0;}
.bottom0 {bottom: 0;}
.right0 {right: 0;}
.left0 {left: 0;}
.top60 {top: 60px;}
.pad-left-10p {padding-left: 10%;}
.z-index1 {z-index: 20;}
.opacity1 {opacity: 0.1;}
.mrg-block-10p {margin-block: 10%;}
.border-radius-20 {border-radius: 20px;}
.border-images img{border-radius: 20px;}
a {text-decoration: none;}
.text-end {text-align: end;}
.border50p{border-radius: 50%;}

.slick-slide {margin: 0 27px;}
.slick-list {margin: 0 -27px;}
.slick-dotted.slick-slider {margin-bottom: 0 !important;}
.slick-dots {bottom: 0 !important;}
.slick-next.slick-arrow::before, .slick-prev.slick-arrow::before {position: static;}
.slick-dots li button {background-color: var(--green) !important;}
.slick-dots li.slick-active button:before {background-color: var(--electric-green);}
.slick-next{right: -50px !important;}
.slick-prev {left: -50px !important;}
.slick-next, .slick-prev {width: 30px !important; height:30px !important; z-index: 50;}
.slick-prev:before, .slick-next:before {font-size: 25px !important; color: var(--blue);background:linear-gradient(90deg, rgba(82, 182, 154, 0.1) 0%, rgba(22, 138, 173, 0.1) 100%);}
.slick-dots li button:before  {top: -3px; color: var(--electric-green) !important;}
.slick-dots li.slick button:before {top: -3px;color: var(--electric-green) !important;}

.hr-lines{position: relative;margin-left: 150px;}
.hr-lines:before{content:" ";display: block;height: 3px;width: 150px;position: absolute;top: 50%;left:-200px;background: var(--blue);}
.linear-gradient {background: linear-gradient(90deg, rgba(22,138,173,1) 0%, rgba(82,182,154,1) 100%);}
.linear-gradient-reverse {background: linear-gradient(90deg, rgba(82,182,154,1) 0%, rgba(22,138,173,1) 100%);}
.linear-gradient-opacity {background: linear-gradient(90deg, rgba(82,182,154,0.1) 0%, rgba(22,138,173,0.1) 100%)}

header{position:sticky;width:100%;left:0;top:0;z-index:30;box-shadow:var(--shadow); background-color: var(--white);}
header nav *{vertical-align:middle;}
header nav ul, footer nav ul{list-style:none;display:inline-block; margin-right: 10px;}
header nav ul li{display:inline-block;}
header nav ul li ul {display: none;}
header nav ul li a{text-decoration:none;display:block;font-weight: 200; padding-left:20px;padding-right:20px;font-size:1.2rem;color: var(--blue);-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
header nav ul li a:hover{color: var(--green);font-weight: bold; border-bottom: 3px solid var(--blue);  padding-bottom: 10px; -o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
header .header-tools span:first-child{border-right: 2px solid var(--blue); font-weight: 200;}
footer {border-top:solid 1px var(--silver)}
footer ul{list-style:none;line-height:1.5; display: flex; justify-content: space-between; align-items: center; width: 100%;}
footer ul li a{text-decoration:none;}
.copyright {background: #EDF7F4; font-size: 0.8em;}
 
.page-menu ul {list-style:none;}
.page-menu ul li {display: inline-block;}
.page-menu ul li a {display: block; border-radius: 15px; line-height: 30px; padding-left: 15px; padding-right: 15px; text-decoration: none; color: var(--blue); border: solid 2px var(--blue); margin-left: 10px; font-weight: 700;}
.page-menu ul li a.active {background-color: var(--blue); color: var(--white);}
.cmspage dl[humge-type="accordion"] dd.open{background-color:var(--silver) !important;border-radius:15px;}
.cmspage dl[humge-type="accordion"] dd.open .accordText{padding:20px;}
.cmspage dl[humge-type="accordion"] dt{font-size:1.1em !important;}
[humge-type="text"] label, [humge-type="password"] label, [humge-type="textarea"] label, [humge-type="date"] label, [humge-type="email"] label, [humge-type="user"] label {position: absolute;top: 4px;left: 5px;  font-size: 0.9em;  font-weight: 400;  z-index: 4;  -o-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;  opacity: 0.5;}
[humge-type="text"] input,[humge-type="password"] input,[humge-type="textarea"] input,[humge-type="date"] input,[humge-type="email"] input,[humge-type="user"] input,[humge-type="text"] textarea,[humge-type="password"] textarea,[humge-type="textarea"] textarea,[humge-type="date"] textarea,[humge-type="email"] textarea,[humge-type="user"] textarea,[humge-type="select"]{border:1px solid rgb(191,191,191);border-radius:5px;}

.min-w600 {min-width: 600px;}
.home-trusted-partner div img {width: 55%; height: 100%;}
.home-services article:hover .img img {filter: brightness(70%); box-shadow: var(--shadow);}
.home-services article:hover .title {color: var(--green);}
.home-trust-us img.absolute{top: 50%;left: 50%;transform: translate(-50%, -50%);}
.home-reviews .review {background: var(--white); text-align: center; display: flex !important; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 20px;}
.home-reviews img {width: 150px;}
.home-reviews .hl {width: 50px; border-bottom: 3px solid var(--electric-green);}

.template1 .about-page .qualifications img{border-right: 3px solid var(--green);}
.template1 .services-page h2 {top: 60px; z-index: -1;}
.template1 .services-page article {text-align: center;}
.template1 .services-page article .img img {border-radius: 20px;}
.template1 .services-page article:hover .img img {filter: brightness(70%); box-shadow: var(--shadow);}
.template1 .services-page article .title {text-align: center; color: var(--blue); font-weight: bold; text-transform: uppercase; padding-top: 10px;}
.template1 .services-page article:hover .title {color: var(--green);}
.template1 .services-page article .date, .template1 .services-page article .descr, .template1 .services-page article .read-more, .template1 .services-page article .apply{display: none;}
.template1 .blog-page article .img img {border-radius: 20px;}
.template1 .blog-page article:hover .img img {filter: brightness(70%); box-shadow: var(--shadow);}
.template1 .blog-page article .title {color: var(--blue); font-weight: bold; text-transform: uppercase; padding-top: 10px;}
.template1 .blog-page article:hover .title {color: var(--green);}
.template1 .blog-page article .read-more, .template1 .blog-page article .apply{display: none;}
.template1 .contacts-page iframe{border-radius: 20px;}

@media (max-width:1500px){
  .home-services .font90{font-size: 6em;}
  .home-services .gap100 {gap: 50px;}
  .home-services .gap150 {gap: 50px;}
  .template1 .services-page h2{top:100px; font-size:5em;}
}

@media (max-width:950px){
.menu-call{display:block;}
header > .flex-row {flex-direction: row !important;}
.header-tools-mobile {display: flex; flex-direction: column;}
.header-tools-mobile span:has(a){display: flex; flex-direction: row; justify-content: center;}
.template1 .services-page h2{top:10px; font-size:5em;}
.hr-lines{position: relative;margin-left: 100px;}
.hr-lines:before{content:" ";display: block;height: 3px;width: 150px;position: absolute;top: 50%;left:-200px;background: var(--blue);}
.flex-row{flex-direction: column;}
.button {font-size: 0.9em;}
.font90, .font70 {font-size: 3em;}
.row [class*=col-]{float:none !important;width:100% !important;margin:0;clear:left !important;margin-bottom:20px}
.wraper{max-width:inherit;min-width:inherit;width:100%;margin-left:auto;padding-left:15px;padding-right:15px;}
.lngbar {right: 70px;}

html{overflow-x:hidden;}
html,body{min-width:inherit !important;}

header .logo img{height:50px; padding-left: 0;width: auto;}
header nav{position:fixed;justify-content: start !important; width:80%;height:100%;top:0px;left:-80%;background-color:var(--white);padding:30px;text-align:center;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;box-shadow:var(--shadow);}
header nav ul li{display:block;}
header nav ul li a{color:var(--blue);font-size: 1.2em;margin-bottom: 10px;}
header nav ul{margin-bottom:40px;border:none;}
header nav.open{left:0;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
header .header-tools{display: none;}
footer .copyright {font-size: 0.8em;}

.home-services h3{text-align: center; font-size: 4em !important ;}
.home-services img{width: 60%}
.home-trusted-partner div {padding: 0;}
.home-trusted-partner div:has(>img) {position: relative; padding-left: 0;}
.home-trusted-partner div:not(:has(>img)) {text-align: center; padding-left: 0;}
.home-trusted-partner div > img {width: 100%; position: relative;}

.template1 .contacts-page iframe{border-radius: 20px; width: 100%;}
.template1 .services-page h2.absolute {text-align: center; font-size: 4em; position: relative;}
.template1 .services-page .pad-top-100 {padding-top: 0;}
.template1 .blog-page article {text-align: center;}
}