/* header */
.header-logo table tr td {
  font-family: Helvetica, Arial;
  font-weight: 600;
}
.header-logo table tr:nth-child(1) td {
  padding: 35px 0 0 15px;
  font-size: 30px;
  color: #1a70ba;
}
.header-logo table tr:nth-child(2) td {
  padding: 5px 0 0 15px;
  font-size: 22px;
  color: #863e3e;
}
div#seren-masthead div.header-logo-sub-title p {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding-top: 20px;
  margin-left: 17%;
}
.template-home #image-marker {
  max-width: 100%;
}
div#seren-masthead-right,
div#masthead-sns {
  padding-right: 0;
}
div#seren-masthead-right {
  margin-top: 27px;
}
div#masthead-contact-login {
  padding-right: inherit;
}
div#masthead-sns {
  margin-top: 20px;
}
#masthead-contact a,
#masthead-login a {
  text-transform: uppercase;
  font-size: 12px;
  vertical-align: middle;
  line-height: 12px;
  padding-left: 5px;
}
#masthead-login span {
  background: url(/application/files/8614/9160/0425/login-icon.png) no-repeat left;
  cursor: pointer;
  padding-left: 15px;
}
div#masthead-sns tr td {
  padding-left: 10px;
}
/* navigation */
div.ccm-page .navbar-inverse .navbar-nav > li > a.nav-selected {
  color: #b99a6f;
}
/* Slick Slider */
.slider {
  width: 67%;
  margin: 0 auto;
}
.slick-slide {
  margin: 0px 5px;
}
.slick-dotted.slick-slider {
  margin-top: 25px;
  margin-bottom: 50px;
  width: 77%;
  margin: auto;
}
.slick-slide img {
  width: 100%;
}
.slick-prev,
.slick-next {
  width: 30px !important;
  height: 30px !important;
}
.slick-prev {
  left: -35px !important;
}
.slick-next {
  right: -35px !important;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-prev,
.slick-next,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: #b99a6f !important;
}
ul.slick-dots {
  display: none !important;
}
/* HOME */
div.ccm-page .template-home .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
.banner .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}
div.ccm-page .dropdown-menu li:nth-child(odd) {
  background: #5684c4;
}
div.ccm-page .dropdown-menu li:nth-child(even) {
  background: #1f71b9;
}
div.ccm-page .dropdown-menu > li > a:hover,
div.ccm-page .dropdown-menu > li > a:focus {
  color: #cdcdcd;
}
.menu-padding {
  padding-top: 207px;
}
div.ccm-page a.seren-logo-link:hover,
div.ccm-page a.seren-logo-link:focus,
div.ccm-page a.seren-logo-link:active {
  color: #000;
  text-decoration: none;
}
div#seren-masthead-left p {
  font-family: Helvetica, Arial;
  font-size: 12px;
}
div#seren-masthead-right .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}
div.ccm-page a {
  color: #000;
}
div.ccm-page .navbar-nav > li > a {
  padding: 12.5px 18px;
}
div.ccm-page .navbar-inverse .navbar-nav > li > a {
  font-family: Helvetica, Arial;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  letter-spacing: 1px;
}
#seren-main-nav {
  background-color: #fadf93;
}
div.ccm-page .opaque #seren-masthead {
  margin-top: -155px;
}
.banner {
  margin-top: 50px;
}
.banner-sp-right img {
  width: 100%;
  height: 100%;
}
.banner-sp-left {
  padding-left: 10px;
  padding-right: 60px;
  background-color: #fff;
}
.banner-sp-left p {
  font-family: Helvetica, Arial;
  font-size: 16px;
  color: #4c4c4c;
  line-height: 32px;
}
.banner-sp-left h5 {
  font-size: 24px !important;
  font-weight: 500 !important;
  font-family: Helvetica, Arial !important;
  text-transform: none !important;
}
.banner-sp-left strong,
.info-sec-left strong,
.blog-sec-right strong {
  font-family: Georgia, serif;
  font-size: 24px;
}
div.ccm-page .banner-sp-left a,
div.ccm-page .info-sec-left a,
div.ccm-page .blog-sec-right a,
div.ccm-page .tab-left a {
  color: #337ab7;
  text-decoration: underline;
}
.lessons-title {
  margin-top: 48px;
}
.lessons-title p {
  font-family: Helvetica, Arial;
  font-size: 34px;
  color: #000;
  line-height: 32px;
}
.lessons-title p strong {
  font-weight: 200;
}
.info-sections.simply-music-piano {
  margin-top: 35px;
}
.info-sections.simply-music-rhapsody,
.info-sections.play-a-story {
  margin-top: 30px;
}
.info-sections.simply-music-piano .info-sec-left {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.simply-music-rhapsody .info-sec-left {
  padding-left: 15px;
}
.simply-music-rhapsody .info-sec-left p:nth-child(2) {
  /*padding-right: 155px;*/
  /*padding-left: 8px;*/
}
.play-a-story .info-sec-left {
  padding-left: 25px;
}
.play-a-story .info-sec-left p {
  padding-left: 15px;
  padding-right: 15px;
}
.info-sections.simply-music-piano,
.info-sections.play-a-story {
  background-color: #ececec;
}
.info-sections.simply-music-piano .col-sm-6,
.info-sections.simply-music-rhapsody .col-sm-6,
.info-sections.play-a-story .col-sm-6,
.blog-section .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}
.info-sections.simply-music-piano .info-sec-right img,
.info-sections.simply-music-rhapsody .info-sec-right img,
.info-sections.play-a-story .info-sec-right img {
  width: 100%;
}
.info-sec-left p {
  font-family: Helvetica, Arial;
  font-size: 13px;
  line-height: 22px;
  color: #4c4c4c;
}
.blog-title {
  margin-top: 65px;
}
.blog-section {
  margin-top: 35px;
}
.blog-title p {
  font-family: Helvetica, Arial;
  font-size: 24px;
}
.blog-sec-right p {
  font-family: Helvetica, Arial;
  font-size: 16px;
  line-height: 32px;
  padding-left: 35px;
  color: #4c4c4c;
}
.blog-section .blog-sec-left img {
  width: 100%;
}
/*End of HOME */
/* footer */
#seren-footer {
  min-height: 0;
}
#seren-footer p {
  font-family: Helvetica, Arial;
  color: #fff;
  font-size: 16px;
}
.footer #seren-top-footer {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fadf93;
}
#seren-footer table {
  /*margin: auto;*/
}
.footer-top-section {
  text-align: center;
}
.footer-bottom-section {
  margin: 0 auto;
  margin-top: 30px;
}
.footer-bottom-section .footer-bottom-credit {
  text-align: center;
}
.footer-bottom-section .footer-bottom-credit ul {
  list-style-type: none;
}
.footer-bottom-section .footer-bottom-credit ul li {
  display: inline-block;
  padding-right: 8%;
}
.footer-bottom-section .footer-bottom-credit ul li:last-child {
  padding-right: 0;
}
#seren-footer img {
  max-width: 100%;
}
#seren-footer img {
  margin-left: 40px;
}
#seren-footer img:first-child {
  margin-left: 0;
}
/* end of footer */
/* secondary pages */
.secondary-banner {
  padding-left: 0;
}
#secondary-banner img,
.calendar-banner img,
.contact-banner img,
.faq-banner img,
.secondary-banner img {
  width: 100%;
}
.secondary-pages.lessons {
  margin-top: 50px;
}
.secondary-pages.lessons p {
  font-family: Helvetica, Arial;
  font-size: 36px;
}
.vertical-col-line-section,
.calendar-banner,
.contact-banner,
.faq-banner,
.template-lesson-top-section,
.secondary-banner {
  margin-top: 20px;
}
#template-banner .container {
  padding-left: 0;
  padding-right: 0;
}
.sub-tab-section {
  width: 95%;
  margin: auto;
}
.lesson-programs-section {
  min-height: 70px;
  height: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.tab-banner .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}
