/*  */
.container-era {
	/* width: 1170px; */
	width:var(--content--width);
}

body {
	font-family: WorkSans;
	background-color: var(--light-grey);
}
.container-era {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.container-era:before,
.container-era:after {
	display: table
}

.container-era:after {
	clear: both
}

.wrapper-body {
	margin-bottom: 0px;
	width: 100%;
}

.red-button {
	color: #fff;
	background-color: var(--red);
	font-family: WorkSans;
	font-size: 14px;
	border-width: 0px;
	border-style: solid;
	font-weight: 300;
	line-height: 30px;
	padding: 0px 15px 0px 15px;
	text-align: center;
	/*background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/arrow-white.png');
	background-repeat: no-repeat;
	background-position: right 10px center;*/
	border-radius: 15px;
}
.red-button.with-path {
	background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/arrow-white.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding: 0px 35px 0px 15px;
}
.red-button:hover {
	text-decoration: none;
	color: #fff;
	background-color: var(--dark-red);
}

.white-button {
	display: block;
	color: var(--red);
	padding: 6px 35px 4px 15px;
	background-color: #fff;
	/*background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/red-path.png');
	background-repeat: no-repeat;
	background-position: right 7px center;*/
	font-family: WorkSans;
	font-size: 14px;
	font-weight: 300;
	line-height: 30px;
	padding: 0px 15px 0px 15px;
	border-radius: 15px;
}
.white-button.with-path {
	background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/red-path.png');
	background-repeat: no-repeat;
	background-position: right 7px center;
	padding: 0px 35px 0px 15px;
}
.white-button:hover {
	text-decoration: none;
}
.yellow{
	color: var(--yellow) !important;
}
.red{
	color: var(--red) !important;
}
.light-red{
	color: var(--light-red) !important;
}
/*navigation header*/

.navbar,
.navbar .container,
.navbar-static-top.navbar-inverse {
	height:var(--header-height);
	background-color: var(--black) !important;
	box-shadow: none !important;
	border: none !important;
}

.navbar,
.navbar-static-top.navbar-dataera,
.navbar-static-top.navbar-datacademy .navbar-static-top.navbar-dataspin,
.navbar-static-top.navbar-datacare {
	height:var(--header-height);
	background-color: var(--black) !important;
	box-shadow: none !important;
	border: none !important;
}

.navbar-nav>li {
	min-height: 45px;
}

.navbar-dataera .navbar-nav li a,
.navbar-datacademy .navbar-nav li a,
.navbar-datacare .navbar-nav li a,
.navbar-dataspin .navbar-nav li a {
	color: var(--white) !important;
}

.navbar-dataera div {
	color: var(--white);
}

.navbar-inverse .navbar-nav>li>a {
	color: var(--white) !important;
}

.navbar .container {
	height: 60px;
	padding: 0px 15px 0px 15px;
}

.navbar-brand {
	height: 60px;
	padding: 0;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a {
	font-family: Epilogue !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	background-color: var(--black) !important;
	border: none !important;
	padding-bottom: 15.5px;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
	text-decoration: none !important;
	background-color: var(--black) !important;
	border: none !important;
}

.navbar-nav>li:hover,
.navbar-nav>li:active,
.navbar-nav>li:visited,
.navbar-nav>li:focus {
	text-decoration: none !important;
	background-color: var(--black) !important;
	/* border-style: none none solid none !important;
	border-color: var(--white) !important;
	border-width: 0px 0px 2px 0px !important; */
}

.navbar-static-top.navbar .navbar-collapse {
	background-color: var(--black);
}

a.dataclub span,
a:hover.dataclub span {
	background-color: var(--dark-grey) !important;
	display: block;
	padding: 5px 10px;
}

a.dataclub {
	padding-top: 10px !important;
	padding-bottom: 9.5px !important;
}

.navbar-nav>li>a>img {
	vertical-align: text-top;
}

h1,
h2,
h3,
h4 {
	font-family: Epilogue !important;
	font-weight: 500;
	font-style: normal;
}
h1{
	font-size: 40px !important;
}
h2{
	font-size: 36px !important;
}
h3{
	font-size: 32px !important;
}
h4{
	font-size: 28px !important;
}
h5{
	font-size: 26px;
}
h6{
	font-size: 20px;
	margin: 15px 0px 10px 0;
	font-weight: 600;
	font-family: Epilogue;
}

.secondary-nav {
	background-color: var(--light-grey);
	height: 65px;
	min-height: 65px;
}

.secondary-nav .container {
	background-color: var(--light-grey);
	height: 65px;
	min-height: 65px;
}

/*end navigaion*/
.carousel {
	width: 100%;
	min-width: 1500px;
	height: 500px;
	max-height: 500px;
}

.carousel .button {
	margin-top: 60px;
	height: 50px;

}

.carousel .datacademy .button a,
.carousel .datacademy h3 {
	color: var(--red)
}

.carousel .datacare .button a,
.carousel .datacare h3 {
	color: var(--blue)
}

.carousel .dataspin .button a,
.carousel .dataspin h3 {
	color: var(--yellow)
}

.carousel .carousel-caption {
	top: 0px;
}

.carousel .button a {
	width: 160px;
	height: 10px;
	padding: 20px;
	font-family: 'Epilougue';
	font-size: 25px;
	font-weight: 500;
}

.carousel-inner {
	min-height: 500px;
}

.carousel-inner .item {
	background-repeat: no-repeat;
	background-position: center;
	min-height: 500px;
}

.carousel .button a:hover {
	opacity: 80%;
	text-decoration: none;
}

.carousel .item img {
	min-width: 100%;
	height: 500px;
	max-height: 500px;
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
}

.carousel-caption {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	color: var(--white);
	text-align: left;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel ol.slideH li {
	margin-left: 0px;
	color: var(--white);
	font-size: 35px;
	list-style-type: none;
	width: 100%;
	font-weight: 200;
}

.carousel ol.slideH {
	list-style-type: none;
	padding: 0;
}

.carousel h3 {
	color: var(--white);
	font-size: 45px;

}

.sites-links {
	width: 100%;
}

.sites-links ol {
	list-style-type: none;
	width: 2000px;
	margin: auto;
	padding: 0px;
}

.sites-links ol li {
	Float: left;
	width: 365px;
	margin: 0px 10px;
	height: 400px;
	position: relative;
	display: block;
}

.sites-links ol li a {
	width: 365px;
	height: 400px;
	margin: 0px;
	padding: 0px;
}

.sites-links ol li .sites-background {
	width: 365px;
	height: 400px;
	position: relative;
	display: block;
}

.sites-links ol li.datacademy {
	background-image: url("https://www.dataera.png.lt/DataeraPortalImages/Web/data1.png");
	margin-left: 0px;
}

.sites-links ol li.dataspin {
	background-image: url("https://www.dataera.png.lt/DataeraPortalImages/Web/data2.png");
}

.sites-links ol li.datacare {
	background-image: url("https://www.dataera.png.lt/DataeraPortalImages/Web/data3.png");
}

.sites-links .description {
	background-color: var(--black);
	color: var(--white);
	height: 200px;
	width: 250px;
	position: absolute;
	bottom: 0px;
	padding: 10px;
}

.sites-links .description h3 {
	color: var(--white);
	font-family: Epilogue;
	font-size: 16px;
}

.sites-links .description p {
	color: var(--white);
	font-family: Work Sans;
	font-size: 12px;
	letter-spacing: 1px;
}

.sites-links .icon {
	background-color: #ececec;
	color: var(--black);
	height: 115px;
	width: 115px;
	position: absolute;
	bottom: 0;
	right: 0px;
	align-self: center;
	vertical-align: middle;
}

.sites-links .icon img {
	height: 50px;
	width: auto;
	margin: 32px 23px;
}

.language-menu {
	list-style-type: none;
	height: 65px;
	min-height: 65px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.language-menu li {
	Float: left;
	width: 48px;
	max-width: 48px;
	position: relative;
	list-style: none;
	display: block;
	margin: 0 5px;
}

.language-menu li #lt-LT {
	background-image: url("https://www.dataera.png.lt/DataeraPortalImages/Web/LTFlag.png");

}

.language-menu li #en-US {
	background-image: url("https://www.dataera.png.lt/DataeraPortalImages/Web/ENFlag.png");

}

.language-menu li div {
	width: 48px;
	max-width: 48px;
	display: block;
	height: 35px;
	background-repeat: no-repeat;
	background-size: 48px 35px;
}



.carousel-container.course {
	display: block;
	min-height: 300px;
	background-color: var(--light-grey);
	width: 100%;
	min-width: 100%;
	margin-top: 40px;
}

.course.carousel-container .carousel-body {
	display: block;
	position: relative;
}

.course .carousel-body .slick-track {
	height: 300px;
	background-color: var(--light-grey);
	overflow: hidden;
	position: relative;
}

.course .carousel-item.item .carousel-item {
	width: 1130px;
	height: 295px;
	display: block;
	float: left;
	box-shadow: 5px 5px 7px 0px var(--grey);
	border-style: solid;
	border-color: var(--grey);
	border-radius: 7px;
	background-color: var(--white);
	border-width: 1px;
	margin: 20px 0 0 0;
}

.course .carousel-item.item.active {

	transform: translate3d(0px, -355px, 0);
	/*right: 300px;*/
}

.course .carousel-item.item {
	transform: translate3d(0px, 0, 0);
	position: absolute;
	transition: transform 3s;
	margin-top: 20px;
}

.course .carousel-item.item .carousel-item {
	display: none;
}

.course .carousel-item.item.active .carousel-item {
	display: block;
}

.course .carousel-item {
	align-items: center;
}

.course .carousel-control {
	background-image: none;
	width: 20px;
}

.course .card-body,
.course a,
.course div.xrm-attribute,
.course div.xrm-attribute-value,
.course-body {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
.course .course-body {
	position: relative;
}
.course .course-body .title {
	font-size: 20px;
	font-family: Epilogue;
	font-weight: 500;
	margin-top: 20px;
}
.all-courses .course .card-body,
.all-courses .course a {
	display: block;
	width: 100%;
	height: 455px;
	min-height: 455px;
}

.course a, .course a span:hover, .course a div:hover, .course a p:hover,
.course a:hover, .course a:hover span, .course a:hover div, .course a:hover p {
	text-decoration: none !important;
}
.course:hover{
	box-shadow: 1px 1px 3px #aaa;
}
/*border animation*/
/*
.course .card-body {
	position: relative;
}

.course span.top-border,
span.bottom-border,
span.right-border,
span.left-border {
	position: absolute;
	border-radius: 100vmax;
}

.course .top-border {
	top: -2px;
	left: -2px;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg,
		
			var(--dark-red),
			var(--light-red));
}

.course .bottom-border {
	right: -2px;
	bottom: -2px;
	height: 2px;
	background: linear-gradient(90deg,
			var(--dark-red),
			var(--light-red));
}

.course .right-border {
	top: -2px;
	right: -2px;
	width: 2px;
	height: 0;
	background: linear-gradient(180deg,
			transparent 30%,
			var(--dark-red),
			var(--light-red));
}

.course .left-border {
	left: -2px;
	bottom: -2px;
	width: 2px;
	height: 0;
	background: linear-gradient(180deg,
			var(--dark-red),
			var(--light-red));
}

.course:hover .top-border {
	animation: animateTop 3s ease-in-out infinite;
}

.course:hover .bottom-border {
	animation: animateBottom 3s ease-in-out infinite;
}

.course:hover .right-border {
	animation: animateRight 3s linear infinite;
}

.course:hover .left-border {
	animation: animateLeft 3s ease-in-out infinite;
}

@keyframes animateTop {
	25% {
		width: 100%;
		opacity: 1;
	}

	30%,
	100% {
		opacity: 0;
	}
}

@keyframes animateBottom {

	0%,
	50% {
		opacity: 0;
		width: 0;
	}

	75% {
		opacity: 1;
		width: 100%;
	}

	80%,
	100% {
		opacity: 1;
	}
}

@keyframes animateRight {

	0%,
	25% {
		opacity: 0;
		height: 0;
	}

	50% {
		opacity: 1;
		height: 100%;
	}

	55%,
	100% {
		height: 100%;
		opacity: 1;
	}
}

@keyframes animateLeft {

	0%,
	75% {
		opacity: 0;
		bottom: 0;
		height: 0;
	}

	100% {
		opacity: 1;
		height: 100% ;
	}
}
*/
/*end bordewr animation*/
/* end Carousell slider*/
.datacademy-info .price {
	justify-content: center;
	-webkit-box-pack: center;
	object-fit: contain;
	color: var(--black);
	font-size: 24px;
	font-family: WorkSans;
	font-weight: normal;
	font-style: italic;
}

.datacademy-info .info-bottom {
	color: var(--white);
	padding: 10px 15px;
	font-size: 20px;
	font-family: WorkSans;
	font-weight: bold;
	font-style: italic;
}

.datacademy-info .info {
	color: var(--white);
	padding: 15px;
	font-size: 15px;
	font-weight: 200;
}

.mainbox {
	display: block;
	position: relative;
	clear: both;
	width: var(--content--width);
	padding-top: 40px;
	max-width: 100%;
}

.left {
	display: block;
	float: left;
}

.right {
	display: block;
	float: right;
}

.clear {
	clear: both;
}

/* Dataera front About*/
.apieImages {
	width: 100%;
	height: 240px;
	display: flex;
	overflow: hidden;
}

.apieImages img {
	width: 234px;
	min-width: 234px;
	height: 240px;
	float: left;
}

.apieDataera-links {
	height: 50px;
	align-items: center;
	text-align: center;
	color: var(--white);
}

.apieDataera-links a,
.apieDataera-links a:hover {
	color: var(--white);
	text-decoration: none;
	padding-left: 20px;
	margin-right: 40px;
}

.apieDataera-links a.linkedin {
	background-image: url("https://www.dataera.png.lt/DataeraPortalImages/Web/linkedin-ico.png");
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.apieDataera-links a.facebook {
	background-image: url("https://www.dataera.png.lt/DataeraPortalImages/Web/facebook-ico.png");
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
#irm9o{
	align-items:center;
}
.apieDataera-links {
	color: var(--white);
}

.apieDataera .left {
	width: 60%;
	padding: 0px 0px;
}
.apieDataera .left p {
	text-align: justify;
	font-family: WorkSans;
	font-weight: 200;
	font-size: 12px;
}
.apieDataera .left h2 {
	margin-top: 0px;
	text-align: left;
}
.apieDataera .right {
	width: 40%;
	padding: 80px 7%;
	display:flex;
	justify-content: center;
}

.apieDataera.mainbox {
	height: 300px;

}
.apieDataera.mainbox .right img {
	margin-left: calc(50% - 100px);
}
.dataera-header h1 span{
	font-weight: 400 !important;
}
.dataera-triseros {
	margin: 20px 0px;
	padding-bottom:90px;
	display:flex;
	gap:30px;
}

.dataera-triseros div {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.dataera-triseros h4 {
	text-align: center;
	font-size: 22px;
	letter-spacing: 0px;
	text-transform: capitalize;
	opacity: 1;
}

.dataera-triseros .datacademy h4 {
	color: var(--red);
}

.dataera-triseros .dataspin h4 {
	color: var(--yellow);
}

.dataera-triseros .datacare h4 {
	color: var(--blue);
}

.dataera-triseros div p {
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	letter-spacing: 0px;
	color: var(--white);
	opacity: 1;
	font-family: WorkSans;
}
.dataera-triseros div a {
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 0px;
	color: var(--white);
	text-transform: uppercase;
	opacity: 1;
	display: block;
	padding: 7px 14px;
	font-family: WorkSans;
	width: fit-content;
}

.dataera-triseros .datacademy a {
	background: var(--red) 0% 0% no-repeat padding-box;
}

.dataera-triseros .dataspin a {
	background: var(--yellow) 0% 0% no-repeat padding-box;
}

.dataera-triseros .datacare a{
	background: var(--blue) 0% 0% no-repeat padding-box;
}
.dataera-triseros .datacademy a:hover {
	background: var(--dark-red) 0% 0% no-repeat padding-box;
}

.dataera-triseros .dataspin a:hover  {
	background: var(--dark-yellow) 0% 0% no-repeat padding-box;
}

.dataera-triseros .datacare a:hover  {
	background: var(--dark-blue) 0% 0% no-repeat padding-box;
}
.dataera-triseros img {
	margin: auto;
	display: block;
	bottom: 0;
}

.dataera-triseros .datacare img {
	width: 108px;
	left: calc(50% - 54px);
}

.dataera-triseros .dataspin img {
	width: 100px;
	left: calc(50% - 50px);
}

.dataera-triseros .datacademy img {
	width: 134px;
	left: calc(50% - 67px);
}

.ratai {
	max-width: 100%;
	width: 850px;
	margin: 0px 168px 20px 168px;
}

.linijos {
	margin: 20px 0px 0px;
	width: 100%;
	display: block;
}

.linijos div {
	display: block;
	position: relative;
}

.linijos .dataspin img {
	max-width: 100%;
	height: 213px;
	float: left;
	margin: 0px 48px;
}

.linijos .datacare img,
.linijos .datacademy img {
	height: 213px;
}

.linijos .datacare,
.linijos .datacademy {
	width: calc(50% - 49px);
}

.linijos .datacare img {
	float: left;
}

.linijos .datacademy img {
	float: right;
}

/*Datacare*/
.datacare-images H3 {
	color: var(--blue);
}

.datacare-images p {
	color: #fff;
	font-family: WorkSans;
	font-size: 17px;
}

.subheader-datacare {
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, var(--blue) 0%, #444444 33%, #444444 66%, var(--red) 100%);
}

.subheader-datacare ul {
	list-style: none;
	margin-left: 380px;
}

.subheader-datacare ul li {
	color: var(--white);
	list-style: none;
	font-size: 16px;
	font-family: Epilogue;
	float: left;
	margin: 0px 30px;
}

.subheader-datacare ul li a {
	color: var(--white);
	font-size: 16px;
	font-family: Epilogue;
	text-decoration: none;
}

.datacare-info li,
.datacare-info p {
	color: var(--white);
	font-size: 17px;
	font-family: WorkSans;
	font-weight: 200;
}

.datacare-info p {
	margin: 20px 0px;
}

.datacare-info li {
	line-height: 22px;
	margin-bottom: 10px;
}

.datacare-info .red {
	color: var(--white);
	background-color: var(--blue);
	padding: 7px 17px;
}

.datacare-info h3 {
	color: var(--white);
	font-size: 40px;
	font-family: Epilogue;
	text-decoration: none;
	margin-bottom: 20px;
}

.datacare-info ul {
	list-style-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/violet-path.png');
}

.datacare-info.right-text {
	padding: 1px 0px 0px 40px;
}

.datacare-info.left-text {
	padding: 0px 40px 0px 0px;
}

.datacare-images {
	text-align: center;
}

/*Dataspin*/
.dataspin-images div {
	width: 30%;
	display: block;
	position: relative;
	overflow: hidden;
}

.dataspin-images H3 {
	color: var(--yellow);

}

.dataspin-images {
	text-align: center;
}

.dataspin-images H3 {
	color: var(--yellow);
}

.dataspin-images p {
	color: #fff;
	font-family: WorkSans;
	font-size: 17px;
	min-height: 140px;
	font-weight: 200;
}

.subheader-dataspin {
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, var(--yellow) 0%, #444444 33%, #444444 66%, var(--red) 100%);
}

.subheader-dataspin ul {
	list-style: none;
	margin-left: 380px;
}

.subheader-dataspin ul li {
	color: var(--white);
	list-style: none;
	font-size: 16px;
	font-family: Epilogue;
	float: left;
	margin: 0px 30px;
	font-weight: 200;
}

.subheader-dataspin ul li a {
	color: var(--white);
	font-size: 16px;
	font-family: Epilogue;
	text-decoration: none;
}

.dataspin-info li,
.dataspin-info p {
	color: var(--white);
	font-size: 17px;
	font-family: WorkSans;
	font-weight: 200;
}

.dataspin-info p {
	margin: 20px 0px;
	line-height: 150%;
}

.dataspin-info li {
	line-height: 22px;
}

.dataspin-info .red {
	color: var(--white);
	background-color: var(--yellow);
	padding: 7px 17px;
}

.dataspin-info h3 {
	color: var(--white);
	font-size: 40px;
	font-family: Epilogue;
	text-decoration: none;
	margin-bottom: 20px;
}

.dataspin-info ul {
	list-style-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/yellow-path.png');
}

.dataspin-info.right-text {
	padding: 0px 0px 0px 40px;
}

.dataspin-info.left-text {
	padding: 0px 40px 0px 0px;
}

/*end Dataera front About*/
/*naujienos*/
.naujienos,
.visos-naujienos {
	min-width: 100%;
	display: flex;
	position: relative;
	flex-grow: 1;
	flex-direction: column;

}

.naujienos .naujienos-header {
	min-width: 100%;
	position: relative;
}

.naujienos .naujienos-body {
	min-width: 100%;
	display: flex;
	position: relative;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
	flex-grow: 2;
	gap: 1em;
}

.visos-naujienos .naujienos-body {
	min-width: 100%;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-grow: 3;
	gap: 1em;
}

/*
.naujienos .naujienos-body::before {
	content: "";
  }
  
  .naujienos .naujienos-body::after {
	content: "";
  }*/
.naujienos .naujiena {
	min-width: 45%;
	display: block;
	position: relative;
	max-width: 550px;

}
.naujiena {
	box-shadow: 1px 1px 5px var(--grey);
	border-radius: 15px;
}
.naujiena:hover {
	box-shadow: 1px 1px 5px var(--dark-grey);
}
.naujiena .best-image{
	width: 100px;
	position: absolute;
	top: -5px;
	left: -5px;
}
.naujiena .best-image img{
	width: 100px;
}
.visos-naujienos .naujiena {
	min-width: 30%;
	display: block;
	max-width: 350px;
	position: relative;

}

.naujienos .naujiena:last-child {
	justify-content: end;
}

.naujienos h3,
.visos-naujienos h3 {
	font-size: 30px;
	font-weight: 600;
	color: #171717;
}

.naujienos .naujienos-header a,
.visos-naujienos .naujienos-header a {
	font-size: 14px;
	color: var(--white);
	position: absolute;
	top: 21px;
	right: 0;
	padding: 7px 17px;
	background-color: #171717;
	display: block;

}

.naujienos a,
.visos-naujienos a {
	display: block;
	text-decoration: none;
}

.visos-naujienos a:hover,
.visos-naujienos a:focus,
.visos-naujienos a:active {
	display: block;
	text-decoration: none;
}
.visos-naujienos a:hover p,
.visos-naujienos a:hover div
.visos-naujienos a:hover span,
.visos-naujienos a p:hover,
.visos-naujienos a:hover p:hover,
.visos-naujienos a:hover .text p:hover,
.visos-naujienos a:hover .text p,
.naujiena:hover p {
	text-decoration: none !important;
}
.naujienos .naujiena .image,
.visos-naujienos .naujiena .image {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 350px;
	border-radius: 15px 15px 0 0;
}

.naujienos .naujiena .image img,
.visos-naujienos .naujiena .image img {
	flex-shrink: 0;
	max-width: 355px;
	width: 355px;
}

.naujienos .naujiena .text,
.visos-naujienos .naujiena .text {
	padding: 20px;
	background-color: var(--white);
	border-radius: 0 0 15px 15px;
}
.naujiena-apie-body{
	width:800px;
	margin:0px 185px;
	display: block;
}
.naujiena-apie-body h5{
	margin: 40px 0px;
}
.naujienos .naujiena .text p,
.visos-naujienos .naujiena .text p {
	min-height: 86px;
	max-height: 86px;
}

.naujienos .naujiena .dataerasritys,
.visos-naujienos .naujiena .dataerasritys {
	font-size: 16px;
}

.naujienos .naujiena .dataerasritys#Dataera,
.visos-naujienos .naujiena .dataerasritys#Dataera {
	color: #444444;
}

.naujienos .naujiena .dataerasritys#Datacademy, 
.visos-naujienos .naujiena .dataerasritys#Datacademy {
	color: var(--red);
}

.naujienos .naujiena .dataerasritys#Dataspin,
.visos-naujienos .naujiena .dataerasritys#Dataspin {
	color: var(--yellow);
}

.naujienos .naujiena .dataerasritys#Datacare .visos-naujienos .naujiena .dataerasritys#Datacare {
	color: var(--blue);
}

.naujienos .naujiena p {
	font-size: 20px;
	font-weight: 500;
	font-family: Epilogue;
	margin: 20px 0px;
}

.visos-naujienos .naujiena p {
	font-size: 16px;
	font-weight: 500;
	font-family: Epilogue;
	margin: 15px 0px;
	text-decoration: none;
}

.naujienos .naujiena .data,
.visos-naujienos .naujiena .data {
	font-size: 14px;
	color: #444444;
}

/*end naujienos*/
/*datacademy main*/
.subheader-datacademy {
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, var(--red) 0%, #444444 33%, #444444 66%, var(--red) 100%);
}

.subheader-datacademy ol {
	list-style: none;
	margin-left: 380px;
}

.subheader-datacademy ol li {
	color: var(--white);
	list-style: none;
	font-size: 16px;
	font-family: Epilogue;
	float: left;
	margin: 0px 30px;
}

.subheader-datacademy ol li a {
	color: var(--white);
	font-size: 16px;
	font-family: Epilogue;
	text-decoration: none;
}

.datacademy-info li,
.datacademy-info p {
	color: var(--white);
	font-size: 17px;
	font-family: WorkSans;
	font-weight: 200;
}
.datacademy-info p {
	margin: 40px 0px 40px;
}

.datacademy-info li {
	line-height: 22px;
	margin-bottom: 10px;
}

.datacademy-info .red-span {
	color: var(--white);
	background-color: var(--red);
	padding: 7px 17px;
}

.datacademy-info h3 {
	color: var(--white);
	font-size: 40px;
	font-family: Epilogue;
	text-decoration: none;
	margin: 0px 0px 40px;
}

.datacademy-info ul {
	list-style-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/red-path.png');
}


.datacademy-images,
.datacare-images,
.dataspin-images {
	width: 100%;
}

.datacademy-images div,
.datacare-images div {
	width: 31%;
	height: 230px;
	display: block;
	position: relative;
	overflow: hidden;
	color: #fff;
	font-family: WorkSans;
	font-size: 14px;
	text-align: center;
}
.datacademy-images div h3,
.datacare-images div h3{
	font-family: Epilogue;
	font-size: 55px;
	font-weight: 800;
	line-height: 48px;
	text-align: center;
	color: var(--red);
}
.datacademy-images div p,
.datacare-images div p{
	color: #fff;
	font-family: WorkSans;
	font-size: 18px;
	font-weight: 200;
	text-align: center;
	min-height: 75px;
	padding: 0px 40px;
}
.datacademy-images div img,
.datacare-images div img,
.dataspin-images div img {
	object-fit: contain;
	height: auto;
}
.datacademy-images div a,
.datacare-images div a,
.dataspin-images div a{
	border-width: 0px;
	border-style: solid;
	color: #fff;
	font-family: WorkSans;
	font-size: 14px;
	font-weight: 300;
	line-height: 45px;
	padding: 8px 35px 9px 15px;
	text-align: center;
	background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/arrow-white.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	border-radius: 15px;
}
.datacademy-images .left-img{
	margin-left: 40px;
}
.datacademy-images .right-img{
	margin-right: 10px;
}
.datacademy-images .center-img{
	width: 31%;
}
.datacademy-images div a{
	border-color: var(--red);
	background-color:var(--red);
}

.datacademy-images div a:hover{
	border-color: var(--dark-red);
	background-color:var(--dark-red);
	text-decoration: none;
}
.main-kryptys{
	display: flex;
	flex-direction: row;
	margin: 75px 0px;
}
.main-kryptys div{
	width: 50%;
	text-align: center;
	color: var(--white);
	padding: 20px 60px;
}
.main-kryptys div p{
	text-align: center;
	color: var(--white);
	font-family: WorkSans;
	font-size: 18px;
	font-weight: 200;
	line-height: 26px;
}
 .main-kryptys div h5{
	text-align: center;
	color: var(--white);
	font-family: Epilogue;
	font-size: 35px;
	font-weight: 800;
	line-height: 58px;


}
.main-kryptys div + div{
	border-left-width: 1px;
	border-left-color: var(--red);
	border-left-style: solid;
}

.datacare-images div a{
	border-color: var(--blue);
	background-color: var(--blue);
}
.datacare-images div a:hover{
	border-color: var(--dark-blue);
	background-color:var(--dark-blue);
	text-decoration: none;
}
.dataspin-images div a{
	border-color: var(--yellow);
	background-color: var(--yellow);
}
.dataspin-images div a:hover{
	border-color: var(--dark-yellow);
	background-color:var(--dark-yellow);
	text-decoration: none;
}


.filters-container{
    width: fit-content;
	padding: 0px; 
	display: flex; 
	flex-direction: column;
	gap:30px;
	margin-bottom:30px;
}
@media (max-width: 1120px) {
    .filters-container {
        flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
    }
	.next-to-filters-container {
		padding:0;
	}
}
.filter-item{
	display:flex;
	flex-direction: column;
}
.next-to-filters-container{
	width: 780px;
	padding-left: 35px;
}
.all-courses .course {
	display: block;
	width: 355px;
	height: 400px;
	border: 1.5px solid var(--red);
	background-color: var(--white);
	margin-top: 10px;
}
.all-courses .course .image img{
	width: 353px;
}
.courses-main-container{
	flex-grow: 1; 
	display: flex; 
	flex-direction: row;
	min-width: 250px; 
	word-break: break-word; 
	gap: 30px;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}

.course .card-body{
	padding: 20px;
}
.popular-course .course .card-body{
	padding-top: 40px;
}
.popular-course .course .image{
	display: none;
}
.popular-course .course {
	display: block;
	width: 355px;
	height: 455px;
	border: 1.5px solid var(--red);
	background-color: var(--white);
	box-shadow: 1px 1px 5px var(--grey);
}
.course {
	border-radius: 15px;
	box-shadow: 1px 1px 5px var(--grey);
}
.course:hover {
	box-shadow: 1px 1px 5px var(--dark-grey);
}
.course h3 {
	font-size: 20px;
}

.course .trukme,
.course .bottom {
	font-size: 14px;
	font-family: WorkSans;
}

.course .trukme {
	margin-top: 20px;
	font-family: WorkSans;
	font-weight: 400;
}

.course .bottom {
	color: #171717;
	background-color: var(--light-grey);
	padding: 6px 10px 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 0 0 15px 15px;
}
.course-card-type.top-type{
	position: absolute;
	right: 10px;
	top: -14.5px;
}
.course-card-type span {
	background-color: var(--light-red);
	padding: 8px 15px 6px 15px;
	color: var(--black);
	font-family: Epilogue;
	margin-right: 5px;
	border-radius: 15px;
}
.course .course-card-type{
	padding: 0px 0px 10px;
}
.course-card-type span.Dieniniai {
	background-color: var(--light-red);
	color: var(--black);
}

.course-card-type span.Vakariniai {
	background-color: var(--dark-red);
	color: #fff;
}

.course-card-type span.top {
	background-color: var(--red);
	color: #fff;
}

.card-body .mainbox {
	margin: 10px 0px 50px;
	position: absolute;
	bottom: 0;
	width:fit-content;
}

.card-body .mainbox img {
	margin: 0px 4px;
	width: auto;
	height: 30px;
}

.datacademy-mainbox-about {
	display: block;
	width: 100%;
	position: relative;
}

.datacademy-about-body {
	min-height: 401px;
	width: 100%;
	height: 401px;
	position: relative;
	display: block;
}
.datacademy-about-body > div{

	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.datacademy-about-body .clear{
	min-height: 0px;
	height: 0px;
}

.datacademy-about-body .left-text,
.datacademy-about-body .right-text {
	width: calc(50% - 200px);
	min-height: 401px;
	height: 401px;
}
.datacademy-about-body .right-text {
	padding-left: 40px;
}
.datacademy-about-body .center-img {
	width: 400px;
	max-width: 400px;
}

.datacademy-about-body .center-img img {
	width: 400px;
	max-width: 400px;
	height: auto;
}

a.all-courses-link {
	padding: 8px 45px 9px 25px;
	background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/arrow-white.png');
	background-position: right 5px center;
	background-repeat: no-repeat;
	background-color: var(--red);
	color: #fff;
	border-radius:  15px;
}

a.all-courses-link:hover {
	background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/arrow-white.png');
	background-color: var(--dark-red);
	color: #fff;
	text-decoration: none !important;
}

/*end datacademy main*/
/*lecturer-body*/
.lecturer-body {
	display: block;
	width: 355px;
	height: 355px;
	background-color: #fff;
	padding: 40px;
	text-align: center;
	position: relative;
	border-radius: 15px;
}

div.profile-photo {
	width: 129px;
	height: 129px;
	min-height: 129px;
	border-radius: 50%;
	border: 1px solid transparent !important;
	display: block;
	justify-content: center;
	position: relative;
	margin: 0px 62.5px 20px;
	text-align: center;
	overflow: hidden;
}

div.profile-photo img {
	min-height: 150px;
	min-width: 150px;
	width: 150px;
}

.lecturer-body h5 {
	font-family: Epilogue;
	font-size: 16px;
}
.lecturer-body p {
	font-family: WorkSans;
	font-size: 12px;
	color: var(--red);
}

.lecturer-body .contacts {
	font-family: WorkSans;
	font-size: 12px;
	color: var(--red);
	position: absolute;
	bottom: 20px;
	left: calc(50% - 22px)
}
.lecturer-main-container{
	flex-grow: 1; 
	display: flex; 
	flex-direction: row;
	min-width: 250px; 
	word-break: break-word; 
	justify-content: center; 
	margin-top: 10px;
	gap: 20px;
	flex-wrap: wrap;
}	
/*end lecturer*/
/*group-body*/
.groups {
	display: block;
	width: 345px;
	position: relative;
}
.groups.past {
	opacity:0.5;
}
.group-body {
	display: block;
	border: 0px solid var(--red);
	box-shadow: 1px 1px 3px var(--grey);
	border-radius: 15px;
	background-color: #fff;
	width: 100%;
	padding: 20px 20px 20px 20px;
	font-family: WorkSans;
	font-size: 14px;
	position: relative;
}
.group-body:hover {
	box-shadow: 1px 1px 5px var(--dark-grey);
}
.group-body p.left {
	font-size: 18px;
}
.goups .mainbox{
	margin: 40px 0;
}
.groups .datos{
	text-align: right;
	border: 1.5px solid var(--dark-grey);
	border-radius: 10px;
	display: inline;
	float: right;
	padding: 5px 15px 4px;
	color: var(--dark-grey);
	margin-bottom: 30px;
}
.groups .group-footer {
	background-color: var(--dark-grey);
	color: #fff;
	height: 30px;
	width: 100%;
	position: relative;
	display: block;
	padding: 0px 20px;
	line-height: 30px;
	border-radius: 15px;
	overflow: hidden;
}

.groups .group-footer p,
.groups .group-footer input[type=submit] {
	color: #fff;
	font-family: WorkSans;
	font-size: 17px;

}
.groups .group-footer p {
	width: 350px;

}
.groups .group-footer input[type=submit] {
	background-color: var(--red);
	background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/arrow-white.png');
	background-position: right 5px center;
	background-repeat: no-repeat;
	color: #fff;
	border: none;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0px 35px 0px 15px;
	line-height: 30px;
	font-size: 14px;
}

.group-body p {
	font-weight: 600;
	font-size: 14px;
}

.group-body .red {
	color: var(--red);
}

.group-body p {
	font-weight: 600;
	font-size: 14px;
}

.group-body .laikai,
.group-body .info {
	display: block;
}


.group-body .savaites-dienos {
	display: flex;
	flex-direction: row;
	min-width: 100px;
	justify-content: first baseline;
	margin: 10px 0px 20px;
}

.group-body .savaites-dienos .span {
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	font-weight: 600;
	background-color: var(--light-grey);
	margin: 0px 5px;
}

.group-body .savaites-dienos .span.active {
	background-color: var(--light-red);
}

/*end group-body*/
/*Apie kursa*/
.course-aprasymas .course-img img {
	width: 570px;
	height: 320px;
}
.course-aprasymas  .course-img{
	width: 570px;

}
.course-aprasymas .course-about {
	color: #fff;
	padding: 20px 0px 0px 50px;
	width: 640px;
}

.course-aprasymas {
	position: relative;
	flex-direction: row-reverse;
}

.about span {
	color: #fff !important;
	background-color: var(--black) !important;
	font-family: WorkSans !important;
	font-size: 14px !important;
	text-align: justify !important;
}

.course-about h4 {
	color: #fff;
	background-color: none;
	font-family: WorkSans;
	font-size: 30px;
	margin: 20px 0px;
}

.course-about .mygtukai {
	display: flex;
	margin-top: 20px;
}

.course-about .about {
	margin: 20px 0;
}

.course-about .mygtukai a {
	margin-right: 20px;
}

/*moduliu tabs*/
.moduliu-tabs {
	display: flex;
	flex-direction: row;
}
.moduliu-aprasymai .tab {
	padding: 20px 15px 12px 10px;
	font-size: 16px;
	font-family: WorkSans;
	font-weight: 600;
	background-color: var(--black);
	cursor: pointer;
	border-width: 1px 0px 3px 0px;
	border-style: solid;
	border-color: var(--black);
	border-bottom-color: var(--red);
	border-radius: 7px 7px 0px 0px;
	position: relative;
	color: var(--white);
	margin-right: 10px;
}
.moduliu-aprasymai .tab img{
	margin: 0px 10px 0 0;
	height: 30px;
	width: auto;
}
.moduliu-aprasymai .tab.active {
	background-color: var(--dark-red);
}
.moduliu-aprasymai .tab:hover {
	background-color: var(--dark-red);
}
.moduliu-aprasymai .Tema h6 {
	padding: 10px 30px 12px 40px;
	font-size: 17px;
	font-family: WorkSans;
	font-weight: 600;
	background-color: #fff;

	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #c5c5c5;
}
/* .potemes{
	padding: 20px 40px;
} */
.moduliu-aprasymai .temos h5 {
	padding-left: 40px;
	margin-bottom: 20px;
}
.moduliu-aprasymai .Tema.active h6 {
	background-color: var(--light-grey);
}
.moduliu-aprasymai .Tema.turipotemiu h6 {
	background-position: left 12px center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	cursor: pointer;
	transition: all 0.3s linear;
	position:relative;
}
.moduliu-aprasymai .temos ol li h5 {
	background-position: left  12px center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	font-size: 16px !important;
	font-family: WorkSans !important;
	font-weight: 600;
	cursor:pointer;
	margin-left: 30px;
	position: relative;
}

.moduliu-aprasymai .Tema.neturi h6 svg
{
	position: absolute;
    width: 12px;
    height: 12px;
    fill: var(--dark-grey);
    left: 14px;
    top: 40%;
}
.moduliu-aprasymai .Tema.turipotemiu h6 svg,
.moduliu-aprasymai .temos ol li h5 svg {
	position: absolute;
    width: 12px;
    height: 12px;
    fill: var(--dark-grey);
    transform: rotate(90deg);
    left: 14px;
    top: 40%;
}

.moduliu-aprasymai .Tema.active.turipotemiu h6 svg,
.moduliu-aprasymai .temos ol li h5.active svg	{
    transform: rotate(-90deg);
}
.moduliu-aprasymai {
	padding: 40px 0px;
}
.moduliu-aprasymai .tab-aprasymas, .moduliu-aprasymai .tab-aprasymas div, .moduliu-aprasymai .tab-aprasymas p,
.moduliu-aprasymai .tab-aprasymas ol, .moduliu-aprasymai .tab-aprasymas ol li, .moduliu-aprasymai .tab-aprasymas ul,
.moduliu-aprasymai .tab-aprasymas li, .moduliu-aprasymai .tab-aprasymas ul li, .moduliu-aprasymai .tab-aprasymas span {
	font-family: WorkSans !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	background-color: transparent !important;
}
.moduliu-aprasymai .tab-aprasymas {
	padding: 40px 40px 0 40px;
	font-family: WorkSans !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}
.moduliu-aprasymai .temos-body {

	background-color: var(--light-grey);
}

.moduliu-aprasymai .temos p,
.moduliu-aprasymai .temos ul,
.moduliu-aprasymai .temos ul li,
.moduliu-aprasymai .temos ol,
.moduliu-aprasymai .temos div,
.moduliu-aprasymai .temos span {
	background-color: var(--light-grey) !important;
	font-size: 14px !important;
	font-family: WorkSans !important;
	list-style: none;
}

.moduliu-aprasymai .temos-body ul,
.moduliu-aprasymai .temos-body ol {
	display: block !important;
}
.moduliu-aprasymai .temos ol li{
	background-color: var(--light-grey) !important;
	font-size: 14px !important;
	font-family: WorkSans !important;
	font-weight: 400;
	list-style: none;
}
.moduliu-aprasymai .temos ol  {
	padding-left: 0px;
	margin-left: 0px;
}
.moduliu-aprasymai .temos ol .potemes-aprasymas{
	padding-left: 30px;
}


.moduliu-aprasymai .temos {
	padding: 40px 0px;
}
.moduliu-aprasymai .temos .ck-content{
	display:flex !important;
	flex-direction: column;
	gap:15px;
  }

/*end apie kursa*/
/*FILTRAI*/


/* Create a custom checkbox */


.moduliai .filter-check {
	width: 270px;
	display: block;
}

.moduliai .head {
	width: 270px !important;
	border-bottom: 1px solid var(--light-grey);
	height: 30px;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.filter-check:hover input~.checkmark {
	background-color: var(--light-grey);
}

/* When the checkbox is checked, add a blue background */
.filter-check input:checked~.checkmark {
	background-color: var(--red);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.filter-check input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.filter-check .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*END FILTRAI*/

.grey-card .text span {
	cursor: pointer;
}


.links {
	display: block;
	position: relative;
	min-height: 40px;
}

.links > div{
	float: right;
	padding-bottom: 20px;
	text-align: left;
}

.profile .profile-photo {
	width: 80px;
	min-width: 80px;
	height: 80px;
	min-height: 80px;
	overflow: hidden;
	margin: 0 20px 0 0;

}
.profile .profile-photo img{
	width: 80px;
	min-width: 80px;
	height: 80px;
	min-height: 80px;
}
.profile p {
	font-family: WorkSans;
	font-size: 12px;
	margin-bottom: 0;
	color: var(--white);
	width: 100%;
}
.profile .red{
	margin-top: 20px;
	font-size: 16px;
	color: var(--light-red) !important
}
.profile{
	display: flex;
	position: relative;
	min-height: 80px;
	width:100%;
	flex-wrap: wrap;
}
.profile .person-data{
	width:100%;
}
.profile .person-data .last-line{
	display: flex;
	justify-content: space-between;
	
}
.profile .person-data .last-line a{
    width: 75px;
    height: 45px;
    display: flex;
    justify-content: end;
}
.grey-card.grey-modal .last-line{
	display: flex;
    align-items: center;
    gap: 10px;
}
.profile .last-line svg{
	width:45px;
	height:45px;
}
.grey-card .text .red {
	color: var(--light-red) !important
}
.links .baigiamasis a{
	padding: 6px 15px 7px;
	background-color: var(--red);
	color: var(--white);
	font-family: WorkSans;
	font-size: 12px;
	border-radius: 15px;
}
.links .youtube a{
	padding: 6px 15px 7px 35px;
	border: 0px solid var(--white);
	color: var(--white);
	font-family: WorkSans;
	font-size: 12px;
	border-radius: 15px;
	background-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/youtube.png');
	background-position: left 5px center;
	background-repeat: no-repeat;
}
/*studentu atsiliepimai*/
/*studentu atsiliepimai*/
.sertifikatai-main,
.sertifikatai-main p,
.sertifikatai-main li {
	color: #fff;
	font-size: 16px;
	font-family: WorkSans;
}

.sertifikatai-main h4 {
	color: #fff;
	font-size: 30px;
	font-family: Epilogue;
	font-weight: 600;
}

.sertifikatai-main {
	text-align: center;
}

.sertifikatai-main ul {
	list-style-image: url('https://www.dataera.png.lt/DataeraPortalImages/Web/red-path.png');
	margin: 0px;
	padding: 0px;
}

.sertifikatai-main ul li.right {
	width: 355px;
}

.sertifikatai-main ul li.left {
	width: 780px;
}

.sertifikatai-main ul li {
	text-align: left;
	margin-bottom: 10px;
	line-height: 150%;
}

.sertifikatai-main ul li span {
	color: var(--red);
	background-color: #fff;
	padding: 5px 10px 6px;
	margin: 10px 7px 0px 0px;
}

.sertifikatai-main ul li div {
	margin-top: 25px;
}

.sertifikatai-card .top-img {
	margin-top: -150px;
	width: 200px;
}

.sertifikatai-card {
	display: block;
	width: 355px;
	height: 390px;
	background-color: var(--dark-grey);
	padding: 40px;
	text-align: center;
	position: relative;
}

.sertifikatai,
.sertifikatai-main .aprasymas {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	min-width: 250px;
	word-break: break-word;
	justify-content: space-between
}

.sertifikatai-main .aprasymas {
	margin-bottom: 130px;
}

.nuolaida-main,
.nuolaida-main p,
.nuolaida-main li {
	color: #fff;
	font-size: 16px;
	font-family: WorkSans;
}

.nuolaida-main h4 {
	color: #fff;
	font-size: 30px;
	font-family: Epilogue;
	font-weight: 300 !important;
}
.nuolaida-main{
	padding-bottom: 30px;
}

.nuolaidos-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	flex-grow: 3;
	text-align: center;
}
.nuolaida-card {
	display: block;
	padding: 20px 20px;
	max-width: 355px;
	min-height: 300px;
	color: var(--white);
	border: 0px solid var(--light-red);
	background-color: var(--dark-grey) !important;
	border: 0px solid !important;
	border-radius: 15px;
	box-shadow: 1px 1px 3px var(--dark-grey);

}
.nuolaida-card .image{
	line-height: 65px;
}
.nuolaida-card:nth-child(-n+3) {
	border: 1.5px solid  var(--red);
}
.nuolaida-card .title {
	font-family: Epilogue;
	font-size: 25px;
	font-weight: 300;
	margin-top: 20px;
}
.nuolaida-card .subtitle {
	color: var(--light-red);
	font-size: 16px;
	font-family: WorkSans;
	margin-top:10px; 
}
.nuolaida-card .text {
	color: var(--white);
	font-size: 16px;
	font-family: WorkSans;
	margin-top: 30px; 
}
/*studentu atsiliepimai*/
/*Breadcrumbs*/

/* .breadcrumb>li+li:before {
	content: url('https://www.dataera.png.lt/DataeraPortalImages/Web/arrow-white.png');
	padding: 0 5px;
	color: #fff;
} */

/*end breadcrumbs*/
/*calendar*/
.calendar .events-list a.label{
	background-color: var(--red);
	display: block;
	color: var(--red);
	font-size: 1px;
	width: 4px;
	height: 4px;
	float: left;
	margin-left: 4px;
}
.calendar .events-list{
	height: 20px !important;
	min-height: 10px !important;
}
.calendar  .calendar-hasevents .badge.badge-important{
	display: none;
}
.calendar-form .entitylist{
	background-color: transparent !important;
	border: none;
	z-index: 10;
}
.calendar-form .entitylist .view{
	border: none;
	padding: 20px;
}
.calendar-form .entitylist .page-header{
	border: none;
	background-color: var(--light-grey);
	padding: 20px;
	margin: 0px;
	color: var(--red);
	font-family: WorkSans;
}
.calendar-form .cal-cell{
	border: none !important;
	font-family: WorkSans;
}
.calendar-form  .cal-month-day{
	padding: 20px;
}
.cal-row-fluid {
	color: var(--red);
	background-color: var(--light-grey);
}
.calendar.cal-context{
	border: none !important;
}
.calendar-downloads{
	display: none !important;
}
#ii9065\ calendar .calendar-views .btn-default:not(.active){
	border-color: var(--red) !important;
	background-color: var(--red) !important;
	color: #fff !important;
}
#ii9065\ calendar .calendar-views .btn-default:hover, 
#ii9065\ calendar .calendar-views .btn-default.active{
	border-color: var(--dark-red) !important;
	background-color: var(--dark-red) !important;
	color: #fff !important;
}
.cal-day-outmonth .float-end{
	color: var(--grey)
}
.cal-day-inmonth .float-end{
	color: var(--black)
}
.cal-day-inmonth.cal-day-weekend  .float-end{
	color: var(--red);
}
.cal-day-inmonth.cal-day-weekend  .events-list, .list-group .event-info{
	display: none;
}
.calendar-form .ratai-kaire, .calendar-form .ratai-desine{
	z-index: -10;
	position: absolute;
	top: 20px;
	height: 600px;
}
.calendar-form .ratai-kaire{
	left: 0;
}
.calendar-form .ratai-desine{
	right: 0;
}
.cal-slide-content h5{
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/*end calendar*/
/*projekto irankiai*/
.blue{
	color: var(--blue) !important;
}
.projekto-irankai{
	position: relative;
	width: 100%;
}
.projekto-body{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-grow: 3;
	min-width: 350px;
	justify-content: space-between;
	gap: 20px;
}
.projekto-body .card {
	background-color: #fff;
	border: 2px solid var(--blue);
	color: var(--black);
	font-family: WorkSans;
	font-size: 16px;
	font-weight: 400;
	width: 355px;
	height: 255px;
	position: relative;
	padding: 20px;
}
.projekto-body .card p{
	margin-bottom: 20px;
}
.projekto-body .card .images{
	display: flex;
	flex-direction: row;
	justify-content: start;
	gap: 5px;
	margin-top:20px;
}
.projekto-body .card .images img{
	width: auto;
	height: 40px;
	margin-right: 7px;
}
.projektai .header{
	font-family: WorkSans;
	font-size: 16px;
	color: var(--blue);
	font-weight: 600;
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}
.klientams p{
	color: #fff;
	font-family: WorkSans;
	font-size: 16px;
	font-weight: 200;
}
.klientams p.header{
	font-weight: 300;
	margin-top: 40px;
	font-family: Epilogue;
	font-size: 20px;
}
.klientams div{
	width: 260px;
}
.klientams img{
	margin: 40px 0px;
}
/*endprojekto irankai*/
/*susisiekti-forma*/
.susiekti-forma{
	position:relative;
}
.susiekti-forma img{
	position:absolute;
	width: 100px;
	height: 100px;
	z-index: 100;
}
.susiekti-forma .violetinis-ratas{
	left: 150px;
	top: 10%;
}
.susiekti-forma .raudonas-ratas{
	left: 20%;
	bottom: -40px;
}
.susiekti-forma .geltonas-ratas{
	right: 160px;
	top: 40%;
}

.susiekti-forma .crmEntityFormView{
	padding: 40px;
	width: 720px;
	margin-left: calc(50% - 360px);
}
.susiekti-forma .tab-title{
	text-align: center;
	border-bottom: none;
	margin-bottom: 40px;

}
.susiekti-forma .actions{
	text-align: center;
	border-top: none;
}
.susiekti-forma .actions .btn{
	font-family: WorkSans;
	font-weight: 200;
	background-image: url('arrow-white.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 40px;
	width: 110px;
	margin-left: calc(50% - 55px);
}
.susiekti-forma .validation-header{
	font-family: WorkSans;
	font-weight: 200 !important;
	font-size: 14px !important
}
.fa.fa-info-circle{
	display: none !important;
}
/*end susisiekti-forma*/
/*dataspin*/
.apie-dataspin p.yellow{
	font-family: Epilogue;
	font-weight: 600;
	font-size: 20px
}
.apie-dataspin p, .apie-dataspin ol li{
	font-family: WorkSans;
	font-weight: 200;
	font-size: 16px;
}
/*end dataspin*/
/*registracija*/
.registracija{
	position:relative;
}
.registracija fieldset[aria-label="Kursai"] table tr:first-child{
	display: none;
}
.registracija fieldset[aria-label="Kursai"] table tr:nth-child(2){
	display: none;
}
.registracija img{
	position:absolute;
	width: 100px;
	height: 100px;
	z-index: 100;
}
.registracija .violetinis-ratas{
	left: 150px;
	top: 10%;
}
.registracija .raudonas-ratas{
	left: 20%;
	bottom: -40px;
}
.registracija .geltonas-ratas{
	right: 160px;
	top: 40%;
}
.registracija-selected .card-body{
	background-color: #fff;
	border: 2px solid var(--red);
	max-width: 750px;
	margin-top: 40px;
	padding: 40px;
}
.registracija-selected .card-body .about-reg{
	line-height: 200%;
}
.registracija-selected .card-body .title{
	line-height: 200%;
	font-size: 22px;
	font-family: Epilogue;
	font-weight: 400;
}
.registracija-selected .card-body .about-reg .top{
	line-height: 150%;
	background-color: var(--red);
	color: #fff;
	padding: 5px 15px 7px;
}
.registracija .crmEntityFormView{
    padding: 40px;
    width: 100%;
    max-width: 750px;
}
.registracija .actions .btn{
	font-family: WorkSans;
	font-weight: 200;
	background-image: url('arrow-white.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 40px;
	width: 110px;
	margin-left: calc(50% - 55px);
}
.registracija .validation-header{
	font-family: WorkSans;
	font-weight: 200 !important;
	font-size: 14px !important
}
.registracija .checkbox-cell{
	padding-left: 28px !important;
}
/*end registracija*/


.course-card-type.top-card{
	position: absolute;
	right: 10px;
	top: -10px;
	z-index: 10000;
}

/*test*/
.test .course-card-type div a{
	display: block;
	color: var(--white);
}
.test .course-card-type div:hover a{
	color: var(--white);
}
.test .course-card-type div:hover{
	color: var(--white);
	background-color: var(--dark-red);
}
.test .course-card-type div{
	background-color: var(--red);
	color: var(--white);
	height: 30px;
}
.test .block{
	display: block;
	position: relative;
	background-color:var(--white);
	width: 100%;
	border-radius: 7px;
	overflow: hidden;
}

.test .course{
	border-radius: 7px;
}
.test .course .image{
	border-radius: 7px 7px 0 0; 
	overflow: hidden;
}
.test .course .bottom{
	border-radius:  0 0 7px 7px; 
	overflow: hidden;
}

.test .course-card-type.top-card:after{
	clear:both;
}
.test .kursuok{
	border-radius: 7px;
	overflow: hidden;
	background-color: var(--dark-red);
}
.test .uzt{
	border-radius: 7px;
	overflow: hidden;
	background-color: var(--red);
}

.perbrauktas{
	text-decoration: line-through;
	text-decoration-color: var(--red);
	text-decoration-thickness: 2px;
}
/*end test*/
/*baigiamieji darbai*/
.all-works .work{
	position: relative;
	width: 350px;
	height: 450px;
	background-color: var(--white);
	border-radius: 15px;
}
.all-works .work:hover{
	box-shadow: 1px 1px 3px var(--dark-grey);
}

.work .image{
	border-radius: 15px 15px 0px 0px;
	overflow: hidden;
	min-height: 174px;
	height: 174px;

}



.work .best-image img {
    width: 70px;
}
.work .link{
	text-align: left;
	background-color: transparent;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.work .link .red-button{
	float: right;
	margin-right: 20px;
}
.work .text{
	padding: 20px;
	font-family: WorkSans;
	text-align: left;
	font-size: 20px;
}
.work .text .top{
	display:flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
}

.work .text p:nth-child(2){
	margin: 20px 0 0;
	height: 45px;

}
.work .text .dataerasritys{
	color: var(--black);
	font-size: 14px;
	text-align: left;
	border-radius: 15px;
	border: 1px solid var(--black);
	padding: 4px 15px;
	width:fit-content;
	height:fit-content
}
.work .header{
	min-height: 50px;
}
.work-main-container {
	width: 49%;
	text-align: justify !important;
}
.work-main-container.aprasymas p, .work-main-container.aprasymas span, .work-main-container.aprasymas div{
	font-size: 14px !important;
	font-family: WorkSans !important;
	text-align: justify !important;
	
}
.work-main-container .label{
	line-height: 35px;
	border: 1px solid var(--black);
	padding: 7px 15px;
	border-radius: 15px;
	font-size: 14px;
	font-family: Epilogue;
	color: var(--black);
}




.work-main-container .others .block img{

	width: auto;
	height: 34px;
	display: block;
	opacity: 1;
	float: left;
}
.work-aprasymas{
	clear: both;
}
.power-bi-block{
	cursor: pointer;
}
.power-bi-block img{
	opacity: 0.7;
}
/*stars*/
  
  .stars-landing {
	--percent: calc(var(--rating) / 50  * 100%);
	display: inline-block;
	font-size: 20px;
	font-family: Times;
	line-height: 1;
	text-align:left;
	letter-spacing:2px;
	padding-left:0px;
	padding-right:0px;
	height: 20px;
	margin-top: -15px;
	margin-left: 105px;
  }
  
  .stars-landing::before {
	content: '★★★★★';
	letter-spacing:2px;
	background:
	  linear-gradient(90deg, var(--yellow) 0%, var(--yellow) var(--percent), rgba(0,0,0,1) var(--percent), rgba(0,0,0,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transform: translatey(20px);
	display: block;
	position: relative;
	font-family: Times;
	height: 20px;
	
  }

/*end stars*/
/*end baigiamieji darbai*/
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1050; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  }
  


  /* The Close Button */
  /*end modal*/
  /*dates and input*/
input[type=date],
.pink-input{
	border: 1.5px solid var(--red);
	border-radius: 15px;
	padding: 3px 15px
}
  /*enddates*/
  /*atsiliepimas*/

  
.atsiliepimas-main-container .work-images{
	min-width: 100%;
    display: flex;
    position: relative;
    flex-grow: 2;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;

}
.atsiliepimas-main-container .name{
	color: var(--red);
	font-size: 16px;
	font-family: WorkSans;
	text-align: center;
	display: block;
}
.atsiliepimas-main-container .geriausiaskurse, .atsiliepimas-main-container .geriausiasbaigiamasisdarbas{
	float: left;
	height: 100px !important;
}

.atsiliepimas-main-container .work-images .main{
	width: 350px;
}
.atsiliepimas-main-container .work-images .main img{
	height: 300px;
	margin: 0 25px 40px 25px;
	
}
.atsiliepimas-main-container .work-images .others{
	width: 355px;
	height: 450px;
	display: flex;
    position: relative;
    flex-direction: column;
	flex-wrap: wrap;
	justify-content: start;
}
.atsiliepimas-main-container .work-images .others .block{
	width: 355px;
	height: 112px;
	background-color: var(--black);
	border-radius: 15px;
	overflow: hidden;
	position:relative
}
.atsiliepimas-main-container .work-images .others .block .play{
	position:absolute;
	width: 100px;
	height: 70px;
	display: block;
	left: 127.5px;
	top: 35.5px;
	opacity: 1;
}
.atsiliepimas-main-container .work-images .others .block a>img{
	opacity: 0.7;
}
.atsiliepimas-main-container .work-images .others .block a .text{
	color: var(--white);
	font-size: 26px;
	font-family: WorkSans;
	float: right;
}
.atsiliepimas-main-container .work-images .others .block img{
	width: 355px;
	height: 112px;
}
.atsiliepimas-main-container .work-images .others .block .pdf{
	position:absolute;
	width: 70px;
	height: 70px;
	display: block;
	left: 142.5px;
	top: 35.5px;
	opacity: 1;
}
.atsiliepimas-main-container .work-images .others .block .pbi{
	position:absolute;
	width: 51px;
	height: 70px;
	display: block;
	left: 152px;
	top: 35.5px;
	opacity: 1;
}
/*end atsiliepimas*/
/*atlikti-testa*/
.atlikti-testa{
	padding: 0px 150px;

}
.atlikti-testa div{
	width: 280px;
	border-left: 6px solid var(--red);
	padding-left: 20px;
}
.pradinistestas body{

    --palette-background-disabled: transparent !important;
    --palette-background-primary: transparent !important;
    --palette-background-primary-hover:transparent !important;
    --palette-background-primary-selected:transparent !important;
    --palette-background-secondary: transparent !important;
    --palette-background-secondary-selected: transparent !important;
    --palette-background-tertiary-hover: transparent !important;
    --palette-brand-primary: transparent !important;
    --palette-brand-primary-hover: transparent !important;
    --palette-brand-primary-selected: transparent !important;
    --palette-error-message-background: transparent !important;
    --palette-info-message-background: transparent !important;
    --palette-link-color: transparent !important;
    --palette-link-hover: transparent !important;
    --palette-link-pressed: transparent !important;
    --palette-link-selected: transparent !important;
    --palette-required-red: transparent !important;
    --palette-stroke-accessible: transparent !important;
    --palette-stroke-secondary: transparent !important;
    --palette-success-message-background: transparent !important;
    --palette-text-color-brand-background: transparent !important;
    --palette-text-correct: transparent !important;
    --palette-text-disabled: transparent !important;
    --palette-text-primary: transparent !important;
    --palette-text-secondary: transparent !important;
    --palette-text-tertiary: transparent !important;
    --palette-text-lightest: transparent !important;
    --palette-warning-message-background: transparent !important;
    --palette-background-on-all-theme: transparent !important;
    --palette-background-button-on-all-theme: transparent !important;
    --palette-dominant-color-from-img: transparent !important;
    --palette-form-primary: transparent !important;
    --palette-form-primary-rgb: none !important;
    --palette-form-secondary: transparent !important;
    --palette-form-tertiary: transparent !important;
    --palette-text-on-all-backgrounds: transparent !important;
    --palette-form-primary-on-all-backgrounds: transparent !important;
    --office-form-theme-primary-color: transparent !important;
    --office-form-theme-secondary-color: transparent !important;
    --office-form-theme-primary-color-split: none !important;
    --office-form-aio-renderer-background: none !important;
    --solid-background: none !important;
    --waves-background: none !important;
    --waves-background-for-small-card: none !important;
    --pure-image-background: none !important;
    --palette-gradient-background:none !important;
    --current-picked-theme-background: none !important;
}
/*end atlikti-testa*/