/**
 * Table of Contents:
 *

1. - Global Styles
2. - Header
    2.1 - Navigation 
    2.2 - Search 
3. - Content 
    3.1 - Module
    3.2 - Home Page
    3.3 - Sub Page
    3.4 - Sidebar 
    3.5 - Bottom sidebar
4. - Footer 
5. - Color
6. - Responsive
 
 * -----------------------------------------------------------------------------
 */
/**
 * 1. Global Styles
 * -----------------------------------------------------------------------------
 */
/*--- sass ---*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i&display=swap');
@font-face {
  font-family: 'ElleFutura';
  src: url("https://pilates.com.vn/frontend/fonts/ellefutura/ElleFutura.eot?#iefix") format("embedded-opentype"), url("https://pilates.com.vn/frontend/fonts/ellefutura/ElleFutura.otf") format("opentype"), url("https://pilates.com.vn/frontend/fonts/ellefutura/ElleFutura.woff2") format("woff2"), url("https://pilates.com.vn/frontend/fonts/ellefutura/ElleFutura.woff") format("woff"), url("https://pilates.com.vn/frontend/fonts/ellefutura/ElleFutura.ttf") format("truetype"), url("https://pilates.com.vn/frontend/fonts/ellefutura/ElleFutura.svg#ElleFutura") format("svg");
  font-weight: normal;
  font-style: normal; }
.list_format li:first-child, .draconis-rating ul li:first-child, .main-menu-mobile .sj-dropdown-content ul li:first-child, .main-menu-mobile-content ul li:first-child, .draconis-module-pricingtable .item ul li:first-child {
  margin: 0;
  padding: 0;
  border: 0; }

.list_reset, ol, ul, .pagination, .draconis-social-links ul, .draconis-contact-links ul, .entry-meta, .draconis-rating ul, .module, .draconis-div, .main-menu ul, .main-menu-mobile .sj-dropdown-content, .main-menu-mobile-content {
  list-style: none;
  padding: 0; }
  .list_reset li, ol li, ul li, .pagination li, .draconis-social-links ul li, .draconis-contact-links ul li, .entry-meta li, .draconis-rating ul li, .module li, .draconis-div li, .main-menu ul li, .main-menu-mobile .sj-dropdown-content li, .main-menu-mobile-content li {
    list-style: none; }
  .list_reset ul, ol ul, ul ul, .pagination ul, .draconis-social-links ul ul, .draconis-contact-links ul ul, .entry-meta ul, .draconis-rating ul ul, .module ul, .draconis-div ul, .main-menu ul ul, .main-menu-mobile .sj-dropdown-content ul, .main-menu-mobile-content ul, .list_reset ol, ol ol, ul ol, .pagination ol, .draconis-social-links ul ol, .draconis-contact-links ul ol, .entry-meta ol, .draconis-rating ul ol, .module ol, .draconis-div ol, .main-menu ul ol, .main-menu-mobile .sj-dropdown-content ol, .main-menu-mobile-content ol {
    list-style: none;
    padding: 0; }

.clearfix:before, f
.container:before, .pagination:before, .draconis-social-links ul:before, .draconis-contact-links ul:before, .draconis-area:before, [class*="item"]:before, .entry-content:before, .item-content:before, .entry-thumb:before, .item-thumb:before, .entry-meta:before, .draconis-rating ul:before, .module:before, .draconis-div:before, .module > header:before, .draconis-div > header:before,
.module > .container > header:before,
.draconis-div > .container > header:before, .module .module-content:before, .draconis-div .module-content:before, .draconis-div .draconis-content:before, .main-menu ul:before, .draconis-table > tbody > tr > td:before, .draconis-radio-list:before, .draconis-radio-list li:before, .clearfix:after, f
.container:after, .pagination:after, .draconis-social-links ul:after, .draconis-contact-links ul:after, .draconis-area:after, [class*="item"]:after, .entry-content:after, .item-content:after, .entry-thumb:after, .item-thumb:after, .entry-meta:after, .draconis-rating ul:after, .module:after, .draconis-div:after, .module > header:after, .draconis-div > header:after,
.module > .container > header:after,
.draconis-div > .container > header:after, .module .module-content:after, .draconis-div .module-content:after, .draconis-div .draconis-content:after, .main-menu ul:after, .draconis-table > tbody > tr > td:after, .draconis-radio-list:after, .draconis-radio-list li:after {
  content: "";
  display: table; }
.clearfix:after, f
.container:after, .pagination:after, .draconis-social-links ul:after, .draconis-contact-links ul:after, .draconis-area:after, [class*="item"]:after, .entry-content:after, .item-content:after, .entry-thumb:after, .item-thumb:after, .entry-meta:after, .draconis-rating ul:after, .module:after, .draconis-div:after, .module > header:after, .draconis-div > header:after,
.module > .container > header:after,
.draconis-div > .container > header:after, .module .module-content:after, .draconis-div .module-content:after, .draconis-div .draconis-content:after, .main-menu ul:after, .draconis-table > tbody > tr > td:after, .draconis-radio-list:after, .draconis-radio-list li:after {
  clear: both; }

.transition, a, input, select, button, textarea, .owl-theme .owl-controls .owl-pagination .owl-page span, .newsletter-form input[type="text"], .newsletter-form button, .draconis-form-box input,
.draconis-form-box textarea, [class*="draconis-icon-"], .draconis-mask, .draconis-icon, .main-menu-mobile .sj-dropdown-content, .main-menu-mobile-content, .draconis-slider .owl-controls {
  transition: all .3s, visibility 0s;
  -ms-transition: all .3s, visibility 0s;
  -webkit-transition: all .3s, visibility 0s;
  -moz-transition: all .3s, visibility 0s; }

.fa, .draconis-icon {
  display: inline-block;
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ti, .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before {
  font-family: 'themify' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.text_format, body {
  font-size: 16px;
  line-height: 22px;
  font-style: normal; }
  
  .check-box-pay input{
	    background: #fff !important;
		border-color: #A4B89F !important;
  }

/*------*/
/**
 *
 *

1.2.1 Default Structure Tag

1.2.2 Basic Structure Class

1.2.3 Custom Layout

1.2.4 Default Article

1.2.5 Default module

1.2.6 Elements

1.2.7 Images

 
 * 
 **/
