.top-banner{position:relative}
.top-banner img{display:block;width:100%}
.top-banner .container{width:55%;position:absolute;left:30px;top:50%;transform:translateY(-50%);}
.top-banner img.mobile-img{display:none !important}

.top-banner .slogan{background-color:#CFE0F1;border-radius:10px;padding:30px 40px;color:var(--secondary-color);margin-bottom:20px}
.slogan h2{margin:0 0 20px;font-size:35px}
.slogan ul{padding-left:0;margin-top:0;list-style:none}
.slogan ul li{font-size:20px;margin-bottom:5px}

.top-banner-desc .banners{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.top-banner-desc .banners .banner-item{cursor:pointer;width:calc(50% - 5px);position:relative;border-radius:33px;border:7px solid #C9C9C9}
.top-banner-desc .banners .banner-item:nth-child(1){margin-right:5px}
.top-banner-desc .banners .banner-item:nth-child(2){margin-left:5px;border-color:var(--primary-color)}
.top-banner-desc .banners .banner-item img{border-radius:30px}
.top-banner-desc .banners .banner-label {
	margin: 0;
    position: absolute;
    top: 10px;
    color: #000000;
    text-shadow: 0 0 3px white, 0 0 6px white, 0 0 10px white;
    font-size: 30px;
    left: 10px;
    width: 80%;
    padding: 8px 10px;
}
.top-banner-desc .banners p.learn-more{color:#696565;position:absolute;right:20px;bottom:20px;font-size:.95rem;margin:0;font-weight:800}
.top-banner-desc .banners p.learn-more svg{display:inline-block;width:20px;vertical-align:bottom}
.top-banner img.desktop-banner.d-none,
.top-banner img.mobile-banner.d-none{display:none !important}

.features{margin:50px auto;position:relative}
.features ul{list-style:none;overflow:hidden;padding-left:0;margin-top:0}
.features ul li{float:left;width:calc(25% - 20px);margin:0 10px;border-right:1px solid black;padding:5px 20px 5px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.features ul li:last-child{border-right:0}
.features ul li img{width:60px;margin-right:10px}
.features ul li img + span{font-size:22px;color:var(--secondary-color);
/*	width:calc(100% - 90px);*/
	letter-spacing:1.2px
}

#solutions-section{margin-bottom:200px}

.solution{margin-bottom:120px;display:flex;flex-wrap:wrap;justify-content:space-between}
.solution .solution-desc{width:calc(50% - 20px);margin-right:20px;position:relative}
.solution .solution-img{width:calc(50% - 20px);margin-left:20px}
.solution .solution-img img{display:block;width:100%}

.solution .solution-desc .badges{position:absolute;right:0;bottom:0;width:180px}
.solution .solution-desc .badges img{display:block;width:100%;margin-bottom:30px}
.solution .solution-desc .badges img:last-child{margin-bottom:0}

.solution .solution-desc .with-badges{width:calc(100% - 200px);margin-right:20px}
.solution .solution-desc small.label{color:#949dab;font-weight:800;font-size:var(--font-big)}
.solution .solution-desc h3{font-size:35px;color:var(--secondary-color);margin:5px 0}
.solution .solution-desc p.main-desc{margin:0;line-height:2;font-size:20px}
.solution .solution-desc a.more-btn{cursor:pointer;width:190px;display:block;margin-top:30px}
.solution .solution-desc a.more-btn img{width:100%;display:block}

.solution.reverse{flex-direction:row-reverse}
.solution.reverse .solution-desc{margin-right:0;margin-left:20px}
.solution.reverse .solution-img{margin-left:0;margin-right:20px}
.solution .horizontal-badges{margin-top:80px}
.solution .horizontal-badges img{margin-right:20px}

.solution .horizontal-badges.with-desc{overflow:hidden}
.solution .horizontal-badges.with-desc a,
.solution .horizontal-badges.with-desc p{margin:0 7.5px 10px;width:calc(25% - 15px);float:left;color:black;text-decoration:none}
.solution .horizontal-badges.with-desc a img,
.solution .horizontal-badges.with-desc p img{width:100%}
.solution .horizontal-badges.with-desc a span,
.solution .horizontal-badges.with-desc p span{color:var(--secondary-color);font-size:var(--font-mediume);display:block;text-align:center;margin-top:3px}

#index-latest-news{margin-bottom:120px}
#index-latest-news h2{font-size:40px;color:var(--primary-color);margin:0;text-align:center;letter-spacing:2px}
#index-latest-news .news-item{margin-top:60px}

.news-item{display:flex;flex-wrap:wrap;text-decoration:none;margin-bottom:80px;text-decoration:none !important}
.news-item .news-cover{width:calc(35% - 20px);margin-right:20px;position:relative;}
.news-item .news-cover img{width:100%;border-radius:50%}
.news-item .news-brief{color:var(--secondary-color);width:calc(65% - 20px);margin-left:20px;padding:30px 0}
.news-item .news-brief .news-date{margin:0 0 20px;font-size:var(--font-medium)}
.news-item .news-brief h3{margin:0 0 20px;line-height:1.2;font-size:30px}
.news-item .news-brief p.brief{margin:0;line-height:1.5;letter-spacing:1.2px}

#company-history{margin-bottom:120px}
#company-history h2{font-size:40px;color:var(--primary-color);margin:0;text-align:center;margin-bottom:80px;letter-spacing:2px}
#company-history img{display:block;width:100%}

#contact-form{margin-bottom:150px}
#contact-form .top-contacts-info{border-bottom:5px solid var(--primary-color);padding-bottom:12px}
#contact-form .top-contacts-info h2{font-size:var(--font-medium);color:var(--primary-color);margin:0 0 5px}
#contact-form .top-contacts-info h3{display:flex;align-items:flex-start;margin:0}
#contact-form .top-contacts-info h3 > span{font-size:40px;margin-right:30px}
#contact-form .top-contacts-info h3 > a{}
#contact-form .top-contacts-info h3 > a img{display:block;width:100%;max-width:150px}

#contact-form ul.contacts{padding-left:0;margin-top:0;list-style:none;padding-top:20px;margin-bottom:50px}
#contact-form ul.contacts li{margin-bottom:5px;font-size:var(--font-large)}
#contact-form .submit-btn{text-align:center}
#contact-form .submit-btn button{background-color:transparent;border:0;margin-top:20px}
#contact-form .submit-btn button img{display:block;width:100%;max-width:180px}

#company-history .mobile{display:none !important}

.news-date-bubble{
	background-color: #768fb6;
    color: white;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
}
.news-date-bubble p{border-bottom:2px solid white;margin:0;width:100%}
.news-date-bubble p:nth-child(2){border-bottom:0}
@media screen and (max-width: 1330px) {
	.solution .solution-desc .badges img{width:150px;margin:0 0 30px auto}
}

@media screen and (max-width: 1200px) {
	#solution-diagnosis.solution .solution-desc{width:100%;order:2;margin-right:0;margin-top:0;padding-top:210px}
	#solution-diagnosis.solution .solution-img{width:100%;order:1}
	#solution-diagnosis.solution .solution-img img{max-width:800px;margin:0 auto}
	#solution-diagnosis.solution .solution-desc .badges{width:100%;top:30px;overflow:hidden;height:160px;display:flex;justify-content:space-around}
	#solution-diagnosis.solution .solution-desc .badges img{margin:0;float:left;width:33.3%;max-width:160px}
	#solution-diagnosis.solution .solution-desc .with-badges{width:100%}
}

@media screen and (max-width: 1110px) {
	.features{background-image:url(../images/icons/cross.png);background-position:center center;background-size:300px;background-repeat:no-repeat}
	.features ul li{width:50%;margin:0;border:0;padding:20px 0}
	.features ul li:nth-child(2){border-right:0}
	.features ul li:nth-child(3){border-bottom:0}
	.features ul li:nth-child(4){border-bottom:0}

	.features ul li img{display:block;margin-right:0;margin-bottom:20px;width:100%;max-width:60px}
	.features ul li img + span{width:100%;text-align:center}
}

@media screen and (max-width: 991px) {
	.top-banner .container{width:60%}
	.slogan h2{font-size:30px}

	.solution .solution-desc{width:100%;order:2;margin:0 0 !important;padding-top:210px}
	.solution.reverse .solution-img{margin-right:0}
	.solution .solution-img{width:100%;order:1}
	.solution .solution-img img{max-width:800px;margin:0 auto}
	.solution .horizontal-badges{position:absolute;top:30px;margin-top:0}
	.solution .horizontal-badges img{max-width:160px;margin-right:0}
	#solution-oem.solution .horizontal-badges img{margin-right:20px}

	#solutions-section{margin-bottom:100px}
	.solution .horizontal-badges.with-desc{width:100%}
	.solution .horizontal-badges.with-desc p{text-align:center}
	#solution-medicine.solution .solution-desc{padding-top:260px}
	#solution-projects.solution .solution-desc{padding-top:30px}
	#solution-projects.solution .horizontal-badges{position:static;margin-top:30px}
	#solution-projects.solution .horizontal-badges img{margin:0 auto}

	#company-history h2{margin-bottom:0}
	#company-history img{display:none !important}
	#company-history .mobile{display:block !important}
	#company-history .mobile img{display:block !important}
}

@media screen and (max-width: 768px) {
	.top-banner .container{width:100%;left:0}
	.top-banner img{display:none !important}
	.top-banner img.mobile-img{display:block !important}
	.top-banner .slogan{}
	.top-banner-desc .banners .banner-item{width:100%;margin:0 0 20px !important}
	.top-banner-desc .banners p.learn-more{font-size:1.15rem}
	.top-banner-desc .banners p.learn-more svg{width:24px}

	.news-item .news-cover{width:100%;margin:0 0 30px}
	.news-item .news-brief{width:100%;margin:0}
	.news-item .news-brief .news-date{font-size:var(--font-large)}
	.news-item .news-brief h3{font-size:40px}
	.news-item .news-brief p.brief{font-size:20px}

	.solution{margin-bottom:80px}

	.features{background-size:50%}
	.features ul li img + span{font-size:var(--font-medium)}

	.news-date-bubble{width:140px;height:140px}
}

@media screen and (max-width: 578px) {
	#solution-diagnosis.solution .solution-desc{padding-top:180px}
	#solution-diagnosis.solution .solution-desc .badges{height:120px}
	#solution-diagnosis.solution .solution-desc .badges img{max-width:120px}

	.solution .horizontal-badges.with-desc p{width:calc(50% - 15px)}

	#solution-projects.solution .horizontal-badges.with-desc p{width:calc(25% - 15px)}

	.solution .solution-desc a.more-btn{max-width:70%}

	#solution-medicine .horizontal-badges.with-desc a{width:calc(50% - 15px);text-align:center}
}

@media screen and (max-width: 500px) {
	.solution .solution-img img{max-width:100%}
	.top-banner .slogan{padding:30px 25px}
	.slogan h2{font-size:25px}
	.slogan ul li{font-size:18px}

	#solution-oem.solution .horizontal-badges img,
	#solution-diagnosis.solution .solution-desc .badges img{max-width:80px}
	#solution-diagnosis.solution .solution-desc .badges{height:80px}
	#solution-diagnosis.solution .solution-desc{padding-top:135px}
	.solution .solution-desc{padding-top:135px}

	.features{background-size:60%;padding-left:15px;padding-right:15px}
	.news-date-bubble{width:100px;height:100px}	

	#contact-form .top-contacts-info h3 > span{font-size:30px}
}

@media screen and (max-width: 400px) {
	#solution-medicine.solution .solution-desc{padding-top:220px}

	#contact-form .top-contacts-info h3{flex-wrap:wrap}
	#contact-form .top-contacts-info h3 > span{width:100%;margin-bottom:5px}
}