body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}


.header_title{
	list-style-type:none;
}

.header_title li{
	display: inline;
	margin-left: 8%;
	line-height: 70px;
}
.header_title li a{
	font-size: 18px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.header_title li a:hover{
	text-decoration: underline;
	color: #7C20D9;
}

.header_logo{
	width: 30%;
}
.header_logo img{
	float: right;
	display: block;
	margin-top: 7px;
}

.header{
	display: flex;
	height: 66px;
	background-color: #220337;
	/*background: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/head.jpg) center no-repeat;*/
	/* background-image: linear-gradient(to left, #fbbe1e, #660884);*/
}

.back_video .opcity {
    position: absolute;
    top: 0;
    width: 100%;
    height: 800px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 66px;

}

.back_video video {
    height: 800px;
    object-fit: cover;
    width: 100%;
}

.back_video section{
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-237.5px, -103px);
    margin-left: -255px;
    /*margin-top: -80px;*/
}

.back_video .title{
	color: #FFF;
	font-weight: bold;
	font-size: 66px;
	text-align: center;
}

.back_video .subhead{
	color: white;
	display: flex;
	margin-top: 100px;
}

.back_video .subhead_word{
	width: 210px;
	margin-left: 50px;
}
.subhead_word_1{
	font-weight: bold;
	font-size: 47px;
}

.subhead_word_2{
	font-size: 20px;
}
/*.newyork{*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	margin-top: -28%;*/
/*	margin-left: 30%;*/
/*	position: absolute;*/
/*!*	border:1px solid red;*!*/
/*}*/
/*.newyork_button{*/
/*	display: none;*/
/*}*/
/*.england{*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	margin-top: -31.5%;*/
/*	margin-left: 46.7%;*/
/*	position: absolute;*/
/*!*	border:1px solid red;*!*/
/*}*/
/*.england_button{*/
/*	display: none;*/
/*}*/

/*.koran{*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	margin-top: -27.6%;*/
/*	margin-left: 70.7%;*/
/*	position: absolute;*/
/*!*	border:1px solid red;*!*/
/*}*/
/*.koran_button{*/
/*	display: none;*/
/*}*/

/*.japan{*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	margin-top: -27.6%;*/
/*	margin-left: 72.7%;*/
/*	position: absolute;*/
/*!*	border:1px solid red;*!*/
/*}*/
/*.japan_button{*/
/*	display: none;*/
/*}*/

/*.bj{*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	margin-top: -28.6%;*/
/*	margin-left: 68.7%;*/
/*	position: absolute;*/
/*!*	border:1px solid red;*!*/
/*}*/
/*.bj_button{*/
/*	display: none;*/
/*}*/


/*@property --border-angle-1 {*/
/*	syntax: "<angle>";*/
/*	inherits: true;*/
/*	initial-value: 0deg;*/
/*}*/

/*@property --border-angle-2 {*/
/*	syntax: "<angle>";*/
/*	inherits: true;*/
/*	initial-value: 90deg;*/
/*}*/

/*@property --border-angle-3 {*/
/*	syntax: "<angle>";*/
/*	inherits: true;*/
/*	initial-value: 180deg;*/
/*}*/


/*!* sRGB color. *!*/
/*:root {*/
/*	--bright-blue: rgb(0, 100, 255);*/
/*	--bright-green: rgb(0, 255, 0);*/
/*	--bright-red: rgb(255, 0, 0);*/
/*	--background: #fff;*/
/*	--foreground: white;*/
/*	--border-size: 2px;*/
/*	--border-radius: 0.75em;*/
/*}*/

/*!* Display-P3 color, when supported. *!*/
/*@supports (color: color(display-p3 1 1 1)) {*/
/*	:root {*/
/*		--bright-blue: color(display-p3 0 0.2 1);*/
/*		--bright-green: color(display-p3 0.4 1 0);*/
/*		--bright-red: color(display-p3 1 0 0);*/
/*	}*/
/*}*/

/*@keyframes rotateBackground {*/
/*	to { --border-angle-1: 360deg; }*/
/*}*/

/*@keyframes rotateBackground2 {*/
/*	to { --border-angle-2: -270deg; }*/
/*}*/

/*@keyframes rotateBackground3 {*/
/*	to { --border-angle-3: 540deg; }*/
/*}*/