/*___________ 1.2.1 Default Structure Tag ___________*/
::selection {
  background: #000;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none; }

* {
  position: relative; }
  *:last-child {
    margin-bottom: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  margin: 0 0 10px; }

h1,
.h1 {
  font-size: 36px;
  line-height: 44px; }

h2,
.h2 {
  font-size: 28px;
  line-height: 36px; }

h3,
.h3 {
  font-size: 24px;
  line-height: 32px; }

h4,
.h4 {
  font-size: 20px;
  line-height: 28px; }

h5,
.h5 {
  font-size: 18px;
  line-height: 26px; }

h6,
.h6 {
  font-size: 16px;
  line-height: 24px; }

a {
  color: #000;
  text-decoration: none !important;
  outline: none !important; }

textarea {
  resize: vertical; }

img {
  max-width: 100%;
  height: auto; }

input, select, button, textarea {
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; }

cite,
em,
var,
address,
dfn {
  font-style: italic; }

i {
  font-style: normal; }

p i {
  font-style: italic; }

iframe {
  border: none;
  width: 100%; }

::-webkit-input-placeholder {
  color: #393939; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #393939; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #393939; }

:-ms-input-placeholder {
  color: #393939; }

html {
  overflow-x: hidden; }

body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #666;
  background: #fff;
  overflow: hidden; }
  @media screen and (max-width: 479px) {
    body {
      font-size: 14px;
      line-height: 22px; } }

.main-container {
  background: #fff;
  transition: all 0.1s ease-in-out, visibility 0s;
  -ms-transition: all 0.1s ease-in-out, visibility 0s;
  -webkit-transition: all 0.1s ease-in-out, visibility 0s;
  -moz-transition: all 0.1s ease-in-out, visibility 0s; }
  .main-container.scale-down {
    transition: all 0.4s ease-in-out, visibility 0s;
    -ms-transition: all 0.4s ease-in-out, visibility 0s;
    -webkit-transition: all 0.4s ease-in-out, visibility 0s;
    -moz-transition: all 0.4s ease-in-out, visibility 0s; }

.body-overlay, .body-background {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
  transition: all 0.1s ease-in-out, visibility 0s;
  -ms-transition: all 0.1s ease-in-out, visibility 0s;
  -webkit-transition: all 0.1s ease-in-out, visibility 0s;
  -moz-transition: all 0.1s ease-in-out, visibility 0s;
  z-index: -1; }
  .body-overlay.active, .active.body-background {
    z-index: 99999999;
    transition: all 0.4s ease-in-out, visibility 0s;
    -ms-transition: all 0.4s ease-in-out, visibility 0s;
    -webkit-transition: all 0.4s ease-in-out, visibility 0s;
    -moz-transition: all 0.4s ease-in-out, visibility 0s; }

.body-background {
  background: #000;
  z-index: -2; }

/*___________ 1.2.2 Basic Structure Class ___________*/
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }


.container {
  width: 1140px;
  margin: 0 auto;
  padding: 0;
  position: relative; }
  @media screen and (max-width: 1160px) {
    
    .container {
      width: 100%;
      padding: 0 10px; } }

.loading {
  background: rgba(255, 255, 255, 0.9);
  min-height: 600px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9; }
  .loading > i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-left: -13px;
    margin-top: -15px;
    color: #000; }

div[class*="draconis-module-slider"] .loading, div[class*="draconis-carousel"] .loading {
  position: relative;
  background: none; }
div[class*="draconis-module-slider"] .slider-pro, div[class*="draconis-carousel"] .slider-pro {
  display: none; }

/*--- layout ---*/
.area-01 {
  height: 1000px; }

/*--- js-custom ---*/
/*--- pagination ---*/
.pagination {
  width: 100%;
  position: relative;
  border-radius: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  padding: 15px 25px;
  margin-top: 50px; }
  .pagination .screen-reader-text {
    display: none; }
  .pagination .nav-links {
    padding: 0;
    margin: -8px -4px 0;
    float: right; }
    .pagination .nav-links a, .pagination .nav-links span {
      float: left;
      margin: 8px 4px 0;
      border: 1px solid #ddd;
      padding: 0 4px;
      text-align: center;
      min-width: 25px;
      font-size: 12px;
      line-height: 23px;
      height: 25px;
      position: relative;
      color: #393939;
      border-radius: 25px;
      font-weight: 400; }
      .pagination .nav-links a i, .pagination .nav-links span i {
        font-weight: 400; }
    .pagination .nav-links span.current {
      color: #fff; }
    .pagination .nav-links a.prev, .pagination .nav-links a.next {
      color: #fff;
      background: #000;
      border-color: #000; }
      .pagination .nav-links a.prev:hover, .pagination .nav-links a.next:hover {
        color: #fff; }
    .pagination .nav-links a:hover {
      color: #fff; }

/*--- breadcrumb ---*/
.draconis-breadcrumb {
  text-transform: capitalize;
  word-wrap: break-word;
  color: #888; }
  .draconis-breadcrumb a {
    color: #888; }
  .draconis-breadcrumb a.current-page {
    color: #000; }
    .draconis-breadcrumb a.current-page:hover {
      color: #000; }

/*--- div ---*/
/*--- owl-button ---*/
.owl-theme .owl-controls {
  margin: 0;
  position: unset; }

  .owl-theme .owl-controls .owl-buttons {
    position: unset; }
  .owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    transition: all 0.3s, visibility 0s;
    -ms-transition: all 0.3s, visibility 0s;
    -webkit-transition: all 0.3s, visibility 0s;
    -moz-transition: all 0.3s, visibility 0s; }
    .owl-theme .owl-controls .owl-buttons div:before {
      transition: all 0s, visibility 0s !important;
      -ms-transition: all 0s, visibility 0s !important;
      -webkit-transition: all 0s, visibility 0s !important;
      -moz-transition: all 0s, visibility 0s !important; }
    .owl-theme .owl-controls .owl-buttons div:hover {
      color: #fff;
      background: #000; }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
      left: 0;
      padding-right: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
        content: "\e64a"; }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
      right: 0;
      padding-left: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-next:before {
        content: "\e649"; }
  .owl-theme .owl-controls .owl-pagination {
    text-align: center;
    margin: 20px 0 0; }
    .owl-theme .owl-controls .owl-pagination .owl-page span {
      width: 20px;
      height: 20px;
      margin: 20px 10px 0;
      background: none;
      border-width: 1px;
      border-style: solid;
      border-color: #FFF;
      border-radius: 50%;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      /* Netscape */
      -moz-opacity: 1;
      /* Safari 1.x */
      -khtml-opacity: 1;
      /* Good browsers */
      opacity: 1; }

.owl-btn-1 .owl-controls .owl-buttons div {
  color: #fff;
  background: rgba(0, 0, 0, 0.5) !important;
  margin: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  transition: all 0.3s, visibility 0s;
  -ms-transition: all 0.3s, visibility 0s;
  -webkit-transition: all 0.3s, visibility 0s;
  -moz-transition: all 0.3s, visibility 0s; }

.owl-btn-2 .owl-controls .owl-buttons div {
  color: #fff;
  background: #ddd !important;
  text-align: center;
  width: 44px;
  height: 120px;
  line-height: 120px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  margin-left: -22px;
  margin: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  transition: all 0.3s, visibility 0s;
  -ms-transition: all 0.3s, visibility 0s;
  -webkit-transition: all 0.3s, visibility 0s;
  -moz-transition: all 0.3s, visibility 0s; }
  .owl-btn-2 .owl-controls .owl-buttons div.owl-prev {
    left: -44px;
    border-right: 1px solid #fff; }
  .owl-btn-2 .owl-controls .owl-buttons div.owl-next {
    right: -44px;
    border-left: 1px solid #fff; }

/*--- masonry ---*/
.masonry-filter {
  margin: -20px -5px 0;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 45px; }
  .masonry-filter span, .masonry-filter a {
    display: inline-block;
    margin: 20px 8px 0; }
  .masonry-filter a {
    color: #393939;
    padding: 0 6px;
    transition: all 0.5s ease, visibility 0s;
    -ms-transition: all 0.5s ease, visibility 0s;
    -webkit-transition: all 0.5s ease, visibility 0s;
    -moz-transition: all 0.5s ease, visibility 0s; }
    .masonry-filter a:hover, .masonry-filter a.active {
      background: #000; }

.masonry-container {
  margin-top: -30px; }
  .masonry-container > * {
    margin-top: 30px; }

[class*='ms-item-'].col-md-3 {
  width: 24.95%; }

/*--- google maps ---*/
/*--- social links ---*/
.draconis-social-links ul {
  position: relative;
  margin: -10px -4px 0; }
  .draconis-social-links ul li {
    display: inline-block;
    margin: 10px 4px 0; }
    .draconis-social-links ul li a {
      display: block; }
.draconis-social-links.show-mb {
  display: none; }

/*--- contact links ---*/
.draconis-contact-links ul {
  margin: -10px -10px 0; }
  .draconis-contact-links ul li {
    display: inline-block;
    margin: 10px 10px 0; }
    .draconis-contact-links ul li a {
      display: block; }
      .draconis-contact-links ul li a img {
        margin-right: 5px; }

/*--- element-wrap ---*/
.element-wrap > .row {
  margin-top: 90px; }
  .element-wrap > .row:first-child {
    margin-top: 0; }

.element-title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 45px;
  text-transform: uppercase; }

/*--- sticky post ---*/
.sticky {
  position: relative; }

.sticky-post-icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 9px 16px; }

.sticky-post-icon i {
  font-size: 16px;
  color: #fff; }

.entry-title .sticky-post-icon {
  position: relative;
  top: auto;
  left: auto;
  padding: 0;
  margin-left: 5px;
  background: none !important; }

.entry-title .sticky-post-icon i {
  font-size: 20px; }

/*--- popup ---*/
[class*="popup-"] {
  cursor: pointer; }

.mfp-content button {
  background: none; }

/*--- hide ---*/
@media screen and (max-width: 1400px) {
  .draconis-desktop-hide {
    display: none; } }

@media screen and (max-width: 1023px) {
  .draconis-desktopSmall-hide {
    display: none; } }

@media screen and (max-width: 800px) {
  .draconis-tablet-hide {
    display: none; } }

@media screen and (max-width: 639px) {
  .draconis-mobile-hide {
    display: none; } }

/*--- list ---*/
.sj-mh:not([class*='draconis-row']) {
  margin-top: -30px; }
  .sj-mh:not([class*='draconis-row']) > * {
    margin-top: 30px; }

/*--- button ---*/
.draconis-btn-1, .draconis-btn-2, .draconis-btn-3 {
  text-align: center;
  display: inline-block;
  padding: 9px 20px;
  min-width: 180px;
  border-radius: 40px;
  overflow: hidden;
  border: none; }
  .draconis-btn-1 span, .draconis-btn-2 span, .draconis-btn-3 span {
    z-index: 9;
    color: #fff !important; }
  .draconis-btn-1:before, .draconis-btn-2:before, .draconis-btn-3:before, .draconis-btn-1:after, .draconis-btn-2:after, .draconis-btn-3:after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    top: 0; }
  .draconis-btn-1:before, .draconis-btn-2:before, .draconis-btn-3:before {
    background: #3E7E5C;
    -moz-transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    width: 116%; }
  .draconis-btn-1:after, .draconis-btn-2:after, .draconis-btn-3:after {
    -webkit-transition: all 0.94s cubic-bezier(0.2, 0.95, 0.57, 0.99);
    -moz-transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
    -o-transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
    transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
    width: 120%;
    z-index: 1; }
  .draconis-btn-1:hover:before, .draconis-btn-2:hover:before, .draconis-btn-3:hover:before {
    width: 0%; }
  .draconis-btn-1:hover:after, .draconis-btn-2:hover:after, .draconis-btn-3:hover:after {
    width: 0%; }

.draconis-btn-3 {
  padding: 22px 60px; }

.white-text-style .draconis-btn-2, .sj-bg-item .draconis-btn-2, .draconis-mask .draconis-btn-2, .draconis-header-top .draconis-btn-2, .draconis-module-pricingtable .item .draconis-btn-2, .studiodt-contact .draconis-btn-2 {
  background: #fff !important; }
 .draconis-module-pricingtable .s1 {
 	background: #A4B89F;
 }
  .white-text-style .draconis-btn-2:after, .sj-bg-item .draconis-btn-2:after, .draconis-mask .draconis-btn-2:after, .draconis-header-top .draconis-btn-2:after, .draconis-module-pricingtable .item.s1 .draconis-btn-2:after, .studiodt-contact .draconis-btn-2:after {
    background: #fff; }

/*--- .sj-smooth-scroll ---*/
.sj-smooth-scroll {
  position: absolute;
  bottom: 90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media screen and (max-width: 479px) {
    .sj-smooth-scroll {
      bottom: 30px; } }
  .sj-smooth-scroll a {
    color: #fff;
    font-size: 50px; }

/*--- row ---*/
.draconis-row-1 {
  margin: 0 !important; }
  .draconis-row-1 > * {
    margin: 0 !important;
    padding: 0 !important; }

.draconis-row-2 {
  margin-left: -10px;
  margin-right: -10px; }
  .draconis-row-2 > * {
    padding-left: 10px;
    padding-right: 10px; }

/*--- col---*/
.draconis-col-1 {
  float: left;
  width: 20%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

/*--- table ---*/
table {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }
  table th, table td {
    padding: 10px 12px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5; }

/*--- form ---*/
.newsletter-form {
  position: relative; }
  .newsletter-form > p {
    position: relative; }
    .newsletter-form > p i {
      position: absolute;
      top: 14px;
      right: 15px;
      color: #333; }
  .newsletter-form input[type="text"] {
    background: none;
    border: 1px solid #ddd;
    color: #999;
    padding: 0 40px 0 15px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    width: 100%; }
  .newsletter-form button {
    border: none;
    padding: 0 15px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    margin-top: 5px; }
    .newsletter-form button:hover {
      background: #000;
      color: #fff; }
  .newsletter-form ::-webkit-input-placeholder {
    color: #999; }
  .newsletter-form :-moz-placeholder {
    /* Firefox 18- */
    color: #999; }
  .newsletter-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999; }
  .newsletter-form :-ms-input-placeholder {
    color: #999; }

.white-text-style .newsletter-form > p i, .sj-bg-item .newsletter-form > p i, .draconis-mask .newsletter-form > p i, .draconis-header-top .newsletter-form > p i, .draconis-module-pricingtable .item.s1 .newsletter-form > p i, .studiodt-contact .newsletter-form > p i {
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .newsletter-form input[type="text"], .sj-bg-item .newsletter-form input[type="text"], .draconis-mask .newsletter-form input[type="text"], .draconis-header-top .newsletter-form input[type="text"], .draconis-module-pricingtable .item.s1 .newsletter-form input[type="text"], .studiodt-contact .newsletter-form input[type="text"] {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .newsletter-form button:hover, .sj-bg-item .newsletter-form button:hover, .draconis-mask .newsletter-form button:hover, .draconis-header-top .newsletter-form button:hover, .draconis-module-pricingtable .item.s1 .newsletter-form button:hover, .studiodt-contact .newsletter-form button:hover {
  color: #000; }
.white-text-style .newsletter-form ::-webkit-input-placeholder, .sj-bg-item .newsletter-form ::-webkit-input-placeholder, .draconis-mask .newsletter-form ::-webkit-input-placeholder, .draconis-header-top .newsletter-form ::-webkit-input-placeholder, .draconis-module-pricingtable .item.s1 .newsletter-form ::-webkit-input-placeholder, .studiodt-contact .newsletter-form ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .newsletter-form :-moz-placeholder, .sj-bg-item .newsletter-form :-moz-placeholder, .draconis-mask .newsletter-form :-moz-placeholder, .draconis-header-top .newsletter-form :-moz-placeholder, .draconis-module-pricingtable .item.s1 .newsletter-form :-moz-placeholder, .studiodt-contact .newsletter-form :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .newsletter-form ::-moz-placeholder, .sj-bg-item .newsletter-form ::-moz-placeholder, .draconis-mask .newsletter-form ::-moz-placeholder, .draconis-header-top .newsletter-form ::-moz-placeholder, .draconis-module-pricingtable .item.s1 .newsletter-form ::-moz-placeholder, .studiodt-contact .newsletter-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .newsletter-form :-ms-input-placeholder, .sj-bg-item .newsletter-form :-ms-input-placeholder, .draconis-mask .newsletter-form :-ms-input-placeholder, .draconis-header-top .newsletter-form :-ms-input-placeholder, .draconis-module-pricingtable .item.s1 .newsletter-form :-ms-input-placeholder, .studiodt-contact .newsletter-form :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3); }

.draconis-form-box {
  margin: 0 0 0; }
  @media screen and (max-width: 639px) {
    .draconis-form-box form > .row > div {
      width: 100%; } }
  .draconis-form-box .input-block,
  .draconis-form-box .textarea-block {
    position: relative;
    margin: 15px 0 0;
    overflow: hidden; }
    .draconis-form-box .input-block.first-child,
    .draconis-form-box .textarea-block.first-child {
      margin: 0; }
    .draconis-form-box .input-block i,
    .draconis-form-box .textarea-block i {
      position: absolute;
      top: 14px;
      right: 15px;
      color: #888; }
  .draconis-form-box .textarea-block label.error {
    top: -2px; }
  .draconis-form-box .btn-block {
    margin-top: 30px; }
  .draconis-form-box input,
  .draconis-form-box select,
  .draconis-form-box textarea {
    text-align: center;
    box-shadow: none;
    background: none;
    margin: 0;
    border: 1px solid #ddd;
    padding: 0 30px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    width: 100%; }
    .draconis-form-box input:focus,
    .draconis-form-box textarea:focus {
      outline: 0; }
  .draconis-form-box textarea {
    width: 100%;
    padding: 9px 15px;
    height: auto;
    line-height: 22px; }
  .draconis-form-box label.error {
    font-weight: 400;
    color: #FF0000;
    margin: 10px 0 0; }
  .draconis-form-box .form-label {
    display: block;
    margin: 5px 0 10px; }
  .draconis-form-box ::-webkit-input-placeholder {
    color: #393939; }
  .draconis-form-box :-moz-placeholder {
    /* Firefox 18- */
    color: #393939; }
  .draconis-form-box ::-moz-placeholder {
    /* Firefox 19+ */
    color: #393939; }
  .draconis-form-box :-ms-input-placeholder {
    color: #393939; }
  .draconis-form-box.s1 input,
  .draconis-form-box.s1 textarea {
    text-align: left; }

.white-text-style .draconis-form-box .input-block i, .sj-bg-item .draconis-form-box .input-block i, .draconis-mask .draconis-form-box .input-block i, .draconis-header-top .draconis-form-box .input-block i, .draconis-module-pricingtable .item.s1 .draconis-form-box .input-block i, .studiodt-contact .draconis-form-box .input-block i,
.white-text-style .draconis-form-box .textarea-block i,
.sj-bg-item .draconis-form-box .textarea-block i,
.draconis-mask .draconis-form-box .textarea-block i,
.draconis-header-top .draconis-form-box .textarea-block i,
.draconis-module-pricingtable .item.s1 .draconis-form-box .textarea-block i,
.studiodt-contact .draconis-form-box .textarea-block i {
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .draconis-form-box input[type="text"], .sj-bg-item .draconis-form-box input[type="text"], .draconis-mask .draconis-form-box input[type="text"], .draconis-header-top .draconis-form-box input[type="text"], .draconis-module-pricingtable .item.s1 .draconis-form-box input[type="text"], .studiodt-contact .draconis-form-box input[type="text"], .white-text-style .draconis-form-box textarea, .sj-bg-item .draconis-form-box textarea, .draconis-mask .draconis-form-box textarea, .draconis-header-top .draconis-form-box textarea, .draconis-module-pricingtable .item.s1 .draconis-form-box textarea, .studiodt-contact .draconis-form-box textarea {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .draconis-form-box ::-webkit-input-placeholder, .sj-bg-item .draconis-form-box ::-webkit-input-placeholder, .draconis-mask .draconis-form-box ::-webkit-input-placeholder, .draconis-header-top .draconis-form-box ::-webkit-input-placeholder, .draconis-module-pricingtable .item.s1 .draconis-form-box ::-webkit-input-placeholder, .studiodt-contact .draconis-form-box ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .draconis-form-box :-moz-placeholder, .sj-bg-item .draconis-form-box :-moz-placeholder, .draconis-mask .draconis-form-box :-moz-placeholder, .draconis-header-top .draconis-form-box :-moz-placeholder, .draconis-module-pricingtable .item.s1 .draconis-form-box :-moz-placeholder, .studiodt-contact .draconis-form-box :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .draconis-form-box ::-moz-placeholder, .sj-bg-item .draconis-form-box ::-moz-placeholder, .draconis-mask .draconis-form-box ::-moz-placeholder, .draconis-header-top .draconis-form-box ::-moz-placeholder, .draconis-module-pricingtable .item.s1 .draconis-form-box ::-moz-placeholder, .studiodt-contact .draconis-form-box ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.3); }
.white-text-style .draconis-form-box :-ms-input-placeholder, .sj-bg-item .draconis-form-box :-ms-input-placeholder, .draconis-mask .draconis-form-box :-ms-input-placeholder, .draconis-header-top .draconis-form-box :-ms-input-placeholder, .draconis-module-pricingtable .item.s1 .draconis-form-box :-ms-input-placeholder, .studiodt-contact .draconis-form-box :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3); }

/*--- item ---*/
.bf_ct, .sj-bg-item:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sj-bg-item:before {
  content: '';
  display: block !important;
  background: #000;
  opacity: .8; }
.sj-bg-item > * {
  position: relative; }

/*--- icon ---*/
.draconis-icon-1 {
  display: inline-block;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  border-radius: 60px;
  color: #fff; }

/* dropdown */
.sj-dropdown-btn {
  cursor: pointer; }

.sj-dropdown-content {
  /*display: none;*/
  z-index: 999; }

/*___________ 1.2.3 Custom Layout ___________*/
.draconis-area {
  padding: 60px 0;
  position: relative; }
  @media screen and (max-width: 639px) {
    .draconis-area {
      padding: 50px 0; } }
  .draconis-area > .container {
    position: relative;
    z-index: 9; }
    .draconis-area > .container .module:last-child, .draconis-area > .container .draconis-div:last-child {
      margin-bottom: 60px; }
    .draconis-area > .container > .row .module, .draconis-area > .container > .row .draconis-div {
      margin-bottom: 60px; }
    .draconis-area > .container:last-child .module:last-child, .draconis-area > .container:last-child .draconis-div:last-child {
      margin-bottom: 0; }
    .draconis-area > .container:last-child > .row .module, .draconis-area > .container:last-child > .row .draconis-div {
      margin-bottom: 60px; }
    .draconis-area > .container:last-child > .row:last-child .module:last-child, .draconis-area > .container:last-child > .row:last-child .draconis-div:last-child {
      margin-bottom: 0; }
  .draconis-area .module:last-child, .draconis-area .draconis-div:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 979px) {
    .draconis-area .module-header br {
      display: none; } }
  @media screen and (max-width: 799px) {
    .draconis-area > .container {
      position: relative;
      z-index: 9; }
      .draconis-area > .container .module:last-child, .draconis-area > .container .draconis-div:last-child {
        margin-bottom: 60px; }
      .draconis-area > .container > .row .module, .draconis-area > .container > .row .draconis-div {
        margin-bottom: 60px; }
      .draconis-area > .container:last-child .module:last-child, .draconis-area > .container:last-child .draconis-div:last-child {
        margin-bottom: 0; }
      .draconis-area > .container:last-child > .row .module, .draconis-area > .container:last-child > .row .draconis-div {
        margin-bottom: 60px; }
      .draconis-area > .container:last-child > .row:last-child .module:last-child, .draconis-area > .container:last-child > .row:last-child .draconis-div:last-child {
        margin-bottom: 0; }
    .draconis-area .module-title br {
      display: none; } }
  @media screen and (max-width: 639px) {
    .draconis-area {
      padding: 50px 0; }
    .draconis-area-3 {
      background: #A4B89F; }
      .draconis-area > .container {
        position: relative;
        z-index: 9; }
        .draconis-area > .container .module:last-child, .draconis-area > .container .draconis-div:last-child {
          margin-bottom: 50px; }
        .draconis-area > .container > .row .module, .draconis-area > .container > .row .draconis-div {
          margin-bottom: 50px; }
        .draconis-area > .container:last-child .module:last-child, .draconis-area > .container:last-child .draconis-div:last-child {
          margin-bottom: 0; }
        .draconis-area > .container:last-child > .row .module, .draconis-area > .container:last-child > .row .draconis-div {
          margin-bottom: 50px; }
        .draconis-area > .container:last-child > .row:last-child .module:last-child, .draconis-area > .container:last-child > .row:last-child .draconis-div:last-child {
          margin-bottom: 0; } }

.draconis-area-1 {
  margin-top: -80px;
  padding-top: 0; }
  @media screen and (max-width: 479px) {
    .draconis-area-1 {
      margin-top: -20px; } }

.draconis-area-2 {
  padding: 240px 0;
  background: url("images/3.jpg");
  background-size: cover; }
  .draconis-area-2:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 1200px) {
    .draconis-area-2 {
      padding: 150px 0; } }

.draconis-area-4 {
  background: #fdfdfd; }

.draconis-area-no-space {
  padding: 0; }

.draconis-area-parallax, .sj-bg-item {
  position: relative;
  background-position: 50% 0;
  background-attachment: fixed !important;
  background-repeat: no-repeat;
  background-size: cover !important; }

.white-text-style, .sj-bg-item, .draconis-mask, .draconis-header-top, .draconis-module-pricingtable .item.s1, .studiodt-contact {
  color: #fff; }
  .white-text-style .module-title, .sj-bg-item .module-title, .draconis-mask .module-title, .draconis-header-top .module-title, .draconis-module-pricingtable .item.s1 .module-title, .studiodt-contact .module-title, .white-text-style span, .sj-bg-item span, .draconis-mask span, .draconis-header-top span, .draconis-module-pricingtable .item.s1 span, .studiodt-contact span, .white-text-style p, .sj-bg-item p, .draconis-mask p, .draconis-header-top p, .draconis-module-pricingtable .item.s1 p, .studiodt-contact p, .white-text-style a, .sj-bg-item a, .draconis-mask a, .draconis-header-top a, .draconis-module-pricingtable .item.s1 a, .studiodt-contact a, .white-text-style h1, .sj-bg-item h1, .draconis-mask h1, .draconis-header-top h1, .draconis-module-pricingtable .item.s1 h1, .studiodt-contact h1, .white-text-style h2, .sj-bg-item h2, .draconis-mask h2, .draconis-header-top h2, .draconis-module-pricingtable .item.s1 h2, .studiodt-contact h2, .white-text-style h3, .sj-bg-item h3, .draconis-mask h3, .draconis-header-top h3, .draconis-module-pricingtable .item.s1 h3, .studiodt-contact h3, .white-text-style h4, .sj-bg-item h4, .draconis-mask h4, .draconis-header-top h4, .draconis-module-pricingtable .item.s1 h4, .studiodt-contact h4, .white-text-style h5, .sj-bg-item h5, .draconis-mask h5, .draconis-header-top h5, .draconis-module-pricingtable .item.s1 h5, .studiodt-contact h5, .white-text-style h6, .sj-bg-item h6, .draconis-mask h6, .draconis-header-top h6, .draconis-module-pricingtable .item.s1 h6, .studiodt-contact h6, .white-text-style input, .sj-bg-item input, .draconis-mask input, .draconis-header-top input, .draconis-module-pricingtable .item.s1 input, .studiodt-contact input, .white-text-style textarea, .sj-bg-item textarea, .draconis-mask textarea, .draconis-header-top textarea, .draconis-module-pricingtable .item.s1 textarea, .studiodt-contact textarea {
    color: #fff; }
  .white-text-style h1 a, .sj-bg-item h1 a, .draconis-mask h1 a, .draconis-header-top h1 a, .draconis-module-pricingtable .item.s1 h1 a, .studiodt-contact h1 a, .white-text-style h2 a, .sj-bg-item h2 a, .draconis-mask h2 a, .draconis-header-top h2 a, .draconis-module-pricingtable .item.s1 h2 a, .studiodt-contact h2 a, .white-text-style h3 a, .sj-bg-item h3 a, .draconis-mask h3 a, .draconis-header-top h3 a, .draconis-module-pricingtable .item.s1 h3 a, .studiodt-contact h3 a, .white-text-style h4 a, .sj-bg-item h4 a, .draconis-mask h4 a, .draconis-header-top h4 a, .draconis-module-pricingtable .item.s1 h4 a, .studiodt-contact h4 a, .white-text-style h5 a, .sj-bg-item h5 a, .draconis-mask h5 a, .draconis-header-top h5 a, .draconis-module-pricingtable .item.s1 h5 a, .studiodt-contact h5 a, .white-text-style h6 a, .sj-bg-item h6 a, .draconis-mask h6 a, .draconis-header-top h6 a, .draconis-module-pricingtable .item.s1 h6 a, .studiodt-contact h6 a, .white-text-style .h1 a, .sj-bg-item .h1 a, .draconis-mask .h1 a, .draconis-header-top .h1 a, .draconis-module-pricingtable .item.s1 .h1 a, .studiodt-contact .h1 a, .white-text-style .h2 a, .sj-bg-item .h2 a, .draconis-mask .h2 a, .draconis-header-top .h2 a, .draconis-module-pricingtable .item.s1 .h2 a, .studiodt-contact .h2 a, .white-text-style .h3 a, .sj-bg-item .h3 a, .draconis-mask .h3 a, .draconis-header-top .h3 a, .draconis-module-pricingtable .item.s1 .h3 a, .studiodt-contact .h3 a, .white-text-style .h4 a, .sj-bg-item .h4 a, .draconis-mask .h4 a, .draconis-header-top .h4 a, .draconis-module-pricingtable .item.s1 .h4 a, .studiodt-contact .h4 a, .white-text-style .h5 a, .sj-bg-item .h5 a, .draconis-mask .h5 a, .draconis-header-top .h5 a, .draconis-module-pricingtable .item.s1 .h5 a, .studiodt-contact .h5 a, .white-text-style .h6 a, .sj-bg-item .h6 a, .draconis-mask .h6 a, .draconis-header-top .h6 a, .draconis-module-pricingtable .item.s1 .h6 a, .studiodt-contact .h6 a {
    color: #fff;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1; }
    .white-text-style h1 a:hover, .sj-bg-item h1 a:hover, .draconis-mask h1 a:hover, .draconis-header-top h1 a:hover, .draconis-module-pricingtable .item.s1 h1 a:hover, .studiodt-contact h1 a:hover, .white-text-style h2 a:hover, .sj-bg-item h2 a:hover, .draconis-mask h2 a:hover, .draconis-header-top h2 a:hover, .draconis-module-pricingtable .item.s1 h2 a:hover, .studiodt-contact h2 a:hover, .white-text-style h3 a:hover, .sj-bg-item h3 a:hover, .draconis-mask h3 a:hover, .draconis-header-top h3 a:hover, .draconis-module-pricingtable .item.s1 h3 a:hover, .studiodt-contact h3 a:hover, .white-text-style h4 a:hover, .sj-bg-item h4 a:hover, .draconis-mask h4 a:hover, .draconis-header-top h4 a:hover, .draconis-module-pricingtable .item.s1 h4 a:hover, .studiodt-contact h4 a:hover, .white-text-style h5 a:hover, .sj-bg-item h5 a:hover, .draconis-mask h5 a:hover, .draconis-header-top h5 a:hover, .draconis-module-pricingtable .item.s1 h5 a:hover, .studiodt-contact h5 a:hover, .white-text-style h6 a:hover, .sj-bg-item h6 a:hover, .draconis-mask h6 a:hover, .draconis-header-top h6 a:hover, .draconis-module-pricingtable .item.s1 h6 a:hover, .studiodt-contact h6 a:hover, .white-text-style .h1 a:hover, .sj-bg-item .h1 a:hover, .draconis-mask .h1 a:hover, .draconis-header-top .h1 a:hover, .draconis-module-pricingtable .item.s1 .h1 a:hover, .studiodt-contact .h1 a:hover, .white-text-style .h2 a:hover, .sj-bg-item .h2 a:hover, .draconis-mask .h2 a:hover, .draconis-header-top .h2 a:hover, .draconis-module-pricingtable .item.s1 .h2 a:hover, .studiodt-contact .h2 a:hover, .white-text-style .h3 a:hover, .sj-bg-item .h3 a:hover, .draconis-mask .h3 a:hover, .draconis-header-top .h3 a:hover, .draconis-module-pricingtable .item.s1 .h3 a:hover, .studiodt-contact .h3 a:hover, .white-text-style .h4 a:hover, .sj-bg-item .h4 a:hover, .draconis-mask .h4 a:hover, .draconis-header-top .h4 a:hover, .draconis-module-pricingtable .item.s1 .h4 a:hover, .studiodt-contact .h4 a:hover, .white-text-style .h5 a:hover, .sj-bg-item .h5 a:hover, .draconis-mask .h5 a:hover, .draconis-header-top .h5 a:hover, .draconis-module-pricingtable .item.s1 .h5 a:hover, .studiodt-contact .h5 a:hover, .white-text-style .h6 a:hover, .sj-bg-item .h6 a:hover, .draconis-mask .h6 a:hover, .draconis-header-top .h6 a:hover, .draconis-module-pricingtable .item.s1 .h6 a:hover, .studiodt-contact .h6 a:hover {
      color: #fff;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      /* Netscape */
      -moz-opacity: 0.7;
      /* Safari 1.x */
      -khtml-opacity: 0.7;
      /* Good browsers */
      opacity: 0.7; }
  .white-text-style p, .sj-bg-item p, .draconis-mask p, .draconis-header-top p, .draconis-module-pricingtable .item.s1 p, .studiodt-contact p {
    color: rgba(255, 255, 255, 0.7); }

.dark-text-style, .main-menu-mobile .sj-dropdown-content, .main-menu-mobile-content {
  color: #393939; }
  .dark-text-style .module-title, .main-menu-mobile .sj-dropdown-content .module-title, .main-menu-mobile-content .module-title,
  .dark-text-style h1,
  .main-menu-mobile .sj-dropdown-content h1,
  .main-menu-mobile-content h1, .dark-text-style h2, .main-menu-mobile .sj-dropdown-content h2, .main-menu-mobile-content h2, .dark-text-style h3, .main-menu-mobile .sj-dropdown-content h3, .main-menu-mobile-content h3, .dark-text-style h4, .main-menu-mobile .sj-dropdown-content h4, .main-menu-mobile-content h4, .dark-text-style h5, .main-menu-mobile .sj-dropdown-content h5, .main-menu-mobile-content h5, .dark-text-style h6, .main-menu-mobile .sj-dropdown-content h6, .main-menu-mobile-content h6, .dark-text-style .h1, .main-menu-mobile .sj-dropdown-content .h1, .main-menu-mobile-content .h1, .dark-text-style .h2, .main-menu-mobile .sj-dropdown-content .h2, .main-menu-mobile-content .h2, .dark-text-style .h3, .main-menu-mobile .sj-dropdown-content .h3, .main-menu-mobile-content .h3, .dark-text-style .h4, .main-menu-mobile .sj-dropdown-content .h4, .main-menu-mobile-content .h4, .dark-text-style .h5, .main-menu-mobile .sj-dropdown-content .h5, .main-menu-mobile-content .h5, .dark-text-style .h6, .main-menu-mobile .sj-dropdown-content .h6, .main-menu-mobile-content .h6, .dark-text-style a, .main-menu-mobile .sj-dropdown-content a, .main-menu-mobile-content a {
    color: #000; }
  .dark-text-style span, .main-menu-mobile .sj-dropdown-content span, .main-menu-mobile-content span, .dark-text-style p, .main-menu-mobile .sj-dropdown-content p, .main-menu-mobile-content p, .dark-text-style input, .main-menu-mobile .sj-dropdown-content input, .main-menu-mobile-content input, .dark-text-style textarea, .main-menu-mobile .sj-dropdown-content textarea, .main-menu-mobile-content textarea {
    color: #393939; }
  .dark-text-style h1 a, .main-menu-mobile .sj-dropdown-content h1 a, .main-menu-mobile-content h1 a, .dark-text-style h2 a, .main-menu-mobile .sj-dropdown-content h2 a, .main-menu-mobile-content h2 a, .dark-text-style h3 a, .main-menu-mobile .sj-dropdown-content h3 a, .main-menu-mobile-content h3 a, .dark-text-style h4 a, .main-menu-mobile .sj-dropdown-content h4 a, .main-menu-mobile-content h4 a, .dark-text-style h5 a, .main-menu-mobile .sj-dropdown-content h5 a, .main-menu-mobile-content h5 a, .dark-text-style h6 a, .main-menu-mobile .sj-dropdown-content h6 a, .main-menu-mobile-content h6 a, .dark-text-style .h1 a, .main-menu-mobile .sj-dropdown-content .h1 a, .main-menu-mobile-content .h1 a, .dark-text-style .h2 a, .main-menu-mobile .sj-dropdown-content .h2 a, .main-menu-mobile-content .h2 a, .dark-text-style .h3 a, .main-menu-mobile .sj-dropdown-content .h3 a, .main-menu-mobile-content .h3 a, .dark-text-style .h4 a, .main-menu-mobile .sj-dropdown-content .h4 a, .main-menu-mobile-content .h4 a, .dark-text-style .h5 a, .main-menu-mobile .sj-dropdown-content .h5 a, .main-menu-mobile-content .h5 a, .dark-text-style .h6 a, .main-menu-mobile .sj-dropdown-content .h6 a, .main-menu-mobile-content .h6 a {
    color: #000;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1; }

/*___________ 1.2.4 Default Article ___________*/
[class*="item"] {
  position: relative; }

.entry-content, .item-content {
  display: block;
  position: relative; }

.entry-title, .item-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500; }

.draconis-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 47, 51, 0.6); }

.entry-thumb, .item-thumb {
  width: 100%;
  max-width: 100%;
  display: block;
  position: relative; }
  .entry-thumb img, .item-thumb img {
    width: 100%; }
    .entry-thumb img.wp-post-image, .item-thumb img.wp-post-image {
      width: auto; }
  .entry-thumb .draconis-mask, .item-thumb .draconis-mask {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    transition: all 0.5s, visibility 0s;
    -ms-transition: all 0.5s, visibility 0s;
    -webkit-transition: all 0.5s, visibility 0s;
    -moz-transition: all 0.5s, visibility 0s; }
  .entry-thumb:hover .draconis-mask, .item-thumb:hover .draconis-mask {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1; }

.draconis-icon {
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
  color: #fff;
  left: 50%;
  border-radius: 50%; }
  .draconis-icon:hover {
    color: #fff; }

/*--- readmore ---*/
.more-link {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  margin-top: 15px;
  position: relative; }
  .more-link img {
    margin-left: 15px;
    margin-top: -4px; }
  .more-link:hover {
    color: #000; }

/*--- meta-data ---*/
.entry-meta {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  margin-left: -10px;
  margin-right: -10px; }
  .entry-meta > span,
  .entry-meta > p {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px; }
    .entry-meta > span i,
    .entry-meta > p i {
      margin-right: 10px; }
    .entry-meta > span a,
    .entry-meta > p a {
      color: #393939; }
    .entry-meta > span a,
    .entry-meta > p a {
      opacity: 1 !important; }
  .entry-meta > a {
    display: inline-block;
    margin-top: 5px; }

/*--- rating ---*/
.draconis-rating {
  width: 100%;
  margin-bottom: 5px;
  display: inline-block;
  position: relative; }
  .draconis-rating ul {
    margin: 0 -1px !important; }
  .draconis-rating li {
    font-size: 13px;
    float: left;
    margin: 0 1px !important; }
    .draconis-rating li.inactive span:before {
      content: "\f123"; }

/*--- loadmore ---*/
.draconis-loadmore {
  margin-top: 50px; }

.loadmore-btn {
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-transform: capitalize;
  background: #ccc;
  padding: 12px 20px;
  text-align: center;
  width: 100%;
  outline: none !important;
  border: none !important;
  transition: all 0.5s, visibility 0s;
  -ms-transition: all 0.5s, visibility 0s;
  -webkit-transition: all 0.5s, visibility 0s;
  -moz-transition: all 0.5s, visibility 0s;
  cursor: pointer; }
  .loadmore-btn:hover {
    letter-spacing: 1.5px;
    background: #bbb; }

/*___________ 1.2.5 Default module ___________*/
.module, .draconis-div {
  margin-bottom: 60px;
  position: relative; }
  .module:last-child, .draconis-div:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .module > header, .draconis-div > header,
    .module > .container > header,
    .draconis-div > .container > header {
      margin-bottom: 40px; } }
  .module > header .module-title:last-child, .draconis-div > header .module-title:last-child,
  .module > .container > header .module-title:last-child,
  .draconis-div > .container > header .module-title:last-child {
    margin-bottom: 0; }
  .module > header:last-child, .draconis-div > header:last-child,
  .module > .container > header:last-child,
  .draconis-div > .container > header:last-child {
    margin-bottom: 0; }
  .module .module-content, .draconis-div .module-content, .draconis-div .draconis-content {
    position: relative; }
    @media screen and (max-width: 639px) {
      .module .module-content > .row > *, .draconis-div .module-content > .row > *, .draconis-div .draconis-content > .row > * {
        margin-top: 30px; } }
  @media screen and (max-width: 639px) and (max-width: 479px) {
    .module .module-content > .row > *, .draconis-div .module-content > .row > *, .draconis-div .draconis-content > .row > * {
      width: 100%; } }
    @media screen and (max-width: 639px) {
      .module .module-content > .row:first-child, .draconis-div .module-content > .row:first-child, .draconis-div .module .draconis-content > .row:first-child, .draconis-div .draconis-content > .row:first-child {
        margin-top: -30px; } }
    .module .module-content > article, .draconis-div .module-content > article, .draconis-div .module .draconis-content > article, .draconis-div .draconis-content > article {
      margin-top: 30px; }
      .module .module-content > article:first-child, .draconis-div .module-content > article:first-child, .draconis-div .module .draconis-content > article:first-child, .draconis-div .draconis-content > article:first-child {
        margin-top: 0; }
  @media screen and (max-width: 639px) {
    .module, .draconis-div {
      margin-bottom: 50px; }
      .module > header, .draconis-div > header,
      .module > .container > header,
      .draconis-div > .container > header {
        margin-bottom: 30px; }
        .module > header p, .draconis-div > header p,
        .module > .container > header p,
        .draconis-div > .container > header p {
          font-size: 14px;
          line-height: 22px; } }

.module-content > ul:not(.row), .draconis-div .draconis-content > ul:not(.row) {
  margin: 0; }

/*--- module-title ---*/
.module-title {
  position: relative; }
  @media screen and (max-width: 479px) {
    .module-title {
      font-size: 20px;
      line-height: 28px; } }

.module-title.s1 {
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 20px; }

.module-title.s2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px; }

/*--- module-header ---*/
.module-header {
  text-align: center;
  margin-bottom: 40px; }
  .module-header.s1 {
    text-align: left; }

/*--- draconis-module-404 ---*/
.draconis-module-404 h2 {
  font-size: 150px;
  line-height: 1em;
  font-weight: 400;
  margin-bottom: 20px; }
  @media screen and (max-width: 479px) {
    .draconis-module-404 h2 {
      font-size: 80px; } }
.draconis-module-404 h4 {
  font-size: 30px;
  text-transform: uppercase; }
  @media screen and (max-width: 479px) {
    .draconis-module-404 h4 {
      font-size: 20px; } }
.draconis-module-404 a {
  text-decoration: underline !Important; }
  .draconis-module-404 a:hover {
    text-decoration: none !Important; }

/*___________ 1.2.6 Elements ___________*/
/*_____________ 1.2.7 Images _____________*/
/**
 * 2. Header
 * -----------------------------------------------------------------------------
 */
/*--- draconis-header-top ---*/
.draconis-header-top {
  padding: 10px 0; }
  .draconis-header-top a:hover {
    color: #fff !important;
    opacity: .8; }
  @media screen and (max-width: 1023px) {
    .draconis-header-top {
      background: none !important;
      padding: 0; }
      .draconis-header-top .container {
        display: none; }
      .draconis-header-top .show-mb {
        display: block;
        position: absolute;
        top: 33px;
        right: 10px;
        z-index: 9; } }
    @media screen and (max-width: 1023px) and (max-width: 479px) {
      .draconis-header-top .show-mb {
        top: 17px; } }

/*--- draconis-header-bottom ---*/
.draconis-header-bottom {
  padding: 15px 0; }
  .draconis-header-bottom .header-botttom-block {
    display: inline-block;
    padding: 0 50px; }
    @media screen and (max-width: 1023px) {
      .draconis-header-bottom .header-botttom-block {
        display: block;
        text-align: center; } }
    @media screen and (max-width: 479px) {
      .draconis-header-bottom .header-botttom-block .logo img {
        max-width: 30%; } }

/*--- main-menu-01 ---*/
.main-menu-01 {
  right: 100%; }
  .main-menu-01 > ul {
    float: right; }

.main-menu-02 {
  left: 100%; }

.main-menu {
  position: absolute;
  top: 19px;
  width: 500%; }
  @media screen and (max-width: 1023px) {
    .main-menu {
      display: none; } }
  .main-menu ul {
    margin: -10px -14px 0; }
    .main-menu ul li {
      float: left;
      margin: 10px 14px 0;
      font-family: 'Lato', sans-serif;
      font-size: 20px;
      line-height: 28px;
      font-weight: 400; }
      @media screen and (max-width: 1200px) {
        .main-menu ul li {
          margin: 10px 10px 0;
          font-size: 14px; } }

/*--- ds-user-profile ---*/
.main-menu-mobile {
  display: none; }
  @media screen and (max-width: 1023px) {
    .main-menu-mobile {
      display: block;
      position: absolute;
      left: 10px;
      top: 20px; } }
  @media screen and (max-width: 479px) {
    .main-menu-mobile {
      top: 6px; } }
  .main-menu-mobile .sj-dropdown-btn img {
    width: 45px;
    display: block; }
    @media screen and (max-width: 479px) {
      .main-menu-mobile .sj-dropdown-btn img {
        width: 35px; } }
  .main-menu-mobile .sj-dropdown-content {
    text-align: left;
    position: absolute;
    top: 35px;
    left: 0;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out, visibility 0s;
    -ms-transition: all 0.2s ease-in-out, visibility 0s;
    -webkit-transition: all 0.2s ease-in-out, visibility 0s;
    -moz-transition: all 0.2s ease-in-out, visibility 0s; }
    .main-menu-mobile .sj-dropdown-content.active {
      height: auto;
      overflow: visible;
      opacity: 1; }
    .main-menu-mobile .sj-dropdown-content ul {
      min-width: 200px;
      padding: 15px;
      background: #fff;
      box-shadow: 0px 3px 6px 0px #ddd;
      border-radius: 5px;
      transition: all 0.2s ease-in-out, visibility 0s;
      -ms-transition: all 0.2s ease-in-out, visibility 0s;
      -webkit-transition: all 0.2s ease-in-out, visibility 0s;
      -moz-transition: all 0.2s ease-in-out, visibility 0s; }
    .main-menu-mobile .sj-dropdown-content li {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #f1f1f1; }
      .main-menu-mobile .sj-dropdown-content li:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none; }

.main-menu-mobile-content {
  font-size: 20px;
  text-align: center;
  position: fixed;
  top: 60px;
  left: 0;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out, visibility 0s;
  -ms-transition: all 0.2s ease-in-out, visibility 0s;
  -webkit-transition: all 0.2s ease-in-out, visibility 0s;
  -moz-transition: all 0.2s ease-in-out, visibility 0s;
  width: 100%;
  padding: 15px;
  background: #fff;
  z-index: 999; }
  .main-menu-mobile-content.active {
    height: 100%;
    overflow: visible;
    opacity: 1; }
  .main-menu-mobile-content ul {
    margin-top: 20px; }
  .main-menu-mobile-content li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f1f1f1; }
    .main-menu-mobile-content li:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }

/**
 * 3. Content
 * -----------------------------------------------------------------------------
 */
.draconis-slider .owl-controls {
  opacity: 1; }
.draconis-slider:hover .owl-controls {
  opacity: 1; }
.draconis-slider .item img {
  width: 100%; }
  .draconis-slider .item img:last-child {
    display: none; }
  @media screen and (max-width: 767px) {
    .draconis-slider .item img {
      display: none; }
      .draconis-slider .item img:last-child {
        display: block; }
.khuyen-mai-check img:first-child {
      display: none; }
      .khuyen-mai-check img:last-child {
        display: block !important; } 		
		}

/**
 * 3.1 Module
 * -------------------------------------------------------------------
 */
/*--- draconis-module-intro ---*/
.draconis-module-intro {
  background: #fff;
  box-shadow: 0px 3px 6px 0px #ddd; }
  .draconis-module-intro img {
    width: 100%; }
  .draconis-module-intro .content {
    padding: 50px 90px; }
    .draconis-module-intro .content p {
      margin: 20px 0 30px; }
  @media screen and (max-width: 1200px) {
    .draconis-module-intro {
      padding: 15px; }
      .draconis-module-intro .content {
        padding: 0 20px; } }
  @media screen and (max-width: 767px) {
	  .draconis-module-gallery .module-content > .row > *{
		  width: 50%;
	  }
    .draconis-module-intro .content {
      padding: 30px 20px 10px; } }

/*--- draconis-module-intro-1 ---*/
.draconis-module-intro-1 .module-content > .row, .draconis-module-intro-1 .draconis-div .draconis-content > .row, .draconis-div .draconis-module-intro-1 .draconis-content > .row {
  margin-top: -30px; }
  .draconis-module-intro-1 .module-content > .row > *, .draconis-module-intro-1 .draconis-div .draconis-content > .row > *, .draconis-div .draconis-module-intro-1 .draconis-content > .row > * {
    margin-top: 30px; }

/*--- draconis-module-intro-1 ---*/
.draconis-module-intro-2 .module-content > .row, .draconis-module-intro-2 .draconis-div .draconis-content > .row, .draconis-div .draconis-module-intro-2 .draconis-content > .row {
  margin-top: -30px; }
  .draconis-module-intro-2 .module-content > .row > *, .draconis-module-intro-2 .draconis-div .draconis-content > .row > *, .draconis-div .draconis-module-intro-2 .draconis-content > .row > * {
    margin-top: 30px; }
.draconis-module-intro-2 .module-content h3, .draconis-module-intro-2 .draconis-div .draconis-content h3, .draconis-div .draconis-module-intro-2 .draconis-content h3 {
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 20px; }
@media screen and (max-width: 1023px) {
  .draconis-module-intro-2 br {
    display: none; } }

/*--- draconis-module-pricingtable ---*/
.draconis-module-pricingtable .module-content > .row, .draconis-module-pricingtable .draconis-div .draconis-content > .row, .draconis-div .draconis-module-pricingtable .draconis-content > .row {
  margin-top: -10px; }
  .draconis-module-pricingtable .module-content > .row > *, .draconis-module-pricingtable .draconis-div .draconis-content > .row > *, .draconis-div .draconis-module-pricingtable .draconis-content > .row > * {
    margin-top: 30px; }
.draconis-module-pricingtable .item {
  border-radius: 10px;
  border: 1px solid #ddd; }
  .draconis-module-pricingtable .item > * {
    padding: 18px 10px;
    border-top: 1px solid #ddd; }
    .draconis-module-pricingtable .item > *:first-child {
      border-top: 0; }
  .draconis-module-pricingtable .item ul li {
    margin-top: 15px; }
  .draconis-module-pricingtable .item footer h3 {
    margin-bottom: 2px;
    text-transform: none; }
  .draconis-module-pricingtable .item.s1 {
    top: 0px;
    box-shadow: 0px 3px 6px 0px #ddd; }
    @media screen and (max-width: 479px) {
      .draconis-module-pricingtable .item.s1 {
        top: 0px; } }
    .draconis-module-pricingtable .item.s1 > * {
      border-top-color: #fff; }
    .draconis-module-pricingtable .item.s1 header {
      padding-top: 20px; }
    .draconis-module-pricingtable .item.s1 footer h3 {
      font-size: 28px;
      margin: 10px 0 25px; }
	  .draconis-module-pricingtable .item.s1 footer p {
    margin-top: -22px;
    margin-bottom: 22px;
}
.flag-home{
	width: 21px;
	border-radius: 50%;
}
li.login-check a{
	text-transform: inherit;
    border: 1px solid #A4B89F;
    padding: 6px 12px;
    border-radius: 30px;
    background: #A4B89F;
    color: #fff;
}
.draconis-account-avatar a:hover{
	color: #fff !important;
}

/*--- draconis-module-location ---*/
.draconis-module-location p {
  margin: 25px 0 30px; }

/*--- draconis-module-gallery ---*/
.draconis-module-gallery .module-content > .row, .draconis-module-gallery .draconis-div .draconis-content > .row, .draconis-div .draconis-module-gallery .draconis-content > .row {
  margin-top: -30px; }
  .draconis-module-gallery .module-content > .row > *, .draconis-module-gallery .draconis-div .draconis-content > .row > *, .draconis-div .draconis-module-gallery .draconis-content > .row > * {
    margin-top: 30px; }
.draconis-module-gallery .module-content .btn-block, .draconis-module-gallery .draconis-div .draconis-content .btn-block, .draconis-div .draconis-module-gallery .draconis-content .btn-block {
  margin-top: 50px; }
.draconis-module-gallery img {
  width: 100%;
  box-shadow: 0px 3px 6px 0px #ddd; }

/*--- draconis-module-register ---*/
.draconis-module-register {
  padding: 60px;
  border: 1px solid #ddd;
  background: #fff; }
  .draconis-module-register .module-content h2, .draconis-module-register .draconis-div .draconis-content h2, .draconis-div .draconis-module-register .draconis-content h2 {
    font-size: 32px;
    color: #A4B89F;
    text-transform: none; }
  @media screen and (max-width: 1023px) {
    .draconis-module-register {
      padding: 30px;
      text-align: center; }
      .draconis-module-register .alignleft {
        float: none; }
      .draconis-module-register .alignright {
        float: none;
        margin-top: 30px; } }

/*--- draconis-module-studio-list ---*/
.draconis-module-studio-list .module-content > .row, .draconis-module-studio-list .draconis-div .draconis-content > .row, .draconis-div .draconis-module-studio-list .draconis-content > .row {
  margin-top: -30px; }
  .draconis-module-studio-list .module-content > .row > *, .draconis-module-studio-list .draconis-div .draconis-content > .row > *, .draconis-div .draconis-module-studio-list .draconis-content > .row > * {
    margin-top: 30px; }
.draconis-module-studio-list .item {
  background: #fff;
  box-shadow: 0px 3px 6px 0px #ddd;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 0; }
  .draconis-module-studio-list .item > * {
    margin-top: 0; }
  .draconis-module-studio-list .item .item-thumb {
    width: 100%; }
  .draconis-module-studio-list .item .item-content {
	 height: 220px !important;
    overflow: hidden;
    padding: 30px; }
    .draconis-module-studio-list .item .item-content > a {
      position: absolute;
      bottom: 20px; }
  .draconis-module-studio-list .item ul li {
    padding-left: 25px;
    margin-top: 5px; }
    .draconis-module-studio-list .item ul li:first-child {
      margin: 0; }
    .draconis-module-studio-list .item ul li img {
      position: absolute;
      top: 4px;
      left: 0; }
  @media screen and (max-width: 479px) {
    .draconis-module-studio-list .item .item-thumb {
      width: 100%;
      float: none; }
    .draconis-module-studio-list .item .item-content {
      overflow: visible;
      height: auto !important; }
      .draconis-module-studio-list .item .item-content > a {
        position: relative;
        bottom: auto;
        margin-top: 20px; } }

/*--- draconis-module-days-slider ---*/
.draconis-module-days-slider {
  padding: 0 44px; }
  .draconis-module-days-slider .module-content, .draconis-module-days-slider .draconis-div .draconis-content, .draconis-div .draconis-module-days-slider .draconis-content {
    margin: 0 1px; }
  .draconis-module-days-slider .item {
    padding: 0 0.5px; }
    .draconis-module-days-slider .item > a {
      display: block;
      padding: 37px 10px;
      background: #ddd;
      text-align: center;
      font-family: 'Lato', sans-serif;
      font-weight: 500; }
      .draconis-module-days-slider .item > a span {
        text-transform: uppercase; }
      .draconis-module-days-slider .item > a p {
        margin-top: 2px; }
      .draconis-module-days-slider .item > a.on-active {
        color: #fff; }

/*--- draconis-module-timetable ---*/
.draconis-module-timetable {
  background: #fafafa;
  padding: 40px 60px;
  border-radius: 10px; }
  @media screen and (max-width: 1023px) {
    .draconis-module-timetable {
      padding: 20px; } }

.draconis-module-acc-timetable .module-content, .draconis-module-acc-timetable .draconis-div .draconis-content, .draconis-div .draconis-module-acc-timetable .draconis-content {
  box-shadow: 0px 3px 6px 0px #ddd;
  padding: 40px 60px;
  border-radius: 10px; }
  @media screen and (max-width: 1023px) {
    .draconis-module-acc-timetable .module-content, .draconis-module-acc-timetable .draconis-div .draconis-content, .draconis-div .draconis-module-acc-timetable .draconis-content {
      padding: 20px; } }

.draconis-table {
  border: none; }
  .draconis-table > thead > tr > th {
    color: #4b4b4b;
    border: none;
    padding: 10px 50px 10px 0; }
  .draconis-table > tbody > tr {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef; }
    .draconis-table > tbody > tr:nth-child(even) {
      border: none;
      height: 10px; }
    .draconis-table > tbody > tr > td {
      border: none;
      padding: 0;
      vertical-align: middle; }
  .draconis-table a, .draconis-table span {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 27px 60px;
    min-width: 210px;
    color: #fff !important; }
    .draconis-table a.s1, .draconis-table span.s1 {
      padding: 15px 60px;
      background: #D60A0A; }
      .draconis-table a.s1 p, .draconis-table span.s1 p {
        margin-top: 1px;
        font-weight: 400;
        text-transform: none; }
	.draconis-table a.s23, .draconis-table span.s23 {
    padding: 27px 60px;
    min-width: 232px;
    background: #ddd;
}
  .draconis-table span {
    background: #ddd !important; }
  .draconis-table .first-col {
    display: none; }
  @media screen and (max-width: 1023px) {
    .draconis-table > thead {
      display: none; }
    .draconis-table .first-col {
      display: block;
      font-weight: 600; }
    .draconis-table > tbody > tr {
      border-top-color: #ddd;
      border-bottom: none; }
      .draconis-table > tbody > tr td {
        width: 100%;
        display: block;
        border: 1px solid #ddd;
        border-top: none; 
        text-align:;}
        .draconis-table > tbody > tr td .sj-mh > div {
          width: 100%;
          float: left;
          padding: 10px;
          border-left: 1px solid #ddd; }
          .draconis-table > tbody > tr td .sj-mh > div:first-child {
            border: none; }
    .draconis-table a, .draconis-table span {
      display: block; } }

.draconis-table.s1 {
  text-align: left; }
  .draconis-table.s1 > thead > tr > th {
    padding: 10px 10px 10px 0; }
  .draconis-table.s1 > tbody > tr {
    border-top: 1px solid #efefef;
    border-bottom: none; }
    .draconis-table.s1 > tbody > tr:nth-child(even) {
      height: 0; }
    .draconis-table.s1 > tbody > tr > td {
      padding: 15px 10px 0 0; }
      @media screen and (max-width: 900px) {
        .draconis-table.s1 > tbody > tr > td {
          padding: 0; } }

.book-form-table {
  border: 1px solid #ddd;
  padding: 30px 40px; }
  @media screen and (max-width: 900px) {
    .book-form-table {
      padding: 0;
      border: none; } }

/*--- draconis-module-contact-1 ---*/
.draconis-module-contact-1 li {
  margin-top: 5px;
  /*padding-left: 90px;*/ }
  .draconis-module-contact-1 li span {
    /*position: absolute;
    left: 0;*/ }

/*--- draconis-module-contact-2 ---*/
.draconis-module-contact-2 li {
  margin-top: 5px; }

/**
 * 3.2 Home page
 * -------------------------------------------------------------------
 */
/**
 * 3.3 Sub page
 * -------------------------------------------------------------------
 */
.draconis-breadcrumb img {
  width: 100%; }
  .draconis-breadcrumb img:last-child {
    display: none; }
  @media screen and (max-width: 767px) {
    .draconis-breadcrumb img {
      display: none; }
      .draconis-breadcrumb img:last-child {
        display: block; } }
.draconis-breadcrumb .thumb:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }
.draconis-breadcrumb .content {
  width: 100%;
  position: absolute;
  bottom: 60px; }
  .draconis-breadcrumb .content h3 {
    color: #fff; }
.draconis-breadcrumb ul {
  color: rgba(255, 255, 255, 0.7); }
  .draconis-breadcrumb ul li {
    display: inline-block; }
  .draconis-breadcrumb ul a {
    color: rgba(255, 255, 255, 0.7); }
.draconis-breadcrumb.s1 {
  margin-bottom: 60px; }
  .draconis-breadcrumb.s1 .content {
    position: relative;
    bottom: auto; }
  .draconis-breadcrumb.s1 ul {
    color: #000; }
    .draconis-breadcrumb.s1 ul a {
      color: #000; }

.draconis-map img {
  width: 100%; }

/*_____________ studio-detail _____________*/
.studiodt-contact {
  border-radius: 10px;
  border: 1px solid #fff;
  box-shadow: 0px 3px 6px 0px #ddd; }
  .studiodt-contact > * {
    padding: 18px 20px;
    border-top: 1px solid #fff; }
    .studiodt-contact > *:first-child {
      border-top: 0; }
  .studiodt-contact header {
    padding-top: 38px; }
  .studiodt-contact > div {
    padding-bottom: 38px; }
    .studiodt-contact > div ul li {
      padding-left: 25px;
      margin-top: 5px; }
      .studiodt-contact > div ul li:first-child {
        margin: 0; }
      .studiodt-contact > div ul li img {
        position: absolute;
        top: 4px;
        left: 0; }
    .studiodt-contact > div a {
      margin-top: 10px; }

/*_____________ modal _____________*/
.modal-dialog.s1 {
  width: 800px; }
  @media screen and (max-width: 900px) {
    .modal-dialog.s1 {
      width: auto; } }

.modal-open, .modal {
  padding: 0 !important; }

.draconis-modal .modal-dialog {
  margin-top: 110px; }
  @media screen and (max-width: 1160px) {
    .draconis-modal .modal-dialog {
      margin-top: 50px; } }
.draconis-modal .modal-title.s1 {
  font-weight: 700;
  margin-bottom: 10px; }


 #draconis-khuyenmai .modal-dialog .modal-header .close {
    display: inline-block;
    text-align: center;
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    top: 10px;
    z-index: 999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
@media (min-width: 768px) {
 #draconis-khuyenmai .modal-dialog {
    width: 800px;
    margin: 200px auto;
}
}
.draconis-modal .modal-content {
  border-radius: 10px;
  padding: 35px 30px; }
.draconis-modal .modal-header {
  padding: 0;
  border: none;
  margin-bottom: 20px; }
  .draconis-modal .modal-header .close {
    display: inline-block;
    text-align: center;
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
.draconis-modal .modal-body {
  padding: 0; }
.draconis-modal .form-link {
  margin-top: 30px; }
  .draconis-modal .form-link a {
    font-weight: 700; }
    .draconis-modal .form-link a.draconis-btn-1, .draconis-modal .form-link a.draconis-btn-2, .draconis-modal .form-link a.draconis-btn-3 {
      font-weight: 400; }
  .draconis-modal .form-link.s1 {
    margin-top: -10px; }

/*--- draconis-radio-list ---*/
.draconis-radio-list {
  margin: 5px -15px 0; }
  .draconis-radio-list li {
    margin-top: 5px;
    position: relative;
    float: left;
    margin: 10px 15px 0; }
    .draconis-radio-list li div {
      position: relative; }
      .draconis-radio-list li div input[type=radio] {
        width: 5px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 5px;
        left: 5px;
        display: none; }
        .draconis-radio-list li div input[type=radio] + label {
          font-weight: 400;
          display: inline-block;
          padding-left: 24px;
          margin: 0; }
          .draconis-radio-list li div input[type=radio] + label > span {
            display: inline-block;
            text-align: center;
            width: 16px;
            height: 16px;
            line-height: 16px;
            font-size: 12px;
            border-radius: 50%;
            border: 1px solid;
            background: #fff;
            position: absolute;
            top: 2.5px;
            left: 0; }
            .draconis-radio-list li div input[type=radio] + label > span:before {
              content: '';
              display: inline-block;
              text-align: center;
              width: 10px;
              height: 10px;
              line-height: 10px;
              font-size: 12px;
              border-radius: 50%;
              position: absolute;
              top: 2px;
              left: 2px;
              display: none; }
        .draconis-radio-list li div input[type=radio]:checked + label span:before {
          display: block; }

/*_____________ Acccount _____________*/
.draconis-account-avatar .thumb {
      border-radius: 50%;
    margin-bottom: 20px;
    width: 163px;
    height: 163px;
    overflow: hidden;
    margin: 0 auto; }
  .draconis-account-avatar .thumb img {
	max-width: 163px;
    }

.acc-dashboard-menu {
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 3px 6px 0px #ddd; }
  .acc-dashboard-menu ul li {
    margin: 15px 0 0; }

.acc-training-detail {
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 3px 6px 0px #ddd; }
  .acc-training-detail ul li {
    margin: 15px 0 0; }
  .acc-training-detail h2 {
    font-family: "Open Sans";
    font-size: 20px;
    line-height: 20px; }
  .acc-training-detail .col1 {
    float: left;
    width: 40%;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #ddd; }
    @media screen and (max-width: 767px) {
      .acc-training-detail .col1 {
        float: none;
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd; } }
  .acc-training-detail .progress {
    margin-top: 20px;
    height: 28px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px #ddd; }
    .acc-training-detail .progress .progress-bar {
      box-shadow: none; }

.draconis-input-file .input-file {
  position: relative; }
.draconis-input-file input[type='file'] {
  width: 5px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  left: 5px;
  display: none; }
  .draconis-input-file input[type='file'] + label {
    min-width: 222px;
    cursor: pointer;
    margin: 0;
    position: relative;
    display: inline-block;
    padding: 12px 30px;
    border: 1px solid;
    border-radius: 30px; }
    .draconis-input-file input[type='file'] + label > img {
      float: left;
      margin-right: 10px; }
    .draconis-input-file input[type='file'] + label p {
      font-weight: 400; }

/**
* 3.4 - Sidebar / .sidebar
* -------------------------------------------------------------------
*/
#main-content .sidebar .module, #main-content .sidebar .draconis-div {
  margin-bottom: 40px; }
  #main-content .sidebar .module:last-child, #main-content .sidebar .draconis-div:last-child {
    margin-bottom: 0; }

@media screen and (max-width: 979px) {
  .main-col, .sidebar {
    width: 100%;
    margin-top: 30px; }
    .main-col:first-child, .sidebar:first-child {
      margin-top: 0; } }

@media screen and (min-width: 980px) {
  .main-col, .sidebar {
    float: left;
    margin-top: -40px; }
    .main-col:first-child, .sidebar:first-child {
      margin-top: 0; } }
/**
* 3.5 - Bottom sidebar / #bottom-sidebar
* -------------------------------------------------------------------
*/
/**
 * 4. Footer
 * -----------------------------------------------------------------------------
 */
.draconis-footer {
  padding: 60px 0;
  border-top: 1px solid #ddd; }
  @media screen and (max-width: 1023px) {
    .draconis-footer {
      padding: 30px 0; } }

.draconis-ft-intro .logo {
  float: left;
  margin-right: 45px; }
  @media screen and (max-width: 1023px) {
    .draconis-ft-intro .logo {
      top: 10px; } }
.draconis-ft-intro .content {
  overflow: hidden;
  padding-top: 20px; }
  @media screen and (max-width: 1023px) {
    .draconis-ft-intro .content {
      padding-top: 0; } }
  .draconis-ft-intro .content > span {
    font-weight: 600; }
  .draconis-ft-intro .content .alignright a {
    font-weight: 600; }
  @media screen and (max-width: 1023px) {
    .draconis-ft-intro .content .alignright {
      float: left; } }
  .draconis-ft-intro .content .alignleft br {
    display: none; }
  @media screen and (max-width: 1023px) {
    .draconis-ft-intro .content .alignleft span.s1 {
      display: none; }
    .draconis-ft-intro .content .alignleft br {
      display: block; } }

/*--- Firefox ---*/
@-moz-document url-prefix() {}
/**
 * 5. - Color
 * -------------------------------------------------------------------
 */
.main_color, h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6, a:hover, a:focus, a.active, .draconis-breadcrumb a:hover, .entry-title .sticky-post-icon i, .white-text-style a:hover, .sj-bg-item a:hover, .draconis-mask a:hover, .draconis-header-top a:hover, .draconis-module-pricingtable .item.s1 a:hover, .studiodt-contact a:hover, .white-text-style a:hover span, .sj-bg-item a:hover span, .draconis-mask a:hover span, .draconis-header-top a:hover span, .draconis-module-pricingtable .item.s1 a:hover span, .studiodt-contact a:hover span, .dark-text-style h1 a:hover, .main-menu-mobile-content h1 a:hover, .dark-text-style h2 a:hover, .main-menu-mobile-content h2 a:hover, .dark-text-style h3 a:hover, .main-menu-mobile-content h3 a:hover, .dark-text-style h4 a:hover, .main-menu-mobile-content h4 a:hover, .dark-text-style h5 a:hover, .main-menu-mobile-content h5 a:hover, .dark-text-style h6 a:hover, .main-menu-mobile-content h6 a:hover, .dark-text-style .h1 a:hover, .main-menu-mobile-content .h1 a:hover, .dark-text-style .h2 a:hover, .main-menu-mobile-content .h2 a:hover, .dark-text-style .h3 a:hover, .main-menu-mobile-content .h3 a:hover, .dark-text-style .h4 a:hover, .main-menu-mobile-content .h4 a:hover, .dark-text-style .h5 a:hover, .main-menu-mobile-content .h5 a:hover, .dark-text-style .h6 a:hover, .main-menu-mobile-content .h6 a:hover, .dark-text-style a:hover, .main-menu-mobile .sj-dropdown-content a:hover, .main-menu-mobile-content a:hover, .dark-text-style a:hover span, .main-menu-mobile .sj-dropdown-content a:hover span, .main-menu-mobile-content a:hover span, .entry-title a, .item-title a, .more-link, .entry-meta > span a:hover,
.entry-meta > p a:hover, .entry-meta > a:hover span, .draconis-rating li, .draconis-module-404 a, .main-menu ul li.active a, .main-menu-mobile .sj-dropdown-content li.active a, .main-menu-mobile-content li.active a, .draconis-module-days-slider .item > a, .draconis-module-contact-2 a, .draconis-breadcrumb ul a:hover, .draconis-breadcrumb.s1 .content h3, .draconis-modal .modal-title.s1, .draconis-modal .form-link a, .acc-dashboard-menu strong, .acc-training-detail strong, .draconis-input-file input[type='file'] + label p {
  color: #A4B89F; }

.main_bg_color, .pagination .nav-links span.current, .pagination .nav-links a.prev:hover, .pagination .nav-links a.next:hover, .pagination .nav-links a:hover, .owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-pagination .owl-page.active span, .owl-theme .owl-controls .owl-pagination .owl-page:hover span, .sticky-post-icon, .draconis-btn-1, .draconis-btn-2, .draconis-btn-3, .draconis-btn-1:after, .draconis-btn-2:after, .draconis-btn-3:after, .white-text-style .draconis-btn-2, .sj-bg-item .draconis-btn-2, .draconis-mask .draconis-btn-2, .draconis-header-top .draconis-btn-2, .draconis-module-pricingtable .item.s1 .draconis-btn-2, .studiodt-contact .draconis-btn-2, .newsletter-form button, .white-text-style .newsletter-form button:hover, .sj-bg-item .newsletter-form button:hover, .draconis-mask .newsletter-form button:hover, .draconis-header-top .newsletter-form button:hover, .draconis-module-pricingtable .item.s1 .newsletter-form button:hover, .studiodt-contact .newsletter-form button:hover, .white-text-style .draconis-form-box input[type="submit"]:hover, .sj-bg-item .draconis-form-box input[type="submit"]:hover, .draconis-mask .draconis-form-box input[type="submit"]:hover, .draconis-header-top .draconis-form-box input[type="submit"]:hover, .draconis-module-pricingtable .item.s1 .draconis-form-box input[type="submit"]:hover, .studiodt-contact .draconis-form-box input[type="submit"]:hover, .draconis-icon-1, .draconis-area-3, .draconis-icon, .draconis-header-top, .draconis-module-pricingtable .item.s1, .draconis-module-days-slider .item > a.on-active, .draconis-table a, .draconis-table span, .studiodt-contact, .draconis-modal .modal-header .close, .draconis-radio-list li div input[type=radio] + label > span:before, .acc-training-detail .progress .progress-bar {
  background: #A4B89F; }

body .main_bd_color, body .pagination .nav-links span.current, .pagination .nav-links body span.current, body .pagination .nav-links a.prev:hover, .pagination .nav-links body a.prev:hover, body .pagination .nav-links a.next:hover, .pagination .nav-links body a.next:hover, body .pagination .nav-links a:hover, .pagination .nav-links body a:hover, body .owl-theme .owl-controls .owl-pagination .owl-page span, .owl-theme .owl-controls .owl-pagination .owl-page body span, body .draconis-icon:hover, body .draconis-radio-list li div input[type=radio] + label > span, .draconis-radio-list li div body input[type=radio] + label > span, body .draconis-input-file input[type='file'] + label, .draconis-input-file body input[type='file'] + label {
  border-color: #A4B89F; }
body .main_bdt_color {
  border-top-color: #A4B89F; }
body .main_bdr_color {
  border-right-color: #A4B89F; }
body .main_bdb_color {
  border-bottom-color: #A4B89F; }
body .main_bdl_color {
  border-left-color: #A4B89F; }

.i_main_color, .white-text-style .draconis-btn-2 span, .sj-bg-item .draconis-btn-2 span, .draconis-mask .draconis-btn-2 span, .draconis-header-top .draconis-btn-2 span, .draconis-module-pricingtable .item.s1 .draconis-btn-2 span, .studiodt-contact .draconis-btn-2 span {
  color: #A4B89F !important; }

.i_main_bg_color, .owl-btn-1 .owl-controls .owl-buttons div:hover, .owl-btn-2 .owl-controls .owl-buttons div:hover {
  /*background: #A4B89F !important; } */ 
color: #666;
}


.i_main_bd_color {
  border-color: #A4B89F !important; }

/** 
 * 6. - Responsive
 * -------------------------------------------------------------------
 */
@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
    line-height: 22px; } }

/*Custom*/
.draconis-header-bottom  a{
	text-transform: uppercase;
}
.main-menu ul li:hover, .main-menu ul li.active {
	font-weight: 600;
}
.teacher-home h3{
	font-size: 24px !important;
    margin-bottom: 0px !important;

}
.teacher-home .item .img-teacher{
  margin:20px auto;
	width: 200px;
  height: 200px;
  overflow: hidden;
	border-radius: 50%;
}
.draconis-module-pricingtable .owl-carousel-goi .item {
  	margin-left: 15px;
	margin-right: 15px;
}
/* Carousel Teacher Button */
.owl-carousel-teacher  .owl-prev, .owl-next {
        width: 30px !important;
        height: 30px!important;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
        border:0px solid black;
    }
 .draconis-module-pricingtable .owl-controls .owl-buttons div, .owl-carousel-teacher .owl-controls .owl-buttons div {
	background: none!important;
    color: #A4B89F;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: center;
    width: 40px!important;
    height: 60px!important;
    line-height: 60px;
    font-size: 40px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    transition: all 0.3s, visibility 0s;
    -ms-transition: all 0.3s, visibility 0s;
    -webkit-transition: all 0.3s, visibility 0s;
    -moz-transition: all 0.3s, visibility 0s; }
    .owl-theme .owl-controls .owl-buttons div:before {
      transition: all 0s, visibility 0s !important;
      -ms-transition: all 0s, visibility 0s !important;
      -webkit-transition: all 0s, visibility 0s !important;
      -moz-transition: all 0s, visibility 0s !important; }    

  	.draconis-module-pricingtable .owl-prev, .owl-carousel-teacher   .owl-prev { left: -50px!important; }
  	.draconis-module-pricingtable .owl-next,.owl-carousel-teacher  .owl-next { right: -50px!important; }
 	.draconis-module-pricingtable .owl-prev i, .owl-carousel-teacher   .owl-prev i,.draconis-module-pricingtable .owl-next i,.owl-carousel-teacher  .owl-next i {transform : scale(2,5); color: #ccc;}

 /* End Carousel Teacher Button */
 /* Carousel Slider Button */
.draconis-slider  .owl-prev, .owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
        border:0px solid black;
    }
.draconis-slider .owl-controls .owl-buttons div {
	background: none!important;
    color: #A4B89F;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: center;
    width: 40px!important;
    height: 60px!important;
    line-height: 60px;
    font-size: 50px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    transition: all 0.3s, visibility 0s;
    -ms-transition: all 0.3s, visibility 0s;
    -webkit-transition: all 0.3s, visibility 0s;
    -moz-transition: all 0.3s, visibility 0s; }
    .owl-theme .owl-controls .owl-buttons div:before {
      transition: all 0s, visibility 0s !important;
      -ms-transition: all 0s, visibility 0s !important;
      -webkit-transition: all 0s, visibility 0s !important;
      -moz-transition: all 0s, visibility 0s !important; }    

.draconis-slider   .owl-prev { left: 50px!important; }
.draconis-slider  .owl-next { right: 50px!important; }
.draconis-slider  .owl-prev i, .owl-next i {transform : scale(2,5); color: #ccc;}

 /* End Carousel Slider Button */

 /* Pop UP */
 #draconis-khuyenmai {
 	 margin:0 auto;
	 overflow: hidden;
 }
 #draconis-khuyenmai .modal-dialog .modal-content {
 	width:800px;
 	padding:0!important;
}

 #draconis-khuyenmai .modal-dialog .modal-content img {
 	border-radius: 10px;
}
 #draconis-khuyenmai .modal-dialog .modal-header {
  padding: 0;
  border: none;
  margin-bottom: 20px; }
  .khuyen-mai-check img:last-child {
    display: none;
}
  /* End Popup*/

  @media screen and (max-width: 979px) {
  	.draconis-slider   .owl-prev { left: 10px!important; }
	.draconis-slider  .owl-next { right: 10px!important; }
  	.draconis-module-pricingtable .owl-prev, .owl-carousel-teacher   .owl-prev { left: 0px!important; }
  	.draconis-module-pricingtable .owl-next,.owl-carousel-teacher  .owl-next { right: 0px!important; }
  	.i_main_bg_color, .owl-btn-1 .owl-controls .owl-buttons div:hover, .owl-btn-2 .owl-controls .owl-buttons div:hover { /*background: #A4B89F !important; } */ color: #666;}
  	.draconis-module-pricingtable .owl-carousel-goi .item {
  	margin-left: 30px;
	margin-right: 30px;
	}

	.owl-theme .owl-controls .owl-pagination .owl-page span {
      width: 10px;
      height: 10px;
     }
	.draconis-slider .owl-controls .owl-buttons div, .draconis-module-pricingtable .owl-controls .owl-buttons div, .owl-carousel-teacher .owl-controls .owl-buttons div {
	width: 30px!important;
    height: 30px!important;
    line-height: 30px;
    font-size: 15px;
	}
	#draconis-khuyenmai .modal-dialog .modal-content {
    width: 90vw;
    margin: 60px auto;
	}
	#draconis-khuyenmai .modal-dialog .modal-content img{
    width: 90vw;
	}
	#draconis-khuyenmai .modal-dialog .modal-header {
    padding: 0;
    border: none;
    margin-bottom: -35px;
}
}
/* Teacher Title */
p.teacher-title {
  margin-bottom: -10px;
  font-size:14px;
}
.teacher-intro{
  margin: auto;
  width: 80%;
  text-align: justify;
}
li.lang {
  display: none !important;
}
.checknonenoac{
	display: none;
}
.color-box{
	color: #A4B89F;
}
.top20{
	margin-top: 20px;
}
#cancel-verify-code-button{
	display: none;
}
#sign-in-button, #sign-out-button{
	position: absolute;
    right: 0;
    top: 0;
	padding: 13px 20px;
}
.grecaptcha-badge{
	display: none;
}
.mdl-textfield__label{
	font-size: 15px;
	padding: 10px 0px;
}
.box-dang-ky-goi{
	background: #fafafa;
    padding: 20px;
    border-radius: 10px;
	min-height: 210px;
}
.draconis-btn-tkb{
	padding: 10px !important;
    border-radius: 40px;
    text-transform: initial!important;
    font-weight: 400 !important;
}
.box-dang-ky-goi .text-1{
	text-transform: uppercase;
    font-weight: bold;
}
.box-dang-ky-goi .text-2{
	text-transform: uppercase;
    font-weight: bold;
	color: #A4B89F;
	font-size: 18px;
}
.box-dang-ky-goi .text-3 span{
	display: flex;
}
.box-dang-ky-goi .text-3 span.image-bank{
	margin-top: 10px;
}
.box-dang-ky-goi .text-3 span.image-bank img{
	margin-right: 10px;
}
.box-dang-ky-goi .text-3 label{
	font-weight: 400;
    font-size: 15px;
	padding-left: 10px;
}