@charset "utf-8";

body { background: #f4f4f4 url(../images/bodybg.png) no-repeat top center ; font-family:Arial,Verdana, Helvetica, sans-serif;font-size:16px; color:#000;line-height: 22px; }

header {  }



a{text-decoration: none;color:#ef8918;}
a:hover {text-decoration: none;}
a,input,button {outline: none!important;}
.blue {color:#3b64a3!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}
.header-content {position: relative;}
@media(min-width: 1300px) {
  .header-content {
    margin-left:-60px;
    margin-right:-60px;
    border-bottom: 1px solid #c3c3c3;
    }
}

@media(max-width: 991px) {
  .header-content {margin-left:0;margin-right:0;}
} 


.logo { height: 45px; }
@media(min-width: 776px) {
.logo { height: auto; }
}


.box-logo {float:left;margin:8px 0;}
.header-right {float:right;min-height: 20px;}

/* Back to top */
#back-to-top {position: fixed;bottom:9%;text-transform: uppercase;display: none;}
#back-to-top .inner {position: relative;padding-top:32px;cursor: pointer;color:#3b64a3;}
#back-to-top .inner:after {
  border: 12px solid transparent;
  border-bottom: 16px solid #3b64a3;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  top:0;
  margin-left:-6px;  
}

@media(min-width: 1300px) {
  .box-logo {width: 38%;}
  .header-right {width: 62%;}  
}
@media(min-width: 1200px) and (max-width: 1299px) {
  .box-logo {width: 34%;}
  .header-right {width: 66%;}  
  .box-menu {bottom:6%;} 
}

@media(min-width: 992px) and (max-width: 1199px) {
  .box-logo {width: 30%;}
  .header-right {width: 70%;} 
  .box-logo {margin-bottom: 45px;} 
  .box-menu {bottom: 0%!important;}  

}

@media(min-width: 768px) and (max-width: 991px) {
  .box-logo {width: 50%;}
  .header-right {width: 50%;}  
}

@media(max-width: 767px) {
  .box-logo {width: 65%;}
  .header-right {width: 35%;}  
}

.box-language {margin: 4% 0;}
.box-language a {color:#646363;margin:0 3px;}
.box-language a:hover, .box-language a.active {color:#f30002;}

/*nav*/
.box-menu {position: relative; margin-top: 10px; border-top: #f4f4f4 solid 1px ; padding: 15px 0; margin-bottom: 25px; text-align: justify; }
.box-menu li {position: relative;}
.box-menu > ul > li {background: url(../images/menu-line.png) no-repeat left center;/* padding:20px 20px 20px 20px; */padding: 20px 70px 20px 4px; }
@media(max-width: 1024px) {
.box-menu > ul > li {padding:10px 15px 0px 15px;  }
}
.box-menu > ul > li:first-child {background: none;}
.box-menu > ul > li a {color: #646363; display: block; font-size:24px; padding: 0 5px;  border-radius: 10px;}
@media(max-width: 1024px) {
.box-menu > ul > li a {font-size:20px; }
}
.box-menu > ul > li > a {padding:5px 5px 5px 5px;/* text-transform: uppercase; */font-weight: bold;}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {padding-right: 5px;}
.box-menu > ul {padding:0 10px;margin:-15px;}
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {color:#fff; background-color: #f30002; }

.box-menu > ul > li > ul {position: absolute;top:85%;left:0;padding-top:9px;/* display:none; */z-index: 99999;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
.box-menu > ul > li ul li {background-color:#61af90;text-align: left;padding:0 15px;}
.box-menu > ul > li ul li a {min-width: 140px;white-space:nowrap;border-bottom: 1px solid #e0e0e0;padding:8px 4px;color:#fff;}
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li a:hover {color:#000;}
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}



/* mobile menu */
.st-menu {background-color:#f30002!important;}
.mobile-menu-btn {float:right;margin-top:10px;}
.menu-mobile {font-family: 'Century Gothic';}
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#01719c;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .menu-mobile-content > li >a{text-transform: uppercase;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #234f91;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  background-color: #f30002;
  padding:5px 20px;
  border-radius: 0;
  margin-top: -8px;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #d17100;}
.btn-ud:hover {
  color: #fff;
  background-color: #d17100;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #d17100;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #d17100;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}

.btn-bar {padding:4px 10px!important;}

.text-upper {text-transform: uppercase;}
.common-line {height: 7px;width: 102px;display: inline-block;}
.button-more {font-size:18px;text-decoration: underline;font-weight: bold;}
.mar-top-35 {margin-top:35px;}
.mar-top-30 {margin-top:30px;}
.mar-top-20 {margin-bottom: 20px;}
.mar-top-25 {margin-bottom: 25px;}
.mar-top-30 {margin-bottom: 30px;}
.common-h2 {font-weight: bold;text-transform: uppercase;font-size: 24px;border-left:15px solid #3b64a3;color:#000000;padding-left:16px;}



.footer { padding: 20px 0; background: #fff; color: #757575; font-size: 14px; margin-right: -15px; margin-left: -15px; }
.home-line {height: 12px;border-top: 1px solid #d2d2d2;margin-bottom: 10px;margin-top: 10px;}

.common-title {font-size: 24px;color:#f08200;border-left:8px solid #3b64a3;font-weight: bold;padding-left:12px;margin:0 0 15px 0;dispaly:inline-block;}

#slideshow { overflow: hidden; }
@media(min-width: 776px) {
#slideshow .owl-prev { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.2);}
#slideshow .owl-prev:hover { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.6);}
#slideshow .owl-next {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.2); }
#slideshow .owl-next:hover {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.6); }
}

#slideshow .owl-prev { width:30px; height:40px; position:absolute;left:0px; top:50%; background:  url(../images/home-prev-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.2);}
#slideshow .owl-prev:hover { width:30px; height:40px; position:absolute;left:0px; top:50%; background:  url(../images/home-prev-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.6);}
#slideshow .owl-next {width:30px; height:40px; position:absolute;right:0px; top:50%; background:  url(../images/home-next-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.2); }
#slideshow .owl-next:hover {width:30px; height:40px; position:absolute;right:0px; top:50%; background:  url(../images/home-next-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.6); }
@media(min-width: 776px) {
#slideshow .owl-prev { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.2);}
#slideshow .owl-prev:hover { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.6);}
#slideshow .owl-next {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.2); }
#slideshow .owl-next:hover {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.6); }
}

#slideshow2 { overflow: hidden; }

#slideshow2 .owl-prev { width:30px; height:40px; position:absolute;left:0px; top:50%; background:  url(../images/home-prev-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.2);}
#slideshow2 .owl-prev:hover { width:30px; height:40px; position:absolute;left:0px; top:50%; background:  url(../images/home-prev-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.6);}
#slideshow2 .owl-next {width:30px; height:40px; position:absolute;right:0px; top:50%; background:  url(../images/home-next-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.2); }
#slideshow2 .owl-next:hover {width:30px; height:40px; position:absolute;right:0px; top:50%; background:  url(../images/home-next-xs.png) center center no-repeat;background-color:rgba(0,0,0,0.6); }
@media(min-width: 776px) {
#slideshow2 .owl-prev { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.2);}
#slideshow2 .owl-prev:hover { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.6);}
#slideshow2 .owl-next {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.2); }
#slideshow2 .owl-next:hover {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.6); }
}


.main { background: url(../images/homemainbg.png) no-repeat bottom right ; margin-top: 35px; height: 331px; padding: 0;}
.main .col-sm-6 {  }
@media(max-width: 1024px) {
.main {  height: 272px; }
}
@media(max-width: 768px) {
.main {  height: 206px; }
}
@media(max-width: 440px) {
.main {  height: 470px; margin-top: -50px; padding: 10px 0; }
}

.main a { text-decoration: none; }

.main2 { background-color: #ffffff ; height: 400px; margin-top: 35px; padding: 25px; margin-bottom: 55px; }
.main2 .col-sm-6 { }
@media(max-width: 1024px) {
.main2 {  height: 330px; }
}
@media(max-width: 768px) {
.main2 {  height: 260px; }
}
@media(max-width: 440px) {
.main2 {  height: 500px; padding: 10px;  }
.main2 .homecourses { margin-top: 50px;}
}
@media(max-width: 375px) {
.main2 {  height: 450px; padding: 10px;  }
.main2 .homecourses { margin-top: 60px;}
}
@media(max-width: 320px) {
.main2 {  height: 380px; padding: 10px;  }
.main2 .homecourses { margin-top: 80px;}
}

/* Home About */

/* .home-about {  max-height: 375px; max-width: 630px; } */
@media(max-width: 440px) {
.home-about {  margin-bottom: 40px; }
}
/* @media(max-width: 440px) {
#slideshow2 {  margin-left: 20px; }
} */

.home-about img { position: relative;  }
@media(max-width: 440px) {
.home-about img { margin-top: 70px; }
}

.home-about h1 { position: relative; margin: 50px 0 0 350px ; font-size: 30px; font-weight: bold;color:#fff; margin-top: -100px; background-color: rgba(243,0,2,0.8) ; padding: 20px;text-align: center; }
@media(max-width: 1024px) {
.home-about h1 {  margin: 50px 0 0 250px ; font-size: 24px; margin-top: -100px; }
}
@media(max-width: 768px) {
.home-about h1 {  margin: 50px 0 0 210px ; font-size: 18px; margin-top: -100px; }
}
@media(max-width: 440px) {
.home-about h1 {  margin: 50px 0 0 210px ; font-size: 18px; margin-top: -100px; }
}
@media(max-width: 320px) {
.home-about h1 {  margin: 50px 0 0 180px ; font-size: 18px; margin-top: -100px; }
}

.home-events { background-color: #fff }
.home-events img { position: relative;  }
.home-events h1 { position: relative; margin: 50px 0 0 330px ; font-size: 30px; font-weight: bold;color:#fff; margin-top: -100px; background-color: rgba(243,0,2,0.8) ; padding: 20px; text-align: center; }
@media(max-width: 1024px) {
.home-events h1 {  margin: 50px 0 0 250px ; font-size: 24px; margin-top: -100px; }
}
@media(max-width: 768px) {
.home-events h1 {  margin: 50px 0 0 200px ; font-size: 18px; margin-top: -100px; }
}
@media(max-width: 375px) {
.home-events h1 {  margin: 50px 0 0 200px ; font-size: 14px; margin-top: -100px; padding: 15px; }
}
@media(max-width: 320px) {
.home-events h1 {  margin: 50px 0 0 200px ; font-size: 10px; margin-top: -100px; padding: 10px 5px; }
}


.home-courses { background-color: #fff }
.home-courses img { position: relative;  }
.home-courses h1 { position: relative; margin: 50px 0 0 330px ; font-size: 30px; font-weight: bold;color:#fff; margin-top: -100px; background-color: rgba(243,0,2,0.8) ; padding: 20px; text-align: center; }
@media(max-width: 1024px) {
.home-courses h1 {  margin: 50px 0 0 250px ; font-size: 24px; margin-top: -100px; }
}
@media(max-width: 768px) {
.home-courses h1 {  margin: 50px 0 0 200px ; font-size: 18px; margin-top: -100px; }
}
@media(max-width: 375px) {
.home-courses h1 {  margin: 50px 0 0 200px ; font-size: 14px; margin-top: -100px; padding: 15px; }
}
@media(max-width: 320px) {
.home-courses h1 {  margin: 50px 0 0 200px ; font-size: 10px; margin-top: -100px; padding: 10px 5px; }
}



/* Top Banner */
.top-banner {position: relative;}
.heading-title {position: absolute;top:44%;text-transform: uppercase;color:#fff;font-size:48px;font-weight: normal;}
@media(min-width: 768px) and (max-width: 991px) {
  .heading-title {font-size:38px;top:41%;}
}
@media(max-width: 767px) {
  .heading-title {font-size: 22px;top:32%;}
}


/* Left Menu */
.left-menu {background: #3b64a3;}
.left-menu a {color:#fff;}
.left-menu ul {padding:2px 0;}
.left-menu li {margin:0 auto;border-bottom: 1px solid #6081b4;width: 92%;}
.left-menu li:last-child {border-bottom: none;}
.left-menu li a {display: block;padding:9px 6px;width: 109%;margin-top:4px;margin-bottom: 4px;margin-left:-7%;padding-left:9%;}
.left-menu li a:hover, .left-menu li.active a {background: #f08200;}


/*.banner { background: url(../images/banner.png) center no-repeat ; height: 178px; padding: 70px 80px;}
@media(max-width: 768px) {
.banner {  padding: 70px 40px; }
}
@media(max-width: 440px) {
.banner {  padding: 50px 20px; height: 130px;}
}
.banner span { font-size: 36px; color: #f10002; position: relative; padding-bottom:5px; border-bottom:2px solid #000 }
@media(max-width: 440px) {
.banner span { font-size: 22px; margin-top: 150px; }
}

.bannerpath { font-size: 14px; color: #000; float: right; margin-top: 10px; margin-left: 10px; font-weight: 500; }
@media(max-width: 440px) {
.bannerpath { font-size: 10px; margin-top: 8px;}
}
@media(max-width: 320px) {
.bannerpath { font-size: 10px; margin-top: 20px; float: left; }
}

.bannerpath a { color: #000; text-decoration: none;}
.bannerpath a.active { color: #7f7f7f; }*/


.about>div{    padding-bottom: 22px;}
.about { margin-top: 25px; margin-bottom: 50px; padding: 35px;/* padding-bottom: 53px ;*/ background: url(../images/aboutbg.png) no-repeat bottom center #fff; }
@media(max-width: 1024px) {
.about { margin-top: 10px; margin-bottom: 50px; padding: 15px; padding-bottom: 50px ; background: url(../images/aboutbg.png) no-repeat bottom center;  }
}
@media(max-width: 440px) {
.about  {  background: url(../images/aboutbg.png) no-repeat  ; background-size: 98% 100%;}
}


.about2 { background: url(../images/about2bg.png) no-repeat top left; padding-left: 30px; min-height: 700px; margin-top: 15px; }
@media(max-width: 1024px) {
.about2 { background: url(../images/about2bg.png) no-repeat top left; padding-left: -10px; margin-top: 20px; }
}
@media(max-width: 440px) {
.about2 { background: none; min-height: 800px; padding-left: 0px; }
}
@media(max-width: 375px) {
.about2 { min-height: 700px; }
}


.list-menu a {text-decoration: none; color: #000;}

.accordion-toggle {  color: #000; font-size: 13px; } 

.accordion-group { margin: 10px 0; }

.list-menu a.active { color: #d10723 }

.list-menu ul { padding: 5px; margin: 10px 0px; }
.list-menu li { /* font-size: 12px; */ font-size: 14px;}
.list-menu li.active { color: #f30002; }

.accordion-heading { background: url(../images/listtitlebg.png) no-repeat bottom center; padding: 10px 0; }
@media(max-width: 1024px) {
.accordion-heading { background: url(../images/listtitlebg.png) no-repeat bottom left ; padding: 10px 0; padding-left: 5px; }
}
@media(max-width: 375px) {
.accordion-heading { background: url(../images/listtitlebg.png) no-repeat bottom left ; padding: 10px 0; padding-left: 5px; }
}

.teacherlist { position: relative; }
.teacherlist .row1 { margin: 20px 0; }
.teacherlist .row2 { margin: 20px 0; }
@media(max-width: 440px) {
.teacherlist .row1 { margin: 40px 0; }
.teacherlist .row2 { margin: 0; }
.teacherlist .row1 .col-sm-6 { margin: 20px 0; }
.teacherlist .row2 .col-sm-6 { margin: 20px 0; }
}

.teacherlist a { text-decoration: none; }
.teacherlist h1 , .teacherlist h2 { color: #fff;  margin: 0; }

.teachername { background-color: #d10723; position: relative; text-align: center; padding: 10px 0;}

.teacherlist h1 { font-size: 20px; }
.teacherlist h2 { font-size: 14px; margin-top: 5px}

.title { border-left: #ce0723 solid 5px; padding-left: 15px; color: #000; font-size: 24px }


.aboutdancetype { position: relative; margin-top: 20px; margin-bottom: 80px; }
.aboutdancetype .row1 { margin-top: 30px; }
.aboutdancetype .row2 { margin-top: 80px; }
@media(max-width: 440px) {
.aboutdancetype { margin-top: 40px; }
.aboutdancetypemain { margin-top: -120px; margin-bottom: 120px; }
.aboutdancetype .row1 { margin-top: 20px; }
.aboutdancetype .row2 { margin-top: 0px; }
.aboutdancetype .row1 .col-sm-6 { margin-top: 120px }
.aboutdancetype .row2 .col-sm-6 { margin-top: 120px }
}

.aboutdancetype img { position: relative; }
.aboutdancetype h1 { position: relative; margin: -100px 0 0 250px ; font-size: 28px; font-weight: bold;color:#fff; background-color: rgba(243,0,2,0.8) ; padding: 10px 30px; text-align: center; }
@media(max-width: 1024px) {
.aboutdancetype h1 { margin: -100px 0 0 200px ; font-size: 24px; padding: 10px 15px; }
}
@media(max-width: 768px) {
.aboutdancetype h1 { margin: -100px 0 0 140px ; font-size: 20px; padding: 10px 15px; }
}
@media(max-width: 320px) {
.aboutdancetype h1 { margin: -100px 0 0 120px ; font-size: 20px; padding: 10px 15px; }
}


.person { margin-top: 20px; margin-bottom: 30px; }
@media(max-width: 440px) {
.person { margin-top: 40px; }
}
.person .personname { font-size: 24px; color: #000; margin: 25px auto; text-align: center; }
.person .text { font-size: 13px; color: #717171; margin: 35px 0; padding: 5px; }

.address { color: #797979; font-size: 13px; margin: 30px 0; }

.send { background-color: #f30002; color: #fff; font-size: 12px; padding: 10px 35px;  }
.send a { text-decoration: none; color: #fff }

.enquiry { margin-bottom: 80px; }


.courses { margin-top: 25px; margin-bottom: 50px; padding: 35px; padding-bottom: 300px ; background: url(../images/aboutbg.png) no-repeat bottom center #fff; }
@media(max-width: 1024px) {
.courses { margin-top: 10px; margin-bottom: 50px; padding: 15px; padding-bottom: 50px ; background: url(../images/aboutbg.png) no-repeat bottom center;  }
}
@media(max-width: 440px) {
.courses { margin-top: 10px; margin-bottom: 50px; padding: 15px; padding-bottom: 50px ; background: url(../images/aboutbg.png) no-repeat  ; background-size: 98% 100%; }
}

.courses2 { background: url(../images/about2bg.png) no-repeat top left; padding-left: 30px; min-height: 700px; }
@media(max-width: 1024px) {
.courses2 { background: url(../images/about2bg.png) no-repeat top left; padding-left: -10px; margin-top: 20px; }
}
@media(max-width: 440px) {
.courses2 { background: none; min-height: 800px; padding-left: 0px; }
}


.price { margin-top: 20px; margin-bottom: 30px; }
@media(max-width: 440px) {
.price { margin-top: 40px; }
}

.price .row1 { margin: 30px 0 70px 0; }
.price .row2 { margin: 30px 0 70px 0; }
@media(max-width: 440px) {
.pricemain { margin-top: -120px; margin-bottom: 120px; }
.price .row1 { margin-top: 20px; margin-bottom: 0; }
.price .row2 { margin-top: 0px; margin-bottom: 0; }
.price .row1 .col-sm-6 { margin-top: 120px }
.price .row2 .col-sm-6 { margin-top: 120px }
}

.price .title { margin-left: 13px; }

.price img { position: relative; }
.price h1 { position: relative; margin: -150px 0 0 170px ; font-size: 28px; font-weight: bold;color:#fff; background-color: rgba(243,0,2,0.8) ; padding: 10px 5px; text-align: center; }
@media(max-width: 1024px) {
.price h1 { margin: -150px 0 0 170px ; font-size: 24px; padding: 10px 15px; }
}
@media(max-width: 768px) {
.price h1 { margin: -150px 0 0 140px ; font-size: 20px; padding: 10px 15px; }
}
@media(max-width: 320px) {
.price h1 { margin: -150px 0 0 120px ; font-size: 20px; padding: 10px 15px; }
}


.coursesdancetype { margin-top: 20px; margin-bottom: 30px; }
@media(max-width: 440px) {
.coursesdancetype { margin-top: 40px; }
}

.coursesdancetype .row1 { margin: 30px 0 0px 0; }
.coursesdancetype .row2 { margin: 130px 0 70px 0; }
@media(max-width: 768px) {
.coursesdancetype .row1 { margin: 30px 0 0px 0; }
.coursesdancetype .row2 { margin: 60px 0 70px 0; }
}
@media(max-width: 440px) {
.coursesdancetypemain { margin-top: -120px; margin-bottom: 120px; }
.coursesdancetype .row1 { margin-top: 20px; margin-bottom: 0; }
.coursesdancetype .row2 { margin-top: 0px; margin-bottom: 0; }
.coursesdancetype .row1 .col-sm-6 { margin-top: 120px }
.coursesdancetype .row2 .col-sm-6 { margin-top: 120px }
}


.coursesdancetype .title { margin-left: 13px; }

.coursesdancetype img { position: relative; }
.coursesdancetype h1 { position: relative; margin: -150px 0 0 170px ; font-size: 28px; font-weight: bold;color:#fff; background-color: rgba(243,0,2,0.8) ; padding: 10px 30px; text-align: center; }
@media(max-width: 1024px) {
.coursesdancetype h1 { margin: -150px 0 0 170px ; font-size: 24px; padding: 10px 15px; }
}
@media(max-width: 768px) {
.coursesdancetype h1 { margin: -150px 0 0 140px ; font-size: 20px; padding: 10px 15px; }
}
@media(max-width: 320px) {
.coursesdancetype h1 { margin: -150px 0 0 120px ; font-size: 20px; padding: 10px 15px; }
}


.coursesdancelist { padding-top: 50px; } 
@media(max-width: 768px) {
.coursesdancelist { padding-top: 30px; } 
}
.coursesdancelist ul { list-style: none; list-style-image: url(../../dancestar/images/liststyle1.png); }
.coursesdancelist li { background: url(.../images/liststyle1.png) no-repeat 0px 6px; font-size: 24px; margin: 10px; }
.coursesdancelist li a { color: #000; text-decoration: none; }


.dancetypemainpage { font-size: 16px; color: #000; line-height: 24px; margin-bottom: 50px; margin-top: 20px }
@media(max-width: 440px) {
.dancetypemainpage { margin-bottom: 10px; margin-top: 50px; }
}
.dancetypemainpage img { margin: 35px 0; }
.dancetypemainpage .title2 { font-size: 24px; color: #d10623 ; margin-bottom: 15px; }
.dancetypemainpage button { font-size: 16px; background-color: #d10723; margin-top: 40px; color: #fff; border-style: none; padding: 3px 25px; }


.events { margin-top: 25px; margin-bottom: 50px; padding: 35px; padding-bottom: 300px ; background: url(../images/aboutbg.png) no-repeat bottom center; }
@media(max-width: 1024px) {
.events { margin-top: 10px; margin-bottom: 50px; padding: 15px; padding-bottom: 50px ; background: url(../images/aboutbg.png) no-repeat bottom center;  }
}
@media(max-width: 440px) {
.events  {  background: url(../images/aboutbg.png) no-repeat  ; background-size: 98% 100%;}
}


.events2 { background: url(../images/about2bg.png) no-repeat top left; padding-left: 30px; min-height: 700px; }
@media(max-width: 1024px) {
.events2 { background: url(../images/about2bg.png) no-repeat top left; padding-left: -10px; margin-top: 20px; }
}
@media(max-width: 440px) {
.events2 { background: none; min-height: 800px; padding-left: 0px; }
}
@media(max-width: 375px) {
.events2 { min-height: 700px; }
}


.eventslist { position: relative; }
.eventslist .row1 { margin: 20px 0; }
.eventslist .row2 { margin: 20px 0; }
@media(max-width: 440px) {
.eventslist .row1 { margin: 40px 0; }
.eventslist .row2 { margin: 0; }
.eventslist .row1 .col-sm-6 { margin: 20px 0; }
.eventslist .row2 .col-sm-6 { margin: 20px 0; }
}

.eventslist a { text-decoration: none; }
.eventslist h1 , .eventslist h2 { color: #fff;  margin: 0; }

.eventsname { background-color: #d10723; position: relative; text-align: center; padding: 10px 0;}

.eventslist h1 { font-size: 20px; }
.eventslist h2 { font-size: 14px; margin-top: 5px}

.anniversarylist { position: relative; margin-top: 20px; }
@media(max-width: 440px) {
.anniversarylist { margin-top: 40px; }
}
.anniversarytitle { font-size: 16px; color: #000; }
@media(max-width: 768px) {
.anniversarytitle { font-size: 14px; }
.anniversarytitle span { white-space: nowrap; }
}
.anniversarytext { font-size: 14px; color: #959595; }
@media(max-width: 768px) {
.anniversarytext { font-size: 12px; }
}
.anniversarylist .col-sm-8 .row { margin-bottom: 20px; }
.anniversarylist .row { margin-bottom: 35px; }
@media(max-width: 768px) {
.anniversarylist .row { margin-bottom: 15px; }
}

.anniversarypage { margin: 0 auto; margin-top: 55px; margin-bottom: 30px ; text-align:center; margin-left:auto; margin-right:auto; }
@media(max-width: 768px) {
.anniversarypage { margin-top: 25px; }
}
.anniversarypage button { background-color: #b3b3b3 ; color: #fff; border: none; margin-left: 10px;}  
.anniversarypage button.active { background-color: #d10723 ; color: #fff; text-align: center;}  

.social { float: right; margin-top: -35px }
@media(max-width: 440px) {
.social { float: none; margin-top: 10px ; margin-left: auto; margin-right: auto; }
}


.anniversarymain { margin-top: 20px }
.anniversarymaintitle { color: #000; font-size: 24px; margin-bottom: 30px; }
.anniversarymainsubtitle { color: #000; font-size: 14px; margin-bottom: 30px; }
.anniversarymainsubtext { color: #868687; font-size: 14px; margin-bottom: 30px; }

.anniversaryphoto { margin-bottom: 45px; }
.anniversaryphoto .row { margin-top: 15px; }

.anniversaryvideo { margin-bottom: 40px; }
.anniversaryvideo .row { margin-top: 15px; }

.anniversaryback button { float: left; background-color: #f30002; font-size: 14px; padding: 10px 30px; border-style: none; color: #fff; }

.banner2 { position: relative; }
.banner-text { position: absolute; /* bottom: 60px; */ top:60px; width: 100%; left: 30px; }
@media(max-width: 1024px) {
.banner-text { position: absolute; bottom: 50px; width: 100%; left: 10px; }
}
@media(max-width: 768px) {
.banner-text { position: absolute; bottom: 20px; width: 100%; left: 10px; }
}
@media(max-width: 440px) {
.banner-text { position: absolute; /* bottom: 10px; */ top:10px; width: 100%; left: 5px; }
}
@media(max-width: 375px) {
.banner-text { position: absolute; bottom: 5px; width: 100%; left: 5px; }
}
@media(max-width: 320px) {
.banner-text { position: absolute; bottom: -5px; width: 100%; left: 5px; }
}

.banner-text a { text-decoration: none; color: #000 }
.banner-title { font-size: 36px; color: #f30002; padding: 0 0px 10px 0; }
@media(max-width: 768px) {
.banner-title { font-size: 24px; }
}
@media(max-width: 440px) {
.banner-title { font-size: 18px; }
}
@media(max-width: 375px) {
.banner-title { font-size: 14px; }
}
@media(max-width: 320px) {
.banner-title { margin-top: 5px ; font-size: 10px; }
}

.banner-title span { padding-bottom: 5px; border-bottom: 2px solid #000; }

.bannerpath { font-size: 14px; color: #000; font-weight: 500; margin-right: 10px }
@media(max-width: 440px) {
.bannerpath { font-size: 10px; }
}
@media(max-width: 375px) {
.bannerpath { font-size: 10px; margin: auto; margin-left: -20px; }
}
@media(max-width: 320px) {
.bannerpath { font-size: 8px; margin-left: -0px; }
}

.bannerpath a { color: #000; text-decoration: none;}
.bannerpath a.active { color: #7f7f7f; }


.merchandise { position: relative; margin-bottom: 30px; }
@media(max-width: 440px) {
.merchandise .col-sm-4 { margin: 10px auto;  margin-left: 30px; }
}
@media(max-width: 375px) {
.merchandise .col-sm-4 { margin: 10px auto;  margin-left: 25px; }
}

.merchandise .row  { margin-top: 30px; }
.merchandisebox { border: #e5e5e5 1px solid; text-align: center; color: #d10723; font-size: 24px; padding: 5px 5px 15px 5px; background-color: #fff; }
.merchandisebox img { margin-bottom: 10px; }
.merchandisebox a { text-decoration: none; color: #d10723; }


.shoes { position: relative; margin-bottom: 50px; }
@media(max-width: 440px) {
.shoes .col-sm-4 { margin: 10px auto;  margin-left: 30px; }
}
@media(max-width: 375px) {
.shoes .col-sm-4 { margin: 10px auto;  margin-left: 25px; }
}

.shoes .row  { margin-top: 30px; }
.shoesbox { border: #e5e5e5 1px solid; text-align: center; color: #000; font-size: 16px; padding: 5px 5px 15px 5px; background-color: #fff; }
.shoesbox img { margin-bottom: 10px; }
.shoesbox a { text-decoration: none; color: #000; }

.shoespage button { background-color: #b3b3b3; color: #fff; font-size: 12px;  border-style: none; padding: 8px 10px; }
.shoespage button.active { background-color: #d10723; }



.list-menu .accordion-inner ul { list-style: none; }
.list-menu ul.nav2 { position: absolute ; left: 150px; top: 40px;  display: none;  background-color: rgba(255,255,255,0.8); z-index: 99; /* padding: 10px 25px; */ border: #eeeeee 1px solid; width:65%; }
.list-menu ul.nav3 { position: absolute ; left: 150px; top: 40px; display: none; background-color: rgba(255,255,255,0.8); z-index: 99; padding: 10px 25px; border: #eeeeee 1px solid; }
.list-menu ul.nav4 { position: absolute ; left: 150px; top: 40px; display: none; background-color: rgba(255,255,255,0.8); z-index: 99; padding: 10px 25px; border: #eeeeee 1px solid; }
.list-menu ul.nav5 { position: absolute ; left: 150px; top: 40px; display: none; background-color: rgba(255,255,255,0.8); z-index: 99; padding: 10px 25px; border: #eeeeee 1px solid; }
.list-menu .nav1 .li1:hover ul.nav2 { display: block; }
.list-menu .nav1 .li2:hover ul.nav3 { display: block; }
.list-menu .nav1 .li3:hover ul.nav4 { display: block; }
.list-menu .nav1 .li4:hover ul.nav5 { display: block; }

.btn3 a { text-decoration: none; color: #fff; }

.pricemain a { text-decoration: none; color: #fff; }


/*以下是新的左侧菜单*/ 
.list-menu a:hover { color: #d10723 }
.list-menu ul { list-style: none; }
.list-menu ul.first li { background: url(../images/listtitlebg.png) no-repeat bottom center; padding: 10px 0; }
@media(max-width: 1024px) {
.list-menu ul.first li { background: url(../images/listtitlebg.png) no-repeat bottom left ; padding: 10px 0; padding-left: 5px; }
}
@media(max-width: 375px) {
.list-menu ul.first li { background: url(../images/listtitlebg.png) no-repeat bottom left ; padding: 10px 0; padding-left: 5px; }
}
.list-menu ul.second li { background: none; padding: 5px 0; }

.list1-2  {  display: none;  }
li.list1:hover .list1-2  { display: block; }

.list2-2  { display: none; }
li.list2:hover .list2-2  { display: block; }

.list3-2  { display: none; }
li.list3:hover .list3-2  { display: block; }

.list4-2  { display: none; }
li.list4:hover .list4-2  { display: block; }

.list5-2  { display: none; }
li.list5:hover .list5-2  { display: block; }

.list6-2  { display: none; }
li.list6:hover .list6-2  { display: block; }

.list7-2  { display: none; }
li.list7:hover .list7-2  { display: block; }

.list8-2  { display: none; }
li.list8:hover .list8-2  { display: block; }

.list9-2  { display: none; }
li.list9:hover .list9-2  { display: block; }
/*以上是新的左侧菜单*/ 

.list-menu span { background: url(../images/iii1.png) no-repeat center; width: 17px; height: 17px; }
.list-menu li:hover span { transform:rotate(90deg); }
.list-menu li.active span { background: url(../images/iii2.png) no-repeat center; width: 17px; height: 17px; }
.owl-controls {
  height:0px;
}
.owl-wrapper-outer{
  border: 0px solid #fff!important;
}
/* .owl-carousel{
  display:block!important;
} */
.pagination>.active>span{
  background-color: #d10723!important;
  border-color:#ffffff!important;
}
.pagination>li>a{
  color: #ffffff!important;
  background-color:#b3b3b3!important;
}
@media(min-width: 1024px){
.head_info{
   padding: 0 70px!important;
   }
}
@media(max-width: 1024px){
.head_info{
   padding: 0 20px!important;
   }
.home-events div{
   margin-bottom: 80px;
 }

}
.banner2>div:first-child{
  width: 100%!important;
  padding:0px!important;
}
@media(min-width: 1024px){
.menu_info{
  padding-left:61px!important;
  padding-right:0px!important;
}
.menu_info_mer{
  padding-left:20px!important;
  padding-right:0px!important;
}
}
@media(max-width: 1024px){
.first_info >.col-xs-10{
  width: 74%!important;
}
.first_info_name >.col-xs-10{
  width: 80%!important;
}
}
.owl-prev{
  display: none!important;
}
.owl-next{
  display: none!important;
}
.owl-controls .owl-page.active span {
    background: rgba(243,0,2,0.8);
}
@media(min-width: 1440px){
.mfp-arrow-left {
    left: 25%!important;
}
.mfp-arrow-right {
    right: 25%!important;
}
}
.photo_top,.photo_bottom,.photo_bottom>img{
    padding: 0;
}
.photo_bottom>img:first-child{
    margin-top: 40px;
}
.photo_bottom>img:last-child{
    margin-left: 30px;
    margin-top: -60px;
}
.about_right:before{
    display: none;
    content: '';
    background: url(../images/contact_t.png) center;
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 99;
    left: -73px;
    bottom: 21px;
}
.about .whatsapp{
    position: absolute;
    left: -90px;
    top: 90px;
}
@media(max-width: 1200px){
    .about iframe{
        width: 100%;
    }
    .about_right:before{
        display: none;
    }
    .about .whatsapp{
        left: 15px;
        top: -35px;
    }
    .about .whatsapp>img{width: 70px;}
}
@media(max-width: 992px){
    .about .whatsapp>img{
        width: 60px;
    }
    .photo_bottom>img:first-child{
        margin-top: 30px;
    }
    .about .whatsapp{
        left: 15px;
        top: -30px;
    }
}
@media(min-width: 600px) and (max-width: 767px){
    .about .whatsapp>img{
        width: 80px;
    }
    .about .whatsapp {
        left: 40px;
        top: -35px;
    }
    .photo_bottom>img:first-child {
        margin-top: 50px;
    }
}
@media(max-width: 438px){
    .photo_bottom>img:last-child{
        margin-left: 100px;
        margin-top: -150px;
    }
}
@media(min-width: 768px) and (max-width: 992px){
    .photo_bottom>img:last-child{
        margin-left: 100px;
        margin-top: -170px;
    }
}