/*.newyork button {*/
/*	--border-angle-1: 0deg;*/
/*	--border-angle-2: 90deg;*/
/*	--border-angle-3: 180deg;*/
/*	color: inherit;*/
/*	font-size: 20px;*/
/*	font-family: inherit;*/
/*	border: 0;*/
/*	padding: var(--border-size);*/
/*	display: none;*/
/*	width: max-content;*/
/*	border-radius: var(--border-radius);*/
/*	background-color: transparent;*/
/*	background-image: conic-gradient(*/
/*			from var(--border-angle-1) at 10% 15%,*/
/*			transparent,*/
/*			var(--bright-blue) 10%,*/
/*			transparent 30%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-2) at 70% 60%,*/
/*			transparent,*/
/*			var(--bright-green) 10%,*/
/*			transparent 60%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-3) at 50% 20%,*/
/*			transparent,*/
/*			var(--bright-red) 10%,*/
/*			transparent 50%,*/
/*			transparent*/
/*		);*/
/*	animation: */
/*		rotateBackground 3s linear infinite,*/
/*		rotateBackground2 8s linear infinite,*/
/*		rotateBackground3 13s linear infinite;*/
/*}*/

/*.japan button {*/
/*	--border-angle-1: 0deg;*/
/*	--border-angle-2: 90deg;*/
/*	--border-angle-3: 180deg;*/
/*	color: inherit;*/
/*	font-size: 20px;*/
/*	font-family: inherit;*/
/*	border: 0;*/
/*	padding: var(--border-size);*/
/*	display: none;*/
/*	width: max-content;*/
/*	border-radius: var(--border-radius);*/
/*	background-color: transparent;*/
/*	background-image: conic-gradient(*/
/*			from var(--border-angle-1) at 10% 15%,*/
/*			transparent,*/
/*			var(--bright-blue) 10%,*/
/*			transparent 30%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-2) at 70% 60%,*/
/*			transparent,*/
/*			var(--bright-green) 10%,*/
/*			transparent 60%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-3) at 50% 20%,*/
/*			transparent,*/
/*			var(--bright-red) 10%,*/
/*			transparent 50%,*/
/*			transparent*/
/*		);*/
/*	animation: */
/*		rotateBackground 3s linear infinite,*/
/*		rotateBackground2 8s linear infinite,*/
/*		rotateBackground3 13s linear infinite;*/
/*}*/

/*.koran button {*/
/*	--border-angle-1: 0deg;*/
/*	--border-angle-2: 90deg;*/
/*	--border-angle-3: 180deg;*/
/*	color: inherit;*/
/*	font-size: 20px;*/
/*	font-family: inherit;*/
/*	border: 0;*/
/*	padding: var(--border-size);*/
/*	display: none;*/
/*	width: max-content;*/
/*	border-radius: var(--border-radius);*/
/*	background-color: transparent;*/
/*	background-image: conic-gradient(*/
/*			from var(--border-angle-1) at 10% 15%,*/
/*			transparent,*/
/*			var(--bright-blue) 10%,*/
/*			transparent 30%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-2) at 70% 60%,*/
/*			transparent,*/
/*			var(--bright-green) 10%,*/
/*			transparent 60%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-3) at 50% 20%,*/
/*			transparent,*/
/*			var(--bright-red) 10%,*/
/*			transparent 50%,*/
/*			transparent*/
/*		);*/
/*	animation: */
/*		rotateBackground 3s linear infinite,*/
/*		rotateBackground2 8s linear infinite,*/
/*		rotateBackground3 13s linear infinite;*/
/*}*/

/*.england button {*/
/*	--border-angle-1: 0deg;*/
/*	--border-angle-2: 90deg;*/
/*	--border-angle-3: 180deg;*/
/*	color: inherit;*/
/*	font-size: 20px;*/
/*	font-family: inherit;*/
/*	border: 0;*/
/*	padding: var(--border-size);*/
/*	display: none;*/
/*	width: max-content;*/
/*	border-radius: var(--border-radius);*/
/*	background-color: transparent;*/
/*	background-image: conic-gradient(*/
/*			from var(--border-angle-1) at 10% 15%,*/
/*			transparent,*/
/*			var(--bright-blue) 10%,*/
/*			transparent 30%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-2) at 70% 60%,*/
/*			transparent,*/
/*			var(--bright-green) 10%,*/
/*			transparent 60%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-3) at 50% 20%,*/
/*			transparent,*/
/*			var(--bright-red) 10%,*/
/*			transparent 50%,*/
/*			transparent*/
/*		);*/
/*	animation: */
/*		rotateBackground 3s linear infinite,*/
/*		rotateBackground2 8s linear infinite,*/
/*		rotateBackground3 13s linear infinite;*/
/*}*/