.tab-left ul {
  list-style-type: none;
}
.sub-page-content .container {
  width: 100%;
}
.sub-page-content {
  text-align: center;
}
div.sub_tabs .sub-page-content.active {
  background-color: #52687a;
}
.sub-page-content p {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
}
.vertical-col-line-section .col-sm-3 {
  background-color: #7695af;
}
.banner.lesson {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
div.ccm-page .seren-handwritten-font {
  font-family: Helvetica, Arial !important;
  color: #980b93;
  font-weight: 500;
}
div.ccm-page .banner.lesson .banner-sp-left a,
div.ccm-page .tab-left a {
  color: #1a70ba;
}
.left-side-menu {
  margin-top: 25px;
}
.left-sub-page-title {
  width: 85%;
  margin: auto;
  border-bottom: 2px solid #fff;
  color: #fff;
  padding-bottom: 10px;
  text-align: center;
}
ul.left-tabs {
  list-style-type: none;
  margin-top: 30px;
  padding-left: 0;
}
ul.left-tabs li {
  margin-top: 10px;
  line-height: 35px;
  text-align: center;
  color: #fff;
}
ul.left-tabs li.active,
ul.left-tabs li:hover {
  cursor: pointer;
}
ul.left-tabs a,
ul.left-tabs li a:hover {
  color: #fff;
  text-decoration: none;
}
.secondary_tab_container {
  border-top: none;
  overflow: hidden;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
}
div.ccm-page .smp-script h1 {
  font-weight: 500;
}
#slick input[type="submit"] {
  margin-right: 15px;
}
/* css rules for FAQ */
.faq-title {
  font-size: 20px;
  font-weight: bold;
  color: brown;
}
.et-learn-more {
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 7px 13px 0px 18px;
  margin: 10px 0px;
}
.et-learn-more .question-title p {
  width: 98.5%;
  padding: 0 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.et-learn-more .question-title p {
  background: url(/application/files/5914/9098/0839/et-learn-more-closed.png) no-repeat right top;
  cursor: pointer;
  letter-spacing: 0px;
}
.et-learn-more .question-title.open p {
  background: url(/application/files/6914/9098/0839/et-learn-more-opened.png) no-repeat right top;
}
.learn-more-content {
  display: none;
}
.learn-more-content {
  padding-bottom: 20px;
  font-size: 14px;
}
.faq-wrapper {
  width: 90%;
  margin: auto;
  margin-top: 50px;
}
.test-faq p:nth-child(odd) {
  background: url(/application/files/5914/9098/0839/et-learn-more-closed.png) no-repeat right top;
  cursor: pointer;
  padding: 15px 25px 15px 15px;
  background-origin: content-box;
  border-radius: 10px;
  border: 1px solid #eee;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.test-faq p.open {
  background: url(/application/files/6914/9098/0839/et-learn-more-opened.png) no-repeat right top;
  padding: 15px 25px 15px 15px;
  background-origin: content-box;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.test-faq p:nth-child(even) {
  display: none;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 20px;
  padding: 15px;
}
/* multi tab */
.lessons-carousel-section {
  margin-top: 50px;
}
.tabs {
  height: 54px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#tab1 h1 {
  font-family: Helvetica, Arial;
  font-size: 36px;
  text-align: center;
}
.smp-script {
  width: 85%;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
}
.smp-script p {
  font-family: Helvetica;
  font-size: 16px;
  line-height: 22px;
}
.tabs li {
  width: 285px;
  display: inline-block;
  text-align: center;
  line-height: 54px;
  position: relative;
  background: #7695af;
  margin-right: 3%;
  border-radius: 5px;
  border-bottom: 1px solid #fff;
  margin-bottom: 9px;
}
ul.sub_tabs {
  margin: 0;
  padding: 0;
  text-align: center;
}
.tab-banner:after {
  clear: both;
  content: '';
  display: block;
}
.tab-banner {
  background-color: #ececec;
}
.tab-left {
  margin-top: 3%;
}
.tab-right img {
  width: 100%;
}
.tab-right {
  padding: 0;
}
.tuition-top ul {
  list-style-type: none;
  padding-left: 0;
}
ul.sub_tabs li {
  width: 25%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 45px;
  background: #7695af;
  list-style-type: none;
}
.sub_tabs:after {
  clear: both;
  content: '';
  display: block;
}
div.sub_tabs .sub-page-content {
  width: 25%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 45px;
  background: #7695af;
}
.tabs li a {
  text-decoration: none;
  color: #000;
  display: block;
  font-size: 1.2em;
  padding: 0 20px;
  border: 1px solid #fff;
  outline: none;
}
.tabs li a:hover {
  background: #ccc;
}
.tabs li span,
ul.sub_tabs li span {
  font-family: Helvetica, Arial;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
html .tabs li.active,
html .tabs li:hover,
html .tabs li.active a:hover {
  background: #52687a;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
html ul.sub_tabs li.active,
html ul.sub_tabs li.active a:hover {
  background: #52687a;
  border-bottom: 1px solid #fff;
}
/* li to div */
.tabs div.slick-slide {
  width: 285px;
  display: inline-block;
  text-align: center;
  line-height: 54px;
  position: relative;
  background: #7695af;
  /*margin-right: 3%;*/
  border-radius: 5px;
  border-bottom: 1px solid #fff;
}
.tabs div.slick-slide a {
  text-decoration: none;
  color: #000;
  display: block;
  font-size: 1.2em;
  padding: 0 20px;
  border: 1px solid #fff;
  outline: none;
}
.tabs div.slick-slide a:hover {
  background: #ccc;
}
.tabs div.slick-slide span {
  font-family: Helvetica, Arial;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
html .tabs div.active {
  background: #52687a;
  border-bottom: 1px solid #fff;
  border-radius: 5px;
}
/* end of li to div */
.tab_container {
  margin-top: 6%;
}
.tab_container,
.sub_tab_container {
  border-top: none;
  overflow: hidden;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
}
.tab_content,
.sub_tab_content {
  padding: 20px;
  font-size: 1.2em;
}
.sub_tab_content {
  margin-top: 45px;
  font-family: Helvetica;
  font-size: 16px;
  line-height: 32px;
  color: #52687a;
}
.tuition-bottom {
  margin-top: 70px;
  margin-bottom: 50px;
}
.slick-initialized .slick-slide {
  width: 300px;
  text-align: center;
}
/* end of multi tab */
.vertical-col-line-section:after {
  clear: both;
  content: '';
  display: block;
}
.sub_menu {
  list-style-type: none;
}
.sub_menu li {
  background-color: #7695af;
  padding: 5px 0;
}
.sub_menu li.active {
  background-color: #52687a;
}
.sub_menu li a {
  color: #fff;
}
/* end of secondary */
@media screen and (max-width: 1200px) {
  div#seren-masthead-left p {
    margin-left: -5%;
  }
  .tab_container {
    margin-top: 15%;
  }
}
@media screen and (max-width: 987px) {
  div#seren-masthead-left p {
    margin-left: 10%;
  }
}
@media screen and (max-width: 650px) {
  div#seren-logo {
    text-align: center;
  }
  .header-logo table,
  .header-logo-sub-title {
    display: none;
  }
  div.ccm-page .seren-logo-link {
    float: none;
  }
  div#seren-masthead-left p {
    margin-left: 0;
    margin-top: 10%;
  }
  .header-logo p img {
    float: none !important;
    margin: 0 !important;
  }
  .header-logo p:after {
    clear: both;
    content: '';
    display: block;
  }
}
@media screen and (min-width: 767px) {
  div.ccm-page #seren-logo {
    text-align: left;
  }
  div#seren-masthead-right table {
    float: right;
  }
  div.ccm-page .seren-logo-link > img {
    margin: 0;
  }
  div.ccm-page .navbar-inverse .navbar-nav > li > a:hover,
  div.ccm-page .navbar-inverse .navbar-nav > li > a:focus {
    color: #cdcdcd;
  }
}
@media screen and (max-width: 768px) {
  .blog-sec-left {
    margin-bottom: 35px;
  }
  .blog-sec-right p,
  .info-sec-left p {
    text-align: center !important;
    margin-left: 0 !important;
  }
  .simply-music-rhapsody .info-sec-left p:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
  .info-sec-left p img {
    float: none !important;
    margin: 0 !important;
  }
  .info-sections.simply-music-piano .info-sec-left {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .blog-sec-right p {
    padding-left: 0;
  }
}
@media screen and (max-width: 990px) {
  .banner.home .col-sm-6 {
    width: 100%;
  }
  div#seren-masthead div.header-logo-sub-title p {
    margin-left: 2%;
    text-align: center;
  }
}