@charset "UTF-8";
/**
 * Theme Name: OAIM
 * Version: 1.0.0
 * Theme URI: -
 * Author: -
 * Author URI: -
 * Description: The 2017 OAIM.
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: custom
 * Text Domain: oaim
 */
/*
 1. Fonts
 2. Variables
 3. General Resets
 4. Bootstrap Resets
 3. Header
 4. Footer
 5. Home Page
*/
/*===== Vraiables =====*/
/*===== General resets =====*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Raleway", arial, sans-serif;
  font-size: 16px; }

h1 {
  font-size: 60px; }

h2 {
  font-size: 36px; }

h4 {
  font-size: 24px; }

a:focus {
  outline: none; }

a:hover, a:focus {
  text-decoration: none; }

.btn:focus, .btn:active:focus {
  outline: none; }

@media (min-width: 1200px) {
  .container.container-reset {
    width: 1230px; } }

.bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, white 70%); }

@media (min-width: 1200px) {
  .col-lg-2-5 {
    width: 20%; } }

@media (min-width: 992px) {
  .col-md-2-5 {
    width: 20%; } }

@media (min-width: 767px) {
  .col-sm-2-5 {
    width: 20%; } }

/*======================================= HOME PAGE =========================================*/
body.admin-bar .navbar-default {
  top: 32px; }

.home .affix-top.navbar-default {
  background: transparent;
  box-shadow: unset; }
  .home .affix-top.navbar-default .navbar-brand {
    display: none; }

.home header {
  height: 0; }

header {
  height: 85px; }