/*.bj button {*/
/*	--border-angle-1: 0deg;*/
/*	--border-angle-2: 90deg;*/
/*	--border-angle-3: 180deg;*/
/*	color: inherit;*/
/*	font-size: 20px;*/
/*	font-family: inherit;*/
/*	border: 0;*/
/*	padding: var(--border-size);*/
/*	display: none;*/
/*	width: max-content;*/
/*	border-radius: var(--border-radius);*/
/*	background-color: transparent;*/
/*	background-image: conic-gradient(*/
/*			from var(--border-angle-1) at 10% 15%,*/
/*			transparent,*/
/*			var(--bright-blue) 10%,*/
/*			transparent 30%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-2) at 70% 60%,*/
/*			transparent,*/
/*			var(--bright-green) 10%,*/
/*			transparent 60%,*/
/*			transparent*/
/*		),*/
/*		conic-gradient(*/
/*			from var(--border-angle-3) at 50% 20%,*/
/*			transparent,*/
/*			var(--bright-red) 10%,*/
/*			transparent 50%,*/
/*			transparent*/
/*		);*/
/*	animation: */
/*		rotateBackground 3s linear infinite,*/
/*		rotateBackground2 8s linear infinite,*/
/*		rotateBackground3 13s linear infinite;*/
/*}*/

/* Change this background to transparent to see how the gradient works */
button div {
	background: black;
	padding: 0.5em 0.5em;
	border-radius: calc(var(--border-radius) - var(--border-size));
	color: var(--foreground);
}



.edu_planning{
	height: 823px;
	background-color: #F0F0F0;
}

.edu_planning_cards{
	display: flex;
	margin-top: 80px;
	margin-left: 9%;
/*	width: 100%;*/

}
.edu_planning_cards_info{
	width: 23%;
}
.edu_planning_cards_info img{
	width: 360px;
	height: 454px;
/*	margin-left: 35px;*/
	transition: transform 0.5s ease-in-out;
}

.edu_planning_cards_info img:hover{
  transform: translateY(-50px);
}

.service_content{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #EDEDED;
	/*border:3px solid #eee;*/
}

.service_content_word{
	font-family: fantasy;
	line-height: 158px;
    width: 150px;
    font-size: 20px;
    text-align: center;
    position: absolute;
}
.service_content_circle{
	width: 45px;
	height: 45px;
	border-radius: 90px;
	background-color: #000000;
	position: absolute;
	margin-left: 124px;
	margin-top: 52px;
	line-height: 46px;
    font-size: 18px;
    color: #fff;
    text-align: center;
	font-weight: lighter;
	font-family: none;
}

.right_line{
	width: 100%;
	border: 1px solid #eee;
	height: 0;
	margin-top: 70px;
}

.bottom_line{
	width: 0;
	border: 1px solid #eee;
	height: 110px;
	margin-left: -80px;
	margin-top: 153px;
}
.service{
	display: flex;
	margin-top: 50px;
	position: absolute;
	width: 100%;
}

.service_content_button{
	text-align: -webkit-center;
	margin-top: 700px;
}

.service_content_button button{
	color: #fff;
	background-color: rgb(88 5 140);
	width: 376px;
	height: 96px;
	font-size: 36px;
	font-weight: bold;
	border-radius: 20px;
	border: none;
}

.team{
	margin-top: 400px;
	width: 100%;
	/*display: flex;*/
}

.team_card{
	width: 20%;
	text-align: -webkit-center;
}
.team_card img{
	transition: box-shadow 0.5s ease-in-out;
	box-shadow:15px -25px 0px 0px rgb(88 5 140);
	border-radius: 20px;
}
.c2 img{
	box-shadow:15px -25px 0px 0px #20DAA9;
	border-radius: 20px;
}

.c4 img{
	box-shadow:15px -25px 0px 0px #20DAA9;
	border-radius: 20px;
}
.team_zixun{
	border: 2px solid rgb(88 5 140);
	color: rgb(88 5 140);
	border-radius: 5px;
	width: 30%;
	text-align: center;
}
.c2  .team_zixun{
	border: 2px solid #20DAA9;
	color: #20DAA9;
	border-radius: 5px;
	width: 30%;
	text-align: center;
}
.c4  .team_zixun{
	border: 2px solid #20DAA9;
	color: #20DAA9;
	border-radius: 5px;
	width: 30%;
	text-align: center;
}
.case{
	width: 1280px;
	display: flex;
	margin: 0 auto;
}
.case_list{
	margin-left: 12px;
}
.case_button{
	text-align: -webkit-center;
	margin-top: 50px;
}

