.draconis-header{
	z-index: 2;
}
.draconis-area-no-space {
    margin-top: -121px;
    z-index: 1;
}
.draconis-header-bottom {
    padding: 30px 0;
}
.draconis-header .header-botttom-block .logo img{
	width: 150px;/*115px*/
}
.draconis-area .draconis-slider .draconis-slider-text{
	position: absolute;
    z-index: 2;
    top: 240px;
	margin: 0 auto;
    width: 100%;
    text-align: center;
}
.draconis-area .draconis-slider .draconis-slider-text p.slider-text{
	font-size: 35px;
    line-height: 45px;
    color: #31333A;
	font-family: 'Gotu', sans-serif;
}
.draconis-btn-1:after, .draconis-btn-1{
	background: #A4B89F;
	font-family: 'Lato', sans-serif;
	text-transform: capitalize;
}
.draconis-btn-4{
	border: 1px solid #A4B89F;
	text-align: center;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 40px;
    overflow: hidden;
	color: #A4B89F;
	font-family: 'Lato', sans-serif;
}
.btn-slider-text{
	margin-top: 30px;
}
.btn-slider-text .draconis-btn-4{
	margin-right: 10px;
}
.draconis-area-5{
	background: #FCFCFB;
}
.draconis-area-6{
	padding-top: 0px;
    background: #FCFCFB;
    overflow: hidden;
    padding-bottom: 0;
    /*margin-bottom: 60px;*/
}
.draconis-area-5 .module-title, .draconis-area-6 .module-title, .draconis-area-7 .module-title, .draconis-area-8 .module-title {
    color: #31333A;
	font-family: 'Gotu', sans-serif;
}
.draconis-area-5 .draconis-box-1{
	text-align: center;
	padding: 95px 75px;
	background: #F8EDEB;
	max-height: 380px;
}
.draconis-area-5 .draconis-box-1 img{
	width: 190px;
}
.draconis-area-5 .draconis-box-2{
	background: #EFEEED;
	padding: 63px 30px;
	border-left: 6px solid #FCFCFB;
	border-bottom: 6px solid #FCFCFB;
	max-height: 190px;
    overflow: hidden;
}
.draconis-area-5 .draconis-box-2 p{
	font-size: 16px;
	line-height: 29px;
	color: #6C5657;
	font-family: 'Lato', sans-serif;

}
.draconis-area-5 .draconis-box-3{
	background: #F8EDEB;
	text-align: center;
    border-left: 6px solid #FCFCFB;
    border-right: 6px solid #FCFCFB;
}
.draconis-area-5 .draconis-box-3 img{
	padding: 35px;
}
.draconis-area-5 .draconis-box-4{
	background: #F8EDEB;
	text-align: center;
	border-right: 6px solid #FCFCFB;
}
.draconis-area-5 .draconis-box-4 img{
	padding: 42px;
}
.draconis-area-5 .draconis-box-5{
	background: #F8EDEB;
	text-align: center;
}
.draconis-area-5 .draconis-box-5 img{
	padding: 56px;
}
.draconis-area-6 .text-area-6{
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	color: #31333A;
	margin-bottom: 20px;
	font-family: 'Lato', sans-serif;
}
.draconis-area-6 .draconis-row-1 .box-text-1{
	text-align: center;
	background: #F8EDEB;
	padding: 20px !important;
}
.draconis-area-6 .draconis-row-1 .box-text-2{
	text-align: center;
	background: #EFEEED;
	padding: 20px !important;
}
.draconis-area-6 .draconis-row-1 .box-text-3{
	text-align: center;
	background: #D1D6DF;
	padding: 20px !important;
}
.draconis-area-6 .draconis-row-1 .box-text-4{
	text-align: center;
	background: #E6EAE2;
	padding: 20px !important;
}
.draconis-area-owl .container, .draconis-area-8 .container{
	width: 1000px;
}
.draconis-area-8 .owl-carousel-teacher .item {
    margin-left: 30px;
    margin-right: 30px;
}
.draconis-area-8 .owl-carousel-teacher .item .box-image-teacher img {
	box-shadow: 0px 5px 40px rgba(16, 46, 30, 0.1);
}
.draconis-area-8 .owl-carousel-teacher .item .box-text-teacher {
	margin-top: 15px;
	color: #6C5657;
}
.draconis-area-8 .owl-carousel-teacher .item .box-text-teacher p.box-text-teacher-name{
	font-size: 20px;
}
.draconis-area-8{
	padding-bottom: 50px !important;
}
.draconis-area-owl{
	padding-top: 60px;
	padding-bottom: 40px;
}
.listbackdrop{
	position: relative;
    z-index: 2;
}
.draconis-module-pricingtable .item{
    border-radius: 10px;
    border: none;
    box-shadow: 0px 5px 20px rgb(16 46 30 / 10%);
    background: #fff;
	margin-bottom: 25px;
    padding-bottom: 40px;
	padding-top: 10px;
}
.draconis-module-pricingtable .item > *{
    border-top: none;
	padding: 10px 10px;
}
.draconis-module-pricingtable .item h6{
	color: #A4B89F;
	font-family: 'Lato', sans-serif;
}
.draconis-module-pricingtable .item .bot-boder-pac{
	border: 2px solid #A4B89F;
	box-sizing: border-box;
    width: 31px;
    margin: 0 auto;
	background: #A4B89F;
}
.draconis-module-pricingtable .item footer h3 {
	color: #31333A;
	font-size: 26px;
}
.draconis-module-pricingtable .item footer p.text-pac {
	color: #31333A;
	font-weight: bold;
}
.draconis-btn-pac{
	color: #A4B89F;
	position: inherit !important;
    bottom: 10px !important;
	text-transform: capitalize;
}
.draconis-btn-goi{
	margin-left: 20px;
}
.draconis-area-2 {
	height: 100vh;
	padding: 0px;
    /*padding: 210px 0;
    background: url(/frontend/img/news/Bts-TopPilates-4396-1.png);
    background-size: cover;*/
}
.check-box-draconis-1 .check-box-draconis{
	background: #FCFCFB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	color: #31333A;
}
.check-box-draconis-1 .check-box-draconis .col-md-8{
	padding: 15px;
}
.check-box-draconis-1 .check-box-draconis .col-md-4{
	padding: 15px;
	text-align: right;
}
.check-box-draconis-1 .check-box-draconis .col-md-4 .draconis-btn-1{
	margin-top: 10px;
}
.check-box-draconis-1 .check-box-draconis .col-md-8 h3 {
	margin-bottom: 5px;
    color: #31333A;
    font-family: 'Gotu', sans-serif;
}
.check-box-draconis-1 .check-box-draconis .col-md-8 p {
    color: #31333A;
    font-family: 'Lato', sans-serif;
}
.back-location{
	background: #FCFCFB;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #31333A;
    padding: 25px;
}
.back-location h3{
	color: #31333A;
	font-family: 'Gotu', sans-serif;
}
.back-location p{
	color: #31333A;
	font-family: 'Lato', sans-serif;
}
.box-top-footer{
	background: #F8EDEB;
}
.draconis-contact-links ul li {
    display: inline-block;
    margin: 24px 10px 0;
}
.draconis-social-links ul li {
    display: inline-block;
    margin: 20px 4px 10px;
}
.draconis-social-links ul li a img {
	width: 30px;
}
.draconis-footer {
    border-top: none;
	position: relative;
    z-index: 2;
    background: #fff;
}
.bg-active{
	background: #fff;
}
.check-draconis-area-6 .draconis-area-6{
	padding: 60px 0;
}
.draconis-module-studio-list .item .item-thumb {
    width: 40%;
    float: left;
}
.draconis-module-studio-list .item {
    background: #fff;
    box-shadow: none;
    border-radius: 0px;
    overflow: hidden;
    margin-top: 0;
}
.draconis-module-studio-list .item .item-content {
    height: auto !important;
}
.draconis-module-days-slider .owl-theme .owl-controls .owl-buttons div.owl-prev{
	height: 94px !important;
	background: #E6EAE2 !important;
	line-height: 100px;
	color: #A4B89F;
}
.draconis-module-days-slider .owl-btn-2 .owl-controls .owl-buttons div.owl-next {
    width: 44px !important;
    height: 94px !important;
	background: #E6EAE2 !important;
	line-height: 100px;
	color: #A4B89F;
}
.draconis-module-days-slider {
    padding: 0px;
    background: #E6EAE2;
}
.draconis-module-days-slider .item > a{
	background: #E6EAE2;
	color: #31333A;
	padding: 25px 10px;
	border-right: 1px solid #fff;
}
.draconis-module-days-slider .item > a.on-active{
	background: #A4B89F;
}
h3.studio-cmts{
	background: #F8EDEB;
    padding: 10px;
    margin-bottom: 0px !important;
    font-size: 20px;
}
h3.studio-thd{
	background: #EFEEED;
    padding: 10px;
    margin-bottom: 0px !important;
    font-size: 20px;
}
h3.studio-ldh{
	background: #D1D6DF;
    padding: 10px;
    margin-bottom: 0px !important;
    font-size: 20px;
}
.draconis-table a, .draconis-table span {
    padding: 15px 60px;
    background: #A4B89F;
}
.draconis-table > tbody > tr > td.text-right {
	padding: 15px 15px 15px 0px;
}
.draconis-table > tbody > tr {
	border-top: 1px solid #EFEEED;
    border-bottom: 1px solid #EFEEED;
}
.draconis-table > tbody{
	border-left: 1px solid #EFEEED;
    border-bottom: 1px solid #EFEEED;
    border-right: 1px solid #EFEEED;
}
.second-teacher-col{
	margin-top: 0px !important;
    font-size: 13px;
}
.draconis-module-timetable {
    padding: 0px 0px;
    margin-top: 30px;
    margin-bottom: 0px;
}
.draconis-form-box input, .draconis-form-box select, .draconis-form-box textarea {
    text-align: center;
    box-shadow: none;
    background: none;
    margin: 0;
    border-bottom: 2px solid #31333A;
    padding: 0px;
    height: 48px;
    line-height: 48px;
    border-radius: 0px;
    width: 100%;
	border-top: none;
    border-left: none;
    border-right: none;
}
.box-pricingtable{
	display: table;
	box-shadow: 0px 5px 40px rgba(16, 46, 30, 0.1);
}
.box-pricingtable .item{
	margin-bottom: 0px;
	border-radius: 10px 0px 0px 10px;
	background: #A4B89F !important;
	padding-bottom: 70px;
}
.box-pricingtable .sidebar{
	padding-left: 0px;
}
.draconis-module-pricingtable .draconis-btn-4{
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 27.5px;
}
.box-pricingtable .draconis-module-pricingtable p.text-pac{
	color: #fff !important;
}
.box-pricingtable .draconis-module-pricingtable .item .bot-boder-pac{
	border: 2px solid #fff;
	background: #fff;
}
.box-pricingtable .draconis-module-pricingtable .topBot{
	margin-top: 60px;
}
.draconis-modal .modal-content {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: unset;
}
.draconis-form-box input, .draconis-form-box select, .draconis-form-box textarea {
	text-align: left;
}
.draconis-btn-2, .draconis-btn-2:after{
	background: #A4B89F;
}
.draconis-modal h3.modal-title{
	color: #31333A;
}
#msgLogin{
	color: red;
}
li.login-check a {
    border: 1px solid #A4B89F;
    background: #A4B89F;
}
.check-back{
	background: #E6EAE2;
    border-radius: 5px;
    padding: 10px;
}
.acc-dashboard-menu-no ul li {
    margin: 15px 0 0;
}
#list-date-schedule .draconis-module-timetable .draconis-table .sj-mh .second-col b{
	cursor: pointer;
}
.draconis-form-box-pac{
	text-align: left;
}
.bf-login{
	margin-top: 2px !important;
}
.bf-login img.imem{
	border-radius: 25px;
    margin-right: 5px;
	width: 45px;
}
.check-dropdown-toggle{
	border: none;
    padding: 10px;
	margin-top: 10px;
}
.check-dropdown-toggle a{
	text-transform: capitalize;
	font-weight: 500;
}
.tab-pricingtable{
	text-align: center;
    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
}
.tab-pricingtable li.nav-item a{
	text-transform: capitalize;
}
.tab-pricingtable .nav-pills>li.active>a, .tab-pricingtable .nav-pills>li.active>a:focus, .tab-pricingtable .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #A4B89F;
}
.module-content-timetable{
	padding: 30px !important;
}
.module-header h3.module-title{
	color: #31333A;
    font-family: 'Gotu', sans-serif;
}
.acc-dashboard-menu-no li.active{
	background: #E6EAE2;
	border-radius: 5px;
	padding: 10px;
}
.acc-training-detail p.module-title{
	font-weight: bold;
}
.float-progressbar{
	float: right;
}
.acc-training-detail .progress{
	border-radius: 0px;
}
.his-progressbar{
	margin-top: 30px;
}
.his-progressbar table{
	border: none;
}
.his-progressbar table th, .his-progressbar table td{
	border-left: none;
}
.his-page ul.pagination{
	border: none;
}
.his-page ul.pagination {
    display: inline-block;
	margin-top: 0px;
}
.his-page ul.pagination li {
    display: inherit;
}
.his-page .pagination>.active>a, .his-page .pagination>.active>a:focus, .his-page .pagination>.active>a:hover, .his-page .pagination>.active>span, .his-page .pagination>.active>span:focus, .his-page .pagination>.active>span:hover {
    background-color: #A4B89F;
    border-color: #A4B89F;
	color: #fff;
}
.his-page .pagination>li>a, .his-page .pagination>li>span {
	color: #A4B89F;
}
.draconis-row-1 .draconis-box-check{
	text-align: center;
}
.draconis-row-1 .draconis-box-check img{
	height: 80px;
}
.draconis-row-1 .draconis-box-check p{
	line-height: 28px;
	padding: 10px;
}
.draconis-modal .modal-header .close{
	background: #fcfcfb00;
	color: #333;
	top: -32px;
    right: -45px;
	left: unset;
}
.show-check-packages{
	position: absolute;
    top: -10px;
}
.show-check-packages .box-check-packages{
	position: relative;
}
.show-check-packages .box-check-packages img{
	width: 30px;
}
.show-check-packages .box-check-packages span{
	color: #fff;
	transform: rotate(90deg);
	position: absolute;
    left: -4px;
    top: 15px;
}
.owl-carousel-teacher .owl-item.big{
	-webkit-transform: scale(1.2) !important;
	transform: scale(1.2) !important;
}
.owl-carousel-teacher .owl-item.active{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.owl-carousel-teacher.owl-carousel .owl-wrapper-outer {
    min-height: 420px;
    padding-top: 40px;
}
.padding-bottom-no{
	padding-bottom: 0px;
}
.padding-bottom-no .module{
	margin-bottom: 0px !important;
}
.draconis-ft-intro .logo img{
	width: 120px;
}
.draconis-btn-4:hover, .draconis-btn-4 span:hover{
	color: #fff !important;
}
.draconis-area-0{
	z-index: 1;
}

.con-check {
  border: 1.5px solid #A4B89F;
  padding: 10px 20px !important;
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.con-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark-check {
  position: absolute;
  top: 0;
  left: -1px;
  height: 102%;
  width: 15px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.con-check:hover input ~ .checkmark-check {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.con-check input:checked ~ .checkmark-check {
  background-color: #A4B89F;
}

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

/* Show the indicator (dot/circle) when checked */
.con-check input:checked ~ .checkmark-check:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.con-check .checkmark-check:after {
  top: 9px;
  left: 0px;
  width: 8px;
  height: 8px;
  background: #A4B89F;
}
.des-bot-boder p, .des-bot-boder span{
	text-align: center !important;
	font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    color: #666 !important;
	font-size: 16px !important;
}
#checkVideoList{
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
}

.draconis-row-1 .owl-carousel-teacher .box-text-teacher-info{
	display: none;
}
.draconis-row-1 .owl-carousel-teacher .big .box-text-teacher-info{
	display: block;
}

#pills-tabContent .des-bot-boder{
	height: 165px;
    overflow: hidden;
}

.draconis-news {
	margin-bottom: 50px;
}
.draconis-news .draconis-box-check{
	margin-bottom: 30px;
}
.draconis-news .draconis-box-check h3{
	font-family: sans-serif;
	font-weight: 600;
	font-size: 16px;
    color: #666;
    line-height: 25px;
    margin-top: 10px;
	height: 47px;
    overflow: hidden;
}
.draconis-news .draconis-box-check p{
	color: #666;
}
.draconis-news .draconis-box-check a:hover p{
	color: #666;
}
.draconis-news .draconis-box-check a:hover h3{
	color: #A4B89F;
}
.draconis-news .draconis-box-check .btn-compact{
	color: #6C5657;
	text-decoration-line: underline;
}
.draconis-news .draconis-box-check .btn-compact:hover{
	color: #A4B89F;
}


.content-des-blog{
	font-weight: bold;
	width: 100%;
	font-size: 16px;
	line-height: 25px;
    color: #333;
	margin-bottom: 20px;
	font-family: "Noto Sans VN", Arial, Helvetica, "sans-serif";
}
.content-detail-blog{
	margin-bottom: 60px;
}
.content-detail-blog p, .content-detail-blog p span{
	width: 100% !important;
	font-size: 16px !important;
	line-height: 25px !important;
    color: #333 !important;
	font-family: "Noto Sans VN", Arial, Helvetica, "sans-serif" !important;
}
.content-detail-blog img{
	width: 100% !important;
	height: auto !important;
}
.content-detail-blog iframe{
	width: 100% !important;
	height: 450px !important;
}
.text-top{
	color: #333;
	font-size: 17px;
    font-weight: bold;
}

.zalo-container{
	position: fixed;
    width: 40px;
    height: 40px;
    bottom: 50px;
	left: 2.5rem;
    z-index: 10;
}
.zalo-container img {
  max-width: 100%;
  height: auto;
}

.zalo-container.right {
  right: 2.5rem;
}

.zalo-container a {
	display: block;
}

.zalo-container span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1182FC;
  position: relative;
}

.facebook-container{
	position: fixed;
    width: 65px;
    height: 65px;
    bottom: 50px;
	right: 2.5rem;
    z-index: 10;
}
.facebook-container img {
  max-width: 100%;
  height: auto;
}

@keyframes zoomIn_zalo {
	from {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

.zoomIn_zalo {
  animation-name: zoomIn_zalo;
}

.animated_zalo {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated_zalo.infinite {
  animation-iteration-count: infinite;
}

.cmoz-alo-circle {
  width: 50px;
  height: 50px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(17, 130, 252, .8);
  opacity: .1;
  border-color: #1182FC;
  opacity: .5;
}

.cmoz-alo-circle-fill {
  width: 60px;
  height: 60px;
  top: -10px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: rgba(17, 130, 252, 0.45);
  opacity: .75;
  right: -10px;
}

@-webkit-keyframes pulse_zalo {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse_zalo {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse_zalo {
  -webkit-animation-name: pulse_zalo;
  animation-name: pulse_zalo;
}


ul.pagination{
  display: flex;
  justify-content: center;
  border: none;
    background: transparent;
    padding-top: 0px;
    margin-top: 20px;
}
ul.pagination li{
  list-style: none;
}

.loadding-schedule{
	margin-top: 20px;
	padding: 10px 20px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
}

.box-footer-content{
	display: inline-flex;
}
.box-footer-content .alignleft{
	width: 30%;
}
.box-footer-content .alignright{
	padding-left: 30px;
}
.draconis-footer .draconis-ft-intro .logo .logo-cpe img{
	padding: 10px;
	margin-top: -15px;
}
.draconis-footer .draconis-ft-intro .logo .logo-ittap img{
	height: 55px;
    width: auto !important;
}
.logo-mobile{
	text-align: center;
}
.logo-mobile img{
	width: 120px;
}
.logo-mobile .logo-cpe img{
	padding: 10px;
}
.logo-mobile .logo-ittap img{
	height: 55px;
    width: auto !important;
}