.navbar-default {
  position: fixed;
  background-color: #fff;
  height: 85px;
  border-radius: 0;
  border: none;
  z-index: 999;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.22); }
  .navbar-default .container {
    position: relative; }
  .navbar-default .navbar-brand img {
    max-height: 65px !important; }
  .navbar-default .navbar-nav {
    padding: 30px 0 0;
    margin-right: 40px; }
    .navbar-default .navbar-nav li {
      list-style: none; }
    .navbar-default .navbar-nav > li {
      position: static;
      margin-right: 5px;
      -webkit-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s;
      transition: all 0.2s ease 0s; }
      .navbar-default .navbar-nav > li > a {
        color: #5f4a6e;
        font-size: 18px;
        text-transform: uppercase;
        padding: 10px 22px;
        font-weight: 700; }
        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
          color: #6c6187; }
      .navbar-default .navbar-nav > li > .sub-menu, .navbar-default .navbar-nav > li .card-links {
        display: none; }
      .navbar-default .navbar-nav > li > .sub-menu {
        padding-left: 0;
        position: absolute;
        left: 0px;
        top: 125px;
        width: 100%;
        min-height: 330px;
        background-color: #6c5f8a; }
        .navbar-default .navbar-nav > li > .sub-menu > li {
          float: left;
          padding: 20px 25px 29px;
          border-left: 1px solid #736691;
          width: 25%; }
          .navbar-default .navbar-nav > li > .sub-menu > li > a {
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            margin-bottom: 16px; }
          .navbar-default .navbar-nav > li > .sub-menu > li .sub-menu {
            padding-left: 5px; }
            .navbar-default .navbar-nav > li > .sub-menu > li .sub-menu li {
              float: none;
              margin-bottom: 13px; }
              .navbar-default .navbar-nav > li > .sub-menu > li .sub-menu li a {
                font-size: 12px;
                text-transform: uppercase;
                color: #C9C4CA;
                font-weight: 500;
                border-bottom: 1px solid transparent; }
                .navbar-default .navbar-nav > li > .sub-menu > li .sub-menu li a:hover {
                  border-color: #C9C4CA; }
            .navbar-default .navbar-nav > li > .sub-menu > li .sub-menu .menu-item-title a {
              font-weight: 700;
              margin-bottom: 16px;
              display: block;
              color: #fff;
              margin-left: -5px; }
          .navbar-default .navbar-nav > li > .sub-menu > li:first-of-type {
            border-left: none; }
      .navbar-default .navbar-nav > li:hover > a {
        color: #afa0d4; }
        .navbar-default .navbar-nav > li:hover > a .menu-subtitle {
          color: #afa0d4; }
      .navbar-default .navbar-nav > li:hover > .sub-menu, .navbar-default .navbar-nav > li:hover .card-links {
        display: block; }
      .navbar-default .navbar-nav > li:last-child {
        margin-right: 0; }
    .navbar-default .navbar-nav .short-menu {
      position: relative; }
      .navbar-default .navbar-nav .short-menu > .sub-menu {
        width: 625px;
        left: -170px;
        top: 90px; }
        .navbar-default .navbar-nav .short-menu > .sub-menu > li {
          max-width: 207px;
          width: auto; }
      .navbar-default .navbar-nav .short-menu .card-links {
        width: 365px;
        left: 52px;
        top: 90px; }
  .navbar-default .card-links {
    position: absolute;
    top: 125px;
    right: 15px;
    padding-top: 48px;
    z-index: 9999; }
    .navbar-default .card-links .card-link-item {
      height: 235px;
      width: 175px;
      margin-right: 10px;
      float: left; }
      .navbar-default .card-links .card-link-item:last-child {
        margin-right: 0; }
    .navbar-default .card-links.card-links-small .card-box {
      padding: 20px 22px; }
      .navbar-default .card-links.card-links-small .card-box .card-title {
        font-size: 16px;
        max-width: 95px;
        margin-bottom: 12px; }
      .navbar-default .card-links.card-links-small .card-box .card-subtitle {
        font-size: 12px;
        margin-bottom: 12px; }
      .navbar-default .card-links.card-links-small .card-box .btn-default {
        font-size: 10px;
        padding: 5px 13px; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.navbar {
  margin-bottom: 0; }

.menu-mask {
  position: absolute;
  left: -1000px;
  top: 0px;
  width: 3500px;
  height: 100%;
  min-height: 340px;
  background-color: #6c5f8a;
  z-index: -1;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }

.navbar-brand {
  height: auto;
  padding: 10px 0 0 0; }

.nav-links {
  padding: 35px 0 0;
  margin-bottom: 0; }
  .nav-links li {
    padding: 0;
    margin-right: 45px;
    float: left; }
    .nav-links li:last-child {
      margin-right: 0; }
  .nav-links .btn-default a, .nav-links .btn-info a {
    color: inherit;
    background-color: inherit;
    padding: 0 13px;
    display: block;
    font-weight: 500; }
  .nav-links .btn-default {
    border-radius: 0;
    color: #5f4a6e;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .nav-links .btn-default:hover {
      color: #fff;
      background: transparent;
      border: 1px solid #5f4a6e;
      background: #5f4a6e; }
  .nav-links .btn-info {
    border-radius: 0;
    color: #fff;
    background: #f15d43;
    border: 1px solid transparent !important;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .nav-links .btn-info:hover {
      color: #f15d43 !important;
      background: transparent !important;
      border: 1px solid #f15d43 !important; }

.menu-subtitle {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #838283;
  text-transform: none; }

.card-links .card-link-item {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  padding: 0; }
  .card-links .card-link-item:last-child {
    margin-right: 0; }

.card-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 20px 22px 48px; }
  .card-box span {
    display: block;
    color: #fff; }
  .card-box .card-title {
    font-weight: 700;
    max-width: 215px;
    margin-right: auto;
    margin-left: auto;
    line-height: 1;
    font-size: 36px;
    margin-bottom: 27px; }
  .card-box .card-subtitle {
    line-height: 1;
    font-size: 24px;
    margin-bottom: 38px; }
  .card-box .btn-default {
    line-height: 1;
    color: #fff;
    border-color: #fff;
    font-size: 18px;
    padding: 11px 31px; }
    .card-box .btn-default:hover, .card-box .btn-default:focus {
      border-color: #fff;
      background-color: #fff;
      color: #6c5f8a; }

.btn-info {
  border: 1px solid #6c6187;
  padding: 6px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background-color: #6c6187;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }
  .btn-info:hover, .btn-info:focus {
    border: 1px solid #6c6187;
    color: #fff;
    background-color: #544c69; }
  .btn-info:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-info:active, .btn-info:active:hover, .btn-info:active:focus {
    color: #fff;
    background-color: #6c6187;
    border: 1px solid #6c6187; }
  .btn-info:active {
    color: #fff;
    background-color: #6c6187; }

.btn-default {
  border-radius: 15px;
  background-color: transparent;
  color: #6c6187;
  border: 1px solid #6c6187;
  padding: 6px 13px;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }
  .btn-default:hover, .btn-default:focus {
    border: 1px solid #6c6187;
    color: #fff;
    background-color: #6c6187; }
  .btn-default:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-default:active, .btn-default:active:hover, .btn-default:active:focus {
    color: #fff;
    background-color: #6c6187;
    border: 1px solid #6c6187; }
  .btn-default:active {
    color: #fff;
    background-color: #6c6187; }

/*========== section main-slider-wrapper ===========*/
.main-slider-wrapper {
  position: relative; }
  .main-slider-wrapper .slick-slide {
    min-height: 1090px;
    min-height: 100vh; }

.full-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-height: 100vh; }

.main-slider {
  background-color: #6c6187;
  position: relative;
  min-height: 1090px;
  min-height: 100vh; }
  .main-slider .box-mask {
    background: -moz-linear-gradient(left, rgba(89, 57, 133, 0.6) 0%, rgba(47, 30, 80, 0.6) 100%);
    background: -webkit-gradient(left, rgba(89, 57, 133, 0.6) 0%, rgba(47, 30, 80, 0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(89, 57, 133, 0.6) 0%, rgba(47, 30, 80, 0.6) 100%);
    background: -o-linear-gradient(left, rgba(89, 57, 133, 0.6) 0%, rgba(47, 30, 80, 0.6) 100%);
    background: -ms-linear-gradient(left, rgba(89, 57, 133, 0.6) 0%, rgba(47, 30, 80, 0.6) 100%);
    background: linear-gradient(left, rgba(89, 57, 133, 0.6) 0%, rgba(47, 30, 80, 0.6) 100%); }

.slick-list {
  height: 100%; }

.main-slide {
  height: calc(100vh - 110px); }
  .main-slide .container {
    position: relative;
    height: 100%; }

.main-slide-box {
  position: absolute;
  z-index: 100;
  top: 100px;
  left: 0;
  width: 450px; }
  .main-slide-box img {
    height: 330px;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto; }
  .main-slide-box h4 {
    font-size: 23px;
    line-height: 7px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 40px;
    color: #5f4a6e;
    font-variant: small-caps; }
  .main-slide-box h1 {
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 30px;
    color: #000; }
  .main-slide-box h2 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 28px; }
  .main-slide-box h3 {
    margin-top: 0;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 500; }
    .main-slide-box h3 span {
      font-size: 25px;
      font-weight: 700; }
  .main-slide-box .btn-default {
    border-color: #f15d43;
    background: #f15d43;
    border-radius: unset;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    padding: 10px 40px; }
    .main-slide-box .btn-default:hover, .main-slide-box .btn-default:focus {
      border-color: #f15d43;
      background-color: transparent;
      color: #f15d43; }

.btn-down {
  display: block;
  position: absolute;
  bottom: -75px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #604a70;
  width: 135px;
  height: 135px;
  border-radius: 50%; }
  .btn-down .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 50%; }
  .btn-down .caret-down {
    margin-top: 55px; }

/*==========Start section tutorials ===========*/
.tutorials {
  padding-top: 85px;
  padding-bottom: 85px; }
  .tutorials h2 {
    margin-top: 0;
    margin-bottom: 50px;
    color: #5f4a6e;
    font-size: 46px;
    line-height: 82px;
    font-weight: 600; }
  .tutorials ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 120px; }
    .tutorials ul li:before {
      content: "\2011";
      position: absolute;
      margin-left: -20px;
      margin-top: 16px;
      font-size: 34px; }
    .tutorials ul a {
      color: #545454;
      font-size: 30px;
      line-height: 78px;
      font-weight: 600; }
      .tutorials ul a:hover {
        color: #604a70; }
  .tutorials img {
    width: 780px;
    height: auto; }

/*End section tutorials*/
/*============Start section banner ==========*/
.banner {
  height: 630px; }
  .banner h3 {
    margin-top: 100px;
    margin-bottom: 20px;
    font-size: 46px;
    line-height: 82px;
    font-weight: 700;
    max-width: 1260px;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8); }

.banner.inner-banner {
  height: 230px;
  min-height: 400px; }

/*End section banner*/
/*========== section intro ===========*/
.img-abs {
  position: absolute; }

.intro {
  padding: 65px 0 136px; }
  .intro .row .row {
    margin-left: -10px;
    margin-right: -10px; }
    .intro .row .row [class*='col-'] {
      padding-right: 10px;
      padding-left: 10px; }
  .intro .main-box {
    padding-top: 89px; }

.intro-box {
  margin-right: -70px; }

.main-box h2 {
  color: #6c5f8a;
  font-weight: 700;
  margin-bottom: 37px;
  line-height: 70px; }

.main-box .light-title {
  font-weight: 400;
  color: #878788; }

.main-box h4 {
  color: #525154;
  margin-bottom: 25px;
  font-weight: 400;
  padding-top: 8px;
  color: #7e7d82; }

.main-box p {
  font-size: 18px;
  color: #525154;
  line-height: 24px;
  margin-bottom: 38px; }

.main-box .btn-default {
  border-color: #8d87c0;
  color: #6c5f8a;
  padding: 7px 18px; }
  .main-box .btn-default:hover, .main-box .btn-default:focus {
    color: #fff;
    background-color: #8d87c0;
    border-color: #8d87c0; }

.music-box {
  border: 1px solid #6c5f8a;
  background-color: #f3f1fa;
  padding: 30px 40px 29px; }
  .music-box .music-img-box {
    margin-bottom: 20px;
    min-height: 102px; }
  .music-box .music-box-img-bg {
    width: 95px;
    height: 92px; }
  .music-box h4 {
    color: #6c5f8a;
    font-weight: 700;
    line-height: 30px; }
    .music-box h4 a {
      color: inherit; }

/*========== section sign-up-block ===========*/
section.dark {
  background-color: #f1eff8; }

.sign-up-block {
  padding: 80px 0 96px;
  position: relative;
  background: url("assets/img/music-icons-bg.png"), #f1eff8;
  background-size: 828px 855px;
  background-repeat: repeat-x;
  background-position: bottom left; }
  .sign-up-block > .img-abs {
    top: -93px;
    right: 0px; }
  .sign-up-block .main-box {
    padding: 224px 0 0 30px; }

.sign-up-box {
  position: relative; }
  .sign-up-box > .img-abs {
    top: -13px;
    left: -13px; }

.img-border {
  border: 1px solid #9680b4; }

/*========== section discovery-block ===========*/
.discovery-block {
  padding: 144px 0 119px;
  position: relative;
  overflow-x: hidden !important; }
  .discovery-block .section-item-appear-left {
    z-index: 100; }
  .discovery-block .large-img-box {
    margin-left: -327px;
    position: relative;
    z-index: -1; }
  .discovery-block .main-box {
    padding-top: 55px; }

.discovery-box {
  position: absolute;
  top: 175px;
  left: 40px; }

.btn-video {
  display: inline-block; }
  .btn-video .btn-video-icon {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    display: inline-block;
    background-color: #ffc654;
    text-align: center; }
  .btn-video i {
    color: #fff;
    font-size: 40px;
    line-height: 124px; }
  .btn-video .bnt-video-text {
    font-size: 18px;
    font-weight: 700;
    color: #6c5f8a;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 15px;
    line-height: 124px;
    vertical-align: top; }

/*========== section parallax-bg ===========*/
.parallax-bg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 75px 0; }
  .parallax-bg [class*='col-'] {
    z-index: 100; }
  .parallax-bg .box-mask {
    background: #000;
    opacity: 0.35;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .parallax-bg .main-box {
    position: relative;
    z-index: 50; }
    .parallax-bg .main-box h2, .parallax-bg .main-box h4, .parallax-bg .main-box p, .parallax-bg .main-box .btn-default {
      color: #fff; }
    .parallax-bg .main-box h2 {
      margin-top: 0;
      margin-bottom: 40px;
      font-size: 44px;
      line-height: 51px;
      font-weight: 700; }
    .parallax-bg .main-box p {
      margin-top: 0;
      margin-bottom: 75px;
      font-size: 30px;
      line-height: 51px; }
    .parallax-bg .main-box .btn-default {
      border-color: #f15d43;
      background-color: #f15d43;
      color: #fff;
      border-radius: unset;
      font-size: 30px; }
      .parallax-bg .main-box .btn-default:hover, .parallax-bg .main-box .btn-default:focus {
        border-color: #f15d43;
        color: #f15d43;
        background: transparent; }

/*========== section ctas ===========*/
.main-box.title-box {
  margin-bottom: 62px; }
  .main-box.title-box h2 {
    margin-bottom: 18px; }

.ctas {
  padding: 51px 0 100px; }
  .ctas .row {
    margin-left: -12px;
    margin-right: -12px; }
    .ctas .row [class*='col-'] {
      padding-left: 12px;
      padding-right: 12px; }
  .ctas .card-links .card-link-item {
    border: 1px solid #9985ab; }

/*========== section instruments ===========*/
.instruments {
  padding-top: 75px;
  padding-bottom: 85px; }
  .instruments .title-box h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 46px;
    line-height: 43px; }
  .instruments .title-box h4 {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 92px;
    color: #8b8b8b; }

.instruments-slider {
  margin: 0 -7px; }
  .instruments-slider .slick-arrow {
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    .instruments-slider .slick-arrow:hover {
      background: #604a70;
      border: 1px solid #604a70;
      color: #fff; }

.instrument-slide {
  padding: 0 7px; }

.instrument-box {
  position: relative;
  border-radius: 3px;
  overflow: hidden; }
  .instrument-box h4 {
    color: #fff;
    font-weight: 700;
    margin: 0;
    font-size: 26px;
    line-height: 26px; }
  .instrument-box .link-mask {
    z-index: 100; }
  .instrument-box:hover .instrument-title {
    opacity: 0; }
  .instrument-box:hover .instrument-hidden-box {
    opacity: 1; }

.instrument-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(146, 129, 174, 0.96);
  padding: 17px 10px;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s; }
  .instrument-title.dark-item {
    background-color: rgba(73, 52, 109, 0.96); }

.abs-box, .link-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.instrument-hidden-box {
  background-color: rgba(240, 202, 110, 0.96);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  z-index: 50; }
  .instrument-hidden-box .circle-title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 170px;
    height: 170px;
    text-align: center;
    background-color: rgba(222, 173, 44, 0.64);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .instrument-hidden-box .circle-title h4 {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.slick-arrow {
  position: absolute;
  bottom: -40px;
  border: 1px solid #9681b5;
  border-radius: 50%;
  width: 47px;
  height: 47px;
  color: #9681b5;
  font-size: 22px;
  background-color: #f1eff8;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 50; }
  .slick-arrow span {
    display: inline-block;
    vertical-align: top;
    line-height: 47px;
    margin-top: -3px; }
  .slick-arrow.slick-prev {
    left: calc(50% - 30px); }
  .slick-arrow.slick-next {
    left: calc(50% + 30px); }

/*========== section dots-bg ===========*/
.dots-bg {
  background-image: url("assets/img/dots-bg.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 974px 979px;
  position: relative;
  overflow: hidden !important;
  min-height: 730px; }
  .dots-bg .main-box {
    padding-top: 120px; }
    .dots-bg .main-box h2 {
      margin-top: 0;
      margin-bottom: 35px;
      font-size: 40px;
      line-height: 77px;
      color: #5f4a6e; }
    .dots-bg .main-box h4 {
      margin-top: 0;
      margin-bottom: 30px;
      padding-top: 0;
      font-size: 26px;
      line-height: 26px;
      color: #525154; }
    .dots-bg .main-box p {
      margin-bottom: 65px;
      font-size: 20px;
      line-height: 26px;
      color: #525154; }
    .dots-bg .main-box .btn-default {
      border: 1px solid #f15d43;
      border-radius: 0;
      background: #f15d43;
      color: #fff;
      padding: 6px 45px;
      font-size: 30px;
      font-weight: 400; }
      .dots-bg .main-box .btn-default:hover {
        background: transparent;
        color: #f15d43; }

.team-box {
  position: absolute;
  right: 0;
  width: 50%;
  top: 0;
  height: 100%; }

.member-box {
  position: absolute;
  top: -36px;
  right: 663px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }
  .member-box img {
    width: 100%;
    height: 100%; }
  .member-box:nth-child(2) {
    top: 40px;
    right: 417px; }
  .member-box:nth-child(3) {
    top: -15px;
    right: 150px; }
  .member-box:nth-child(4) {
    top: 615px;
    right: 430px;
    width: 50px;
    height: auto; }
  .member-box:nth-child(5) {
    top: 175px;
    right: 767px; }
  .member-box:nth-child(6) {
    top: 267px;
    right: 546px; }
  .member-box:nth-child(7) {
    top: 256px;
    right: 351px; }
  .member-box:nth-child(8) {
    top: 184px;
    right: 144px; }
  .member-box:nth-child(9) {
    top: 321px;
    right: -35px; }
  .member-box:nth-child(10) {
    top: 444px;
    right: 917px; }
  .member-box:nth-child(11) {
    top: 352px;
    right: 809px; }
  .member-box:nth-child(12) {
    top: 510px;
    right: 657px; }
  .member-box:nth-child(13) {
    top: 415px;
    right: 409px; }
  .member-box:nth-child(14) {
    top: 421px;
    right: 223px; }
  .member-box:nth-child(15) {
    top: 460px;
    right: 56px; }
  .member-box:nth-child(16) {
    top: 518px;
    right: -90px; }
  .member-box:nth-child(17) {
    top: 588px;
    right: 433px; }
  .member-box:nth-child(18) {
    top: 612px;
    right: 277px; }
  .member-box:nth-child(19) {
    top: 563px;
    right: 133px; }
  .member-box:nth-child(20) {
    top: 753px;
    right: 42px; }

.member-item-transition-1 {
  -webkit-transition: transform 0.2s ease-out 0.33333s;
  -moz-transition: transform 0.2s ease-out 0.33333s;
  -ms-transition: transform 0.2s ease-out 0.33333s;
  -o-transition: transform 0.2s ease-out 0.33333s;
  transition: transform 0.2s ease-out 0.33333s; }

.member-item-transition-2 {
  -webkit-transition: transform 0.2s ease-out 0.66667s;
  -moz-transition: transform 0.2s ease-out 0.66667s;
  -ms-transition: transform 0.2s ease-out 0.66667s;
  -o-transition: transform 0.2s ease-out 0.66667s;
  transition: transform 0.2s ease-out 0.66667s; }

.member-item-transition-3 {
  -webkit-transition: transform 0.2s ease-out 1s;
  -moz-transition: transform 0.2s ease-out 1s;
  -ms-transition: transform 0.2s ease-out 1s;
  -o-transition: transform 0.2s ease-out 1s;
  transition: transform 0.2s ease-out 1s; }

.member-item-transition-4 {
  -webkit-transition: transform 0.2s ease-out 1.33333s;
  -moz-transition: transform 0.2s ease-out 1.33333s;
  -ms-transition: transform 0.2s ease-out 1.33333s;
  -o-transition: transform 0.2s ease-out 1.33333s;
  transition: transform 0.2s ease-out 1.33333s; }

.member-item-transition-5 {
  -webkit-transition: transform 0.2s ease-out 1.66667s;
  -moz-transition: transform 0.2s ease-out 1.66667s;
  -ms-transition: transform 0.2s ease-out 1.66667s;
  -o-transition: transform 0.2s ease-out 1.66667s;
  transition: transform 0.2s ease-out 1.66667s; }

.member-item-transition-6 {
  -webkit-transition: transform 0.2s ease-out 2s;
  -moz-transition: transform 0.2s ease-out 2s;
  -ms-transition: transform 0.2s ease-out 2s;
  -o-transition: transform 0.2s ease-out 2s;
  transition: transform 0.2s ease-out 2s; }

.member-item-transition-7 {
  -webkit-transition: transform 0.2s ease-out 2.33333s;
  -moz-transition: transform 0.2s ease-out 2.33333s;
  -ms-transition: transform 0.2s ease-out 2.33333s;
  -o-transition: transform 0.2s ease-out 2.33333s;
  transition: transform 0.2s ease-out 2.33333s; }

.member-item-transition-8 {
  -webkit-transition: transform 0.2s ease-out 2.66667s;
  -moz-transition: transform 0.2s ease-out 2.66667s;
  -ms-transition: transform 0.2s ease-out 2.66667s;
  -o-transition: transform 0.2s ease-out 2.66667s;
  transition: transform 0.2s ease-out 2.66667s; }

.member-item-transition-9 {
  -webkit-transition: transform 0.2s ease-out 3s;
  -moz-transition: transform 0.2s ease-out 3s;
  -ms-transition: transform 0.2s ease-out 3s;
  -o-transition: transform 0.2s ease-out 3s;
  transition: transform 0.2s ease-out 3s; }

.member-item-transition-10 {
  -webkit-transition: transform 0.2s ease-out 3.33333s;
  -moz-transition: transform 0.2s ease-out 3.33333s;
  -ms-transition: transform 0.2s ease-out 3.33333s;
  -o-transition: transform 0.2s ease-out 3.33333s;
  transition: transform 0.2s ease-out 3.33333s; }

.member-item-transition-11 {
  -webkit-transition: transform 0.2s ease-out 3.66667s;
  -moz-transition: transform 0.2s ease-out 3.66667s;
  -ms-transition: transform 0.2s ease-out 3.66667s;
  -o-transition: transform 0.2s ease-out 3.66667s;
  transition: transform 0.2s ease-out 3.66667s; }

.member-item-transition-12 {
  -webkit-transition: transform 0.2s ease-out 4s;
  -moz-transition: transform 0.2s ease-out 4s;
  -ms-transition: transform 0.2s ease-out 4s;
  -o-transition: transform 0.2s ease-out 4s;
  transition: transform 0.2s ease-out 4s; }

.member-item-transition-13 {
  -webkit-transition: transform 0.2s ease-out 4.33333s;
  -moz-transition: transform 0.2s ease-out 4.33333s;
  -ms-transition: transform 0.2s ease-out 4.33333s;
  -o-transition: transform 0.2s ease-out 4.33333s;
  transition: transform 0.2s ease-out 4.33333s; }

.member-item-transition-14 {
  -webkit-transition: transform 0.2s ease-out 4.66667s;
  -moz-transition: transform 0.2s ease-out 4.66667s;
  -ms-transition: transform 0.2s ease-out 4.66667s;
  -o-transition: transform 0.2s ease-out 4.66667s;
  transition: transform 0.2s ease-out 4.66667s; }

.member-item-transition-15 {
  -webkit-transition: transform 0.2s ease-out 5s;
  -moz-transition: transform 0.2s ease-out 5s;
  -ms-transition: transform 0.2s ease-out 5s;
  -o-transition: transform 0.2s ease-out 5s;
  transition: transform 0.2s ease-out 5s; }

.member-item-transition-16 {
  -webkit-transition: transform 0.2s ease-out 5.33333s;
  -moz-transition: transform 0.2s ease-out 5.33333s;
  -ms-transition: transform 0.2s ease-out 5.33333s;
  -o-transition: transform 0.2s ease-out 5.33333s;
  transition: transform 0.2s ease-out 5.33333s; }

.member-item-transition-17 {
  -webkit-transition: transform 0.2s ease-out 5.66667s;
  -moz-transition: transform 0.2s ease-out 5.66667s;
  -ms-transition: transform 0.2s ease-out 5.66667s;
  -o-transition: transform 0.2s ease-out 5.66667s;
  transition: transform 0.2s ease-out 5.66667s; }

.member-item-transition-18 {
  -webkit-transition: transform 0.2s ease-out 6s;
  -moz-transition: transform 0.2s ease-out 6s;
  -ms-transition: transform 0.2s ease-out 6s;
  -o-transition: transform 0.2s ease-out 6s;
  transition: transform 0.2s ease-out 6s; }

.member-item-transition-19 {
  -webkit-transition: transform 0.2s ease-out 6.33333s;
  -moz-transition: transform 0.2s ease-out 6.33333s;
  -ms-transition: transform 0.2s ease-out 6.33333s;
  -o-transition: transform 0.2s ease-out 6.33333s;
  transition: transform 0.2s ease-out 6.33333s; }

.member-item-transition-20 {
  -webkit-transition: transform 0.2s ease-out 6.66667s;
  -moz-transition: transform 0.2s ease-out 6.66667s;
  -ms-transition: transform 0.2s ease-out 6.66667s;
  -o-transition: transform 0.2s ease-out 6.66667s;
  transition: transform 0.2s ease-out 6.66667s; }

/*========== section testimonials ===========*/
.testimonials {
  padding: 45px 0 85px 0;
  position: relative;
  z-index: 100;
  background: url("assets/img/bg-pattern-overlay.jpg"); }
  .testimonials img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    -o-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    height: 310px;
    width: 190px;
    height: auto; }
  .testimonials .main-box h2 {
    margin-bottom: 0; }
  .testimonials .main-box h4 {
    margin-top: 0; }

.testimonials-slider-wrapper {
  overflow: hidden; }
  .testimonials-slider-wrapper .testimonials-slider-inner {
    margin: 0 -150px; }

.testimonials-slider {
  margin: 0 -10px; }
  .testimonials-slider .slick-arrow {
    bottom: 0px; }

.testimonial-slide {
  padding: 0 150px;
  margin-left: 10px;
  margin-right: 10px; }

.testimonial-slide-box {
  position: relative;
  border: 1px solid #9989b6;
  border-radius: 10px;
  overflow: hidden;
  min-height: 358px;
  background-image: linear-gradient(to right, #52446e 0%, #816ea5 50%, #816da5 100%); }
  .testimonial-slide-box .box-mask {
    background: -moz-linear-gradient(left, #51426c 0%, #816da5 100%);
    background: -webkit-gradient(left, #51426c 0%, #816da5 100%);
    background: -webkit-linear-gradient(left, #51426c 0%, #816da5 100%);
    background: -o-linear-gradient(left, #51426c 0%, #816da5 100%);
    background: -ms-linear-gradient(left, #51426c 0%, #816da5 100%);
    background: linear-gradient(left, #51426c 0%, #816da5 100%);
    z-index: -1; }

.testimonial-slide-text {
  background-color: #fff;
  padding: 47px 40px 0px 50px;
  min-height: 345px; }
  .testimonial-slide-text h5 {
    color: #8e7cb1;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 33px; }
  .testimonial-slide-text blockquote {
    border: none;
    padding: 0 0 20px 0;
    margin: 0 0 13px 0;
    font-size: 16px;
    line-height: 24px;
    color: #6a6a6b; }

/*========== section app-block ===========*/
.app-block {
  padding: 95px 0 35px; }

.app-box img {
  margin-left: auto;
  margin-right: auto; }

/*========== section bottom-links ===========*/
.bottom-links {
  background-color: #e9e8f8 !important; }
  .bottom-links .row {
    margin-left: 0;
    margin-right: 0; }
    .bottom-links .row [class*='col-'] {
      padding-right: 0;
      padding-left: 0; }
      .bottom-links .row [class*='col-']:last-child .music-box-link {
        border-right: 4px solid #f7f6fd; }

.music-box-link {
  padding: 55px 15px 36px;
  border-left: 4px solid #f7f6fd;
  -webkit-transition: background-color 0s ease-in-out 0s;
  -moz-transition: background-color 0s ease-in-out 0s;
  -ms-transition: background-color 0s ease-in-out 0s;
  -o-transition: background-color 0s ease-in-out 0s;
  transition: background-color 0s ease-in-out 0s; }
  .music-box-link a {
    font-size: 24px;
    color: #6c5f8a;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    -webkit-transition: color 0s ease-in-out 0s;
    -moz-transition: color 0s ease-in-out 0s;
    -ms-transition: color 0s ease-in-out 0s;
    -o-transition: color 0s ease-in-out 0s;
    transition: color 0s ease-in-out 0s; }
    .music-box-link a img {
      -webkit-transition: opacity 0s ease-in-out 0s;
      -moz-transition: opacity 0s ease-in-out 0s;
      -ms-transition: opacity 0s ease-in-out 0s;
      -o-transition: opacity 0s ease-in-out 0s;
      transition: opacity 0s ease-in-out 0s; }

.music-box-img-bg {
  display: inline-block;
  width: 60px;
  height: 58px;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-transition: background 0s ease-in-out 0s;
  -moz-transition: background 0s ease-in-out 0s;
  -ms-transition: background 0s ease-in-out 0s;
  -o-transition: background 0s ease-in-out 0s;
  transition: background 0s ease-in-out 0s; }

.music-box-hover:hover {
  background-color: #645285; }
  .music-box-hover:hover a {
    color: #fff; }
  .music-box-hover:hover .music-box-img-bg {
    background-position: center bottom; }
  .music-box-hover:hover img {
    opacity: 0; }

/*========== footer ===========*/
footer {
  background-color: #645384; }
  footer .footer-top {
    background: #51426d;
    padding: 50px 0;
    color: #cec6d1;
    font-size: 14px; }
    footer .footer-top p {
      padding-right: 50px;
      border-right: 1px solid #6b5f87; }
    footer .footer-top ul {
      list-style: none;
      padding: 0;
      line-height: 20px; }
      footer .footer-top ul a {
        color: #cec6d1;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s; }
        footer .footer-top ul a:hover {
          color: #fff; }
  footer .copyright {
    background: #51426d;
    padding: 25px 0;
    color: #cec6d1;
    font-size: 12px; }
    footer .copyright a {
      color: #cec6d1;
      margin: 0 10px;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
      footer .copyright a:hover {
        color: #fff; }
    footer .copyright .credit {
      color: #cec6d1; }
      footer .copyright .credit a {
        margin: 0; }

.footer-content {
  padding-top: 30px;
  padding-bottom: 50px; }

.social-links {
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 20px;
  display: inline-block;
  width: 100%; }
  .social-links li {
    width: 14%;
    margin: 0 15px;
    vertical-align: top; }
  .social-links address {
    margin-bottom: 0;
    width: 80px;
    font-size: 12px;
    line-height: 13px;
    font-weight: 400; }
  .social-links i {
    font-size: 25px;
    color: #fff;
    background-color: #87769c;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    float: left;
    margin-right: 7px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .social-links address, .social-links a {
    font-size: 12px;
    color: #fff !important;
    font-weight: 500;
    display: inline-block; }
  .social-links address {
    float: left; }
  .social-links address,
  .social-links span {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .social-links a {
    display: block;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    .social-links a span {
      display: block;
      float: left;
      width: 102px; }
    .social-links a:hover {
      color: #87769c; }
      .social-links a:hover address,
      .social-links a:hover span {
        color: #87769c; }
  .social-links .youtube-button {
    position: relative;
    width: 230px;
    padding-left: 60px; }
    .social-links .youtube-button img {
      position: absolute;
      top: 0;
      left: 0; }
    .social-links .youtube-button a {
      margin-bottom: 10px; }
  .social-links .fb-button a {
    margin-bottom: 10px; }

.copyright {
  padding: 0 0 20px 0; }
  .copyright ul {
    margin-bottom: 0; }
  .copyright ul a, .copyright .copyright-design {
    font-size: 12px;
    color: #a69abb;
    font-weight: 500; }
  .copyright .copyright-design a {
    color: inherit; }
  .copyright span {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 13px; }

/* ============ Banner section ============== */
.banner {
  color: #FFF;
  min-height: 380px;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative; }
  .banner .mask {
    background: #3f365d;
    opacity: 0.75;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .banner .text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    max-width: 1170px;
    right: 0;
    margin: auto; }
    .banner .text h4 {
      font-size: 15px; }
    .banner .text h2 {
      font-size: 30px; }

/*======================================= INSTRUMENTS PAGE =========================================*/
.page-breadcrumb-box {
  background-color: #6c5f8a;
  padding: 17px 0 28px; }
  .page-breadcrumb-box h1 {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    font-weight: 700; }

.breadcrumb {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin-bottom: 0; }
  .breadcrumb a, .breadcrumb span {
    font-size: 12px;
    color: #b6aad2;
    font-weight: 500; }
  .breadcrumb > li + li::before {
    content: ">";
    font-size: 12px;
    color: #b6aad2;
    padding: 0 5px 0 3px; }
  .breadcrumb a {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .breadcrumb a:hover, .breadcrumb a:focus {
      color: #fff; }

.main-box.page-title-box {
  margin-bottom: 48px;
  overflow: hidden; }
  .main-box.page-title-box h2 {
    margin-top: -6px;
    margin-bottom: 2px; }
  .main-box.page-title-box h4 {
    margin-top: 0; }
  .main-box.page-title-box .page-subtitle {
    line-height: 40px; }

.page-wrapper {
  padding: 79px 0 110px; }

.filter-box .filter-label {
  font-size: 16px;
  font-weight: 700;
  color: #4a356e;
  text-transform: uppercase;
  margin-right: 8px; }

.filter-box select {
  border: 1px solid #9381b1;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #49346d;
  padding: 6px 5px 6px 7px;
  background: transparent;
  border-radius: 5px; }
  .filter-box select:focus {
    outline: none; }

.filter-box option {
  font-size: 16px;
  font-weight: 500;
  color: #49346d; }

.filter-box .select-box {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 7px; }
  .filter-box .select-box::after {
    content: "v";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    height: 100%;
    background-color: #fff;
    pointer-events: none;
    font-size: 13px;
    border: 1px solid #9381b1;
    border-left: none;
    line-height: 40px;
    padding-left: 2px;
    color: #49346d;
    border-radius: 0 5px 5px 0; }
  .filter-box .select-box:last-child {
    margin-right: 0; }

.row-reset {
  margin-left: -10px;
  margin-right: -10px; }
  .row-reset [class*='col-'] {
    padding-left: 10px;
    padding-right: 10px; }

.page-wrapper .instrument-box {
  margin-bottom: 20px; }

/*======================================= INSTRUMENT PAGE =========================================*/
.page-item-wrapper {
  padding: 0 0 75px 0; }
  .page-item-wrapper .main-box.page-title-box {
    margin-bottom: 35px;
    margin-top: 25px; }
  .page-item-wrapper .row {
    margin-right: -10px;
    margin-left: -10px; }
    .page-item-wrapper .row [class*='col-'] {
      padding-left: 10px;
      padding-right: 10px; }
  .page-item-wrapper .course-box {
    margin-top: 40px; }

.content p {
  font-size: 18px;
  color: #706f6f;
  line-height: 33px;
  margin-bottom: 33px; }

.content img {
  max-width: 100%;
  height: auto;
  display: block; }

.connected-items-block {
  background-color: #f6f5fb;
  padding: 62px 0 50px; }
  .connected-items-block .main-box.page-title-box {
    margin-bottom: 52px; }

.course-box {
  position: relative;
  margin-bottom: 30px; }
  .course-box .link-mask {
    z-index: 50; }
  .course-box .instrument-hidden-box .circle-title {
    width: 210px;
    height: 210px; }
    .course-box .instrument-hidden-box .circle-title h4 {
      color: #fff;
      margin: 0;
      line-height: 36px;
      text-transform: uppercase;
      font-weight: 700;
      max-width: 155px; }
  .course-box:hover .instrument-hidden-box {
    opacity: 1; }

.course-title-box {
  background-color: #6c5f8a;
  padding: 24px 25px 21px;
  min-height: 146px; }
  .course-title-box h4 {
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    line-height: 30px;
    margin-bottom: 5px; }
  .course-title-box p {
    font-size: 18px;
    font-weight: 300;
    color: #fff; }
    .course-title-box p a {
      color: #FFF; }

.course-list-items {
  background-color: #49346d;
  padding: 30px 25px 28px; }
  .course-list-items ul {
    margin-left: 0;
    margin-bottom: 0;
    line-height: 1; }
    .course-list-items ul li {
      color: #fff;
      font-weight: 300;
      font-size: 18px;
      margin-right: 10px;
      padding: 0; }
      .course-list-items ul li:last-child {
        margin-right: 0; }
  .course-list-items .text-item {
    display: inline-block;
    vertical-align: top;
    line-height: 23px; }
  .course-list-items .dot-item {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: inline-block; }
  .course-list-items .basic-item .dot-item {
    background-color: #eebe3e; }
  .course-list-items .intermediate-item .dot-item {
    background-color: #42d1cf; }
  .course-list-items .advanced-item .dot-item {
    background-color: #e86c27; }

.flag-item {
  width: 0;
  height: 0;
  border-right: 113px solid #49346d;
  border-left: 113px solid transparent;
  border-bottom: 113px solid transparent;
  position: absolute;
  top: 0;
  right: 0; }
  .flag-item img {
    position: absolute;
    top: 5px;
    left: 52px; }

/*======================================= COURSE PAGE =========================================*/
/*==============Section courses and lesson=============*/
.courses {
  padding-top: 80px;
  background-repeat: no-repeat;
  position: relative; }
  .courses .title-box {
    padding-left: 180px; }
  .courses h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 46px;
    line-height: 56px;
    color: #5f4a6e;
    font-weight: 700; }
  .courses h4 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 56px;
    color: #5f4a6e; }
  .courses.courses-full .title-box {
    padding-left: 0; }
  .courses.courses-full .lesson-slider {
    padding: 0 50px; }

.lesson-slider {
  padding-right: 100px; }
  .lesson-slider .slick-list {
    padding-bottom: 100px; }
  .lesson-slider .lesson-box {
    text-align: center;
    margin: 20px;
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    -webkit-transition: box-shadow 0.2s ease-in-out 0s;
    -moz-transition: box-shadow 0.2s ease-in-out 0s;
    -ms-transition: box-shadow 0.2s ease-in-out 0s;
    -o-transition: box-shadow 0.2s ease-in-out 0s;
    transition: box-shadow 0.2s ease-in-out 0s; }
  .lesson-slider .slick-arrow {
    position: absolute;
    bottom: 20px;
    background: transparent;
    width: 60px;
    height: 60px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .lesson-slider .slick-arrow.slick-prev {
      left: calc(50% - 140px); }
    .lesson-slider .slick-arrow.slick-next {
      left: 50%;
      -webkit-transform: translate(50%, 0);
      -moz-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
      -o-transform: translate(50%, 0);
      transform: translate(50%, 0); }
    .lesson-slider .slick-arrow:hover {
      background: #6c6187;
      border: 1px solid #6c6187;
      color: #fff; }

/*End section courses and lesson*/
.lesson-box {
  position: relative;
  padding: 40px 16px 20px;
  margin-bottom: 65px;
  background-color: #fff;
  -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.2s ease-in-out 0s;
  -moz-transition: box-shadow 0.2s ease-in-out 0s;
  -ms-transition: box-shadow 0.2s ease-in-out 0s;
  -o-transition: box-shadow 0.2s ease-in-out 0s;
  transition: box-shadow 0.2s ease-in-out 0s; }
  .lesson-box hr {
    border-top-color: #efefef; }
  .lesson-box .level-items {
    padding: 6px 0 0 0; }
    .lesson-box .level-items li {
      color: #b9aba4;
      font-size: 18px;
      padding: 0;
      margin-bottom: 13px;
      margin-left: 0; }
      .lesson-box .level-items li a {
        color: inherit; }
      .lesson-box .level-items li::after {
        content: "|";
        color: #b9aba4;
        font-size: 18px;
        padding: 0 5px; }
      .lesson-box .level-items li:last-child::after {
        content: none; }
  .lesson-box .btn-video {
    position: relative;
    margin-bottom: 20px; }
    .lesson-box .btn-video .btn-video-icon {
      position: absolute;
      width: 52px;
      height: 52px;
      border: 1px solid rgba(255, 255, 255, 0.7);
      background-color: rgba(0, 0, 0, 0.4);
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .lesson-box .btn-video i {
      font-size: 27px;
      line-height: 52px; }
  .lesson-box p, .lesson-box h6 {
    font-size: 18px;
    color: #405d77; }
  .lesson-box p {
    font-size: 13px;
    margin-bottom: 15px;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden; }
  .lesson-box h6 {
    font-weight: 700; }
  .lesson-box:hover {
    -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2); }

.btn-info.btn-info-light {
  text-transform: uppercase;
  border-radius: 0;
  font-size: 16px;
  background-color: #9680b5;
  padding: 8px 19px;
  font-weight: 700;
  border-color: #9680b5; }
  .btn-info.btn-info-light:hover, .btn-info.btn-info-light:focus {
    background-color: #6c6187;
    border-color: #6c6187; }

.free-box {
  background-color: #4fbe19;
  border-radius: 15px;
  display: inline-block;
  position: absolute;
  top: 0%;
  left: 50%;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 8px 21px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.lesson-box-title {
  margin-bottom: 20px;
  min-height: 91px; }
  .lesson-box-title h4, .lesson-box-title h5 {
    font-size: 18px; }
  .lesson-box-title h4 {
    font-weight: 700;
    color: #9079b1;
    margin-bottom: 10px;
    line-height: 40px; }
    .lesson-box-title h4 span {
      display: inline-block;
      line-height: 24px; }
  .lesson-box-title h5 {
    font-weight: 400;
    color: #2d3334; }

.lesson-box-middle {
  min-height: 115px; }

/*===Start trial section===*/
.trial {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 75px 0; }
  .trial .bg-mask {
    background-image: linear-gradient(to right, transparent 0%, transparent 40%, #fff 60%);
    background-position: top center; }
  .trial h2 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 48px;
    line-height: 65px;
    font-weight: 700; }
  .trial h3 {
    margin-top: 0;
    margin-bottom: 45px;
    font-size: 36px;
    line-height: 65px;
    font-weight: 600; }
  .trial .btn-default {
    padding: 0 30px;
    border-radius: unset;
    border: 1px solid #f15d43;
    background-color: #f15d43;
    font-size: 36px;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .trial .btn-default:hover {
      background: transparent;
      color: #f15d43; }

/*End trial section*/
/*======================================= ABOUT PAGE =========================================*/
.page-block {
  padding: 75px 0; }
  .page-block .img-responsive {
    margin-right: auto;
    margin-left: auto; }

.dark-block {
  background-color: #f6f5fb; }

.page-item-wrapper .content p:last-child {
  margin-bottom: 0; }

.limited-box {
  overflow: hidden;
  border: 1px solid #6c5f8a;
  padding: 40px 55px 40px 24px;
  position: relative;
  margin-bottom: 100px; }
  .limited-box .limited-box-img img {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .limited-box h2 {
    text-transform: uppercase; }
  .limited-box .main-box.page-title-box {
    margin-bottom: 0; }
  .limited-box .main-box p {
    margin-bottom: 10px; }
  .limited-box p {
    font-size: 18px;
    color: #706f6f;
    line-height: 33px;
    max-width: 750px; }
  .limited-box .img-placeholder {
    min-width: 100%; }
  .limited-box .btn-info.btn-info-light {
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 18px;
    padding: 18px 18px; }

.page-ctas {
  padding: 53px 0 100px; }
  .page-ctas .row {
    margin-left: -22px;
    margin-right: -22px; }
    .page-ctas .row [class*='col-'] {
      padding-left: 22px;
      padding-right: 22px; }

.page-cta-box {
  border: 1px solid #6c5f8a;
  padding: 50px 45px 28px;
  min-height: 423px;
  background-color: #f6f5fb; }
  .page-cta-box > img {
    margin-bottom: 10px;
    display: inline-block; }
  .page-cta-box h3 {
    font-size: 26px;
    font-weight: 700;
    color: #6c5f8a;
    text-transform: uppercase; }
  .page-cta-box h4 {
    font-weight: 400;
    color: #8b8b8b;
    margin-bottom: 35px; }
  .page-cta-box p {
    color: #8b8b8b;
    line-height: 28px;
    text-align: left; }

.page-item-wrapper .music-box h4 {
  max-width: 150px;
  text-transform: uppercase; }

.tune-block {
  padding: 48px 0 125px; }
  .tune-block .row [class*='col-']:last-child .tune-box {
    padding-bottom: 20px;
    margin-bottom: 0; }
  .tune-block.active .tune-box-speed {
    background: #3983D3; }
  .tune-block.active .tune-box-melody {
    background-color: #779861; }
  .tune-block.active .tune-box-sheet {
    background-color: #9282b1; }
  .tune-block.active .tune-box-player {
    background-color: #463F71; }

.control-items {
  overflow: hidden;
  margin-left: 0; }
  .control-items li {
    padding: 9px 25px; }

.control-item {
  border: 2px solid #937ca8;
  min-width: 300px; }
  .control-item a {
    font-size: 1.2em;
    color: #937ca8;
    font-weight: 700; }
  .control-item i {
    font-size: 12px;
    vertical-align: top;
    line-height: 27px;
    margin-right: 2px; }
  .control-item.active {
    background-color: #937ca8;
    color: #FFF; }
    .control-item.active a {
      color: #FFF; }

.tune-box {
  background-color: #cccccc;
  padding: 14px 15px 33px;
  margin-bottom: 23px; }
  .tune-box hr {
    border-top-color: #eeeeee;
    margin-bottom: 24px; }
  .tune-box .radio-inline {
    padding-left: 0;
    padding-right: 20px;
    font-size: 13px;
    color: #fff; }
    .tune-box .radio-inline input[type="radio"] {
      margin-left: 2px; }
  .tune-box h6 {
    font-size: 13px;
    color: #fff;
    line-height: 27px;
    margin-bottom: 0;
    margin-top: 0; }

.tune-box-title {
  padding: 0 5px 0; }
  .tune-box-title h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 23px; }

.tune-box-bottom {
  padding: 0 5px 0; }

.page-quote {
  padding: 123px 0 95px; }

.page-quote-box blockquote {
  border: none;
  padding: 0;
  margin: 0 0 25px 0;
  position: relative;
  font-size: 18px;
  color: #6c5f8a;
  line-height: 32px; }
  .page-quote-box blockquote::before, .page-quote-box blockquote::after {
    position: absolute;
    font-size: 149px;
    font-weight: 900;
    color: #e9e8f9;
    top: 47px; }
  .page-quote-box blockquote::before {
    content: '“';
    left: -112px; }
  .page-quote-box blockquote::after {
    content: '”';
    right: -112px; }

.page-quote-box h4, .page-quote-box h5 {
  color: #6c5f8a; }

.page-quote-box h4 {
  font-weight: 400;
  margin-bottom: 5px; }

.page-quote-box h5 {
  font-weight: 700;
  font-size: 18px;
  margin-top: 8px; }

.page-quote-box {
  max-width: calc(100% - 210px);
  margin-left: auto;
  margin-right: auto; }

.session-block {
  overflow: hidden;
  padding: 58px 0 75px; }
  .session-block .row {
    margin-left: -38px;
    margin-right: -38px; }
    .session-block .row [class*='col-'] {
      padding-left: 38px;
      padding-right: 38px; }

.session-box .btn-video {
  position: relative;
  margin-bottom: 9px; }
  .session-box .btn-video i {
    line-height: 77px;
    font-size: 33px; }

.session-box .btn-video-icon {
  width: 77px;
  height: 77px;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.session-box h2 {
  color: #6c5f8a;
  font-weight: 700;
  margin-bottom: 14px; }
  .session-box h2 a {
    color: inherit; }

.session-box h4 {
  color: #8b8b8b;
  margin-bottom: 18px;
  font-weight: 400; }

.session-box p {
  font-size: 18px;
  line-height: 32px;
  color: #706f6f; }

.category-items {
  margin-left: 0;
  margin-bottom: 18px; }
  .category-items li {
    padding: 0; }
    .category-items li:last-child::after {
      content: none; }
  .category-items > li + li::after {
    content: "|";
    font-size: 24px;
    color: #8b8b8b;
    padding: 0 3px 0 6px; }
  .category-items span, .category-items a {
    font-size: 24px;
    color: #8b8b8b; }

/*======================================= SIGN UP PAGE =========================================*/
.sign-up-box {
  margin-bottom: 90px; }
  .sign-up-box .img-border {
    width: 100%; }
  .sign-up-box.sign-up-box-full .sign-up-list li::before {
    background-image: url("assets/img/check-yellow.png"); }
  .sign-up-box.sign-up-box-free .sign-up-list {
    margin-bottom: 60px; }
    .sign-up-box.sign-up-box-free .sign-up-list li::before {
      background-image: url("assets/img/check-purple.png"); }
  .sign-up-box .list-inline {
    margin-left: 0; }
    .sign-up-box .list-inline li {
      padding-left: 0;
      padding-right: 0;
      float: left; }
  .sign-up-box:last-of-type {
    margin-bottom: 65px; }

.sign-up-box-text {
  padding-left: 35px; }
  .sign-up-box-text h2 {
    margin-top: -8px;
    font-size: 42px;
    font-weight: 700;
    color: #6c5f8a; }
  .sign-up-box-text h3 {
    margin-top: 0;
    font-size: 28px;
    font-weight: 400;
    color: #8b8b8b;
    margin-bottom: 25px; }

.sign-up-list ul {
  list-style-type: none;
  margin-bottom: 25px; }

.sign-up-list li {
  font-size: 18px;
  color: #706f6f;
  margin-bottom: 5px;
  position: relative; }
  .sign-up-list li::before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 21px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: -38px; }

.sign-up-title {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  position: absolute;
  bottom: 38px;
  left: 42px; }

.price-box {
  text-align: center;
  margin-right: 25px;
  padding: 15px 0px 52px;
  width: 140px;
  min-height: 187px;
  position: relative; }
  .price-box.type-1 {
    background-color: #966ec9; }
    .price-box.type-1 .price-box-subtitle {
      color: #461880; }
    .price-box.type-1 .price-box-btn {
      background-color: #8557c0; }
  .price-box.type-2 {
    background-color: #71cfce; }
    .price-box.type-2 .price-box-subtitle {
      color: #208685; }
    .price-box.type-2 .price-box-btn {
      background-color: #54b5b4; }
  .price-box.type-3 {
    background-color: #e9844c; }
    .price-box.type-3 .price-box-subtitle {
      color: #9d400d; }
    .price-box.type-3 .price-box-btn {
      background-color: #d1662b; }
  .price-box a {
    display: block; }
  .price-box span {
    display: block; }
  .price-box .price-box-title {
    font-size: 18px;
    color: #fff;
    font-weight: 700; }
  .price-box .price-box-amount {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-top: -7px; }
  .price-box .price-box-subtitle {
    min-height: 38px;
    line-height: 38px;
    margin-top: -7px; }
    .price-box .price-box-subtitle .price-box-subtitle-text {
      vertical-align: middle;
      display: inline-block;
      line-height: 19px;
      max-width: 120px; }
  .price-box .price-box-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase; }

/*======================================= TUTORS PAGE =========================================*/
.tutors-title-wrapper {
  padding-top: 78px; }

.tutor-box {
  padding: 60px 0;
  width: 100%; }
  .tutor-box:first-of-type {
    padding-top: 0; }
  .tutor-box .tutor-box-img:hover {
    border-color: rgba(240, 202, 110, 0.82); }
    .tutor-box .tutor-box-img:hover .tutor-hidden-box {
      opacity: 1; }

.tutor-box-img {
  border-radius: 50%;
  border: 8px solid #e8e7f9;
  overflow: hidden;
  height: 387px;
  position: relative;
  -webkit-transition: border 0.2s ease-in-out 0s;
  -moz-transition: border 0.2s ease-in-out 0s;
  -ms-transition: border 0.2s ease-in-out 0s;
  -o-transition: border 0.2s ease-in-out 0s;
  transition: border 0.2s ease-in-out 0s; }
  .tutor-box-img img {
    min-height: 100%; }

.tutor-hidden-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(240, 202, 110, 0.82);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  -moz-transition: opacity 0.2s ease-in-out 0s;
  -ms-transition: opacity 0.2s ease-in-out 0s;
  -o-transition: opacity 0.2s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out 0s; }
  .tutor-hidden-box h4 {
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.tutor-box-text {
  padding: 25px 0 0 18px; }
  .tutor-box-text h4 {
    font-weight: 700;
    color: #6c5f8a;
    margin-bottom: 23px; }
  .tutor-box-text p {
    color: #7c7b7e;
    line-height: 28px;
    margin-bottom: 22px;
    -webkit-transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -ms-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    transition: color 0.2s ease-in-out 0s; }
  .tutor-box-text .btn-default {
    font-weight: 400;
    padding: 9px 20px; }
  .tutor-box-text:hover p {
    color: #6c5f8a; }

/*======================================= TUTOR PAGE =========================================*/
.tutor-single-wrapper .content {
  padding-right: 20px; }
  .tutor-single-wrapper .content p {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 28px;
    text-align: justify; }

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  -ms-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  -ms-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.block-404 {
  padding: 70px 0 50px; }

/*==================Breakpoints width======================*/
@media (min-width: 1600px) {
  .container.header-container {
    width: 1600px; }
    .container.header-container .navbar-nav {
      padding: 25px 0 0; }
      .container.header-container .navbar-nav > li > a {
        font-size: 20px; }
    .container.header-container .nav-links {
      padding: 30px 0 0; }
      .container.header-container .nav-links .btn-default a, .container.header-container .nav-links .btn-info a {
        font-size: 20px;
        padding: 0 19px; }
  .home .main-slider-wrapper .container {
    width: 1600px; }
  .home .main-slide-box h1 {
    font-size: 43px; }
  .home .main-slide-box h2 {
    font-size: 39px; }
  .home .main-slide-box h3 {
    font-size: 36px; }
    .home .main-slide-box h3 span {
      font-size: 30px;
      font-weight: 700; }
  .home .tutorials .container {
    width: 1600px; }
  .home .banner .container {
    width: 1600px; }
  .home .courses .container {
    width: 1600px; }
  .home .instruments .container {
    width: 1600px; }
  .home .parallax-bg .container {
    width: 1600px; }
  .home .testimonials .container {
    width: 1300px; }
  .home .trial .container {
    width: 1600px; }
  .footer-top .container {
    width: 1600px; }
  .footer-content .container {
    width: 1600px; }
  .copyright .container {
    width: 1600px; } }

@media (max-width: 1600px) and (min-width: 1200px) {
  .header-container {
    width: 1600px; }
    .header-container .navbar-default .navbar-nav > li > a {
      font-size: 20px; }
  .main-slide-box img {
    height: 280px; }
  .tutorials {
    padding-bottom: 90px; }
    .tutorials img {
      width: 730px; }
    .tutorials h2 {
      margin-bottom: 50px;
      font-size: 40px; }
    .tutorials ul {
      padding-left: 200px; }
      .tutorials ul li:before {
        margin-top: 0; }
      .tutorials ul a {
        font-size: 20px;
        line-height: 50px; }
  .banner h3 {
    font-size: 46px; }
  .courses .title-box {
    padding-left: 140px; }
  .courses h2 {
    font-size: 40px; }
  .courses h4 {
    font-size: 30px; }
  .courses .lesson-slider .slick-arrow {
    width: 50px;
    height: 50px; }
  .instruments .title-box h2 {
    font-size: 40px; }
  .instruments .title-box h4 {
    font-size: 30px;
    line-height: 70px; }
  .parallax-bg .main-box h2 {
    font-size: 40px;
    line-height: 45px; }
  .parallax-bg .main-box p {
    font-size: 25px;
    line-height: 35px; }
  .parallax-bg .main-box .btn-default {
    font-size: 30px; }
  .trial h2 {
    font-size: 40px;
    line-height: 45px; }
  .trial h3 {
    font-size: 30px;
    line-height: 35px; }
  .trial .btn-default {
    font-size: 30px; }
  footer img {
    width: 190px;
    height: auto;
    margin-left: -15px; }
  footer .social-links .youtube-button {
    padding-left: 50px; }
    footer .social-links .youtube-button img {
      width: 40px;
      height: auto;
      margin-left: 0; }
  footer .social-links .fb-button {
    padding-left: 0; }
  footer .social-links li {
    margin: 0 3px 20px 3px; } }

/*==================Breakpoints height====================*/
@media (max-height: 900px) {
  .main-slider-wrapper .slick-slide {
    min-height: 900px; }
  .main-slider {
    min-height: 900px; }
  .home .main-slide-box {
    top: 90px; }
    .home .main-slide-box img {
      height: 300px;
      width: auto; }
    .home .main-slide-box h4 {
      margin-bottom: 35px; }
    .home .main-slide-box h1 {
      margin-bottom: 50px;
      font-size: 30px; }
    .home .main-slide-box h2 {
      font-size: 27px; } }

@media (max-height: 850px) {
  .main-slider-wrapper .slick-slide {
    min-height: 850px; }
  .main-slider {
    min-height: 850px; }
  .home .main-slide-box h1 {
    margin-bottom: 50px;
    font-size: 30px; }
  .home .main-slide-box h2,
  .home .main-slide-box h3 {
    font-size: 30px; } }

@media (max-height: 800px) {
  .main-slider-wrapper .slick-slide {
    min-height: 800px; }
  .main-slider {
    min-height: 800px; }
  .home .main-slide-box h1 {
    margin-bottom: 25px;
    font-size: 27px; }
  .home .main-slide-box h2,
  .home .main-slide-box h3 {
    margin-bottom: 15px;
    font-size: 25px; } }

@media (max-height: 750px) {
  .main-slider-wrapper .slick-slide {
    min-height: 750px; }
  .main-slider {
    min-height: 750px; }
  .home .main-slide-box h1 {
    margin-bottom: 20px;
    font-size: 24px; }
  .home .main-slide-box h2,
  .home .main-slide-box h3 {
    margin-bottom: 15px;
    font-size: 24px; } }

/*========================================== MEDIA QUERIES ======================================*/
@media (min-width: 992px) {
  main section.section-opac {
    overflow: hidden; }
    main section.section-opac .section-item-appear-left, main section.section-opac .section-item-appear-right, main section.section-opac .section-item-appear-bottom {
      opacity: 0;
      -webkit-transition: all 0.8s ease-in-out 0s;
      -moz-transition: all 0.8s ease-in-out 0s;
      -ms-transition: all 0.8s ease-in-out 0s;
      -o-transition: all 0.8s ease-in-out 0s;
      transition: all 0.8s ease-in-out 0s; }
    main section.section-opac .section-item-appear-left {
      -webkit-transform: translate(-200px, 0);
      -moz-transform: translate(-200px, 0);
      -ms-transform: translate(-200px, 0);
      -o-transform: translate(-200px, 0);
      transform: translate(-200px, 0); }
    main section.section-opac .section-item-appear-right {
      -webkit-transform: translate(200px, 0);
      -moz-transform: translate(200px, 0);
      -ms-transform: translate(200px, 0);
      -o-transform: translate(200px, 0);
      transform: translate(200px, 0); }
    main section.section-opac .section-item-appear-bottom {
      -webkit-transform: translate(0, 100px);
      -moz-transform: translate(0, 100px);
      -ms-transform: translate(0, 100px);
      -o-transform: translate(0, 100px);
      transform: translate(0, 100px); }
  main section.appear.section-opac {
    overflow: visible; }
    main section.appear.section-opac .section-item-appear-left, main section.appear.section-opac .section-item-appear-right, main section.appear.section-opac .section-item-appear-bottom {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  main section.appear .member-box.member-regular {
    -webkit-transform: scale(1.52);
    -moz-transform: scale(1.52);
    -ms-transform: scale(1.52);
    -o-transform: scale(1.52);
    transform: scale(1.52); }
  main section.appear .member-box.member-xss {
    -webkit-transform: scale(0.43);
    -moz-transform: scale(0.43);
    -ms-transform: scale(0.43);
    -o-transform: scale(0.43);
    transform: scale(0.43); }
  main section.appear .member-box.member-xs {
    -webkit-transform: scale(0.56);
    -moz-transform: scale(0.56);
    -ms-transform: scale(0.56);
    -o-transform: scale(0.56);
    transform: scale(0.56); }
  main section.appear .member-box.member-sm {
    -webkit-transform: scale(0.67);
    -moz-transform: scale(0.67);
    -ms-transform: scale(0.67);
    -o-transform: scale(0.67);
    transform: scale(0.67); }
  main section.appear .member-box.member-xsmm {
    -webkit-transform: scale(0.88);
    -moz-transform: scale(0.88);
    -ms-transform: scale(0.88);
    -o-transform: scale(0.88);
    transform: scale(0.88); }
  main section.appear .member-box.member-xsm {
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    -o-transform: scale(0.97);
    transform: scale(0.97); }
  main section.appear .member-box.member-md {
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12); }
  main section.appear .member-box.member-xmd {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  main section.appear .member-box.member-lg {
    -webkit-transform: scale(1.83);
    -moz-transform: scale(1.83);
    -ms-transform: scale(1.83);
    -o-transform: scale(1.83);
    transform: scale(1.83); }
  main section.appear .member-box.member-xlg {
    -webkit-transform: scale(2.16);
    -moz-transform: scale(2.16);
    -ms-transform: scale(2.16);
    -o-transform: scale(2.16);
    transform: scale(2.16); } }

.page-template-sign-up main {
  background: #f6f5fb url(assets/img/bg-signup.png) top left repeat-x; }

@media (max-width: 1500px) and (min-width: 1199px) {
  .dots-bg .team-box .member-box {
    top: 50px;
    right: 500px; }
    .dots-bg .team-box .member-box:nth-child(2) {
      top: 40px;
      right: 320px;
      width: 105px;
      height: auto; }
    .dots-bg .team-box .member-box:nth-child(3) {
      top: -15px;
      right: 60px; }
    .dots-bg .team-box .member-box:nth-child(4) {
      top: 620px;
      right: 290px; }
    .dots-bg .team-box .member-box:nth-child(5) {
      top: 190px;
      right: 640px;
      width: 110px;
      height: auto; }
    .dots-bg .team-box .member-box:nth-child(6) {
      top: 230px;
      right: 425px; }
    .dots-bg .team-box .member-box:nth-child(7) {
      top: 230px;
      right: 280px; }
    .dots-bg .team-box .member-box:nth-child(8) {
      top: 178px;
      right: 125px;
      width: 125px;
      height: auto; }
    .dots-bg .team-box .member-box:nth-child(9) {
      top: 321px;
      right: -35px; }
    .dots-bg .team-box .member-box:nth-child(10) {
      top: 444px;
      right: 750px; }
    .dots-bg .team-box .member-box:nth-child(11) {
      top: 320px;
      right: 580px; }
    .dots-bg .team-box .member-box:nth-child(12) {
      top: 510px;
      right: 570px;
      width: 120px;
      height: auto; }
    .dots-bg .team-box .member-box:nth-child(13) {
      top: 400px;
      right: 370px; }
    .dots-bg .team-box .member-box:nth-child(14) {
      top: 400px;
      right: 180px; }
    .dots-bg .team-box .member-box:nth-child(15) {
      top: 500px;
      right: 10px; }
    .dots-bg .team-box .member-box:nth-child(16) {
      top: 518px;
      right: -90px; }
    .dots-bg .team-box .member-box:nth-child(17) {
      top: 588px;
      right: 433px; }
    .dots-bg .team-box .member-box:nth-child(18) {
      top: 612px;
      right: 277px; }
    .dots-bg .team-box .member-box:nth-child(19) {
      top: 563px;
      right: 133px; }
    .dots-bg .team-box .member-box:nth-child(20) {
      top: 753px;
      right: 42px; } }

/*============ iPad landscape ===========*/
@media (max-width: 1199px) {
  /*============ home page ===========*/
  .navbar-brand {
    padding: 20px 0 0 0; }
    .navbar-brand img {
      height: 61px; }
  header {
    height: 105px; }
  .navbar-default {
    height: 105px; }
    .navbar-default .navbar-nav {
      margin-right: 10px;
      padding: 30px 0 0; }
      .navbar-default .navbar-nav > li {
        margin-right: 0;
        padding-bottom: 20px; }
        .navbar-default .navbar-nav > li > a {
          padding: 10px 15px; }
        .navbar-default .navbar-nav > li > .sub-menu {
          top: 105px;
          padding-right: 178px; }
          .navbar-default .navbar-nav > li > .sub-menu > li:nth-child(2) {
            position: static;
            left: auto;
            bottom: auto;
            border-left: 1px solid #736691; }
          .navbar-default .navbar-nav > li > .sub-menu > li:nth-child(3) {
            border-left: none; }
          .navbar-default .navbar-nav > li > .sub-menu > li .sub-menu {
            max-width: 177px; }
      .navbar-default .navbar-nav .short-menu > .sub-menu {
        top: 80px;
        left: -243px; }
      .navbar-default .navbar-nav .short-menu .card-links {
        left: -35px; }
  .nav-links {
    padding: 35px 0 0; }
    .nav-links li {
      margin-right: 13px; }
  .main-slide-box img {
    height: 200px;
    width: auto; }
  .btn-down {
    bottom: -55px;
    width: 100px;
    height: 100px; }
    .btn-down .caret-down {
      margin-top: 40px; }
  .tutorials {
    padding-top: 80px;
    padding-bottom: 80px; }
    .tutorials img {
      width: 550px;
      height: auto; }
    .tutorials h2 {
      font-size: 40px;
      margin-bottom: 50px; }
    .tutorials ul a {
      font-size: 20px;
      line-height: 25px;
      display: inline-block;
      margin-bottom: 15px; }
    .tutorials ul li::before {
      margin-top: -13px; }
  .banner h3 {
    font-size: 40px; }
  .courses h2 {
    font-size: 35px;
    line-height: 55px; }
  .courses h4 {
    font-size: 25px;
    line-height: 40px; }
  .courses .title-box {
    padding-left: 20px; }
  .lesson-slider {
    padding-right: 30px; }
    .lesson-slider .slick-arrow {
      bottom: 50px; }
  .instruments .title-box h2 {
    font-size: 35px; }
  .instruments .title-box h4 {
    font-size: 25px;
    line-height: 60px; }
  .instruments .slick-arrow {
    bottom: -60px; }
  .parallax-bg .main-box h2 {
    font-size: 35px; }
  .parallax-bg .main-box p {
    font-size: 25px;
    line-height: 35px; }
  .parallax-bg .main-box .btn-default {
    font-size: 20px; }
  .testimonials .testimonials-slider .slick-arrow {
    bottom: 25px; }
  .testimonials .main-box h2 {
    font-size: 35px;
    line-height: 40px; }
  .testimonials .main-box h4 {
    font-size: 25px; }
  .dots-bg {
    min-height: 455px;
    background-size: 500px 500px; }
    .dots-bg .main-box {
      padding-top: 60px; }
      .dots-bg .main-box h2 {
        margin-bottom: 30px;
        font-size: 35px;
        line-height: 50px; }
      .dots-bg .main-box h4 {
        margin-bottom: 25px;
        font-size: 25px; }
      .dots-bg .main-box .btn-default {
        font-size: 25px; }
    .dots-bg .team-box .member-box.member-regular {
      -webkit-transform: scale(0.76);
      -moz-transform: scale(0.76);
      -ms-transform: scale(0.76);
      -o-transform: scale(0.76);
      transform: scale(0.76); }
    .dots-bg .team-box .member-box.member-xss {
      -webkit-transform: scale(0.3);
      -moz-transform: scale(0.3);
      -ms-transform: scale(0.3);
      -o-transform: scale(0.3);
      transform: scale(0.3); }
    .dots-bg .team-box .member-box.member-xs {
      -webkit-transform: scale(0.3);
      -moz-transform: scale(0.3);
      -ms-transform: scale(0.3);
      -o-transform: scale(0.3);
      transform: scale(0.3); }
    .dots-bg .team-box .member-box.member-sm {
      -webkit-transform: scale(0.4);
      -moz-transform: scale(0.4);
      -ms-transform: scale(0.4);
      -o-transform: scale(0.4);
      transform: scale(0.4); }
    .dots-bg .team-box .member-box.member-xsmm {
      -webkit-transform: scale(0.45);
      -moz-transform: scale(0.45);
      -ms-transform: scale(0.45);
      -o-transform: scale(0.45);
      transform: scale(0.45); }
    .dots-bg .team-box .member-box.member-xsm {
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5); }
    .dots-bg .team-box .member-box.member-md {
      -webkit-transform: scale(0.6);
      -moz-transform: scale(0.6);
      -ms-transform: scale(0.6);
      -o-transform: scale(0.6);
      transform: scale(0.6); }
    .dots-bg .team-box .member-box.member-xmd {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7); }
    .dots-bg .team-box .member-box.member-lg {
      -webkit-transform: scale(0.93);
      -moz-transform: scale(0.93);
      -ms-transform: scale(0.93);
      -o-transform: scale(0.93);
      transform: scale(0.93); }
    .dots-bg .team-box .member-box.member-xlg {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3); }
    .dots-bg .team-box .member-box {
      top: -28px;
      right: 370px; }
      .dots-bg .team-box .member-box:nth-child(2) {
        top: 1px;
        right: 219px; }
      .dots-bg .team-box .member-box:nth-child(3) {
        top: -39px;
        right: 63px; }
      .dots-bg .team-box .member-box:nth-child(4) {
        top: 373px;
        right: 285px; }
      .dots-bg .team-box .member-box:nth-child(5) {
        top: 95px;
        right: 430px; }
      .dots-bg .team-box .member-box:nth-child(6) {
        top: 150px;
        right: 300px; }
      .dots-bg .team-box .member-box:nth-child(7) {
        top: 145px;
        right: 185px; }
      .dots-bg .team-box .member-box:nth-child(8) {
        top: 102px;
        right: 57px; }
      .dots-bg .team-box .member-box:nth-child(9) {
        top: 183px;
        right: -48px; }
      .dots-bg .team-box .member-box:nth-child(10) {
        top: 255px;
        right: 521px; }
      .dots-bg .team-box .member-box:nth-child(11) {
        top: 201px;
        right: 456px; }
      .dots-bg .team-box .member-box:nth-child(12) {
        top: 297px;
        right: 367px; }
      .dots-bg .team-box .member-box:nth-child(13) {
        top: 239px;
        right: 220px; }
      .dots-bg .team-box .member-box:nth-child(14) {
        top: 246px;
        right: 104px; }
      .dots-bg .team-box .member-box:nth-child(15) {
        top: 266px;
        right: 6px; }
      .dots-bg .team-box .member-box:nth-child(16) {
        top: 300px;
        right: -67px; }
      .dots-bg .team-box .member-box:nth-child(17) {
        top: 344px;
        right: 232px; }
      .dots-bg .team-box .member-box:nth-child(18) {
        top: 350px;
        right: 136px; }
      .dots-bg .team-box .member-box:nth-child(19) {
        top: 325px;
        right: 50px; }
      .dots-bg .team-box .member-box:nth-child(20) {
        top: 448px;
        right: 0px; }
  .trial h2 {
    font-size: 35px;
    line-height: 45px; }
  .trial h3 {
    font-size: 25px;
    line-height: 35px; }
  .trial .btn-default {
    font-size: 25px;
    padding: 0 25px; }
  .testimonial-slide-text {
    padding: 47px 17px 0px 17px; }
  .music-box-link a {
    font-size: 20px; }
  .footer-content {
    padding: 40px 0 30px; }
  .social-links li {
    margin-bottom: 10px;
    width: 25%;
    float: left; }
  /*============ courses page ===========*/
  .course-list-items ul li {
    font-size: 14px;
    margin-right: 8px; }
  .course-list-items .dot-item {
    width: 18px;
    height: 18px; }
  .course-list-items .text-item {
    line-height: 18px; }
  .course-title-box, .course-list-items {
    padding: 24px 15px 21px; }
  .flag-item {
    border-right: 100px solid #49346d;
    border-left: 100px solid transparent;
    border-bottom: 100px solid transparent; }
    .flag-item img {
      height: 35px; }
  /*============ about page ===========*/
  .page-cta-box {
    padding: 50px 20px 28px; }
  .limited-box .btn-info.btn-info-light {
    font-size: 16px;
    padding: 13px 11px; }
  /*============ tutor page ===========*/
  .tutor-box-img {
    height: 300px; }
  .sign-up-title {
    font-size: 36px; }
  .banner {
    background-attachment: initial; }
  .parallax-bg {
    background-attachment: initial; }
  .filter-box select {
    min-width: 80px; }
  footer img {
    width: 150px;
    height: auto; }
  footer .social-links {
    padding-left: 20px; }
    footer .social-links li {
      margin-left: 0;
      margin-right: 0; }
    footer .social-links .youtube-button {
      padding-left: 0; }
      footer .social-links .youtube-button img {
        display: none; } }

/*============ iPad portrait ===========*/
@media (max-width: 991px) {
  /*============ home page ===========*/
  .intro {
    padding: 50px 0 70px; }
    .intro .main-box {
      padding-top: 0; }
  .sign-up-block {
    padding: 50px 0 70px; }
    .sign-up-block .main-box {
      padding: 0; }
  .large-img-box img {
    max-width: 100%;
    height: auto;
    display: block; }
  .discovery-box {
    top: 103px;
    left: 171px; }
  .discovery-block {
    padding: 50px 0 70px; }
    .discovery-block .main-box {
      padding-top: 0; }
    .discovery-block .large-img-box {
      margin-left: 0; }
  .btn-video .btn-video-icon {
    width: 75px;
    height: 75px; }
  .btn-video i {
    line-height: 75px;
    font-size: 25px; }
  .btn-video .bnt-video-text {
    line-height: 75px; }
  .main-slide-box .btn-default {
    font-size: 20px; }
  .tutorials h2 {
    font-size: 30px;
    margin-bottom: 30px; }
  .tutorials img {
    width: 700px;
    height: auto;
    margin-bottom: 30px; }
  .tutorials ul {
    padding-left: 35px; }
  .banner {
    height: 400px; }
    .banner h3 {
      margin-top: 50px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 20px;
      font-size: 30px;
      line-height: 65px;
      max-width: 700px; }
  .lesson-slider {
    padding-right: 0;
    margin-left: 150px; }
    .lesson-slider .slick-arrow.slick-prev {
      left: calc(50% - 50px); }
    .lesson-slider .slick-arrow:hover {
      background: #604a70; }
  .testimonials img {
    display: none; }
  .testimonials .testimonials-slider-wrapper {
    overflow: hidden; }
    .testimonials .testimonials-slider-wrapper .testimonials-slider-inner {
      margin: 0; }
  .testimonial-slide {
    padding: 0; }
  .trial .box-trial {
    padding-top: 100px;
    text-align: right; }
  .parallax-bg {
    padding: 50px 0 70px;
    height: auto; }
    .parallax-bg .main-box {
      padding-top: 0; }
  .ctas {
    padding: 50px 0 70px; }
  .instruments {
    padding: 50px 0 150px; }
  .dots-bg {
    background: none;
    padding: 50px 0 70px;
    min-height: 0; }
    .dots-bg .main-box {
      padding-top: 0;
      text-align: center; }
  .testimonials {
    padding: 50px 0 90px; }
    .testimonials .testimonials-slider {
      margin-bottom: 60px; }
      .testimonials .testimonials-slider .slick-arrow {
        bottom: -60px; }
  .music-box-link {
    padding: 40px 10px 30px; }
    .music-box-link a {
      font-size: 15px; }
  .social-links li {
    margin: 0 0 10px 0;
    width: 30%; }
  .copyright {
    text-align: center; }
    .copyright .pull-left, .copyright .pull-right {
      float: none !important; }
  .copyright-menu {
    margin-bottom: 30px; }
  /*============ about page ===========*/
  .page-block {
    padding: 75px 0 50px; }
    .page-block .pull-left, .page-block .pull-right {
      float: none !important; }
    .page-block .main-box {
      margin-top: 50px; }
  .page-item-wrapper {
    padding: 50px 0; }
    .page-item-wrapper .pull-left, .page-item-wrapper .pull-right {
      float: none !important; }
  /*============ course page ===========*/
  .course-box {
    margin-left: auto;
    margin-right: auto; }
  .page-item-wrapper .course-box {
    margin-bottom: 50px; }
  /*============ courses page ===========*/
  .filter-box {
    margin-bottom: 35px; }
  .connected-items-block .main-box.page-title-box, .page-item-wrapper .main-box.page-title-box {
    text-align: center; }
  .connected-items-block .filter-box, .page-item-wrapper .filter-box {
    text-align: left; }
  /*============ instrument page ===========*/
  /*============ jam-session page ===========*/
  .page-item-wrapper .music-box {
    margin-bottom: 50px; }
  .limited-box-img {
    margin-bottom: 35px; }
  .limited-box .main-box.page-title-box {
    margin-bottom: 30px; }
  .limited-box .btn-info.btn-info-light {
    position: relative;
    bottom: auto;
    right: auto; }
  .page-quote {
    padding: 60px 0 70px; }
  .page-quote-box {
    max-width: calc(100% - 140px); }
    .page-quote-box blockquote::before, .page-quote-box blockquote::after {
      font-size: 90px;
      top: 25px; }
    .page-quote-box blockquote::before {
      left: -74px; }
    .page-quote-box blockquote::after {
      right: -74px; }
  .page-ctas {
    padding: 50px 0 70px; }
    .page-ctas .row {
      margin-right: -5px;
      margin-left: -5px; }
      .page-ctas .row [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px; }
  .page-cta-box {
    padding: 35px 10px 28px;
    min-height: 450px; }
    .page-cta-box h4 {
      margin-bottom: 25px; }
  .session-block {
    padding: 50px 0 70px; }
    .session-block .row {
      margin-right: -15px;
      margin-left: -15px; }
      .session-block .row [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; }
  .category-items a, .category-items span {
    font-size: 16px; }
  .category-items > li + li::after {
    font-size: 16px; }
  .session-box h2 {
    font-size: 30px; }
  .session-box p {
    font-size: 16px;
    line-height: 28px; }
  .tune-block {
    padding: 50px 0 70px; }
    .tune-block .row {
      margin-right: -5px;
      margin-left: -5px; }
      .tune-block .row [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px; }
  .tune-box-title h5 {
    font-size: 13px; }
  .tune-box hr {
    margin-bottom: 15px; }
  .tune-box h6 {
    line-height: 23px; }
  /*============ sign-up page ===========*/
  .sign-up-box-text {
    padding-left: 0; }
  .price-box {
    margin-right: 15px; }
  .sign-up-box:last-of-type {
    margin-bottom: 35px; }
  .tutor-box-img {
    height: 240px;
    margin-bottom: 50px; }
  .main-box.page-title-box {
    text-align: center; }
  .filter-box {
    text-align: left; }
  .sign-up-title {
    font-size: 24px;
    left: 25px;
    bottom: 20px; }
  .page-item-wrapper > .container > .row > [class*='col-'] > .img-border {
    margin-bottom: 35px; }
  footer .footer-content {
    padding-bottom: 0; }
    footer .footer-content img {
      margin: 0 auto;
      margin-bottom: 20px; }
  footer .social-links {
    padding-left: 60px; }
    footer .social-links address {
      width: unset;
      line-height: 36px; }
    footer .social-links li {
      margin-bottom: 30px;
      width: 33%; }
      footer .social-links li:nth-child(3n + 1) {
        clear: both; } }

/*=================================== mobile ======================================*/
@media (max-width: 767px) {
  /*============ home page ===========*/
  .navbar-collapse.collapse {
    display: none !important;
    overflow-x: visible !important; }
  .navbar-collapse.collapse.in {
    display: block !important;
    overflow-y: auto !important; }
  .navbar-header .collapse, .navbar-toggle {
    display: block !important; }
  .navbar-header {
    float: none; }
  body.no-scroll {
    overflow: hidden; }
  header {
    height: 85px; }
  .navbar-brand {
    padding: 15px 0 0 0 !important; }
  .navbar-default {
    height: 85px; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: #E2DFF0; }
  .hamburger {
    padding: 12px 9px 8px !important;
    background-color: #dbd7ec !important;
    border-radius: 0 !important;
    line-height: 1 !important;
    margin-top: 22px !important; }
    .hamburger:hover {
      opacity: 1; }
  .hamburger-inner {
    background-color: #614d6f;
    height: 3px;
    width: 23px;
    border-radius: 0; }
    .hamburger-inner::after, .hamburger-inner::before {
      background-color: #614d6f;
      height: 3px;
      width: 23px;
      border-radius: 0; }
  .hamburger--slider .hamburger-inner::before {
    top: 6px; }
  .hamburger--slider .hamburger-inner::after {
    top: 12px; }
  .hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 6px, 0) rotate(45deg);
    -ms-transform: translate3d(0, 6px, 0) rotate(45deg);
    -o-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg); }
    .hamburger--slider.is-active .hamburger-inner::after {
      -webkit-transform: translate3d(0px, -12px, 0) rotate(-90deg);
      -moz-transform: translate3d(0px, -12px, 0) rotate(-90deg);
      -ms-transform: translate3d(0px, -12px, 0) rotate(-90deg);
      -o-transform: translate3d(0px, -12px, 0) rotate(-90deg);
      transform: translate3d(0px, -12px, 0) rotate(-90deg); }
  .hamburger-box {
    width: 23px;
    height: 18px; }
  .navbar-default .navbar-nav {
    background-color: #6c5f8a;
    margin-right: 0;
    padding: 0px; }
    .navbar-default .navbar-nav > li {
      position: relative;
      float: none;
      padding-bottom: 0;
      border-bottom: 1px solid #463964;
      -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
      -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
      -webkit-transition: background-color 0.2s ease-in-out 0s;
      -moz-transition: background-color 0.2s ease-in-out 0s;
      -ms-transition: background-color 0.2s ease-in-out 0s;
      -o-transition: background-color 0.2s ease-in-out 0s;
      transition: background-color 0.2s ease-in-out 0s; }
      .navbar-default .navbar-nav > li > a {
        padding: 27px 30px 17px;
        color: #fff; }
        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
          color: #fff; }
      .navbar-default .navbar-nav > li .open-submenu {
        color: #fff;
        font-size: 33px;
        line-height: 13px;
        color: #81749F;
        position: absolute;
        top: 22px;
        right: 25px;
        padding: 5px;
        cursor: pointer; }
      .navbar-default .navbar-nav > li > .sub-menu, .navbar-default .navbar-nav > li .card-links {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.3s ease-in-out 0s;
        -moz-transition: max-height 0.3s ease-in-out 0s;
        -ms-transition: max-height 0.3s ease-in-out 0s;
        -o-transition: max-height 0.3s ease-in-out 0s;
        transition: max-height 0.3s ease-in-out 0s; }
      .navbar-default .navbar-nav > li > .sub-menu {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        max-width: none;
        padding-right: 0px; }
        .navbar-default .navbar-nav > li > .sub-menu > li {
          padding: 0px 15px 0px;
          width: 33.3333%; }
          .navbar-default .navbar-nav > li > .sub-menu > li > a {
            padding: 10px 20px 10px;
            margin-bottom: 0; }
          .navbar-default .navbar-nav > li > .sub-menu > li .sub-menu {
            max-width: none;
            padding: 0 20px; }
          .navbar-default .navbar-nav > li > .sub-menu > li:nth-child(2) {
            border: none; }
      .navbar-default .navbar-nav > li:last-child {
        border-bottom: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .navbar-default .navbar-nav > li:hover .sub-menu, .navbar-default .navbar-nav > li:hover .card-links {
        display: none; }
      .navbar-default .navbar-nav > li.item-submenu-active .sub-menu, .navbar-default .navbar-nav > li.item-submenu-active .card-links {
        display: inline-block;
        max-height: 1500px;
        margin-bottom: 25px; }
    .navbar-default .navbar-nav .short-menu > .sub-menu {
      top: auto;
      left: auto;
      width: 100%;
      float: left;
      margin-bottom: 0; }
    .navbar-default .navbar-nav .short-menu .card-links {
      left: auto;
      top: auto !important;
      width: auto;
      float: right;
      top: 30px; }
  .navbar-default .card-links {
    position: relative;
    top: auto;
    right: auto;
    background-color: #6c5f8a;
    display: inline-block;
    width: 100%;
    margin-left: 0;
    padding: 0px 30px; }
  .navbar-collapse {
    position: relative;
    z-index: 999; }
  .navbar-fixed-top .navbar-collapse {
    max-height: 1500px; }
  .navbar-right {
    margin-right: 0; }
  .navbar-nav, .nav-links {
    float: none !important;
    display: inline-block;
    width: 100%; }
  .nav-links {
    background-color: #40355D !important;
    padding: 20px 30px !important;
    margin-left: 0 !important;  }
    .nav-links li {
      float: none; }
    .nav-links .btn-default a {
      color: #FFF; }
  body {
    font-size: 14px; }
  h2 {
    font-size: 24px; }
  h4 {
    font-size: 18px; }
  .navbar-brand {
    padding: 15px 0px; }
    .navbar-brand img {
      height: 51px; }
  .navbar-header {
    padding: 0 20px; }
  .hamburger {
    margin-top: 22px !important; }
  .navbar-collapse {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav {
    margin: 0; }
  .navbar-default .navbar-nav > li > .sub-menu > li {
    width: 100%; }
    .navbar-default .navbar-nav > li > .sub-menu > li:nth-of-type(2) {
      padding-bottom: 0; }
  .navbar-default .navbar-nav > li.item-submenu-active .sub-menu {
    margin-bottom: 0; }
  .navbar-default .navbar-nav > li.short-menu.item-submenu-active > .sub-menu {
    margin-bottom: 10px; }
  .navbar-default .card-links .card-link-item {
    margin-bottom: 5px;
    float: none; }
  .main-slider {
    min-height: 500px; }
  .main-slider-wrapper .slick-slide {
    min-height: 500px; }
  .main-slide-box {
    width: unset;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
    .main-slide-box img {
      display: none; }
    .main-slide-box h4 {
      line-height: 23px; }
    .main-slide-box h1 {
      font-size: 20px;
      margin-bottom: 30px; }
    .main-slide-box h2 {
      font-size: 16px;
      margin-top: 0;
      margin-bottom: 17px; }
    .main-slide-box .btn-default {
      font-size: 15px;
      padding: 4px 11px;
      border-radius: 0; }
  .main-slide {
    height: 245px; }
  .btn-down {
    bottom: -35px;
    width: 65px;
    height: 65px; }
    .btn-down .caret-down {
      margin-top: 27px;
      width: 30px; }
  .tutorials h2 {
    line-height: 40px; }
  .courses {
    position: relative; }
    .courses h2 {
      font-size: 30px;
      line-height: 35px;
      margin-bottom: 20px; }
    .courses h4 {
      font-size: 20px;
      line-height: 30px; }
    .courses .bg-mask {
      background: #fff;
      opacity: 0.20;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
    .courses.courses-full .lesson-slider {
      padding: 0;
      width: 100%; }
  .main-box h2 {
    margin-top: 0;
    margin-bottom: 27px; }
  .main-box h4 {
    margin-bottom: 15px; }
  .main-box p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 15px; }
  .main-box .btn-default {
    padding: 7px 14px; }
  .intro {
    padding: 23px 0 32px; }
    .intro .container {
      padding-left: 45px;
      padding-right: 45px; }
    .intro .main-box h2 {
      text-align: center;
      margin-bottom: 14px; }
    .intro .main-box p {
      margin-bottom: 19px; }
  .btn-default {
    font-size: 16px; }
  .music-box {
    padding: 20px 10px 10px 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px; }
    .music-box .music-img-box {
      min-height: 0;
      margin-bottom: 0;
      margin-right: 20px;
      display: inline-block; }
    .music-box h4 {
      display: inline-block;
      font-size: 18px;
      max-width: 85px;
      text-transform: uppercase;
      line-height: 24px;
      margin: 0; }
  .sign-up-block {
    padding: 50px 0 58px; }
    .sign-up-block .container {
      padding-left: 45px;
      padding-right: 40px; }
  .discovery-block {
    padding: 17px 0 55px; }
    .discovery-block .container {
      padding-left: 45px;
      padding-right: 45px; }
    .discovery-block .large-img-box {
      margin-right: -30px;
      margin-left: -30px;
      margin-bottom: 31px; }
  .btn-video .btn-video-icon {
    width: 29px;
    height: 29px; }
  .btn-video i {
    line-height: 29px;
    font-size: 9px; }
  .btn-video .bnt-video-text {
    line-height: 29px;
    font-size: 12px;
    margin-right: 5px; }
  .discovery-box {
    top: 42px;
    left: 22px; }
  .parallax-bg {
    padding: 81px 0 85px; }
    .parallax-bg .container {
      padding-left: 35px;
      padding-right: 35px; }
    .parallax-bg .main-box {
      padding-left: 0; }
      .parallax-bg .main-box h2 {
        line-height: 45px; }
      .parallax-bg .main-box p {
        font-size: 20px;
        line-height: 25px; }
      .parallax-bg .main-box .btn-default {
        font-size: 15px; }
  .ctas {
    padding: 60px 0 35px; }
    .ctas .container {
      padding-left: 30px;
      padding-right: 30px; }
    .ctas .card-link-item {
      margin-bottom: 20px; }
      .ctas .card-link-item img {
        width: 100%; }
  .main-box.title-box {
    margin-bottom: 32px; }
  .card-box {
    padding: 20px 22px 30px; }
    .card-box .card-title {
      font-size: 24px;
      max-width: 130px;
      margin-bottom: 24px; }
    .card-box .card-subtitle {
      font-size: 18px;
      margin-bottom: 17px; }
    .card-box .btn-default {
      font-size: 12px;
      padding: 6px 10px; }
  .bg-left-xs {
    background-color: #956EC9; }
  .bg-right-xs {
    background-color: #FEBE52; }
  .instruments {
    padding: 58px 0 120px; }
    .instruments .container {
      padding-left: 40px;
      padding-right: 40px; }
    .instruments .main-box {
      margin-left: -20px;
      margin-right: -20px; }
      .instruments .main-box h4 {
        font-size: 14px; }
  .ctas .card-box {
    position: relative;
    bottom: auto;
    left: auto;
    width: auto; }
    .ctas .card-box .card-title {
      font-size: 30px;
      max-width: none; }
    .ctas .card-box .card-subtitle {
      font-size: 24px; }
    .ctas .card-box .btn-default {
      font-size: 18px;
      padding: 11px 31px; }
  .ctas .card-link-item {
    padding: 10px 15px 30px; }
  .lesson-slider {
    margin-right: 0;
    width: 340px;
    margin-left: auto; }
    .lesson-slider .slick-arrow {
      width: 50px;
      height: 50px;
      color: #49346d;
      border: 1px solid #49346d; }
    .lesson-slider .slick-list {
      padding-bottom: 80px; }
  .instrument-slide img {
    width: 100%; }
  .slick-arrow {
    bottom: -78px; }
  .dots-bg {
    padding: 50px 0 58px; }
    .dots-bg .main-box h4, .dots-bg .main-box p {
      text-align: left; }
    .dots-bg .main-box h2 {
      line-height: 45px; }
    .dots-bg .container {
      padding-left: 35px;
      padding-right: 30px; }
  .testimonials {
    padding: 50px 0; }
    .testimonials .container {
      padding-left: 20px;
      padding-right: 20px; }
  .testimonial-slide-text {
    min-height: 363px; }
    .testimonial-slide-text h5 {
      margin-bottom: 25px; }
  .testimonial-slide-box {
    min-height: 376px; }
  .bottom-links .container {
    padding-left: 0px;
    padding-right: 0px; }
  .bottom-links [class*='col-']:last-child .music-box-link {
    border-bottom: none; }
  .music-box-link {
    border-bottom: 1px solid #f7f6fd;
    border-left: none;
    padding: 56px 15px 42px; }
    .music-box-link a {
      font-size: 18px; }
  .trial {
    position: relative; }
    .trial .bg-mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: 0.30; }
    .trial .box-trial {
      text-align: center; }
    .trial h2 {
      font-size: 30px;
      line-height: 20px; }
    .trial h3 {
      font-size: 25px;
      line-height: 20px;
      margin-bottom: 30px; }
  .footer-content {
    padding-left: 25px;
    padding-right: 25px; }
    .footer-content .img-responsive {
      height: 48px;
      margin-left: 0; }
  .main-box h2 {
    line-height: 32px; }
  footer .social-links {
    padding-left: unset;
    display: block; }
    footer .social-links li {
      width: unset; }
  .social-links li {
    width: 100%;
    padding: 0;
    margin: 0 0 27px 0;
    float: none; }
    .social-links li:last-child {
      margin-bottom: 20px;
      display: block; }
  .copyright {
    padding: 16px 0 38px; }
    .copyright .container {
      padding-left: 20px;
      padding-right: 20px; }
    .copyright .text-center {
      text-align: left; }
    .copyright span {
      padding: 0 22px; }
  .copyright-menu {
    margin-bottom: 36px; }
  .banner {
    min-height: 250px; }
    .banner h3 {
      margin-left: 35px;
      margin-right: 35px;
      line-height: 50px; }
  /*============ about page ===========*/
  .main-box.page-title-box .page-subtitle {
    line-height: 18px; }
  .main-box.page-title-box h2 {
    margin-bottom: 10px; }
  .page-item-wrapper {
    padding: 40px 0; }
    .page-item-wrapper .main-box.page-title-box {
      margin-bottom: 30px; }
  .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px; }
  .page-block {
    padding: 60px 0 40px; }
    .page-block .main-box {
      margin-top: 35px; }
  .main-box.page-title-box {
    margin-bottom: 29px; }
  /*============ course page ===========*/
  .connected-items-block [class*='col-']:last-child .lesson-box {
    margin-bottom: 20px; }
  .connected-items-block .main-box.page-title-box h2 {
    font-size: 30px;
    text-align: left;
    line-height: 35px; }
  /*============ courses page ===========*/
  .filter-box .filter-label {
    margin-right: 4px;
    font-size: 14px; }
  .filter-box select {
    font-size: 14px; }
  .filter-box option {
    font-size: 14px; }
  .filter-box .select-box {
    margin-right: 0; }
    .filter-box .select-box::after {
      line-height: 38px; }
  .page-item-wrapper .course-box {
    margin-bottom: 20px; }
  .course-box {
    margin-bottom: 20px;
    max-width: 500px; }
    .course-box > img {
      width: 100%; }
  /*============ instruments page ===========*/
  .page-wrapper {
    padding: 50px 0; }
  .page-item-wrapper .music-box {
    padding: 20px 10px 15px 20px;
    margin-bottom: 40px; }
    .page-item-wrapper .music-box h4 {
      max-width: none;
      line-height: 40px; }
  /*============ jam session page ===========*/
  .limited-box-img {
    margin-bottom: 30px; }
  .limited-box {
    padding: 35px 20px 40px; }
  .page-quote {
    padding: 80px 0 50px; }
  .page-quote-box {
    max-width: 100%; }
    .page-quote-box blockquote {
      font-size: 16px;
      line-height: 26px;
      margin: 0 0 50px 0; }
      .page-quote-box blockquote::before, .page-quote-box blockquote::after {
        top: -15px; }
      .page-quote-box blockquote::before {
        left: 0;
        top: -20px; }
      .page-quote-box blockquote::after {
        top: auto;
        bottom: -60px;
        right: 0; }
  .page-ctas {
    padding: 50px 0; }
  .page-cta-box {
    padding: 35px 20px 28px;
    min-height: 0;
    margin-bottom: 20px; }
  .session-block {
    padding: 50px 0 40px; }
  .session-box {
    margin-bottom: 20px; }
    .session-box .btn-video i {
      line-height: 29px;
      font-size: 9px; }
    .session-box h2 {
      font-size: 24px;
      margin-top: 5px; }
  .control-item {
    min-width: 0;
    width: 100%;
    margin-bottom: 10px; }
    .control-item.pull-right, .control-item.pull-left {
      float: none !important; }
  .tune-box-bottom audio {
    width: 100%; }
  .tune-block {
    padding: 50px 0; }
  .page-breadcrumb-box {
    padding: 17px 0 20px; }
    .page-breadcrumb-box h1 {
      font-size: 20px; }
  /*============ sign up page ===========*/
  .sign-up-box-text h2 {
    font-size: 36px; }
  .sign-up-box-text h3 {
    font-size: 24px;
    margin-bottom: 31px; }
  .page-item-wrapper .main-box.page-title-box {
    margin-bottom: 33px; }
    .page-item-wrapper .main-box.page-title-box .filter-box .filter-label {
      display: block;
      margin-bottom: 5px; }
    .page-item-wrapper .main-box.page-title-box .filter-box .select-box {
      width: 49%; }
      .page-item-wrapper .main-box.page-title-box .filter-box .select-box select {
        width: 100%; }
  .sign-up-list ul {
    padding-left: 35px;
    margin-bottom: 41px; }
  .sign-up-list li {
    font-size: 14px;
    margin-bottom: 11px; }
    .sign-up-list li::before {
      height: 18px; }
  .sign-up-box {
    margin-bottom: 30px; }
    .sign-up-box .list-inline {
      display: inline-block; }
    .sign-up-box.sign-up-box-free .sign-up-list ul {
      margin-bottom: 35px; }
    .sign-up-box:last-child {
      margin-bottom: 0; }
    .sign-up-box .btn-info {
      width: 100%;
      font-size: 24px;
      padding: 14px 26px;
      margin-bottom: 5px; }
  .price-box .price-box-subtitle {
    font-size: 18px; }
  /*============ tutor page ===========*/
  .tutor-box-img {
    height: 284px;
    max-width: 284px;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto; }
  .tutor-single-wrapper .content {
    padding-right: 0; }
    .tutor-single-wrapper .content p {
      line-height: 26px; }
  /*============ tutors page ===========*/
  .main-box.page-title-box h4 {
    text-align: left;
    padding-left: 0px;
    font-size: 24px; }
  .tutor-box {
    padding: 25px 0; }
    .tutor-box.dark-block {
      background-color: #fff; }
    .tutor-box .pull-left, .tutor-box .pull-right {
      float: none !important; }
    .tutor-box:last-of-type {
      padding-bottom: 80px; }
  .tutors-title-wrapper {
    padding-top: 20px; }
    .tutors-title-wrapper .main-box.page-title-box {
      margin-bottom: 0; }
      .tutors-title-wrapper .main-box.page-title-box h4 {
        margin-bottom: 4px; }
  .tutor-hidden-box h4 {
    font-size: 18px;
    line-height: 31px;
    max-width: 100px; }
  .tutor-box-text {
    padding: 0;
    text-align: center; }
    .tutor-box-text h4 {
      margin-bottom: 18px; }
    .tutor-box-text .btn-default {
      padding: 6px 15px;
      font-size: 13px;
      background-color: #594a77;
      color: #fff; }
      .tutor-box-text .btn-default:hover, .tutor-box-text .btn-default:focus {
        background-color: #fff;
        color: #594a77; }
  .limited-box {
    margin-bottom: 50px; }
  .instrument-box > img {
    width: 100%; }
  .page-item-wrapper > .container > .row > [class*='col-'] > .img-border {
    margin-left: auto;
    margin-right: auto; }
  footer .social-links {
    text-align: center; }
    footer .social-links li:last-child {
      display: inline-block; }
  footer .footer-top p {
    padding: 0;
    border: 0; }
  footer .footer-content address {
    line-height: 18px; }
  .copyright .pull-left a {
    display: block; }
  .post-type-archive-course .masonry-wrapper .masonry-item {
    right: 0;
    max-width: 390px;
    margin: auto; } }

@media (min-width: 600px) and (max-width: 767px) {
  .col-sm-xs-6 {
    width: 50%; } }

@media (max-width: 599px) {
  .masonry-item {
    right: 0;
    margin: 0 auto;
    max-width: 320px; }
  .ctas .card-box .card-title {
    font-size: 24px;
    max-width: none; }
  .ctas .card-box .card-subtitle {
    font-size: 18px; }
  .ctas .card-box .btn-default {
    font-size: 14px;
    padding: 8px 20px; } }

/*===========================================ADMIN-BAR=====================================================*/
@media (max-width: 782px) {
  body.admin-bar .navbar-default {
    top: 46px; } }

@media (max-width: 600px) {
  body.admin-bar .navbar-default.affix-top {
    position: absolute;
    margin-bottom: 0;
    margin-top: 0 !important; }
  body.admin-bar .navbar-default.affix {
    top: 0 !important; } }

h2 {
    font-size: 22px !important;
}

.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.alert-info {
  font-size: 22px;
  text-align: center;
}
/*# sourceMappingURL=style.css.map */