.case_button button{
	border: none;
	color: #fff;
	background-color: rgb(88 5 140);
	width: 243px;
	height: 58px;
	font-size: 20px;
	border-radius: 15px;
}
.o1{
	width: 247px;
	height: 349px;
	background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/1.png');
	transition: all 1s;
	background-size: 100%;
    background-position: 50% 50%;
}
.o2{
	width: 247px;
	height: 349px;
	background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/2.png');
	transition: all 1s;
	background-size: 100%;
    background-position: 50% 50%;
}
.o3{
	width: 247px;
	height: 349px;
	background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/3.png');
	transition: all 1s;
	background-size: 100%;
    background-position: 50% 50%;
}
.o4{
	width: 247px;
	height: 349px;
	background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/4.png');
	transition: all 1s;
	background-size: 100%;
    background-position: 50% 50%;
}
 .o5{
	 width: 247px;
	 height: 349px;
	 background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/5.png');
	 transition: all 1s;
	 background-size: 100%;
	 background-position: 50% 50%;
 }
 .o6{
	 width: 247px;
	 height: 349px;
	 background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/6.png');
	 transition: all 1s;
	 background-size: 100%;
	 background-position: 50% 50%;
 }
 .o7{
	 width: 247px;
	 height: 349px;
	 background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/7.png');
	 transition: all 1s;
	 background-size: 100%;
	 background-position: 50% 50%;
 }
 .o8{
	 width: 247px;
	 height: 349px;
	 background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/8.png');
	 transition: all 1s;
	 background-size: 100%;
	 background-position: 50% 50%;
 }
 .o9{
	 width: 247px;
	 height: 349px;
	 background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/9.png');
	 transition: all 1s;
	 background-size: 100%;
	 background-position: 50% 50%;
 }
 .o10{
	 width: 247px;
	 height: 349px;
	 background-image: url('https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/offer/10.png');
	 transition: all 1s;
	 background-size: 100%;
	 background-position: 50% 50%;
 }
.o1:hover{
	background-size: 120%;
}
.o2:hover{
	background-size: 120%;
}
.o3:hover{
	background-size: 120%;
}
.o4:hover{
	background-size: 120%;
}
 .o5:hover{
	 background-size: 120%;
 }
 .o6:hover{
	 background-size: 120%;
 }
 .o7:hover{
	 background-size: 120%;
 }
 .o8:hover{
	 background-size: 120%;
 }
 .o9:hover{
	 background-size: 120%;
 }
 .o10:hover{
	 background-size: 120%;
 }
