@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

input:focus {
	outline: none;
}

a {
	text-decoration: none;
}

body {
	font-family: 'Urbanist', sans-serif;
	background-color: #FBFBFB;
	font-size: 16px;
	font-weight: 400;
	color: #15141C;
	line-height: normal;
}

header {
	float: left;
	width: 100%;
	padding: 18px 0;
	background: #FBFBFB;
}

header .logo {
	float: left;
}

header .logo img {
	width: 100%;
	height: 36px;
	object-fit: contain;
	margin-top: 6px;
}

header .topmenu {
	float: left;
	margin-left: 40px;
}

header .topmenu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

header .topmenu ul li {
	float: left;
	margin-right: 25px;
}

header .topmenu ul li a {
	color: #15141C;
	font-weight: 600;
	padding: 16px 0;
	float: left;
	transition: all 0.6s;
}

header .topmenu ul li a:hover {
	color: #F4062E;
}

header .topright {
	float: right;
	display: flex;
}

header .topright a.login {
	float: right;
	background: #F4062E;
	color: #fff;
	font-weight: 600;
	font-size: 17px;
	padding: 16px 20px;
	border-radius: 35px;
	padding-right: 25px;
	transition: all 0.7s;
	margin-left: 25px;
}

header .topright a.login:hover {
	background: rgb(146, 0, 0);
}

header .topright a.login i {
	font-weight: 500;
	font-size: 18px;
	margin-right: 3px;
}

header .topright .cart {
	float: right;
	margin-left: 25px;
	position: relative;
	margin-top: 14px;
}

header .topright .cart a {
	color: #15141C;
}

header .topright .cart i {
	font-size: 22px;
	font-weight: 500;
}

header .topright .cart .count {
	position: absolute;
	right: -10px;
	top: -8px;
	background: #F4062E;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	border-radius: 50%;
	transition: all 0.6s;
}

header .topright .cart:hover .count {
	background: rgb(146, 0, 0);
	top: -5px;
}

header .topright .phone {
	float: right;
	position: relative;
	margin-top: 15px;
}

header .topright .phone a {
	color: #15141C;
	font-weight: 600;
}

header .topright .phone a i {
	font-weight: normal;
	font-size: 22px;
	line-height: 16px;
	margin-top: 1px;
	margin-right: 10px;
	float: left;
	transition: all 0.6s;
}

header .topright .phone a:hover i {
	color: #F4062E;
}

.wrapperhome {
	float: left;
	width: 100%;
	position: relative;
}

header.home {
	background: transparent;
}

header.home .topmenu ul li a {
	color: #fff;
}

header.home .topmenu ul li a:hover {
	color: #F4062E;
}

header.home .phone a {
	color: #fff;
}

header.home .phone a:hover i {
	color: #F4062E;
}

header.home .cart a {
	color: #fff;
}

.wrapperhome::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #251645;
	z-index: -1;
}

.wrapperhome::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/img/sliderafterbg.png);
	background-size: cover;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: -1;
}

.hmslider {
	float: left;
	width: 100%;
	padding-top: 10px;
}

.hmslider .image {
	float: left;
	width: 100%;
	height: 650px;
	position: relative;
}

.hmslider .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom right;
	margin-right: -90px;
	float: right;
}

.hmslider .image .newbeforebag {
	float: right;
	position: absolute;
	z-index: 1;
	left: 80px;
	bottom: 120px;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	animation: bounce2 3s ease infinite;
}

.hmslider .image .newbeforebag .icon {
	background: rgba(244, 6, 46, 0.08);
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	line-height: 48px;
	text-align: center;
}

.hmslider .image .newbeforebag .icon i {
	color: #F4062E;
	font-size: 25px;
}

.hmslider .image .newbeforebag span {
	float: left;
	width: calc(100% - 48px);
	padding-left: 15px;
	min-height: 48px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #15141C;
	font-size: 18px;
	font-weight: 600;
}

@keyframes bounce2 {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-30px)
	}

	60% {
		transform: translateY(-15px)
	}
}

.hmslider .image .newbeforebag.v2 {
	left: auto;
	right: -90px;
	bottom: auto;
	top: 250px;
	animation: bounce2 6s ease infinite;
}

