/*create by Clean Style*/
/* ================================= MAIN =================================*/
html, body { height:100%;}
body { background:#ffffff; margin:0; padding:0; font-size:16px; font-family: 'Roboto', sans-serif; color:#212529; min-height:100%; height:auto!important; height:100%; position:relative; line-height: 30px;}
img {border:none; outline:none;}
a {outline-style: none; color:#212529; transition: color .3s;}
a:hover {color:#90C72F;}
.left { float:left;}	
.right { float:right;}
.clear { clear:both; font-size:0; line-height:0;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

#container {margin:0 auto; padding:0; position: relative; min-height: 600px;}
/* ================================= header =================================*/
.top {z-index: 1000; position: fixed; width: 100%; top: 0px; background: #ffffff; box-shadow: 0 0 20px rgba(37, 37, 37, 0.15);}
#slideshow {margin-top: 80px;}
.topImage {margin-top: 80px;}
.top .logo {max-height: 40px; margin: 20px 0; line-height: 40px;}
.top .logo img {max-height: 40px; height: 100%;}
.top .menu {line-height: 60px; position: relative; z-index: 1000;}
.top .menu ul {margin: 0px; padding: 0px;}
.top .menu ul ul {display: none; position: absolute; min-width: 340px; width: auto; left: 0px; top: 80px; background: #90C72F; border-bottom: 5px solid #ffffff;}
.top .menu ul li {margin: 0px; padding: 0px; display: inline-block; position: relative;}
.top .menu ul li a {text-decoration: none; color:#90C72F; padding: 0 10px; display: inline-block; transition: background .3s, color .3s; text-transform: uppercase;}
.top .menu ul li:hover > ul {display: inline-block;}
.top .menu ul li:hover > a, .top .menu ul li a.active {background:#90C72F; color: #ffffff;}
.top .menu ul ul li a {color: #ffffff; display: block; border-bottom: 1px solid rgba(241, 241, 241, 0.15); line-height: 50px; text-transform: none;}
.top .menu ul ul li:hover a, .top .menu ul ul li a.active {background: #212529; color: #ffffff; cursor: pointer;}
.top .menu ul ul li {display: block;}

.top .mobileMenu {position: absolute; width: 100%; left: 0px; top: 80px; background: #ffffff; display: none; line-height: 60px; overflow-y: scroll;}
.top .mobileMenu .menu ul {margin: 0px; padding: 0px;}
.top .mobileMenu .menu ul ul {position: relative; position: 1001; top: 0px; background: #f8f9fa; border-bottom: 0px; width: 100%;}
.top .mobileMenu .menu ul ul li {border-bottom: 1px solid #dedfe0;}
.top .mobileMenu .menu ul li.active > a {background: #90C72F; color: #ffffff;}
.top .mobileMenu .menu ul ul li a {color: #212529;}
.top .mobileMenu .menu ul ul li a:hover {color: #ffffff;}
.top .mobileMenu .menu ul ul li a.active {color: #ffffff;}
.top .mobileMenu .menu ul li {width: 100%; line-height: 60px; padding: 0px; display: inline-block; border-bottom: 1px solid #f1f1f1; margin: 0px;}
.top .mobileMenu .menu ul li:hover > ul {display: none;}
.top .mobileMenu .menu ul li a {width: 100%; display: inline-block; line-height: 60px;}

.top .navButton {font-size: 24px; line-height: 80px; cursor: pointer;}
.top #form-language {text-align: center; border-bottom: solid 5px #90C72F;}
.top #form-language ul {padding: 0px; display: block;}
.top #form-language li {display: inline-block; width: 40px;}
.top #form-language li a {display: inline-block; width: 40px; background: rgba(144, 199, 47, 0.3); border-radius: 5px; margin: 10px 5px; line-height: 38px; height: 40px; cursor: pointer; transition: background .3s; padding: 0px;}
.top #form-language li a:hover, .top #form-language li a.active {background: rgba(144, 199, 47, 1);}

.language {position: relative; z-index: 100;}
.language ul {margin:0; padding: 20px 0;}
.language ul li {list-style: none; display: inline-block;}
.language ul li a {background: rgba(144, 199, 47, 0.1); width: 40px; height: 40px; border-radius: 5px; display: inline-block; text-align: center; line-height: 0; padding: 8px 0 0 0; cursor: pointer; transition: background .3s;}
.language ul li a:hover {background: rgba(144, 199, 47, 1);}
.language ul li a.active {background: rgba(144, 199, 47, 1);}

.partners .owl-item img {filter:brightness(98%)}

/* ================================= content =================================*/
.title {font-size: 26px; font-weight: 300; line-height: 36px; text-transform: uppercase;}
.subtitle {font-size: 16px; font-weight: 300; line-height: 26px;}

.btn {border-radius: 0px; border-width: 2px;}
.btn-primary {padding: 15px 30px; font-size: 18px; font-weight: 700; line-height: 36px; border-radius: 0px; background-color: transparent; text-transform: uppercase; border-color: #f1f1f1;}
.btn-primary:hover {background-color: #ffffff; color: #90C72F; border-color: #f1f1f1;}
.btn-primary:active {background-color: #ffffff; color: #90C72F; border-color: #f1f1f1;}
.btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {background-color: #f1f1f1; color: #90C72F; border-color: #f1f1f1; box-shadow: 0 0 0 0.25rem rgba(241, 241, 241, 0.5);}
.btn-check:focus + .btn, .btn:focus {color:#90C72F; background-color:#f1f1f1; border-color:#f1f1f1; outline: 0; box-shadow:0 0 0 0.25rem rgba(241, 241, 241, 0.5);}

.btn-secondary {padding: 15px 30px; font-size: 18px; font-weight: 700; line-height: 22px; border-radius: 0px; background-color: transparent; text-transform: uppercase; color: #90C72F; border-color: #90C72F;}
.btn-secondary:hover {background-color: #90C72F; color: #ffffff; border-color: #90C72F;}
.btn-secondary:active {background-color: #90C72F; color: #ffffff; border-color: #90C72F;}

.bg-green {background: #90C72F;}

.line {width: calc(100% - 100px); height: 1px; background: rgba(100, 100, 100, 0.2);}

.slideshow {}
.slideshow .owl-nav {}
.slideshow .owl-nav button.owl-prev {position: absolute; left: 0px; top: 0px; width: 150px; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.5); color:#f1f1f1; font-size: 30px; transition: opacity .3s;}
.slideshow .owl-nav button.owl-prev:hover {opacity: 1;}
.slideshow .owl-nav button.owl-next {position: absolute; right: 0px; top: 0px; width: 150px; height: 100%; opacity: 0;  background: rgba(0, 0, 0, 0.5); color:#f1f1f1; font-size: 30px; transition: opacity .3s;}
.slideshow .owl-nav button.owl-next:hover {opacity: 1;}
.slideshow .owl-dots {width: 100%; position: absolute; bottom: 10px; left: 0px; text-align: center;}
.slideshow .owl-dots .owl-dot {width: 20px; height: 20px; border: 2px solid #90C72F; margin: 0 5px; transition: border .3s, background .3s; line-height: 20px; display: inline-block;}
.slideshow .owl-dots .owl-dot:hover, .slideshow .owl-dots .owl-dot.active {background: #ffffff; border: 2px solid #ffffff;}
.slideshow .owl-item .item::before {content: ''; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.slideshow .owl-item.active .caption {display: inline-block;}
.slideshow .caption {position: absolute; left: 0px; top: 10px; width: 100%; font-size: 20px; line-height: 30px; color: #ffffff; text-align: center; display: none; font-weight: 700; text-transform: uppercase;}
.slideshow .topImageBanner {padding: 0px 15px; font-size: 16px; font-weight: 700; line-height: 20px; border-radius: 0px; background-color:#90C72F; text-transform: uppercase; color: #f1f1f1; text-decoration: none; line-height: 36px; display: inline-block; border: 2px solid #90C72F; cursor: pointer; transition: border .3s, background .3s, color .3s;}
.slideshow .topImageBanner:hover {background: #f1f1f1; color: #90C72F; border: 2px solid #f1f1f1;}

ol {}
ol li {list-style: decimal;}
ul li {list-style: disc;}

.services {}
.services .container {z-index: 5; background: rgba(255, 255, 255, 0.8);}
.services .icon {width: 80px; height: 80px;}
.services .name {font-weight: 500; text-transform: uppercase; font-size: 18px;}
.services .description {font-size: 16px; color: #646464; line-height: 22px;}
.services .readmore a {color: #90C72F;}

.latest {}
.latest .tablist {margin: 0px; padding: 0px;}
.latest .tablist li {margin: 0px; padding: 0px;}
.latest .tablist li::marker {display: none; content: '';}
.latest .tablist li button {margin: 0px; padding: 0 15px; line-height: 50px; color: #212529; font-weight: 700; font-size: 16px; background: #ffffff; border: none; border-bottom: 1px solid #f1f1f1; width: 100%; display: block; text-align: left; transition: background .3s;}
.latest .tablist li button:hover {background: #f1f1f1;}
.latest .tablist li button.active {border-left: 4px solid #90C72F; color: #90C72F;}
.latest .carousel {}
.latest .carousel .owl-nav {position: absolute; right: 0px; top: -70px;}
.latest .carousel .owl-nav button {width: 40px; height: 40px; line-height: 40px; color: #ffffff; background: #90C72F; margin-left: 10px;}
.latest .carousel .item {position: relative; cursor: pointer; overflow: hidden;}
.latest .carousel .item:hover > .description {bottom: 0px;}
.latest .carousel .description {position: absolute; bottom: -50px; left: 0px; background: rgba(255, 255, 255, 0.9); color: #212529; font-weight: 700; width: 100%; line-height: 40px; padding: 5px 0 5px 10px; transition: bottom .3s;}
.latest .carousel .description p {display: inline-block; width: calc(100% - 50px); margin: 0px; padding: 0px;}
.latest .carousel .description .button {width: 40px; display: inline-block; height: 40px;}
.latest .carousel .description .button a {width: 40px; display: inline-block; height: 40px; text-align: center; background: #90C72F; color: #ffffff; font-size: 22px;}
.latest .line {width: calc(100% - 100px); height: 1px; background: rgba(100, 100, 100, 0.2);}

.edges {}
.edges .homeList {padding: 0px; margin: 0px; line-height: 24px; }
.edges .homeList li {margin: 0 0 10px 0;}
.edges .homeList i {color: #90C72F; margin-right: 5px;}
.edges .youtube-background::before {background: rgba(255, 255, 255, 0.8); content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 100;}

.review {padding: 120px 0; /*background: url('/catalog/view/theme/cleanstyle/images/reviews_bg.png') no-repeat center center; background-size: cover; background-attachment: fixed;*/ color: #ffffff; position: relative; z-index: 20;}
.review::before {position: absolute; content: ''; display: inline-block; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);}
.review .name {color: #90C72F; font-size: 18px; font-weight: 500; text-transform: uppercase;}
.review .position {margin: 15px 0;}
.review .position::after {background: #90C72F; width: 10%; margin: 0 45%; content: ''; display: inline-block; height: 2px;}
.review .owl-dots {text-align: center;}
.review .owl-dots button {border: 2px solid #90C72F; width: 20px; height: 20px;	margin: 0 5px; transition: border .3s, background .3s;}
.review .owl-dots button.active, .review .owl-dots button:hover {background: #ffffff; border: 2px solid #ffffff;}

.particles-js {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1;}
.capability .container {z-index: 2; position: relative; background: rgba(248, 249, 250, 0.8);}
.capability .title {font-size: 18px; font-weight: 500; border-bottom: 2px solid #90C72F; display: inline-block;}
.capability .accordion-header {padding: 0px; margin-top: 4px; position: relative;}
.capability .accordion-header button {padding: 0px 20px; line-height: 40px; background: #90C72F; color: #ffffff; font-size: 16px; font-weight: 400;}
.capability .accordion-header .collapsed {padding: 0px 20px; line-height: 40px; background: #ffffff; color: #212529;}
.capability .accordion-body {padding: 20px;}
.capability .accordion-button::after {content: '\f0d7'; background-image: none; font-family: "Font Awesome 6 Free"; font-weight: 900; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; transform: none;} /* opened */
.capability .accordion-button:focus {box-shadow: none;}
.capability .accordion-button:not(.collapsed)::after {background-image: none;} /* closed */

.asia {position: relative; overflow: hidden;}
.asia::before {content: ''; display: inline-block; width: 100%; background: rgba(0, 0, 0, 0.5); height: 100%; position: absolute; left: 0px; top: 0px; z-index: 90;}
.asia .row {position: relative; z-index: 100;}

.team {}
.team .teams {}
.team .teams .owl-nav {position: absolute; right: 0px; top: -70px;}
.team .teams .owl-nav button {width: 40px; height: 40px; line-height: 40px; color: #ffffff; background: #90C72F; margin-left: 10px;}
.team .teams .item {position: relative; cursor: pointer;}
.team .line {width: calc(100% - 100px); height: 1px; background: rgba(100, 100, 100, 0.2);}
.team .teams .social {position: absolute; left: 0px; top: calc(50% - 20px); text-align: center; z-index: 40; width: 100%; opacity: 0; transition: opacity .3s;}
.team .teams .social ul {margin: 0px 25px; padding: 0px; position: relative;}
.team .teams .social ul li {list-style: none; display: inline-block; margin: 0 3px;}
.team .teams .social ul li a {width: 40px; height: 40px; text-align: center; line-height: 40px; background: #ffffff; color: #212529; display: block; transition: background .3s, color .3s;}
.team .teams .social ul li a:hover {background: #212529; color: #ffffff; }
.team .teams .item {position: relative;}
.team .teams .item .image {overflow: hidden; position: relative;}
.team .teams .item .image::before {content: ''; display: inline-block; width: 100%; height: 0%; position: absolute; left: 0px; top: 50%; background: rgba(144, 199, 47, 0.9); z-index: 30; opacity: 0; transition: height .3s, top .3s, opacity .5s;}
.team .teams .item:hover .image::before {height: 100%; top: 0px; opacity: 1;}
.team .teams .item:hover .social {opacity: 1;}
.team .teams .item:hover .social ul li {opacity: 1; margin: 0 5px;}
.team .teams .item .name {font-weight: 700; font-size: 16px;}
.team .teams .item .position {font-weight: 400; font-size: 16px;}

.video {/*background: url('/catalog/view/theme/cleanstyle/images/reviews_bg.png') no-repeat center center; background-size: cover; background-attachment: fixed;*/ color: #ffffff; position: relative; padding: 120px 0;}
.video::before {position: absolute; content: ''; display: inline-block; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);}
.video .container {position: relative; z-index: 2;}

.newsBlock .news .owl-nav {position: absolute; right: 0px; top: -70px;}
.newsBlock .news .owl-nav button {width: 40px; height: 40px; line-height: 40px; color: #ffffff; background: #90C72F; margin-left: 10px;}
.newsBlock .line {width: calc(100% - 100px); height: 1px; background: rgba(100, 100, 100, 0.2);}
.newsBlock .item .date {color: #90C72F; font-style: italic;}
.newsBlock .item .name {color: #212529; font-weight: 700; line-height: 24px;}
.newsBlock .item .description {color: #212529; font-weight: 400; line-height: 24px; height: 150px; overflow: hidden;}
.newsBlock .news a {text-decoration: none;}
.newsBlock .readmore a {color: #90C72F;}

.newsCategoryBlock .item .date {color: #90C72F; font-style: italic;}
.newsCategoryBlock .item .name {color: #212529; font-weight: 700; line-height: 24px;}
.newsCategoryBlock .item .description {color: #212529; font-weight: 400; line-height: 24px; height: 120px; overflow: hidden;}
.newsCategoryBlock a {text-decoration: none;}
.newsCategoryBlock .readmore a {color: #90C72F;}

.partnersBlock {line-height: 0px;}
.partners .owl-nav {position: absolute; width: 100%; left: 0px; top: 40px;}
.partners .owl-nav .owl-prev {left: -50px;}
.partners .owl-nav .owl-next {right: -50px;}
.partners .owl-nav button {width: 40px; height: 40px; line-height: 40px; color: #ffffff!important; background: #90C72F!important; position: absolute;}

.maps {}
.maps p {margin: 0px; padding: 0px;}
.maps a {text-decoration: none;}
.maps .text i {color: #90C72F;}

.topImage {background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 999;}
.topImage h1 {text-transform: uppercase; font-weight: 300; position: relative; z-index: 997;}
.topImage:after {content: ''; width: 100%; height: 100%; display: inline-block; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; z-index: 996;}

.breadcrumbs {padding: 15px 0;}
.breadcrumbs li {list-style: none; display: inline-block; line-height: 20px; }
.breadcrumbs li span {color: #90C72F; padding: 0 10px;}
.breadcrumbs li a {display: inline-block; padding: 0 10px; color: #212529; text-decoration: none;}

.pagination {text-align: center; display: block; border-top: 1px solid #f1f1f1; padding-top: 3rem;}
.pagination li {display: inline-block;}
.pagination a {width: 40px; height: 40px; border: 1px solid #212529; line-height: 40px; text-align: center; display: inline-block; margin: 0 5px; color: #212529; transition: background .3s, color .3s, border .3s; text-decoration: none;}
.pagination a:hover {border: 1px solid #90C72F; color: #f1f1f1; background: #90C72F;}
.pagination span {width: 40px; height: 40px; border: 1px solid #90C72F; line-height: 40px; text-align: center; display: inline-block; margin: 0 5px; color: #f1f1f1; background:#90C72F;}

.list .item {position: relative; cursor: pointer; overflow: hidden;}
.list .item:hover > .description {bottom: 0px;}
.list .description {position: absolute; bottom: -50px; left: 0px; background: rgba(255, 255, 255, 0.9); color: #212529; font-weight: 700; width: 100%; line-height: 40px; padding: 5px 0 5px 10px; transition: bottom .3s;}
.list .description p {display: inline-block; width: calc(100% - 50px); margin: 0px; padding: 0px;}
.list .description .button {width: 40px; display: inline-block; height: 40px;}
.list .description .button a {width: 40px; display: inline-block; height: 40px; text-align: center; background: #90C72F; color: #ffffff; font-size: 22px;}

.g-recaptcha > div {margin: 0 auto;}
.modal .modal-header a {cursor: pointer; transition: color .3s;}
.modal .modal-header a:hover {color: #ff0000;}

.contactForm {}
.contactForm input {width: 100%; border: 1px solid #bababa; padding: 0 10px;}
.contactForm textarea {width: 100%; border: 1px solid #bababa; min-height: 100px; max-height: 150px; height: 100px;}
.contactForm .btnSubmit {padding: 15px 30px; font-size: 18px; font-weight: 700; line-height: 36px; border-radius: 0px; background-color:#90C72F; text-transform: uppercase; color: #f1f1f1; display: block; width: auto; margin: 0 auto; padding: 10px; transition: background .3s, color .3s;}
.contactForm .btnSubmit:hover {background-color: #ffffff; color: #90C72F; border-color: #bababa;}

.information {}
.information ol li i {color: #90C72F;}
.information ol p {}

.categoryDescription {min-height: 0px;}
.categoryDescription ul {}
.categoryDescription ul li {list-style: disc;}

.categories .item a {font-size: 14px;}

.categories .container {z-index: 5; background: rgba(255, 255, 255, 0.8);}

/* ================================= footer =================================*/
.footer {}
.footer a {color: #ffffff; text-decoration: none; transition: color .3s;}
.footer a:hover {color: #90C72F;}
.footer h5 {font-size: 18px; text-transform: uppercase; font-weight: 400; margin-bottom: 15px;}
.footer p {margin: 0px; padding: 0px;}
.footer ul {margin: 0px; padding: 0px;}
.footer ul li {list-style: none; display: inline-block; margin-bottom: 10px;}
.footer p i {color: #90C72F; margin-right: 5px;}
.footer ul li a {border: 1px solid #f1f1f1; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-right: 5px; display: inline-block; color: #ffffff; transition: background .3s, color .3s;}
.footer ul li a:hover {background: #ffffff; color: #212529;}


/* ================================= RESPONSIVE =================================*/

@media (min-width: 576px) { 
	.slideshow .caption {top: 30px; font-size: 30px; line-height: 50px;}
	.team .teams .social ul {margin: 0 5px;}
	.team .teams .item:hover .social ul li {margin: 0 3px;}
}

@media (min-width: 768px) {
	.slideshow .caption {top: 60px; font-size: 40px; line-height: 60px;}
}

@media (min-width: 992px) {
	.slideshow .caption {top: 60px; font-size: 60px; line-height: 80px;}
}

@media (min-width: 1200px) {
	.slideshow .caption {top: 90px; font-size: 60px; line-height: 140px;}
}

@media (min-width: 1400px) {
	.title {font-size: 36px; line-height: 46px;}
	.subtitle {font-size: 20px; line-height: 30px;}
	.top .menu {line-height: 80px;}
	.top #form-language {border-bottom: none;}
	.top #form-language {text-align: right;}
	.language ul li a {padding: 0px;}
	.top #form-language li a {margin: 20px 5px;}
	#slideshow {margin-top: 80px;}
	.topImage {margin-top: 80px;}
	.slideshow .caption {top: 90px; font-size: 60px; line-height: 140px;}
	.slideshow .owl-dots {bottom: 30px;}
	.slideshow .topImageBanner {padding: 15px 30px; font-size: 18px; line-height: 36px;}
}