.wrapper {
	--logo-width: 200px;
	--logo-height: 100px;
  --gap: calc(var(--logo-width) / 14);
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
  
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee__group {
	margin-top: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scrollLeft var(--duration) linear infinite;
}

.wrapper .marquee:nth-child(even) {
  margin-left: calc(var(--logo-width) / -2);
}

.item {
  width: var(--logo-width);
  height: var(--logo-height);
/*  background-color: red;*/
  border-radius: 6px;
}

@keyframes scrollLeft {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

.contact{
	width: 100%;
}
.contact table{
	margin-left: 13%;
}
.contact tr td{
	font-size: 22px;
    padding-left: 37px;
    width: 12%;
    height: 100px;
}
 .swiper-container {
	 width: 100%;
	 /*position: absolute;*/
	 /*top: 50%;*/
	 margin-top: -335px;
 }
 .swiper-container .swiper-slide {
	 background-position: center;
	 background-size: cover;
	 width: 450px;
	 height: 445px;
	 border-radius: 10px;
 }
 .bg{
	 margin-left: 10%;
	 width: 80%;
 }
 .shadow{
	 position: absolute;
	 width: 100%;
	 background: rgba(0,0,0,0.4);
	 height: 100%;
	 text-align: center;
	 /*line-height: 670px;*/
	 color: #ffffff;
	 font-size: 30px;
	 display: none;
	 border-radius: 10px;
	 /*padding-top:340px;*/
 }



 .advantage_container{
	 width: 100%;
	 display: flex;
	 margin-top: 50px;
 }
 .d1{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv1.png);
	 background-size: contain;
 }
 .d2{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv2.png);
	 background-size: contain;
 }
 .d3{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv3.png);
	 background-size: contain;
 }
 .d4{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv4.png);
	 background-size: contain;
 }
 .d5{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv5.png);
	 background-size: contain;
 }
 .d6{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv6.png);
	 background-size: contain;
 }
 .d7{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv7.png);
	 background-size: contain;
 }
 .d8{
	 width: 300px;
	 height: 335px;
	 background-color: #F7F7F7;
	 text-align: center;
	 position: relative;
	 overflow: hidden;
	 background-image: url(https://maxonline-fe.oss-cn-beijing.aliyuncs.com/max/img/index/adv8.png);
	 background-size: cover;
 }
 .dtl29 img {
	 position: relative;
	 width: 100%;
	 top: 0;
	 left: 0;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
 }
 .dtl29 .dtl {
	 background: #58058C;
	 width: 100%;
	 position: absolute;
	 height: 100%;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 visibility: hidden;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
	 font-size: 16px;
	 text-align: left;
 }
 .dtl29 .dtl p{
	 position: relative;
	 -webkit-transform: scale(1.5);
	 -moz-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 -o-transform: scale(1.5);
	 transform: scale(1.5);
	 opacity: 0;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
 }

 .dtl29 .dtl p {
	 padding: 0 15px;
	 font-size: 14px;
	 margin-bottom: 10px;
	 line-height: 2.2;
	 color: #fff;
	 -webkit-transition-delay: 0.1s;
	 -moz-transition-delay: 0.1s;
	 -o-transition-delay: 0.1s;
	 transition-delay: 0.1s;
	 text-indent: 10px;
 }
 .dtl29 .dtl a {
	 margin-right: 15px;
	 background: #fff;
	 border: 1px solid #ccc;
	 border-radius: 2px;
	 color: #333;
	 float: right;
	 -webkit-transition-delay: 0.2s;
	 -moz-transition-delay: 0.2s;
	 -o-transition-delay: 0.2s;
	 transition-delay: 0.2s;
	 font-size: 13px;
	 padding: 2px 5px;
	 text-align: center;
	 text-decoration: none;
 }
 .dtl29 .dtl a:hover {
	 background: #e6e6e6;
	 border: 1px solid #adadad;
 }
 .dtl29:hover .dtl p,
 .dtl29:hover .dtl a,
 .dtl29:hover .dtl h3 {
	 opacity: 1;
	 -webkit-transform: scale(1);
	 -moz-transform: scale(1);
	 -ms-transform: scale(1);
	 -o-transform: scale(1);
	 transform: scale(1);
 }
 .dtl29:hover .dtl {
	 visibility: visible;
	 opacity: 1;
 }
 div#timeline {
	 background-color: #EDEDED;
	 margin-top: 150px;
	 height: 2px;
	 width: 100%;
	 position: relative;
	 /*  box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;*/
	 .inside {
		 position: absolute;
		 height: 4px;
		 background-color: #fff;
		 width: 0%;
		 top: 3px;
		 left: 0;
	 }

	 .dot {
		 z-index: 99;
		 transition : 0.3s ease-in-out;
		 width: 40px;
		 height: 40px;
		 border-radius: 50%;
		 position: absolute;
		 top: -15px;
		 text-align: center;
		 cursor: pointer;
		 &:nth-child(1){
			 left: 18%;
		 }
		 &:nth-child(2){
			 left: 23%;
		 }
		 &:nth-child(3){
			 left: 28%;
		 }
		 &:nth-child(4){
			 left: 33%;
		 }
		 &:nth-child(5){
			 left: 38%;
		 }
		 &:nth-child(6){
			 left: 43%;
		 }
		 &:nth-child(7){
			 left: 48%;
		 }
		 &:nth-child(8){
			 left: 53%;
		 }
		 &:nth-child(9){
			 left: 58%;
		 }
		 &:nth-child(10){
			 left: 63%;
		 }
		 &:nth-child(11){
			 left: 68%;
		 }
		 &:nth-child(12){
			 left: 73%;
		 }
		 &:nth-child(13){
			 left: 78%;
		 }
		 &:nth-child(14){
			 left: 83%;
		 }
		  &:hover {
               transform: scale(1.2);
               color: #58058C;
               span{
                   /*border:1px solid #58058C;*/
				   background: #58058C;
               }
             }

		 date {
			 font-family: roboto;
			 font-size: 1.1rem;
			 display: block;
			 position: relative;
			 top: -60px;
			 text-align: center;
		 }
		 span {
			 display: inline-block;
			 margin-top: 6px;
			 width: 20px;
			 height: 20px;
			 background-color: #fff;
			 position: relative;
			 border-radius: 50%;
			 border: 1px solid rgb(88, 5, 140);
			 /*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/
		 }
	 }
 }