.hmslider .text {
	color: #fff;
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.hmslider h2 {
	float: left;
	width: 100%;
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 63px;
}

.hmslider h2 .line-1,
.hmslider h2 .line-2 {
	position: relative;
}

.hmslider h2 .line-1::after {
	content: "";
	position: absolute;
	right: -15px;
	bottom: 0px;
	width: 100%;
	height: 20px;
	z-index: -1;
	background: url(/assets/img/red-line.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.hmslider h2 .line-2::after {
	content: "";
	position: absolute;
	left: -10px;
	bottom: -7px;
	width: calc(100% + 15px);
	height: calc(100% + 10px);
	z-index: -1;
	background: url(/assets/img/yellow-disc.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.hmslider p {
	font-size: 22px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

.hmslider .btnlist {
	float: left;
	width: 100%;
}

.hmslider .btnlist .video {
	float: left;
	border-radius: 35px;
	background: #fff;
	padding: 13px 15px;
	color: #15141C;
	transition: all 0.6s;
}

.hmslider .btnlist .video:hover {
	background: #F4062E;
	color: #fff;
}

.hmslider .btnlist .video:hover i {
	color: #fff;
}

.hmslider .btnlist .video i {
	float: left;
	font-size: 30px;
	color: #F4062E;
	margin-right: 10px;
	transition: all 0.6s;
}

.hmslider .btnlist .video span {
	float: left;
	font-size: 18px;
	font-weight: 600;
	margin-top: 6px;
	margin-right: 15px;
}

.hmslider .btnlist .paket-c {
	float: left;
	border-radius: 35px;
	background: transparent;
	border: 1px solid #fff;
	padding: 15px 15px;
	color: #fff;
	transition: all 0.6s;
	margin-left: 25px;
}

.hmslider .btnlist .paket-c:hover {
	background: #F4062E;
	color: #fff;
}

.hmslider .btnlist .paket-c:hover i {
	color: #fff;
}

.hmslider .btnlist .paket-c i {
	float: left;
	font-size: 22px;
	margin-top: 1px;
	color: #fff;
	margin-right: 10px;
	transition: all 0.6s;
}

.hmslider .btnlist .paket-c span {
	float: left;
	font-size: 18px;
	font-weight: 600;
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 20px;
}

.hmslider .userslist {
	float: left;
	width: 100%;
	margin-top: 70px;
}

.hmslider .userslist img {
	float: left;
	height: 50px;
	object-fit: contain;
	margin-right: 15px;
}

.hmslider .userslist span {
	float: left;
	font-size: 16px;
	color: #BEBEBE;
	font-weight: 600;
	margin-top: 6px;
}

.hmslider .userslist span b {
	color: #fff;
	font-weight: 600;
}

.site_content {
	float: left;
	width: 100%;
}

.promo_popsection {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.promo_popsection h3 {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 25px;
}

.promo_popsection .tabsmenu {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.promo_popsection .nav {
	border-bottom: 2px solid #E8E8E8;
}

.promo_popsection .nav button {
	background: transparent;
	color: #15141C;
	font-weight: 600;
	font-size: 18px;
	padding: 14px 20px;
	border: 0;
	background-color: transparent;
}

.promo_popsection .nav button.active {
	background: transparent;
	border-bottom: 2px solid #F4062E;
}

.lessonitem {
	float: left;
	width: 100%;
	padding: 10px;
	border: 1px solid #E8E8E8;
	border-radius: 10px;
	background: #fff;
}

.promo_popsection .tab-content {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.lessonitem .img {
	float: left;
	width: 100%;
	border-radius: 10px;
	background: #383D4E;
	height: 240px;
	padding: 15px;
	position: relative;
}

.lessonitem .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.lessonitem .img .bar {
	position: absolute;
	right: 15px;
	top: 15px;
	background: #0ED16E;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
	padding: 11px 13px;
}

.lessonitem .text {
	float: left;
	width: 100%;
	padding: 14px;
}

.lessonitem .text h2 {
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 18px;
}

.lessonitem .text ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.lessonitem .text ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	padding-left: 25px;
}

.lessonitem .text ul li::before {
	content: "";
	background: url(/assets/img/beforeli.svg);
	width: 15px;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}

.lessonitem .text .detail {
	float: left;
	width: 100%;
	padding: 15px 0;
	margin-bottom: 17px;
	margin-top: 15px;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	display: flex;
	justify-content: space-between;
}

.lessonitem .text .detail i {
	color: #F4062E;
	font-size: 20px;
	margin-right: 8px;
	float: left;
	margin-top: -2px;
}

.lessonitem .text .detail span {
	font-size: 15px;
	font-weight: 500;
}

.lessonitem .text .price {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
}

.lessonitem .text .pricenew {
	float: left;
	color: #F4062E;
	font-size: 22px;
	font-weight: bold;
	margin-right: 10px;
}

.lessonitem .text .discprice {
	float: left;
	margin-left: 5px;
	color: #15141C90;
	font-size: 17px;
	font-weight: 600;
	margin-top: 4px;
	text-decoration: line-through;
}

.lessonitem .text .btns {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	margin-top: 15px;
	justify-content: space-between;
}

.lessonitem .text .btns a.view {
	width: calc(50% - 10px);
	border: 1px solid #15141C;
	border-radius: 50px;
	text-align: center;
	color: #15141C;
	font-weight: bold;
	padding: 18px 0;
	transition: all 0.6s;
}

.lessonitem .text .btns a.view:hover {
	background: #15141C;
	border-color: #15141C;
	color: #fff;
}

.lessonitem .text .btns a.buy {
	width: calc(50% - 10px);
	border: 1px solid #F4062E;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	background: #F4062E;
	font-weight: bold;
	padding: 18px 0;
	transition: all 0.6s;
}

.lessonitem .text .btns a.buy:hover {
	background: rgb(146, 0, 0);
	border-color: rgb(146, 0, 0);
}

.promoSwiper {
	float: left;
	width: calc(100% - 150px);
	margin-left: 75px;
}

.promo_popsection .swiper-button-nextc {
	position: absolute;
	right: 0px;
	font-size: 30px;
	border: 1px solid #E8E8E8;
	width: 54px;
	height: 54px;
	bottom: calc(50% - 25px);
	border-radius: 50%;
	line-height: 54px;
	text-align: center;
}

.promo_popsection .swiper-button-prevc {
	position: absolute;
	left: 0px;
	font-size: 30px;
	border: 1px solid #E8E8E8;
	width: 54px;
	height: 54px;
	bottom: calc(50% - 25px);
	border-radius: 50%;
	line-height: 54px;
	text-align: center;
}

.swiperalan {
	float: left;
	width: 100%;
	position: relative;
}

.w-100 {
	float: left;
	width: 100%;
}

.d-flex {
	justify-content: center;
}

.promo_popsection .readmorebtn {
	float: left;
}

.readmorebtn a {
	color: #15141C;
	border: 1px solid #15141C;
	border-radius: 30px;
	padding: 17px 20px;
	font-weight: 600;
	transition: all 0.6s;
}

.readmorebtn a:hover {
	background: #15141C;
	color: #fff;
	border-color: #15141C;
}

.promo_popsection .d-flex {
	margin-top: 70px;
}

.videodiscover_section {
	float: left;
	width: 100%;
	padding: 70px 0;
	background: #251645;
	color: #fff;
	margin-top: 50px;
}

.videodiscover_section h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 42px;
	font-weight: 600;
	position: relative;
	z-index: 2;
	margin-bottom: 70px;
}

.videodiscover_section h2 span {
	position: relative;
}

.videodiscover_section h2 span::after {
	content: "";
	position: absolute;
	right: -15px;
	bottom: -10px;
	width: 118%;
	height: 20px;
	z-index: -1;
	background: url(/assets/img/yellow-line.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.videodiscover_section ul {
	float: left;
	width: 100%;
	padding: 0;
	list-style: none;
	margin-top: 50px;
	padding-right: 20px;
}

.videodiscover_section ul.right {
	padding-right: 0;
}

.videodiscover_section ul li {
	float: left;
	width: 100%;
	padding: 14px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.6s;
	border: 1px solid transparent;
}

.videodiscover_section ul.right li .icon {
	float: right;
}

.videodiscover_section ul.right li .text {
	float: right;
	padding-left: 0;
	padding-right: 15px;
	text-align: right;
}

.videodiscover_section ul li .icon {
	float: left;
	height: 60px;
	width: 60px;
	border-left: 3px solid #FFD400;
	text-align: center;
	line-height: 60px;
	color: #FFD400;
	font-size: 38px;
}

.videodiscover_section ul li .text {
	float: left;
	width: calc(100% - 60px);
	padding-left: 10px;
	min-height: 60px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	font-size: 20px;
	font-weight: 600;
}

.videodiscover_section ul li:hover {
	background: #ffffff10;
	border-radius: 10px;
	border: 1px solid #ffffff20;
}

.videodiscover_section ul li:nth-child(2) .icon {
	border-color: #69B8FF;
	color: #69B8FF;
}

.videodiscover_section ul li:nth-child(3) .icon {
	border-color: #9767FF;
	color: #9767FF;
}

.videodiscover_section ul.right li:nth-child(1) .icon {
	border-color: #FF4C3A;
	color: #FF4C3A;
}

.videodiscover_section ul.right li:nth-child(2) .icon {
	border-color: #FF9B40;
	color: #FF9B40;
}

.videodiscover_section ul.right li:nth-child(3) .icon {
	border-color: #47D863;
	color: #47D863;
}

.videoalan {
	float: left;
	width: 100%;
	position: relative;
	height: 100%;
	z-index: 2;
}

.videoalan::before {
	content: "";
	background: url(/assets/img/videobarafter.png);
	width: 260px;
	height: 260px;
	position: absolute;
	left: -60px;
	bottom: -25px;
	z-index: -1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}

.videoalan img {
	width: 100%;
	height: 600;
	object-fit: cover;
	border-radius: 10px;
}

.videoalan .modalbtn {
	position: absolute;
	background: #15141C90;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	z-index: 3;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
	text-align: center;
	line-height: 80px;
	color: #fff;
	font-size: 50px;
	font-weight: normal;
	transition: all 0.6s;
}

.videoalan .modalbtn:hover {
	background: #15141C;
}

.partner_section {
	float: left;
	width: 100%;
	padding: 90px 0;
}

.partner_section h2 {
	width: 100%;
	text-align: center;
	font-size: 24px;
	margin-bottom: 25px;
}

.partner_section img {
	width: 100%;
	object-fit: contain;
}

.brsexast_section {
	float: left;
	width: 100%;
	padding: 90px 0;
	background: #251645;
	color: #fff;
}

.brsexast_section .img {
	float: left;
	width: 100%;
	height: 570px;
	position: relative;
}

.brsexast_section .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.brsexast_section .img .newbeforebag {
	float: right;
	position: absolute;
	z-index: 1;
	left: -20px;
	bottom: 50px;
	background: #fff;
	border-radius: 40px;
	padding: 15px;
	padding-right: 35px;
	animation: bounce2 3s ease infinite;
}

.brsexast_section .img .newbeforebag.v2 {
	left: auto;
	right: -20px;
	bottom: auto;
	top: 100px;
	animation: bounce2 6s ease infinite;
}

.brsexast_section .img .newbeforebag .icon {
	background: rgba(244, 6, 46, 0.08);
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	line-height: 48px;
	text-align: center;
}

.brsexast_section .img .newbeforebag .icon i {
	color: #F4062E;
	font-size: 25px;
}

.brsexast_section .img .newbeforebag span {
	float: left;
	width: calc(100% - 48px);
	padding-left: 15px;
	min-height: 48px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	color: #15141C;
	font-size: 16px;
	font-weight: 600;
}

.brsexast_section span.bag {
	float: left;
	position: relative;
	color: #FFC003;
	font-weight: 500;
	font-size: 22px;
}

.brsexast_section span.bag::before {
	content: "";
	position: absolute;
	left: -30px;
	top: -20px;
	width: 31px;
	height: 31px;
	background: url(/assets/img/ozellikbefore.svg);
	background-size: contain;
}

.brsexast_section h3 {
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 45px;
	font-weight: 600;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
}

.brsexast_section h3 label {
	position: relative;
}

.brsexast_section h3 label::after {
	content: "";
	background: url(/assets/img/labelafter.svg);
	position: absolute;
	bottom: -0px;
	z-index: -1;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 14px;
	left: 0;
}

.brsexast_section p {
	float: left;
	width: 100%;
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 30px;
}

.brsexast_section .hiz {
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.brsexast_section ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.brsexast_section ul li {
	float: left;
	width: 50%;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
	padding-left: 35px;
	position: relative;
}

.brsexast_section ul li::before {
	content: "";
	background: url(/assets/img/checkicon.svg);
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 4px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.brsexast_section a {
	float: left;
	background: #fff;
	color: #15141C;
	font-weight: 600;
	font-size: 18px;
	border-radius: 40px;
	margin-top: 30px;
	padding: 16px 20px;
	transition: all 0.6s;
}

.brsexast_section a i {
	margin-left: 15px;
}

.brsexast_section a:hover {
	background: #FFC003;
	color: #fff;
}

.reviews_section {
	float: left;
	width: 100%;
	padding: 80px 0;
}

.reviews_section h2 {
	margin: 0 auto;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

.reviews_section h2::after {
	content: "";
	background: url(/assets/img/reviewsstar.svg);
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	float: right;
	margin-left: 80px;
	top: -10px;
}

.reviews_section .alan {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.reviews_section .reviewsSwiper {
	width: calc(100% + 200px);
	margin-left: -100px;
}

.reviews_item {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #E8E8E8;
	padding: 40px 40px;
	border-radius: 10px;
	position: relative;
}

.reviews_item::after {
	content: "";
	position: absolute;
	background: url(/assets/img/reviewsafter.svg);
	width: 50px;
	height: 45px;
	right: 20px;
	bottom: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}

.reviews_item .starlist {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.reviews_item .starlist i {
	color: #FFA500;
}

.reviews_item p {
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	float: left;
	width: 100%;
	padding-right: 15px;
}

.reviews_item .userinfo {
	float: left;
	width: 100%;
}

.reviews_item .userinfo .img {
	float: left;
	width: 53px;
	height: 53px;
	border-radius: 50%;
	overflow: hidden;
}

.reviews_item .userinfo .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reviews_item .userinfo .text {
	float: left;
	width: calc(100% - 53px);
	padding-left: 14px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	min-height: 53px;
}

.reviews_item .userinfo .text h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 2px;
}

.reviews_item .userinfo .text span {
	font-weight: normal;
	font-size: 15px;
}

.app_section {
	float: left;
	width: 100%;
	padding-top: 70px;
	position: relative;
	background: #251645;
}

.app_section .img {
	float: left;
	width: 100%;
	height: 550px;
	position: relative;
	z-index: 2;
}

.app_section .img::before {
	content: "";
	background: url(/assets/img/appgaleryafter.png);
	width: 750px;
	height: 700px;
	position: absolute;
	left: -180px;
	z-index: -1;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}

.app_section .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
}

.app_section .text {
	float: left;
	width: 100%;
	color: #fff;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.app_section .text h2 {
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 25px;
}

.app_section .text p {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 60px;
}

.app_section .text a {
	border-radius: 10px;
	padding: 17px 25px;
	float: left;
	margin-right: 25px;
	border: 1px solid #FFFFFF60;
	transition: all 0.6s;
}

.app_section .text a:hover {
	border: 1px solid #FFFFFF;
}

.app_section .text a img {
	width: 100%;
	height: 36px;
	object-fit: contain;
}

.blog_section {
	float: left;
	width: 100%;
	padding: 80px 0;
}

.blog_section h3 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
}

.blogsectionSwiper {
	float: left;
	width: calc(120%);
	margin-left: -10%;
}

.blog_section .alan {
	float: left;
	width: 100%;
	overflow: hidden;
}

.blogitem {
	float: left;
	width: 100%;
	position: relative;
}

.blogitem .img {
	float: left;
	width: 100%;
	border-radius: 10px;
	height: 350px;
}

.blogitem .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.blogitem .text {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.blogitem .text h2 {
	float: left;
	width: 100%;
	font-size: 22px;
	font-weight: 600;
}

.blogitem .text p {
	float: left;
	width: 100%;
	font-weight: 500;
	font-size: 18px;
}

.blogitem .text a {
	float: left;
	color: #15141C;
	border: 1px solid #15141C;
	border-radius: 30px;
	padding: 15px 20px;
	font-weight: 600;
	margin-top: 15px;
	transition: all 0.6s;
}

.blogitem .text a:hover {
	background: #15141C;
	color: #fff;
}

.blog_section .swiper-slide {
	opacity: 0.3;
	transition: all 0.2s;
}

.blog_section .swiper-slide-next,
.blog_section .swiper-slide-active,
.blog_section .swiper-slide-prev {
	opacity: 1;
}

footer {
	float: left;
	width: 100%;
	margin-top: 70px;
}

.ft_top {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.ftlogo {
	float: left;
}

.ftlogo img {
	height: 38px;
	object-fit: contain;
}

.ftsocial {
	float: right;
}

.ftsocial ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: -6px;
}

.ftsocial ul li {
	float: left;
	margin-left: 10px;
}

.ftsocial ul li a {
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #F4062E10;
	text-align: center;
	border-radius: 50%;
	color: #F4062E;
	font-size: 23px;
	transition: all 0.6s;
}

.ftsocial ul li a:hover {
	background: #F4062E;
	color: #fff;
}

.ft_bt {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 25px;
}

.ft_bt .list {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding-right: 90px;
}

.ftmenuitem label {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #000;
}

.ftmenuitem ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.ftmenuitem ul li {
	margin-bottom: 10px;
}

.ftmenuitem ul li a {
	color: #000;
	transition: all 0.6s;
}

.ftmenuitem ul li a:hover {
	color: #F4062E;
}

.ftmobilbar label {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #000;
}

.ftmobilbar a {
	background: #fff;
	border-radius: 10px;
	padding: 15px 20px;
	border: 1px solid #E8E8E8;
	margin-bottom: 15px;
	float: left;
	min-width: 190px;
	transition: all 0.6s;
}

.ftmobilbar a:hover {
	border: 1px solid #F4062E;
}

.ftmobilbar a img {
	height: 35px;
	width: 100%;
	object-fit: contain;
}

.ft_desc {
	float: left;
	width: 100%;
	margin-bottom: 35px;
}

.ft_desc span {
	float: left;
}

.ft_desc img {
	float: right;
	height: 24px;
	object-fit: contain;
	margin-top: -10px;
}

.promo_popsection .col-md-4 {
	margin-bottom: 25px;
}

.registerarea {
	float: left;
	width: 100%;
	padding: 60px 0;
	background: #251645;
	color: #fff;
}

.form-group {
	display: block;
	margin-bottom: 15px;
}

.form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group label {
	position: relative;
	cursor: pointer;
	line-height: 28px;
}

.form-group label:before {
	content: '';
	-webkit-appearance: none;
	display: block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	background: #fff;
	border-radius: 8px;
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 10px;
}

.form-group input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 11px;
	width: 6px;
	height: 14px;
	border: solid #000;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.registerform {
	float: left;
	width: 100%;
	max-width: 450px;
}

.registerform h3 {
	float: left;
	width: 100%;
	font-size: 33px;
	font-weight: 600;
	margin-bottom: 30px;
}

.inputitem {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.inputitem label {
	float: left;
	width: 100%;
	font-weight: 500;
	margin-bottom: 9px;
}

.inputitem input {
	float: left;
	width: 100%;
	padding: 18px 15px;
	border-radius: 10px;
	border: 0;
}

.passview {
	position: absolute;
	border: 0;
	background: transparent;
	color: #15141C;
	right: 10px;
	top: 41px;
	font-size: 22px;
}

.phoneinput {
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	position: relative;
}

.phoneinput span {
	float: left;
	color: #15141C;
	padding: 6px 0px;
	width: 60px;
	text-align: center;
	font-weight: 600;
	margin-top: 11px;
	border-right: 1px solid #15141C40;
}

.phoneinput input {
	float: left;
	width: calc(100% - 60px);
}

.form-group a {
	color: #fff;
	text-decoration: underline;
}

.registerform .submitbtn {
	float: left;
	width: 100%;
	background: #F4062E;
	color: #fff;
	border: none;
	padding: 18px 15px;
	border-radius: 35px;
	font-weight: bold;
	margin-top: 10px;
	transition: all 0.6s;
	margin-bottom: 30px;
}

.registerform .submitbtn:hover {
	background: #ca0224;
}

.registerform .formtext {
	float: left;
	width: 100%;
	font-weight: 500;
	text-align: center;
}

.registerform .formtext a {
	text-decoration: underline;
	color: #fff;
}

.registerimg {
	float: left;
	width: 100%;
	height: 100%;
}

.registerimg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 600px;
	float: right;
	object-position: top;
}

.registerarea .text {
	position: absolute;
	border-bottom-right-radius: 80px;
	padding-right: 40px;
	padding-bottom: 30px;
	background: rgba(37, 22, 69, 0.80);
	backdrop-filter: blur(10px);
	top: 0px;
}

.registerarea .text h3 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 85px;
}

.registerarea .text ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.registerarea .text ul li {
	position: relative;
	padding-left: 30px;
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 10px;
}

.registerarea .text ul li::before {
	content: "";
	background: url(/assets/img/check-white.svg);
	width: 15px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 6px;
	background-size: contain;
	background-repeat: no-repeat;
}

.registerarea .alan {
	position: relative;
	float: left;
	width: 100%;
}

.form-group.onay a {
	float: right;
	font-weight: 600;
	margin-top: 4px;
}

.contactpage {
	float: left;
	width: 100%;
	padding: 50px 0;
	background: #251645;
}

.contactpage .text {
	float: left;
	width: 100%;
	color: #fff;
}

.contactpage .text h6 {
	float: left;
	width: 100%;
	color: #F4062E;
	font-weight: 500;
	font-size: 22px;
}

.contactpage .text h3 {
	float: left;
	width: 100%;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 30px;
}

.contactpage .text .btitem {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px;
	border: 1px solid #ffffff30;
	background: #ffffff10;
	padding: 20px;
}

.contactpage .text .btitem .icon {
	float: left;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 27px;
}

.contactpage .text .btitem .text {
	float: left;
	width: calc(100% - 44px);
	padding-left: 20px;
}

.contactpage .text .btitem .text h4 {
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 6px;
}

.contactpage .text .btitem .text span {
	font-weight: 600;
	font-size: 18px;
}

.contactpage .text .infodesc {
	float: left;
	width: 100%;
	margin-top: 20px;
	font-weight: 500;
	line-height: 25px;
}

.contactform {
	width: 100%;
	padding: 35px;
	background: #fff;
	border-radius: 10px;
	max-width: 775px;
	float: right;
	position: relative;
	margin-bottom: 50px;
}

.contactform::after {
	content: "";
	background: url(/assets/img/contactformafter.png);
	width: 300px;
	height: 300px;
	position: absolute;
	right: -65px;
	bottom: -85px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.contactform h2 {
	float: left;
	width: 100%;
	font-size: 33px;
	font-weight: 600;
	margin-bottom: 25px;
}

.contactform .bsitem {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.contactform .bsitem label {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 9px;
}

.contactform .bsitem input {
	float: left;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #15141C20;
	padding: 20px;
	font-size: 16px;
}

.contactform .bsitem textarea {
	float: left;
	min-height: 120px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #15141C20;
	padding: 20px;
	font-size: 16px;
}

.contactform button {
	float: left;
	background: #F4062E;
	color: #fff;
	font-weight: bold;
	border: 0;
	padding: 22px 80px;
	border-radius: 35px;
	margin-top: 10px;
}

.whois_section {
	float: left;
	width: 100%;
	padding: 40px 0;
	margin-bottom: 10px;
}

.whois_section h2 {
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 50px;
}

.whois_section .item {
	float: left;
	width: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
}

.whois_section .item .icon {
	margin: 0 auto;
	background: #FFFFFF20;
	border: 1px solid #FFFFFF10;
	width: 130px;
	height: 130px;
	color: #fff;
	margin-bottom: 15px;
	border-radius: 50%;
	line-height: 130px;
	font-size: 50px;
}

.whois_section .item span {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}

.whoisSwiper {
	float: left;
	width: 100%;
}

.wrapperhome.afternone::after {
	display: none;
}

.about_list {
	float: left;
	width: 100%;
	padding: 30px 0;
	margin-bottom: 20px;
	padding-right: 55px;
}

.about_list .img {
	float: left;
	width: 100%;
	height: 550px;
}

.about_list .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.about_list .text {
	float: left;
	width: 100%;
	color: #fff;
	min-height: 550px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.about_list .text h5 {
	float: left;
	width: 100%;
	font-size: 33px;
	font-weight: 600;
	margin-bottom: 20px;
}

.about_list .text h5 span {
	position: relative;
}

.about_list .text h5 span::before {
	content: "";
	background: url(/assets/img/labelafter.svg);
	position: absolute;
	bottom: 0px;
	z-index: -1;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 14px;
	left: 0;
}

.about_list .text p {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}

.about_list .text ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.about_list .text ul li {
	float: left;
	width: 50%;
	margin-bottom: 18px;
	position: relative;
	padding-left: 30px;
	font-size: 17px;
}

.about_list .text ul li::before {
	content: "";
	background: url(/assets/img/checkicon.svg);
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 2px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.timeline {
	position: relative;
	margin: 50px auto;
	padding: 40px 0;
	width: 1000px;
	box-sizing: border-box;
}

.timeline:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 2px;
	height: calc(100% - 125px);
	background: #FBEBE9;
	top: 125px;
}

.timeline ul {
	padding: 0;
	margin: 0;
}

.timeline ul li {
	list-style: none;
	position: relative;
	width: 50%;
	padding: 20px 40px;
	box-sizing: border-box;
}

.timeline ul li:nth-child(odd) {
	float: right;
	text-align: left;
	clear: both;
}

.timeline ul li:nth-child(even) {
	float: left;
	text-align: right;
	clear: both;
}

.content {
	padding-bottom: 20px;
}

.timeline ul li:nth-child(odd):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 24px;
	left: -4px;
	background: #FF5649;
	border-radius: 50%;
	box-shadow: 0 0 0 5px #FBEBE9;
}

.timeline ul li:nth-child(even):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 24px;
	right: -6px;
	background: #FF5649;
	border-radius: 50%;
	box-shadow: 0 0 0 5px #FBEBE9;
}

.timeline ul li h3 {
	padding: 0;
	margin: 0;
	color: #15141C;
	font-size: 30px;
	font-weight: 600;
}

.timeline ul li p {
	margin: 10px 0 0;
	padding: 0;
	font-weight: 500;
	font-size: 17px;
}

.timeline ul li .time h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.timeline ul li:nth-child(odd) .time {
	position: absolute;
	top: 12px;
	right: -165px;
	margin: 0;
	padding: 8px 16px;
	background: rgba(233, 33, 99, 1);
	color: #fff;
	border-radius: 18px;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.3);
}

.timeline ul li:nth-child(even) .time {
	position: absolute;
	top: 12px;
	left: -165px;
	margin: 0;
	padding: 8px 16px;
	background: rgba(233, 33, 99, 1);
	color: #fff;
	border-radius: 18px;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.3);
}

@media(max-width:1000px) {
	.timeline {
		width: 100%;
	}
}

@media(max-width:767px) {
	.timeline {
		width: 100%;
		padding-bottom: 0;
	}

	h1 {
		font-size: 40px;
		text-align: center;
	}

	.timeline:before {
		left: 20px;
		height: 100%;
	}

	.timeline ul li:nth-child(odd),
	.timeline ul li:nth-child(even) {
		width: 100%;
		text-align: left;
		padding-left: 50px;
		padding-bottom: 50px;
	}

	.timeline ul li:nth-child(odd):before,
	.timeline ul li:nth-child(even):before {
		top: 7px;
		left: 16px;
	}

	.timeline ul li:nth-child(odd) .time,
	.timeline ul li:nth-child(even) .time {
		top: -30px;
		left: 50px;
		right: inherit;
	}
}

.timeline_section h5 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 50px;
}

.ticket_content {
	float: left;
	width: 100%;
	padding: 40px 0;
}

.top_ticket {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.top_ticket h2 {
	float: left;
	font-size: 32px;
	font-weight: 600;
}

.top_ticket a {
	float: right;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #04A14D;
	border-radius: 35px;
	padding: 17px 30px;
	transition: all 0.6s;
	margin-top: -8px;
}

.top_ticket a:hover {
	background: #024923;
}

.top_ticket a i {
	font-weight: 500;
	margin-left: 20px;
	font-size: 22px;
	line-height: 16px;
	float: right;
}

.ticket_area {
	float: left;
	width: 100%;
	border: 1px solid #E8E8E8;
	border-radius: 10px;
	overflow: hidden;
}

.ticket_area .ticket_filter {
	float: left;
	width: 100%;
	background: #251645;
	padding: 15px 20px;
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.ticket_area .ticket_filter span {
	float: left;
	margin-top: 12px;
}

.ticket_area .ticket_filter .search {
	float: right;
	position: relative;
	background: #FFFFFF30;
	border-radius: 10px;
	border: 1px solid #FFFFFF40;
}

.ticket_area .ticket_filter .search input {
	width: 100%;
	background: transparent;
	border: 0;
	color: #fff;
	padding: 12px;
	padding-left: 40px;
}

.ticket_area .ticket_filter .search input::placeholder {
	color: #ffffff50;
	font-weight: normal;
}

.ticket_area .ticket_filter .search button {
	position: absolute;
	background: transparent;
	border: 0;
	color: #fff;
	left: 5px;
	top: 10px;
}

.filter_subtitle {
	float: left;
	width: 100%;
	background: #251645cc;
	padding: 15px 20px;
	color: #fff;
	font-weight: 500;
}

.ticket_list {
	float: left;
	width: 100%;
}

.ticket_item {
	float: left;
	width: 100%;
	padding: 12px 20px;
	background: #fff;
}

.ticket_item .status {
	float: left;
	padding: 13px 0;
	font-weight: 500;
	color: #F4062E;
}

.ticket_list .ticket_item:nth-child(2n) {
	background: #E8E8E840;
}

.ticket_item .status.open {
	color: #0ED16E;
}

.ticket_item a.viewbtn {
	float: right;
	border: 1px solid #15141C;
	color: #15141C;
	font-weight: bold;
	padding: 13px 20px;
	border-radius: 35px;
	min-width: 240px;
	text-align: center;
	transition: all 0.6s;
}

.ticket_item a.viewbtn:hover {
	background: #15141C;
	color: #fff;
}

.ticket_item span {
	font-weight: 500;
	padding: 13px 0;
	float: left;
}

.ticket_content .d-flex {
	float: left;
	width: 100%;
	margin-top: 50px;
}

.pagination {
	margin: 0 auto;
}

.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination ul li {
	float: left;
	margin: 0px 5px;
}

.pagination ul li a {
	background: #19191925;
	color: #191919;
	font-weight: 600;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	float: left;
	text-align: center;
	line-height: 48px;
}

.pagination ul li.active a {
	background: #FFA500;
	color: #fff;
}

.ticket_content h2 {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-size: 34px;
	font-weight: 600;
}

.ticket_content h5 {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 25px;
	line-height: 24px;
}

.ticket_form {
	float: left;
	width: 100%;
	padding: 25px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #E8E8E8;
}

.ticket_form .inputitem input {
	border: 1px solid #15141C20;
	padding: 17px 20px;
}

.ticket_form .inputitem select {
	border: 1px solid #15141C20;
	padding: 17px 20px;
	border-radius: 10px;
	float: left;
	width: 100%;
}

.ticket_form .inputitem textarea {
	border: 1px solid #15141C20;
	padding: 17px 20px;
	border-radius: 10px;
	float: left;
	width: 100%;
	min-height: 110px;
}

.ticket_form .infomessage {
	float: left;
	width: 100%;
	padding: 20px 25px;
	border-radius: 10px;
	border: 1px solid rgba(255, 165, 0, 0.23);
	background: rgba(255, 165, 0, 0.08);
	line-height: 24px;
	margin-bottom: 25px;
}

#custom-button {
	padding: 10px;
	color: white;
	background-color: #251645;
	border: 1px solid #251645;
	border-radius: 10px;
	font-weight: 600;
	padding: 12px;
	cursor: pointer;
}

#custom-button:hover {
	background-color: #251645;
}

#custom-text {
	margin-left: 10px;
	color: #aaa;
}

.fileupload {
	float: left;
	width: 100%;
	border: 1px solid #15141C20;
	border-radius: 10px;
	padding: 10px;
}

.ticket_form .inputitem h6 {
	float: left;
	width: 100%;
	color: #15141C99;
	font-weight: normal;
	margin-top: 10px;
	font-size: 16px;
}

.ticket_content .submitbtn {
	float: left;
	border-radius: 35px;
	background: #F4062E;
	color: #fff;
	border: 0;
	padding: 18px 90px;
	font-weight: bold;
	transition: all 0.6s;
}

.ticket_content .submitbtn:hover {
	background: #740215;
}

.oldticketlist {
	float: left;
	width: 100%;
	padding: 20px;
	background: #fff;
	border: 1px solid #E8E8E8;
	border-radius: 10px;
}

.oldticketlist h3 {
	float: left;
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}

.oldticketlist .item {
	float: left;
	width: 100%;
	padding: 12px 0;
	border-bottom: 1px solid #E9E9E9;
}

.oldticketlist .item .text {
	float: left;
	max-width: 55%;
}

.oldticketlist .item .text h4 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
}

.oldticketlist .item .text span {
	font-size: 14px;
	font-weight: 500;
}

.oldticketlist .item .right {
	float: right;
}

.oldticketlist .item .right a {
	float: right;
	color: #15141C;
	border: 1px solid #15141C;
	border-radius: 35px;
	font-weight: bold;
	padding: 15px 20px;
	transition: all 0.6s;
}

.oldticketlist .item .right a:hover {
	background: #15141C;
	color: #fff;
}

.oldticketlist .item .right .status {
	float: right;
	margin-right: 15px;
	padding: 15px 2px;
	font-weight: 500;
	color: #F4062E;
}

.oldticketlist .item .right .status.open {
	color: #0ED16E;
}

.oldticketlist .item:nth-child(1) {
	border-bottom: 0;
}

.payment_area {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.payment_area h3 {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-weight: 600;
	font-size: 32px;
}

.payment_area p {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	font-weight: 500;
}

.paymentlist {
	float: left;
	width: 100%;
}

.paymentlist .accordion-item {
	width: 100%;
	border: 1px solid #E8E8E8;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 7px;
}

.paymentlist .accordion-item button {
	margin-bottom: 0 !important;
	box-shadow: none;
	font-weight: 600;
	font-size: 18px;
}

.paymentlist .accordion-button:not(.collapsed) {
	background: transparent;
	box-shadow: none;
	color: #F4062E;
}

.paymentlist .accordion-button::after {
	content: "+";
	font-size: 27px;
	font-weight: 400;
	background: transparent;
	transform: none;
	line-height: 15px;
	text-align: center;
}

.paymentlist .accordion-button:not(.collapsed)::after {
	content: "-";
	font-size: 30px;
}

.paymentcardmet {
	float: left;
	width: 100%;
}

.formcontainer .item {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.formcontainer .item label {
	float: left;
	width: 100%;
	font-weight: 500;
	margin-bottom: 5px;
}

.formcontainer .item input {
	float: left;
	width: 100%;
	border: 1px solid #15141C55;
	border-radius: 10px;
	padding: 15px;
}

.formcontainer .cardimg img {
	height: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
	object-fit: contain;
}

.paymentcardmet .infobar {
	float: left;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 25px;
}

.paymentcardmet .infobar i {
	float: left;
	color: #0CC065;
	font-size: 20px;
	margin-top: -3px;
	margin-right: 10px;
}

.paymentcardmet .card-wrapper {
	margin-top: 40px;
}

.paymentdetail {
	float: left;
	width: 100%;
	padding: 30px;
	border-radius: 10px;
	border: 1px solid #E8E8E8;
	background: #FFF;
}

.paymentdetail h3 {
	float: left;
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}

.paymentdetail .item {
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #E9E9E9;
	;
}

.paymentdetail .item span {
	float: left;
	font-weight: 500;
}

.paymentdetail .item b {
	float: right;
	font-size: 18px;
}

.paymentdetail .item.kupon {
	color: #FF852B;
}

.paymentdetail .item.total b {
	color: #F4062E;
	font-size: 22px;
	line-height: 20px;
}

.paymentdetail .list .item:nth-last-child(1) {
	border-bottom: 0;
	margin-bottom: 10px;
}

.paymentdetail button.onayla {
	float: left;
	width: 100%;
	border-radius: 34px;
	background: #F4062E;
	color: #fff;
	font-weight: bold;
	border: 0;
	padding: 17px 0;
}

.paymentdetail .kuponarea {
	float: left;
	width: 100%;
	border-radius: 10px;
	border: 1px solid rgba(21, 20, 28, 0.20);
	background: #FFF;
	padding: 10px;
	margin-top: 20px;
}

.paymentdetail .kuponarea input {
	background: transparent;
	border: 0;
	padding: 14px 5px;
	float: left;
	max-width: calc(100% - 140px);
}

.paymentdetail .kuponarea button {
	float: right;
	border-radius: 8px;
	background: #FF852B;
	color: #fff;
	border: 0;
	padding: 14px 20px;
	font-size: 15px;
	font-weight: bold;
}

.caritem {
	float: left;
	width: 100%;
	padding: 30px;
	position: relative;
	background: #251645;
	border-radius: 10px;
}

.caritem .head {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.caritem .head .img {
	float: left;
	width: 220px;
	height: 140px;
	background: #383D4E;
	border-radius: 8px;
	overflow: hidden;
	padding: 5px;
}

.caritem .head .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.caritem .head .text {
	float: left;
	width: calc(100% - 240px);
	padding-left: 20px;
	color: #fff;
	min-height: 140px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.caritem .head .text .list {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.caritem .head .text .list .examitem {
	float: left;
	padding: 9px 14px;
	border-radius: 30px;
	margin-right: 7px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

.caritem .head .text .list .examitem.koc {
	background: #69B8FF;
}

.caritem .head .text .list .examitem.oran {
	background: #0ED16E;
}

.caritem .head .text .list .examitem.kampanya {
	background: #FF9B40;
}

.caritem .head .text h2 {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 23px;
	font-weight: 600;
}

.caritem .head .text .price {
	font-weight: 600;
	font-size: 18px;
}

.lesdetailbar {
	float: left;
	width: 100%;
	padding: 25px 20px;
	border-radius: 10px;
	border: 1px solid #ffffff20;
	background: #ffffff18;
	color: #fff;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.lesdetailbar .item {
	float: left;
	width: 25%;
}

.lesdetailbar .item .icon {
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	font-size: 32px;
}

.lesdetailbar .item .alan {
	float: left;
	width: calc(100% - 50px);
}

.lesdetailbar .item .alan span {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 2px;
	float: left;
	width: 100%;
}

.lesdetailbar .item .alan b {
	font-size: 18px;
	font-weight: 600;
}

.lesson_feture {
	float: left;
	width: 100%;
	margin-top: 25px;
}

.lesson_feture ul {
	float: left;
	width: 100%;
	color: #fff;
	list-style: none;
	padding: 0;
	margin: 0;
}

.lesson_feture ul li {
	float: left;
	width: 33.3%;
	margin: 10px 0;
}

.lesson_feture ul li i {
	float: left;
	width: 30px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	font-size: 24px;
	padding-left: 15px;
	border-left: 2px solid #ccc;
}

.lesson_feture ul li span {
	float: left;
	width: calc(100% - 40px);
	font-size: 15px;
	min-height: 40px;
	padding-left: 10px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	font-weight: 600;
}

.lesson_feture ul li:nth-child(1) i {
	color: #FFD400;
	border-color: #FFD400;
}

.lesson_feture ul li:nth-child(2) i {
	color: #69B8FF;
	border-color: #69B8FF;
}

.lesson_feture ul li:nth-child(3) i {
	color: #9767FF;
	border-color: #9767FF;
}

.lesson_feture ul li:nth-child(4) i {
	color: #FF4C3A;
	border-color: #FF4C3A;
}

.lesson_feture ul li:nth-child(5) i {
	color: #FF9B40;
	border-color: #FF9B40;
}

.lesson_feture ul li:nth-child(6) i {
	color: #47D863;
	border-color: #47D863;
}

.cartrelateditem h3 {
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 35px;
	margin-top: 30px;
}

.cartrelateditem .promoSwiper {
	width: 100% !important;
	margin-left: 0;
}

.cartrelateditem {
	position: relative;
}

.cartrelateditem.promo_popsection .swiper-button-nextc {
	right: -75px !important;
}

.cartrelateditem.promo_popsection .swiper-button-prevc {
	left: -75px !important;
}

.lesson_content {
	float: left;
	width: 100%;
}

.lesson_man {
	float: left;
	width: 100%;
	background: #251645;
	padding-top: 20px;
	position: relative;
}

.lesson_man::before {
	content: "";
	background: #251645;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.lesson_man .breadcumb {
	float: left;
	width: 100%;
}

.breadcumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcumb ul li {
	float: left;
	margin-right: 13px;
	padding-right: 13px;
	position: relative;
}

.breadcumb ul li a {
	color: #ffffff92;
}

.breadcumb ul li::after {
	content: "";
	background: url(/assets/img/righticon.svg);
	width: 10px;
	height: 10px;
	position: absolute;
	right: -8px;
	top: 4px;
	background-size: contain;
	background-repeat: no-repeat;
}

.breadcumb ul li:nth-last-child(1)::after {
	display: none;
}

.lesson_man .list {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 25px;
}

.lesson_man .list .examitem {
	float: left;
	padding: 9px 14px;
	border-radius: 30px;
	margin-right: 7px;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
}

.lesson_man .list .examitem.koc {
	background: #69B8FF;
}

.lesson_man .list .examitem.oran {
	background: #0ED16E;
}

.lesson_man .list .examitem.kampanya {
	background: #FF9B40;
}

.lesson_man h1 {
	float: left;
	width: 100%;
	color: #fff;
	font-weight: 600;
	font-size: 40px;
	margin-bottom: 15px;
}

.lesson_man p {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	position: relative;
	margin-bottom: 30px;
}

.lesson_man p span.line1 {
	position: relative;
	z-index: 2;
	padding-right: 15px;
	padding-left: 0px;
}

.lesson_man p span.line1::after {
	content: "";
	position: absolute;
	left: -10px;
	bottom: -12px;
	width: calc(100% + 10px);
	height: calc(100% + 20px);
	z-index: -1;
	background: url(/assets/img/line5after.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.lesson_man p span.line2 {
	position: relative;
	z-index: 2;
}

.lesson_man p span.line2::after {
	content: "";
	position: absolute;
	left: -10px;
	bottom: -27px;
	width: calc(100% + 10px);
	height: calc(100% + 20px);
	z-index: -1;
	background: url(/assets/img/line4after.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.lesson_man .lesson_feture ul li i {
	border: 0;
	font-size: 27px;
	padding-left: 0;
}

.lesson_man .lesson_feture ul li span {
	font-size: 18px;
}

.lesson_content .container {
	position: relative;
}

.lesson_sidebar {
	float: left;
	width: 100%;
	position: relative;
}

.lesson_box {
	background: #fff;
	width: 100%;
	position: absolute;
	border: 1px solid #E8E8E8;
	border-radius: 10px;
	padding: 10px;
	transition: top 0.3s ease;
	max-width: 415px;
	top: 45px;
	z-index: 2;
}

.lesson_box::after {
	content: "";
	background: url(/assets/img/sidebarafter.png);
	width: 180px;
	height: 180px;
	position: absolute;
	right: -40px;
	top: -40px;
	background-size: contain;
	z-index: -1;
	background-position: center;
	background-repeat: no-repeat;
}

.sticky {
	position: fixed;
	top: 25px;
	z-index: 1000;
}

.bottom {
	position: absolute;
}

.sidebarvideo {
	float: left;
	width: 100%;
	background: #383D4E;
	border-radius: 10px;
	height: 250px;
	position: relative;
	padding: 15px;
}

.sidebarvideo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 10px;
}

.sidebarvideo a {
	background: #f4062ed3;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
	text-align: center;
	color: #fff;
	font-size: 50px;
	font-weight: normal;
	line-height: 80px;
}

.lessonprice {
	float: left;
	width: 100%;
	justify-content: center;
	margin: 15px 0;
	display: flex;
}

.lessonprice .pricenew {
	float: left;
	color: #F4062E;
	font-weight: bold;
	font-size: 30px;
	margin-right: 5px;
}

.lessonprice .discprice {
	float: left;
	margin-left: 5px;
	font-size: 20px;
	font-weight: 500;
	color: #15141C90;
	text-decoration: line-through;
	margin-top: 6px;
}

.info {
	float: left;
	width: 100%;
	color: #0CC065;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 20px;
}

.info i {
	margin-right: 6px;
	font-size: 19px;
}

.lesson_sidebar .satinal {
	float: left;
	width: 100%;
	background: #F4062E;
	border: 1px solid #F4062E;
	padding: 19px 5px;
	border-radius: 35px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	transition: all 0.6s;
}

.lesson_sidebar .satinal:hover {
	background: #6e0214;
	border-color: #6e0214;
}

.lesson_sidebar .register {
	float: left;
	width: 100%;
	background: transparent;
	border: 1px solid #15141C;
	padding: 19px 5px;
	border-radius: 35px;
	color: #15141C;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	transition: all 0.6s;
}

.lesson_sidebar .register:hover {
	background: #15141C;
	color: #fff;
}

.lesson_sidebar ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.lesson_sidebar ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 500;
}

.lesson_sidebar ul li i {
	font-size: 20px;
	margin-right: 5px;
	float: left;
}

.lesson_sidebar .alan {
	float: left;
	width: 100%;
	padding: 5px 10px;
}

.lesson_sidebar .d-flex {
	float: left;
	width: 100%;
	justify-content: center;
}

.lesson_sidebar a.taksit {
	text-decoration: underline;
	color: #15141C;
	font-weight: 600;
}

.lesson_pagearea {
	float: left;
	width: 100%;
	padding: 70px 0;
	padding-right: 20px;
}

.lesson_pagearea h3 {
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 33px;
	margin-bottom: 15px;
}

.lesson_pagearea p {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	line-height: 24px;
	display: block;
}

.lessonlistvideos {
	float: left;
	width: 100%;
}

.lessonlistvideos .accordion-button:not(.collapsed) {
	box-shadow: none;
	background: #fff;
	outline: none;
	color: #F4062E;
}

.lessonlistvideos .accordion-button:focus {
	border: 0;
	box-shadow: none;
}

.lessonlistvideos .accordion-item {
	margin-bottom: 15px;
	border: 1px solid #E8E8E8 !important;
	border-radius: 10px;
	overflow: hidden;
}

.lessonlistvideos .accordion-item button {
	padding: 23px 25px;
	font-size: 18px;
	font-weight: 600;
}

.lessonlistvideos .accordion-button::after {
	content: "+";
	font-size: 28px;
	font-weight: 400;
	background: transparent;
	transform: none;
	line-height: 15px;
	text-align: center;
	color: #F4062E;
	transition: all 0.2s;
}

.lessonlistvideos .accordion-button:not(.collapsed)::after {
	content: "-";
	font-size: 30px;
}

.lessonlistvideos .accordion-body {
	padding: 0px 25px;
	margin-bottom: 25px;
}

.lesson_man .lesdetailbar {
	max-width: 775px;
}

.derstimeinfo {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

.derstimeinfo .item {
	background: #F4062E16;
	padding: 15px 20px;
	border-radius: 10px;
	color: #15141C;
	margin-right: 15px;
}

.derstimeinfo .item i {
	float: left;
	font-size: 32px;
	width: 34px;
	text-align: center;
	line-height: 44px;
	height: 44px;
}

.derstimeinfo .item .text {
	float: left;
	width: calc(100% - 34px);
	padding-left: 10px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-right: 15px;
	min-height: 44px;
}

.derstimeinfo .item .text span {
	font-size: 15px;
}

.examplesvideos {
	width: 100%;
	float: left;
}

.examplesvideos h3 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #69B8FF;
	font-weight: 600;
	font-size: 18px;
}

.examplesvideos .item {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #E1E1E1;
	background: #F2F2F2;
	border-radius: 10px;
	padding: 20px;
}

.examplesvideos .item .img {
	float: left;
	width: 145px;
	height: 90px;
	border-radius: 6px;
	overflow: hidden;
}

.examplesvideos .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.examplesvideos .item .text {
	float: left;
	width: calc(100% - 145px);
	padding-left: 20px;
	display: flex;
	flex-flow: column;
	min-height: 90px;
	justify-content: center;
}

.examplesvideos .item .hiz {
	float: left;
}

.examplesvideos .item a {
	float: right;
	background: #f4062ed3;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	line-height: 50px;
	margin-top: 9px;
}

.examplesvideos .item h6 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.examplesvideos .item b {
	color: #F4062E;
	font-weight: 600;
	margin-bottom: 5px;
	width: 100%;
	float: left;
}

.examplesvideos .item .time {
	color: #15141cd0;
	font-weight: 500;
}

.lessonaccordion {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
}

.lessonaccordion h3 {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #69B8FF;
	font-weight: 600;
	font-size: 18px;
}

.lessonaccordion .accordion-button::after {
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
	filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(6901%) hue-rotate(342deg) brightness(90%) contrast(115%);
	position: absolute;
	left: 17px;
}

.lessonaccordion .accordion-button:not(.collapsed)::after {
	content: "";
	transform: rotate(-180deg);
}

.lessonaccordion .accordion-button {
	border: 0;
	background: #F6F6F8;
	padding: 18px !important;
	padding-left: 54px !important;
	display: block;
}

.lessonaccordion .accordion-button .time {
	float: right;
	font-weight: normal;
}

.lessondersicerik {
	width: 100%;
	display: block;
}

.lessondersicerik ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lessondersicerik ul li {
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 12px;
}

.lessondersicerik ul li i {
	color: #0CC065;
	font-size: 22px;
	float: left;
	margin-right: 8px;
	line-height: 19px;
}

.lessonaccordion .totaltime {
	color: #fff;
	background-color: #251645;
	padding: 18px 25px;
	border-radius: 6px;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-top: 28px;
}

.lessonaccordion .totaltime span {
	float: left;
}

.lessonaccordion .totaltime .lessontime {
	float: right;
	font-size: 18px;
	font-weight: 600;
}

.readmorelist {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 25px;
}

.readmorelist::before {
	content: "";
	background: url(/assets/img/readmoreafter.png);
	position: absolute;
	width: 100%;
	height: 185px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: -100px;
	left: 0;
	z-index: -1;
}

.readmorelist button {
	border-radius: 35px;
	color: #15141C;
	font-size: 17px;
	font-weight: 600;
	background: #fff;
	padding: 17px 30px;
	border: 1px solid #15141C;
	position: relative;
	z-index: 3;
}

.slice[data-value="1"] .slice-fill {
	transform: rotate(3.6deg);
}

.slice[data-start="1"] {
	transform: rotate(3.6deg);
}

.slice[data-value="2"] .slice-fill {
	transform: rotate(7.2deg);
}

.slice[data-start="2"] {
	transform: rotate(7.2deg);
}

.slice[data-value="3"] .slice-fill {
	transform: rotate(10.8deg);
}

.slice[data-start="3"] {
	transform: rotate(10.8deg);
}

.slice[data-value="4"] .slice-fill {
	transform: rotate(14.4deg);
}

.slice[data-start="4"] {
	transform: rotate(14.4deg);
}

.slice[data-value="5"] .slice-fill {
	transform: rotate(18deg);
}

.slice[data-start="5"] {
	transform: rotate(18deg);
}

.slice[data-value="6"] .slice-fill {
	transform: rotate(21.6deg);
}

.slice[data-start="6"] {
	transform: rotate(21.6deg);
}

.slice[data-value="7"] .slice-fill {
	transform: rotate(25.2deg);
}

.slice[data-start="7"] {
	transform: rotate(25.2deg);
}

.slice[data-value="8"] .slice-fill {
	transform: rotate(28.8deg);
}

.slice[data-start="8"] {
	transform: rotate(28.8deg);
}

.slice[data-value="9"] .slice-fill {
	transform: rotate(32.4deg);
}

.slice[data-start="9"] {
	transform: rotate(32.4deg);
}

.slice[data-value="10"] .slice-fill {
	transform: rotate(36deg);
}

.slice[data-start="10"] {
	transform: rotate(36deg);
}

.slice[data-value="11"] .slice-fill {
	transform: rotate(39.6deg);
}

.slice[data-start="11"] {
	transform: rotate(39.6deg);
}

.slice[data-value="12"] .slice-fill {
	transform: rotate(43.2deg);
}

.slice[data-start="12"] {
	transform: rotate(43.2deg);
}

.slice[data-value="13"] .slice-fill {
	transform: rotate(46.8deg);
}

.slice[data-start="13"] {
	transform: rotate(46.8deg);
}

.slice[data-value="14"] .slice-fill {
	transform: rotate(50.4deg);
}

.slice[data-start="14"] {
	transform: rotate(50.4deg);
}

.slice[data-value="15"] .slice-fill {
	transform: rotate(54deg);
}

.slice[data-start="15"] {
	transform: rotate(54deg);
}

.slice[data-value="16"] .slice-fill {
	transform: rotate(57.6deg);
}

.slice[data-start="16"] {
	transform: rotate(57.6deg);
}

.slice[data-value="17"] .slice-fill {
	transform: rotate(61.2deg);
}

.slice[data-start="17"] {
	transform: rotate(61.2deg);
}

.slice[data-value="18"] .slice-fill {
	transform: rotate(64.8deg);
}

.slice[data-start="18"] {
	transform: rotate(64.8deg);
}

.slice[data-value="19"] .slice-fill {
	transform: rotate(68.4deg);
}

.slice[data-start="19"] {
	transform: rotate(68.4deg);
}

.slice[data-value="20"] .slice-fill {
	transform: rotate(72deg);
}

.slice[data-start="20"] {
	transform: rotate(72deg);
}

.slice[data-value="21"] .slice-fill {
	transform: rotate(75.6deg);
}

.slice[data-start="21"] {
	transform: rotate(75.6deg);
}

.slice[data-value="22"] .slice-fill {
	transform: rotate(79.2deg);
}

.slice[data-start="22"] {
	transform: rotate(79.2deg);
}

.slice[data-value="23"] .slice-fill {
	transform: rotate(82.8deg);
}

.slice[data-start="23"] {
	transform: rotate(82.8deg);
}

.slice[data-value="24"] .slice-fill {
	transform: rotate(86.4deg);
}

.slice[data-start="24"] {
	transform: rotate(86.4deg);
}

.slice[data-value="25"] .slice-fill {
	transform: rotate(90deg);
}

.slice[data-start="25"] {
	transform: rotate(90deg);
}

.slice[data-value="26"] .slice-fill {
	transform: rotate(93.6deg);
}

.slice[data-start="26"] {
	transform: rotate(93.6deg);
}

.slice[data-value="27"] .slice-fill {
	transform: rotate(97.2deg);
}

.slice[data-start="27"] {
	transform: rotate(97.2deg);
}

.slice[data-value="28"] .slice-fill {
	transform: rotate(100.8deg);
}

.slice[data-start="28"] {
	transform: rotate(100.8deg);
}

.slice[data-value="29"] .slice-fill {
	transform: rotate(104.4deg);
}

.slice[data-start="29"] {
	transform: rotate(104.4deg);
}

.slice[data-value="30"] .slice-fill {
	transform: rotate(108deg);
}

.slice[data-start="30"] {
	transform: rotate(108deg);
}

.slice[data-value="31"] .slice-fill {
	transform: rotate(111.6deg);
}

.slice[data-start="31"] {
	transform: rotate(111.6deg);
}

.slice[data-value="32"] .slice-fill {
	transform: rotate(115.2deg);
}

.slice[data-start="32"] {
	transform: rotate(115.2deg);
}

.slice[data-value="33"] .slice-fill {
	transform: rotate(118.8deg);
}

.slice[data-start="33"] {
	transform: rotate(118.8deg);
}

.slice[data-value="34"] .slice-fill {
	transform: rotate(122.4deg);
}

.slice[data-start="34"] {
	transform: rotate(122.4deg);
}

.slice[data-value="35"] .slice-fill {
	transform: rotate(126deg);
}

.slice[data-start="35"] {
	transform: rotate(126deg);
}

.slice[data-value="36"] .slice-fill {
	transform: rotate(129.6deg);
}

.slice[data-start="36"] {
	transform: rotate(129.6deg);
}

.slice[data-value="37"] .slice-fill {
	transform: rotate(133.2deg);
}

.slice[data-start="37"] {
	transform: rotate(133.2deg);
}

.slice[data-value="38"] .slice-fill {
	transform: rotate(136.8deg);
}

.slice[data-start="38"] {
	transform: rotate(136.8deg);
}

.slice[data-value="39"] .slice-fill {
	transform: rotate(140.4deg);
}

.slice[data-start="39"] {
	transform: rotate(140.4deg);
}

.slice[data-value="40"] .slice-fill {
	transform: rotate(144deg);
}

.slice[data-start="40"] {
	transform: rotate(144deg);
}

.slice[data-value="41"] .slice-fill {
	transform: rotate(147.6deg);
}

.slice[data-start="41"] {
	transform: rotate(147.6deg);
}

.slice[data-value="42"] .slice-fill {
	transform: rotate(151.2deg);
}

.slice[data-start="42"] {
	transform: rotate(151.2deg);
}

.slice[data-value="43"] .slice-fill {
	transform: rotate(154.8deg);
}

.slice[data-start="43"] {
	transform: rotate(154.8deg);
}

.slice[data-value="44"] .slice-fill {
	transform: rotate(158.4deg);
}

.slice[data-start="44"] {
	transform: rotate(158.4deg);
}

.slice[data-value="45"] .slice-fill {
	transform: rotate(162deg);
}

.slice[data-start="45"] {
	transform: rotate(162deg);
}

.slice[data-value="46"] .slice-fill {
	transform: rotate(165.6deg);
}

.slice[data-start="46"] {
	transform: rotate(165.6deg);
}

.slice[data-value="47"] .slice-fill {
	transform: rotate(169.2deg);
}

.slice[data-start="47"] {
	transform: rotate(169.2deg);
}

.slice[data-value="48"] .slice-fill {
	transform: rotate(172.8deg);
}

.slice[data-start="48"] {
	transform: rotate(172.8deg);
}

.slice[data-value="49"] .slice-fill {
	transform: rotate(176.4deg);
}

.slice[data-start="49"] {
	transform: rotate(176.4deg);
}

.slice[data-value="50"] .slice-fill {
	transform: rotate(180deg);
}

.slice[data-start="50"] {
	transform: rotate(180deg);
}

.slice[data-value="51"] .slice-fill {
	transform: rotate(183.6deg);
}

.slice[data-start="51"] {
	transform: rotate(183.6deg);
}

.slice[data-value="51"] {
	clip-path: none;
}

.slice[data-value="51"] .bg-fill {
	display: block;
}

.slice[data-value="52"] .slice-fill {
	transform: rotate(187.2deg);
}

.slice[data-start="52"] {
	transform: rotate(187.2deg);
}

.slice[data-value="52"] {
	clip-path: none;
}

.slice[data-value="52"] .bg-fill {
	display: block;
}

.slice[data-value="53"] .slice-fill {
	transform: rotate(190.8deg);
}

.slice[data-start="53"] {
	transform: rotate(190.8deg);
}

.slice[data-value="53"] {
	clip-path: none;
}

.slice[data-value="53"] .bg-fill {
	display: block;
}

.slice[data-value="54"] .slice-fill {
	transform: rotate(194.4deg);
}

.slice[data-start="54"] {
	transform: rotate(194.4deg);
}

.slice[data-value="54"] {
	clip-path: none;
}

.slice[data-value="54"] .bg-fill {
	display: block;
}

.slice[data-value="55"] .slice-fill {
	transform: rotate(198deg);
}

.slice[data-start="55"] {
	transform: rotate(198deg);
}

.slice[data-value="55"] {
	clip-path: none;
}

.slice[data-value="55"] .bg-fill {
	display: block;
}

.slice[data-value="56"] .slice-fill {
	transform: rotate(201.6deg);
}

.slice[data-start="56"] {
	transform: rotate(201.6deg);
}

.slice[data-value="56"] {
	clip-path: none;
}

.slice[data-value="56"] .bg-fill {
	display: block;
}

.slice[data-value="57"] .slice-fill {
	transform: rotate(205.2deg);
}

.slice[data-start="57"] {
	transform: rotate(205.2deg);
}

.slice[data-value="57"] {
	clip-path: none;
}

.slice[data-value="57"] .bg-fill {
	display: block;
}

.slice[data-value="58"] .slice-fill {
	transform: rotate(208.8deg);
}

.slice[data-start="58"] {
	transform: rotate(208.8deg);
}

.slice[data-value="58"] {
	clip-path: none;
}

.slice[data-value="58"] .bg-fill {
	display: block;
}

.slice[data-value="59"] .slice-fill {
	transform: rotate(212.4deg);
}

.slice[data-start="59"] {
	transform: rotate(212.4deg);
}

.slice[data-value="59"] {
	clip-path: none;
}

.slice[data-value="59"] .bg-fill {
	display: block;
}

.slice[data-value="60"] .slice-fill {
	transform: rotate(216deg);
}

.slice[data-start="60"] {
	transform: rotate(216deg);
}

.slice[data-value="60"] {
	clip-path: none;
}

.slice[data-value="60"] .bg-fill {
	display: block;
}

.slice[data-value="61"] .slice-fill {
	transform: rotate(219.6deg);
}

.slice[data-start="61"] {
	transform: rotate(219.6deg);
}

.slice[data-value="61"] {
	clip-path: none;
}

.slice[data-value="61"] .bg-fill {
	display: block;
}

.slice[data-value="62"] .slice-fill {
	transform: rotate(223.2deg);
}

.slice[data-start="62"] {
	transform: rotate(223.2deg);
}

.slice[data-value="62"] {
	clip-path: none;
}

.slice[data-value="62"] .bg-fill {
	display: block;
}

.slice[data-value="63"] .slice-fill {
	transform: rotate(226.8deg);
}

.slice[data-start="63"] {
	transform: rotate(226.8deg);
}

.slice[data-value="63"] {
	clip-path: none;
}

.slice[data-value="63"] .bg-fill {
	display: block;
}

.slice[data-value="64"] .slice-fill {
	transform: rotate(230.4deg);
}

.slice[data-start="64"] {
	transform: rotate(230.4deg);
}

.slice[data-value="64"] {
	clip-path: none;
}

.slice[data-value="64"] .bg-fill {
	display: block;
}

.slice[data-value="65"] .slice-fill {
	transform: rotate(234deg);
}

.slice[data-start="65"] {
	transform: rotate(234deg);
}

.slice[data-value="65"] {
	clip-path: none;
}

.slice[data-value="65"] .bg-fill {
	display: block;
}

.slice[data-value="66"] .slice-fill {
	transform: rotate(237.6deg);
}

.slice[data-start="66"] {
	transform: rotate(237.6deg);
}

.slice[data-value="66"] {
	clip-path: none;
}

.slice[data-value="66"] .bg-fill {
	display: block;
}

.slice[data-value="67"] .slice-fill {
	transform: rotate(241.2deg);
}

.slice[data-start="67"] {
	transform: rotate(241.2deg);
}

.slice[data-value="67"] {
	clip-path: none;
}

.slice[data-value="67"] .bg-fill {
	display: block;
}

.slice[data-value="68"] .slice-fill {
	transform: rotate(244.8deg);
}

.slice[data-start="68"] {
	transform: rotate(244.8deg);
}

.slice[data-value="68"] {
	clip-path: none;
}

.slice[data-value="68"] .bg-fill {
	display: block;
}

.slice[data-value="69"] .slice-fill {
	transform: rotate(248.4deg);
}

.slice[data-start="69"] {
	transform: rotate(248.4deg);
}

.slice[data-value="69"] {
	clip-path: none;
}

.slice[data-value="69"] .bg-fill {
	display: block;
}

.slice[data-value="70"] .slice-fill {
	transform: rotate(252deg);
}

.slice[data-start="70"] {
	transform: rotate(252deg);
}

.slice[data-value="70"] {
	clip-path: none;
}

.slice[data-value="70"] .bg-fill {
	display: block;
}

.slice[data-value="71"] .slice-fill {
	transform: rotate(255.6deg);
}

.slice[data-start="71"] {
	transform: rotate(255.6deg);
}

.slice[data-value="71"] {
	clip-path: none;
}

.slice[data-value="71"] .bg-fill {
	display: block;
}

.slice[data-value="72"] .slice-fill {
	transform: rotate(259.2deg);
}

.slice[data-start="72"] {
	transform: rotate(259.2deg);
}

.slice[data-value="72"] {
	clip-path: none;
}

.slice[data-value="72"] .bg-fill {
	display: block;
}

.slice[data-value="73"] .slice-fill {
	transform: rotate(262.8deg);
}

.slice[data-start="73"] {
	transform: rotate(262.8deg);
}

.slice[data-value="73"] {
	clip-path: none;
}

.slice[data-value="73"] .bg-fill {
	display: block;
}

.slice[data-value="74"] .slice-fill {
	transform: rotate(266.4deg);
}

.slice[data-start="74"] {
	transform: rotate(266.4deg);
}

.slice[data-value="74"] {
	clip-path: none;
}

.slice[data-value="74"] .bg-fill {
	display: block;
}

.slice[data-value="75"] .slice-fill {
	transform: rotate(270deg);
}

.slice[data-start="75"] {
	transform: rotate(270deg);
}

.slice[data-value="75"] {
	clip-path: none;
}

.slice[data-value="75"] .bg-fill {
	display: block;
}

.slice[data-value="76"] .slice-fill {
	transform: rotate(273.6deg);
}

.slice[data-start="76"] {
	transform: rotate(273.6deg);
}

.slice[data-value="76"] {
	clip-path: none;
}

.slice[data-value="76"] .bg-fill {
	display: block;
}

.slice[data-value="77"] .slice-fill {
	transform: rotate(277.2deg);
}

.slice[data-start="77"] {
	transform: rotate(277.2deg);
}

.slice[data-value="77"] {
	clip-path: none;
}

.slice[data-value="77"] .bg-fill {
	display: block;
}

.slice[data-value="78"] .slice-fill {
	transform: rotate(280.8deg);
}

.slice[data-start="78"] {
	transform: rotate(280.8deg);
}

.slice[data-value="78"] {
	clip-path: none;
}

.slice[data-value="78"] .bg-fill {
	display: block;
}

.slice[data-value="79"] .slice-fill {
	transform: rotate(284.4deg);
}

.slice[data-start="79"] {
	transform: rotate(284.4deg);
}

.slice[data-value="79"] {
	clip-path: none;
}

.slice[data-value="79"] .bg-fill {
	display: block;
}

.slice[data-value="80"] .slice-fill {
	transform: rotate(288deg);
}

.slice[data-start="80"] {
	transform: rotate(288deg);
}

.slice[data-value="80"] {
	clip-path: none;
}

.slice[data-value="80"] .bg-fill {
	display: block;
}

.slice[data-value="81"] .slice-fill {
	transform: rotate(291.6deg);
}

.slice[data-start="81"] {
	transform: rotate(291.6deg);
}

.slice[data-value="81"] {
	clip-path: none;
}

.slice[data-value="81"] .bg-fill {
	display: block;
}

.slice[data-value="82"] .slice-fill {
	transform: rotate(295.2deg);
}

.slice[data-start="82"] {
	transform: rotate(295.2deg);
}

.slice[data-value="82"] {
	clip-path: none;
}

.slice[data-value="82"] .bg-fill {
	display: block;
}

.slice[data-value="83"] .slice-fill {
	transform: rotate(298.8deg);
}

.slice[data-start="83"] {
	transform: rotate(298.8deg);
}

.slice[data-value="83"] {
	clip-path: none;
}

.slice[data-value="83"] .bg-fill {
	display: block;
}

.slice[data-value="84"] .slice-fill {
	transform: rotate(302.4deg);
}

.slice[data-start="84"] {
	transform: rotate(302.4deg);
}

.slice[data-value="84"] {
	clip-path: none;
}

.slice[data-value="84"] .bg-fill {
	display: block;
}

.slice[data-value="85"] .slice-fill {
	transform: rotate(306deg);
}

.slice[data-start="85"] {
	transform: rotate(306deg);
}

.slice[data-value="85"] {
	clip-path: none;
}

.slice[data-value="85"] .bg-fill {
	display: block;
}

.slice[data-value="86"] .slice-fill {
	transform: rotate(309.6deg);
}

.slice[data-start="86"] {
	transform: rotate(309.6deg);
}

.slice[data-value="86"] {
	clip-path: none;
}

.slice[data-value="86"] .bg-fill {
	display: block;
}

.slice[data-value="87"] .slice-fill {
	transform: rotate(313.2deg);
}

.slice[data-start="87"] {
	transform: rotate(313.2deg);
}

.slice[data-value="87"] {
	clip-path: none;
}

.slice[data-value="87"] .bg-fill {
	display: block;
}

.slice[data-value="88"] .slice-fill {
	transform: rotate(316.8deg);
}

.slice[data-start="88"] {
	transform: rotate(316.8deg);
}

.slice[data-value="88"] {
	clip-path: none;
}

.slice[data-value="88"] .bg-fill {
	display: block;
}

.slice[data-value="89"] .slice-fill {
	transform: rotate(320.4deg);
}

.slice[data-start="89"] {
	transform: rotate(320.4deg);
}

.slice[data-value="89"] {
	clip-path: none;
}

.slice[data-value="89"] .bg-fill {
	display: block;
}

.slice[data-value="90"] .slice-fill {
	transform: rotate(324deg);
}

.slice[data-start="90"] {
	transform: rotate(324deg);
}

.slice[data-value="90"] {
	clip-path: none;
}

.slice[data-value="90"] .bg-fill {
	display: block;
}

.slice[data-value="91"] .slice-fill {
	transform: rotate(327.6deg);
}

.slice[data-start="91"] {
	transform: rotate(327.6deg);
}

.slice[data-value="91"] {
	clip-path: none;
}

.slice[data-value="91"] .bg-fill {
	display: block;
}

.slice[data-value="92"] .slice-fill {
	transform: rotate(331.2deg);
}

.slice[data-start="92"] {
	transform: rotate(331.2deg);
}

.slice[data-value="92"] {
	clip-path: none;
}

.slice[data-value="92"] .bg-fill {
	display: block;
}

.slice[data-value="93"] .slice-fill {
	transform: rotate(334.8deg);
}

.slice[data-start="93"] {
	transform: rotate(334.8deg);
}

.slice[data-value="93"] {
	clip-path: none;
}

.slice[data-value="93"] .bg-fill {
	display: block;
}

.slice[data-value="94"] .slice-fill {
	transform: rotate(338.4deg);
}

.slice[data-start="94"] {
	transform: rotate(338.4deg);
}

.slice[data-value="94"] {
	clip-path: none;
}

.slice[data-value="94"] .bg-fill {
	display: block;
}

.slice[data-value="95"] .slice-fill {
	transform: rotate(342deg);
}

.slice[data-start="95"] {
	transform: rotate(342deg);
}

.slice[data-value="95"] {
	clip-path: none;
}

.slice[data-value="95"] .bg-fill {
	display: block;
}

.slice[data-value="96"] .slice-fill {
	transform: rotate(345.6deg);
}

.slice[data-start="96"] {
	transform: rotate(345.6deg);
}

.slice[data-value="96"] {
	clip-path: none;
}

.slice[data-value="96"] .bg-fill {
	display: block;
}

.slice[data-value="97"] .slice-fill {
	transform: rotate(349.2deg);
}

.slice[data-start="97"] {
	transform: rotate(349.2deg);
}

.slice[data-value="97"] {
	clip-path: none;
}

.slice[data-value="97"] .bg-fill {
	display: block;
}

.slice[data-value="98"] .slice-fill {
	transform: rotate(352.8deg);
}

.slice[data-start="98"] {
	transform: rotate(352.8deg);
}

.slice[data-value="98"] {
	clip-path: none;
}

.slice[data-value="98"] .bg-fill {
	display: block;
}

.slice[data-value="99"] .slice-fill {
	transform: rotate(356.4deg);
}

.slice[data-start="99"] {
	transform: rotate(356.4deg);
}

.slice[data-value="99"] {
	clip-path: none;
}

.slice[data-value="99"] .bg-fill {
	display: block;
}

.slice[data-value="100"] .slice-fill {
	transform: rotate(360deg);
}

.slice[data-start="100"] {
	transform: rotate(360deg);
}

.slice[data-value="100"] {
	clip-path: none;
}

.slice[data-value="100"] .bg-fill {
	display: block;
}

.slice:nth-of-type(1) .slice-fill,
.slice:nth-of-type(1) .bg-fill,
.legend li:nth-child(1):before {
	background-color: #2D5BFF;
}

.slice:nth-of-type(2) .slice-fill,
.slice:nth-of-type(2) .bg-fill,
.legend li:nth-child(2):before {
	background-color: #4A3AFF;
}

.slice:nth-of-type(3) .slice-fill,
.slice:nth-of-type(3) .bg-fill,
.legend li:nth-child(3):before {
	background-color: #93AAFD;
}

.slice:nth-of-type(4) .slice-fill,
.slice:nth-of-type(4) .bg-fill,
.legend li:nth-child(4):before {
	background-color: #C6D2FD;
}

.slice:nth-of-type(5) .slice-fill,
.slice:nth-of-type(5) .bg-fill,
.legend li:nth-child(5):before {
	background-color: #E5EAFC;
}

.slice:nth-of-type(6) .slice-fill,
.slice:nth-of-type(6) .bg-fill,
.legend li:nth-child(6):before {
	background-color: #073450;
}

.slice:nth-of-type(7) .slice-fill,
.slice:nth-of-type(7) .bg-fill,
.legend li:nth-child(7):before {
	background-color: #07899E;
}

.slice:nth-of-type(8) .slice-fill,
.slice:nth-of-type(8) .bg-fill,
.legend li:nth-child(8):before {
	background-color: #50D5B3;
}

.slice:nth-of-type(9) .slice-fill,
.slice:nth-of-type(9) .bg-fill,
.legend li:nth-child(9):before {
	background-color: #F3D671;
}

.slice:nth-of-type(10) .slice-fill,
.slice:nth-of-type(10) .bg-fill,
.legend li:nth-child(10):before {
	background-color: #E73936;
}

.fullcontainer {
	width: 100%;
	padding: 0px 30px;
}

footer.watch .container {
	max-width: 100%;
	padding: 0px 30px;
}

.watchheader {
	float: left;
	width: 100%;
	padding: 25px 0;
	background: #251645;
}

.watchheader .logo {
	float: left;
}

.watchheader .logo img {
	height: 36px;
	object-fit: contain;
}

.watchheader .videos {
	float: left;
	margin-left: 30px;
	color: #fff;
	font-weight: 600;
	min-height: 36px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.watchheader .videos i {
	float: left;
	margin-right: 12px;
	font-size: 22px;
	font-weight: normal;
	line-height: 16px;
}

.rightbtn {
	float: right;
}

.rightbtn a {
	float: right;
	color: #fff;
	margin-left: 25px;
	font-weight: 600;
}

.rightbtn a i {
	font-weight: 200;
	margin-right: 5px;
	font-size: 23px;
}

.watchcontent {
	float: left;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

.video_content {
	float: left;
	width: 100%;
	height: 100%;
	display: block;
	min-height: calc(100vh - 224px);
}

.site_content.video {
	min-height: calc(100vh - 224px);
}

.video_content iframe {
	width: 100%;
	height: 100%;
}

footer.watch {
	margin-top: 30px;
}

footer.watch .ft_top {
	margin-bottom: 10px;
}

.mobillesson{
	display: none;
}

.video_listen {
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-right: 10px;
}

.video_listen h3 {
	color: #69B8FF;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}

.video_listen .accordion-button:not(.collapsed) {
	box-shadow: none;
	color: #15141C;
	background: transparent;
}

.video_listen .accordion-button:focus {
	box-shadow: none;
	color: #15141C;
	background: transparent;
}

.video_listen .accordion-item {
	border-radius: 10px;
	background: rgba(37, 22, 69, 0.04);
	border: 0;
	margin-bottom: 12px;
}

.video_listen .accordion-button {
	font-weight: 600;
	font-size: 16px;
	display: block;
	padding-right: 25px;
	background: rgba(37, 22, 69, 0.04);
}

.video_listen .accordion-button .ders {
	width: 100%;
	font-weight: normal;
	font-size: 14px;
}

.video_listen .accordion-button::after {
	position: absolute;
	right: 13px;
	top: 16px;
	filter: brightness(0) saturate(100%) invert(21%) sepia(59%) saturate(7484%) hue-rotate(342deg) brightness(91%) contrast(112%);
}

.videoiceriklist {
	width: 100%;
}

.videoiceriklist ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.videoiceriklist ul li {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

.videoiceriklist ul li a h6 {
	font-size: 16px;
	color: #15141C;
	font-weight: 600;
	margin-bottom: 2px;
	position: relative;
}

.videoiceriklist ul li a span {
	font-size: 14px;
	color: #15141C;
	font-weight: 400;
}

.videoiceriklist ul li a .check {
	width: 28px;
	height: 28px;
	float: left;
	border: 2px solid #251645;
	border-radius: 8px;
	margin-right: 15px;
	text-align: center;
	line-height: 25px;
	font-size: 21px;
	color: transparent;
}

.videoiceriklist ul li.succes a .check {
	color: #fff;
	background: #251645;
}

.videoiceriklist ul li a {
	display: flex;
}

.videoiceriklist ul li a .text {
	position: relative;
	width: calc(100% - 43px);
}

.videoiceriklist ul li.active a h6 {
	padding-left: 22px;
	color: #F4062E;
}

.videoiceriklist ul li.active a h6::before {
	content: "";
	background: url(/assets/img/playicon.svg);
	width: 15px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

.video_listen .scrool {
	max-height: calc(100vh - 272px);
	overflow-y: auto;
	padding-right: 10px;
}

.video_listen .scrool::-webkit-scrollbar-track {
	border-radius: 5px;
	width: 100%;
	height: 100%;
}

.video_listen .scrool::-webkit-scrollbar {
	width: 6px;
	border-radius: 5px;
	background-color: #E6E4EF;
}

.video_listen .scrool::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-color: #15141C;
	height: 5px;
}

.testarea {
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.testarea h2 {
	font-size: 24px;
	font-weight: 600;
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.testarea .sorustay {
	width: 100%;
	margin-bottom: 40px;
	color: #15141C99;
	font-weight: 600;
}

.testarea .sorustay span {
	margin: 0px 10px;
}

.testarea .btncontrol {
	max-width: 370px;
	margin: 0 auto;
}

.testarea button.start {
	background: #F4062E;
	border-radius: 35px;
	color: #fff;
	border: 0;
	font-weight: bold;
	padding: 20px 40px;
	width: 100%;
	margin-bottom: 12px;
	border: 1px solid #F4062E;
	transition: all 0.6s;
}

.testarea button.start:hover {
	background: #9b031c;
}

.testarea button.resub {
	background: transparent;
	border-radius: 35px;
	color: #15141C;
	border: 0;
	font-weight: bold;
	padding: 20px 40px;
	width: 100%;
	margin-bottom: 12px;
	transition: all 0.6s;
	border: 1px solid #15141C;
}

.testarea button.resub:hover {
	background: #15141C;
	color: #fff;
}

.testarea h3 {
	font-weight: normal;
	font-size: 24px;
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 30px;
}

.testarea .teststart {
	width: 100%;
	padding: 20px 0;
}

.testarea .listtime {
	margin: 0 auto;
	max-width: 170px;
	display: flex;
	background: #04a14d10;
	padding: 12px 20px;
	border-radius: 50px;
	margin-bottom: 20px;
}

.testarea .listtime i {
	float: left;
	color: #04A14D;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 28px;
	margin-top: 3px;
}

.testarea .listtime .ls {
	float: left;
	min-height: 34px;
	display: flex;
	padding-left: 10px;
	flex-flow: column;
	justify-content: center;
	padding-right: 15px;
}

.testarea .listtime .ls span {
	font-weight: 500;
	font-size: 14px;
}

.testarea .listtime .ls b {
	font-size: 18px;
}

.testarea span {
	font-weight: 600;
}

.testingpanel {
	margin: 0 auto;
	max-width: 660px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.testingpanel ul li {
	color: #AAAAAA;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	border: 1px solid #15141C40;
	border-radius: 15px;
	margin-bottom: 15px;
	transition: all 0.6s;
}

.testingpanel ul li input[type=radio] {
	position: absolute;
	visibility: hidden;
}

.testingpanel ul li label {
	display: block;
	position: relative;
	font-weight: 600;
	font-size: 18px;
	padding: 10px 10px 10px 60px;
	margin: 10px auto;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
	float: left;
	width: 100%;
	color: #15141C;
	display: flex;
}

.testingpanel ul li:hover {
	border-color: #15141C;
}

.testingpanel ul li .check {
	display: block;
	position: absolute;
	border: 3px solid #15141c3b;
	border-radius: 100%;
	height: 25px;
	width: 25px;
	top: 18px;
	left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.testingpanel ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 11px;
	width: 11px;
	top: 4px;
	left: 4px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.testingpanel input[type=radio]:checked~.check {
	border: 3px solid #15141C;
}

.testingpanel input[type=radio]:checked~.check::before {
	background: #15141C;
}

.testingpanel input[type=radio]:checked~label {
	color: #15141C;
}

.testarea .teststart .btncontrol button.start {
	padding: 15px 10px;
	margin-top: 10px;
}

.testingpanel ul li .cevap {
	margin-right: 10px;
}

.mobilmenu {
	display: none;
}

header.home .mobilmenu button {
	color: #fff;
}

.mobilmenu button {
	float: left;
	background: transparent;
	color: #15141C;
	border: 0;
	font-size: 38px;
	margin-right: 14px;
	padding: 0;
	margin-top: 1px;
	font-weight: normal;

}

.offcanvas-start {
	width: 75%;
}

.offcanvaslogo {
	float: left;
	margin-left: 20px;
}

.offcanvaslogo img {
	height: 30px;
	object-fit: contain;
}

.offcanvas-header {
	display: block;
}

.offcanvas-header .btn-close {
	opacity: 1;
	float: left;
	width: 30px;
	height: 30px;
}

.mobilmenuarea {
	float: left;
	width: 100%;
	padding: 15px 10px;
}

.mobilmenuarea a.login {
	float: right;
	background: #F4062E;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	padding: 20px 20px;
	border-radius: 35px;
	padding-right: 25px;
	transition: all 0.7s;
	margin-left: 25px;
	width: 100%;
	text-align: center;
}

.mobilmenuarea a.login i {
	margin-right: 5px;
}

.mobilmenuarea .phone {
	float: left;
	width: 100%;
	padding: 20px 0;
}

.mobilmenuarea .phone a {
	display: block;
	color: #15141C !important;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 15px;
}

.mobilmenuarea .phone a i {
	font-weight: normal;
	color: #F4062E;
	font-size: 30px;
	margin-top: -5px;
	float: left;
	margin-right: 15px;
}

.mobilmenulist {
	float: left;
	width: 100%;
}

.mobilmenulist ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobilmenulist ul li {
	float: left;
	width: 100%;
	margin-bottom: 18px;
}

.mobilmenulist ul li a {
	font-size: 19px;
	font-weight: 600;
	color: #15141C;
}

.whois_section .swiper-pagination {
	display: none;
}

.watchheader .geri {
	display: none;
}
.videodiscover_section .col-md-12{
	display: none;
}

@media only screen and (max-width:768px) {

	.hmslider .image img {
		margin: 0;
	}

	.videodiscover_section ul li .icon{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 25px;
	}

	.videodiscover_section ul.right li .icon{
		float: left;
	}

	.videodiscover_section ul.right li .text{
		text-align: left;
		padding-right: 0;
		padding-left: 10px;
	}

	.videodiscover_section ul li{
		padding-right: 5px;
		padding-left: 8px;
	}

	.videodiscover_section ul li .text{
		width: calc(100% - 40px);
		font-weight: 600;
		font-size: 14px;
		min-height: 40px;
		padding-left: 10px;
	}

	.videodiscover_section h2{
		margin-bottom: 25px;
	}

	.videodiscover_section ul{
		float: left;
		width: 50%;
	}
	.videodiscover_section ul.right{
		float: right;
		width: 50%;
	}

	.videodiscover_section .col-md-12{
		display: block;
	}

	.videodiscover_section .col-md-3{
		display: none;
	}

	.hmslider .image .newbeforebag.v2 {
		right: 10px;
	}

	.mobilmenu {
		display: block;
	}

	.app_section .img::before {
		width: 100%;
		left: 0;
	}

	.reviews_section h2::after {
		right: 20px;
		width: 40px;
		height: 40px;
	}

	.reviews_section h2 {
		font-size: 28px;
	}

	.reviews_section .reviewsSwiper {
		width: 100%;
		margin: 0;
	}

	.reviews_section .reviewsSwiper .swiper-slide {
		width: 90% !important;
	}

	.reviews_section .alan {
		padding: 0px 10px;
	}

	.videodiscover_section h2 {
		font-size: 28px;
	}

	.blog_section .alan {
		overflow: hidden;
		padding-left: 15px;
		padding-right: 15px;
	}

	.blogsectionSwiper {
		width: 100%;
		margin: 0;
	}

	.partner_section h2 {
		font-size: 18px;
	}

	.brsexast_section .img .newbeforebag.v2 {
		right: 10px;
	}

	.brsexast_section .img .newbeforebag {
		left: 20px;
	}

	.brsexast_section h3 {
		font-size: 28px;
	}

	.brsexast_section .hiz {
		padding: 0px 10px;
	}

	.brsexast_section span.bag::before {
		content: "";
		position: absolute;
		left: -9px;
		top: -14px;
		width: 18px;
		height: 18px;
		background: url(/assets/img/ozellikbefore.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.brsexast_section ul li {
		width: 100%;
		font-size: 16px;
		padding-left: 25px;
	}

	.brsexast_section h3 label::after {
		bottom: -5px;
	}

	.brsexast_section ul li::before {
		top: 2px;
		width: 16px;
		height: 16px;
	}

	.brsexast_section p {
		font-weight: 500;
		font-size: 18px;
	}

	.reviews_section {
		padding: 50px 0;
	}

	.app_section .row {
		flex-flow: column-reverse;
	}

	.app_section .text h2 {
		font-size: 28px;
	}

	.app_section .text p {
		font-weight: 500;
		font-size: 18px;
		margin-bottom: 30px;
	}

	.app_section .text a {
		width: 48%;
		margin: 0;
	}

	.app_section .text .btnlist {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
	}

	.blog_section h3 {
		margin-bottom: 40px;
		font-size: 28px;
	}

	.ft_desc {
		display: flex;
		flex-flow: column-reverse;
		text-align: center;
	}

	.ft_desc img {
		margin-bottom: 15px;
	}

	.ftsocial {
		float: left;
		margin-top: 30px;
	}

	.ftsocial ul {
		margin: 0;
	}

	.hmslider h2 {
		font-size: 28px;
		line-height: 37px;
	}

	.hmslider .text {
		padding: 15px 15px;
	}

	.hmslider h2 .line-1::after {
		bottom: -8px;
		right: 0px;
	}

	.hmslider p {
		font-size: 18px;
		font-weight: 500;
		line-height: 25px;
		margin-bottom: 30px;
	}

	.hmslider .btnlist {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
	}

	.hmslider .btnlist .paket-c {
		width: 48%;
		margin-left: 0;
	}

	header {
		padding: 16px 8px;
	}

	header .topmenu {
		display: none;
	}

	header .topright .phone {
		display: none;
	}

	header .topright a.login {
		display: none;
	}

	.hmslider .image {
		height: 350px;
		margin-top: 50px;
	}

	.hmslider .userslist {
		display: none;
	}

	.promo_popsection h3 {
		font-size: 28px;
	}

	.promo_popsection .nav li {
		float: left;
	}

	.promo_popsection .nav {
		display: block;
		min-width: 680px;
		float: left;
	}

	.promo_popsection .tabsmenu {
		display: block;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.promo_popsection .swiper-button-prevc {
		display: none;
	}

	.promo_popsection .swiper-button-nextc {
		display: none;
	}

	.promoSwiper {
		width: 100%;
		margin-left: 0;
	}

	.promo_popsection .container {
		padding-right: 0;
	}

	.promoSwiper .swiper-slide {
		width: 90% !important;
	}

	.lessonitem .text h2 {
		font-size: 19px;
	}

	.lessonitem .text ul li {
		font-size: 15px;
	}

	.lessonitem .text .detail {
		display: block;
	}

	.lessonitem .text .detail .ite {
		float: left;
		width: 50%;
		text-align: center;
	}

	.lessonitem .text .detail .ite i {
		float: initial;
	}

	.lessonitem .text .detail .ite:nth-last-child(1) {
		margin: 0 auto;
		text-align: center;
		margin-top: 15px;
		width: 100%;
	}

	.lessonitem .text .detail .ite:nth-last-child(1) i {
		float: initial;
	}

	.partner_section .swiper-pagination-bullet {
		background: #251645;
		width: 10px;
		height: 10px;
	}

	.partner_section img {
		height: 220px;
		margin-bottom: 20px;
	}

	.partner_section {
		padding: 50px 0;
	}

	.whois_section h2 {
		font-size: 24px;
	}

	.whoisSwiper .swiper-slide {
		width: 50% !important;
	}

	.whois_section .swiper-pagination {
		display: block;
	}

	.whoisSwiper .swiper-wrapper {
		margin-bottom: 70px;
	}

	.whois_section .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background: #fff;
	}

	.about_list {
		padding: 20px 10px;
	}

	.about_list .img {
		height: 300px;
	}

	.about_list .row {
		flex-flow: column-reverse;
	}

	.about_list .text h5 {
		font-size: 24px;
	}

	.about_list .text h5 span::before {
		bottom: -5px;
	}

	.about_list .text {
		min-height: auto;
		margin-bottom: 30px;
	}

	.timeline_section h5 {
		font-size: 24px;
	}

	.timeline ul li h3 {
		font-size: 20px;
	}

	.timeline ul li {
		padding-top: 0;
	}

	.timeline:before {
		top: 95px;
	}

	.registerform h3 {
		width: 100%;
		text-align: center;
		font-size: 24px;
	}

	.registerarea {
		padding: 30px 10px;
	}

	.registerarea .text {
		position: relative;
		padding: 0;
		backdrop-filter: none;
	}

	.registerarea .alan {
		display: flex;
		flex-flow: column-reverse;
	}

	.registerarea .text h3 {
		width: 100%;
		text-align: center;
		font-size: 24px;
		margin-top: 30px;
	}

	.registerimg {
		margin-top: 50px;
	}

	.contactpage .text h6 {
		text-align: center;
	}

	.contactpage .text h3 {
		text-align: center;
		font-size: 24px;
	}

	.contactpage .text {
		padding: 0px 13px;
	}

	.contactpage .text .infodesc {
		margin-bottom: 20px;
	}

	.contactform {
		padding: 20px;
		z-index: 2;
	}

	.contactform h2 {
		font-size: 24px;
	}

	.contactform::after {
		z-index: -1;
		right: 0;
	}

	.contactform button {
		width: 100%;
	}

	.payment_area {
		padding: 25px 0px;
	}

	.payment_area h3 {
		width: 100%;
		text-align: center;
		font-size: 24px;
	}

	.caritem .head .img {
		width: 100%;
		height: 170px;
		margin-bottom: 15px;
	}

	.cartrelateditem {
		width: calc(100% + var(--bs-gutter-x, .75rem));
	}

	.caritem {
		padding: 20px;
	}

	.caritem .head .text {
		width: 100%;
		padding: 0;
	}

	.caritem .head .text .list .examitem {
		margin-bottom: 10px;
	}

	.lesdetailbar .item {
		width: 50%;
		margin: 10px 0;
	}

	.lesdetailbar {
		padding: 5px 10px;
	}

	.lesdetailbar .item .alan span {
		font-size: 14px;
	}

	.lesdetailbar .item .alan b {
		font-size: 16px;
	}

	.lesdetailbar .item .icon {
		margin-right: 5px;
	}

	.lesson_feture ul li {
		width: 50%;
		padding-right: 15px;
	}

	.lesson_feture ul li i {
		padding-left: 10px;
	}

	.lesson_feture ul li span {
		padding-left: 5px;
	}

	.paymentdetail h3 {
		text-align: left;
	}

	.paymentdetail {
		margin-top: 25px;
	}

	.payment_area p {
		text-align: center;
		margin-top: -20px;
	}

	.paymentcardmet .infobar {
		margin-top: 30px;
	}

	.ticket_content h2 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 10px;
	}

	.ticket_content {
		padding: 30px 5px;
	}

	.oldticketlist {
		margin-top: 20px;
	}

	.oldticketlist .item .text {
		width: 100%;
		max-width: 100%;
	}

	.oldticketlist .item .right a {
		width: 100%;
		text-align: center;
	}

	.oldticketlist .item .right {
		width: 100%;
		display: flex;
		flex-flow: column-reverse;
	}

	.oldticketlist .item .right .status {
		float: left;
	}

	.oldticketlist .item {
		padding: 17px 0;
	}

	.top_ticket {
		text-align: center;
		display: flex;
		flex-flow: column;
		justify-content: center;
	}

	.top_ticket a {
		margin-top: 10px;
	}

	.ticket_area .ticket_filter .search {
		width: 100%;
		margin-top: 10px;
	}

	.filter_subtitle {
		display: none;
	}

	.ticket_item a.viewbtn {
		width: 100%;
		margin-bottom: 10px;
	}

	.ticket_item .status {
		margin-top: -10px;
	}

	.ticket_item span {
		padding: 5px 0;
		font-weight: 600;
	}

	.watchheader .logo {
		display: none;
	}

	.rightbtn {
		display: none;
	}

	.watchheader {
		padding: 8px 0;
	}

	.watchheader .videos {
		margin-left: 0;
	}

	.watchheader .videos i {
		display: none;
	}

	.watchheader .geri {
		float: left;
		color: #fff;
		display: block;
		font-size: 26px;
		margin-top: 2px;
		margin-right: 15px;
	}

	.video_content {
		min-height: 220px;
	}

	.video_listen {
		padding: 17px;
	}

	.video_listen .scrool {
		max-height: 100%;
	}

	footer.watch .container {
		padding: 0px 20px;
	}

	.ft_desc span {
		text-align: left;
	}

	.testingpanel ul {
		float: left;
		width: 100%;
		padding: 0px 15px;
	}

	.breadcumb ul {
		min-width: 1500px;
		display: flex;
	}

	.breadcumb {
		overflow: hidden;
	}

	.lesson_sidebar {
		display: none;
	}

	.lesson_man .list {
		display: flex;
	}

	.lesson_man .list .examitem {
		font-size: 13px;
		text-align: center;
		width: 33.3%;
		padding: 9px 5px;
	}

	.lesson_man h1 {
		font-size: 24px;
		text-align: left;
	}

	.lesson_man .lesson_feture ul li span {
		font-size: 14px;
	}

	.lesson_pagearea {
		padding: 50px 10px;
	}

	.lesson_pagearea h3 {
		font-size: 24px;
	}

	.lesson_pagearea p {
		font-weight: 500;
	}

	.derstimeinfo {
		display: flex;
		flex-flow: column;
	}
	.derstimeinfo .item{
		margin-bottom: 10px;
	}
	.examplesvideos h3{
		font-size: 18px;
	}
	.lessonaccordion h3{
		font-size: 18px;
	}
	.lessonaccordion .accordion-button::after{
		top: calc(50% - 14px);
	}
	.examplesvideos .item .img{
		width: 100%;
		height: 158px;
	}
	.examplesvideos .item .text{
		width: 100%;
		margin-top: 15px;
	}
	.mobillesson{
		display: block;
	}
	.mobillesson .lesson_sidebar{
		display: block;
	}
	.mobillesson .lesson_box{
		position: relative;
		max-width: 100%;
		top: auto;
		margin-top: 20px;
		float: left;
		margin-bottom: 20px;
	}
	.mobillesson .sidebarvideo{
		margin-top: 25px;
	}
	.mobillesson .lesson_box::after{
		display: none;
	}
	.lesson_man p{
		margin-bottom: 10px;
	}
}