*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
html > body {

   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4em; background:#fbfbd5; color:#000; margin:0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
  /* font-family: century gothic;*/
   	 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
}
img{ max-width:100%;}
a{ text-decoration:none; color:#000;}
a:hover{ transition: all 0.5s linear 0s; text-decoration:none; color:#f6f6f6;}
.center{ text-align:center;}
.right{ text-align:right;}
.left{ text-align:left;}
.clear{ clear:both;}
.right-img {
    float: right;
    margin: 4px 0 15px 20px;
}
.left-img {
    float: left;
    margin: 4px 0 15px 20px;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.height10 {
    height: 10px;
}
.height20 {
    height: 20px;
}
.height30 {
    height: 30px;
}
.height40 {
    height: 40px;
}
header {
    background: #000000 none repeat scroll 0 0;
}

p {
    margin: 10px 0 20px;
}
@media (min-width: 768px) {
.container {
    width: 750px;
}
}
@media (min-width: 992px) {
.container {
    width: 920px;
}
}
@media (min-width: 1200px) {
.container {
    width: 1020px;
}
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 
       padding-left: 15px;
    padding-right: 15px;
}
a:hover, a:focus {
    color: #fff;
}
@media (min-width: 990px) {.empty-box{ padding-top:110px}}

nav ul {
   
    margin: 20px 0; padding:0; text-align:center;
}
nav li{  margin:0 3px;  display: inline-block;}
nav li a{ padding:5px 9px; color:#fff; text-transform:uppercase; font-size:19px;}
nav li a:hover{text-decoration:underline;}
.logo {
    text-align: center;  margin: 15px 0 0;
}
.free-btn {
    display: inline-block;
    float: right;
    margin: 20px 0;
    text-align: right;
}
.free-btn > a {
    background: #cdb751 none repeat scroll 0 0;
    border-radius: 2px;
    padding: 6px 40px;
}

.free-btn > a:hover {
    background: #ba9f21 none repeat scroll 0 0;
    border-radius: 2px;
    padding: 6px 40px;
}
li.free-btn {
    margin: 0 15px;
    float: none;
}
.home-topwrapper {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/mystery-teachings-bg.jpg") no-repeat scroll 0 0;
 float: left;
    position: relative;
    width: 100%;
    z-index: 9;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; color:#fff;
}


.home-topwrapper::before {
 background: -webkit-linear-gradient(-90deg, #000000, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); 
  background: -o-linear-gradient(-180deg, #000000, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
  background: -moz-linear-gradient(-180deg, #000000, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
  background: linear-gradient(-180deg, #000000, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); 
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;z-index: -1;
}
.topwrapper-inner {
    float: left;
    margin: 22px 0 0;
    position: relative;padding-bottom: 40px;color:#fff; width:100%;
}
.pillai-img {
    bottom: 0;
    position: absolute;
    right: 0;
}
.topwrapper-inner h1 {
    border-bottom: 1px solid #7b7a77;
    border-top: 1px solid #7b7a77;
    font-family: century gothic;
    font-size: 22px;
    margin-top: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    line-height:30px;
}
.event-wrap {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 3px;
    float: left;
    padding: 14px;
    position: relative;
    width: 100%;
    z-index: 99;
}
.event-wrap h2 {
   /* font-family: Adobe Caslon Pro;*/
    font-size: 27px;
    margin: 7px 0;line-height: 34px;
}
.event-wrap p {
    margin: 10px 0 7px;
}
.event-wrap hr {
    margin: 0;
    border-top: 1px solid #565656;
}
.mys-btn {
    background:#cdb751 ;
    border: 2px solid #ffffff;
    border-radius: 3px;
    padding: 8px 40px;
    text-transform: uppercase;display: inline-block; position:relative;transition:color 0.25s ease;
  
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
    }
   

   
.mys-btn:hover {
background:#ba9f21;
}
.section-1 {
    float: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0 auto;
    padding: 25px 0;
    width: 100%;
}
.section-1 h2 {
    font-family: century gothic;
    font-size: 40px;
    font-weight: bold;
    margin: 10px 0 25px;
    text-align: center;
}
.event-box {

    padding: 10px;
background:url(/images/MysterySchool/mystery-teachings-bg2.jpg); color:#fff;

}
.event-box-inner {
    background: #000000 none repeat scroll 0 0;
    min-height: 350px; padding:20px;
}
.event-box h3 {
    display: inline-block;
    line-height: 42px;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 25px;
    vertical-align: middle;
}
.section-1 h4 {
    margin:15px 0 45px;
}
.event-box-inner > h5 {
    font-size: 21px;
    line-height: 35px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 20px;
}
.event-box-inner > h5:before {
    position: absolute;
    width: 140px;
    height: 2px;
    background: #ffee9d;
    content: "";
    left: 50%;
    top: -21px;
    margin-left: -70px;
}

.section-2 {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/mystery-teachings-bg2.jpg") repeat scroll 0 0;
    float: left;
    padding: 35px 0;
    width: 100%;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section-2 h5 {
    font-size: 26px;
    font-weight: 700;
    margin: 14px 0 0;
}
.mys-btn.big-btn {
    font-size: 24px;
    font-weight: 700;
    padding: 13px 35px;
    color:#fff
}
.section-2 .mys-btn {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #ba9f21;
    border-radius: 2px;
    color: #ba9f21;
}
.section-2 .mys-btn a{color: #ba9f21;}
.section-2 .mys-btn:hover {
    background: #ba9f21;
    color: #fff;
    border: 2px solid #fff;
}

.timer-body-block {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 2px;
    margin-bottom: 10px;
    text-align: center;
}
.timer-body-block .table-cell {
    display: inline-block;
    margin: 5px 10px 0;
    padding: 5px 0;
}
.timer-body-block .table-cell .tab-val {
    background: #777777 none repeat scroll 0 0;
    border-radius: 2px;
    display: inline-block;
    font-size: 25px;
    margin: 0;
    padding: 7px;
}
.table-cell .tab-unit {
    color: #000000;
    font-size: 15px;
    text-transform: capitalize;
}
.timer-body-block > p {
    font-size: 13px !important;
    color: #000;
    padding: 10px 0;
}

.simple_timer_ft .table-cell .tab-unit {
    color: #000000;
    font-size: 12px !important;
    text-transform: capitalize;
}


    .aboutus h3 {
    border-bottom: 1px solid;
    font-family: Adobe Caslon Pro;
    font-size: 36px;
    margin: 30px 0 20px;
    padding-bottom: 10px;
}
.home-topwrapper.testimonies-page {
    background: #000000 none repeat scroll 0 0;

}
.home-topwrapper.testimonies-page .topwrapper-inner {
    border-bottom: 2px solid #cdb751;
    border-top: 2px solid #cdb751;
    margin-top: 15px;
    padding-bottom: 10px;
    padding-top: 13px;
    width: 100%;
}
.testi-wrap {
    border-bottom: 2px solid #cdb751;
    clear: both;
    margin-bottom: 25px;
    padding: 50px 0;
}
.testi-wrap.last-wrap{ border-bottom:none;}
.section-1.testimonies {
    padding: 0;
}
.testi-wrap h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 20px;
}
.testi-wrap p {
    font-weight: 400;
    margin: 0 0 5px;
}
.testi-wrap p.testi-name {
    font-weight: 800;
    margin-top: 16px;
}
.testi-full-wrap {
    border-bottom: 2px solid #cdb751;
    clear: both;
    padding: 10px 0 35px;
    text-align: center;
}
.testi-full-wrap iframe {
    margin: 20px auto;
    max-width: 100%;
}

.video-page h2 {
    font-family: Adobe Caslon Pro;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: uppercase;
}
.video-page h3 {
    font-family: Adobe Caslon Pro;
    font-size: 36px;
    margin-bottom: 0;
    text-align: center;
}
.video-page h4 {
    font-family: Adobe Caslon Pro;
    font-size: 32px;
    text-align: center;
}
.video-page .center > iframe {
    background: #e9e9e9 none repeat scroll 0 0;
    border-radius: 3px;
    margin: 30px auto;
    padding: 10px;
    max-width:100%;
}
.video-list .slick-slide img {
    border: 3px solid #c8c8c8;
    border-radius: 3px;
}
.video-list .slick-slide a{ position:relative;   display: inline-block;}
.video-list .slick-slide a::before {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/play-btn.png") no-repeat scroll 0 0;
    content: "";
    position: absolute;
    width: 41px;
    height: 27px;
    left: 50%;
    margin-left: -21px;
    top: 38%;
}
.video-list .slick-slide a:hover::before {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/play-btn-hover.png") no-repeat scroll 0 0;}
.slick-slide {
    margin: 0 20px;
}
.slick-slide iframe {
    border: 3px solid #ffffff;
    border-radius: 3px;
}
.video-list .slick-prev.slick-arrow {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/left-arrow1.png") no-repeat scroll 0 0;
    border: medium none;
    font-size: 0;
    height: 127px;
    left: -69px;
    position: absolute;
    top: 15px;
    width: 50px;
}
.video-list .slick-next.slick-arrow {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/right-arrow1.png") no-repeat scroll 0 0;
    border: medium none;
    font-size: 0;
    height: 127px;
    position: absolute;
    right: -69px;
    top: 15px;
    width: 50px;
}

ul.mystry-list li {
    background: url("/images/MysterySchool/list1.png") no-repeat scroll 0 10px;
    padding: 5px 10px 10px 40px;
    list-style: none;
    margin: 0;
    background-size: 25px;
}

ul.mystry-list {
    margin: 0;
    padding: 0 0 0 15px;
}
.bottomquote {
    background: rgba(0, 0, 0, 0) url(/images/MysterySchool/mystery-teachings-bg.jpg) no-repeat scroll 0 0;
    color: #fff;
    text-align: center;
    background-size: cover;
}
.bottomquote1{ background: rgba(0, 0, 0, .8); padding:40px 0;    line-height: 34px;}
.control-txt{ font-size:31px; font-weight:600;}
.btm-whitesign{ text-align:center; clear:both; margin:30px 0 40px}
			
			/* Styling the Popup Window */
@media screen and (min-width: 980px) 
{
    div.modal-dialog{ width:840px}
    }
div.modal-content {
    
    float: left;
      padding-bottom: 10px;width:100%;

}
#mysDetail div.modal-content {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/mystery-teachings-bg.jpg") no-repeat scroll 0 0;
    float: left;
    margin: 0;
    padding-top: 10px;
}
.modal-body{ padding:10px;}
.pop-wrap button.close {
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0; z-index:999;
}
.pop-wrap{ padding:0; background:#000;}
.pop-left {
    background: rgba(0, 0, 0, 0) url("/images/MysterySchool/mystery-teachings-bg2.jpg") repeat scroll 0 0;
    padding: 15px;
    text-align: center;
}
.black-wrap {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    padding: 15px 25px;
}
.black-wrap > h3 {
    font-family: adobe caslon pro;
    font-size: 29px;
    line-height: 1.4;
    margin: 10px 0;
}
.black-wrap > h4 {
    font-family: adobe caslon pro;
    font-size: 19px;
    line-height: 1.3;
    margin: 15px 0;
}
.pop-logo{ margin:37px auto 5px;}
.center.pop-logo > img {
    width: 306px;
}
.note-txt{ color:#939393; font-size:14px; text-align:center;}
.pop-form{ padding:0; margin:0;}
.pop-form li{ list-style:none; padding:10px 0;}
.pop-form input {
   
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border:none;
  border-bottom:1px solid #f7f7f7;
  
    color: #f7f7f7;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    padding: 13px 3px;
    text-transform: uppercase;
    width: 100%;
}
.pop-btn{ text-align:center;}
.pop-btn input[type="button"] {
    background: #cdb751 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}
.fade {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
#mysDetail {
    color: #fff;
}
.modal-body.mysdetail-popup {
    background: #000 url("/images/MysterySchool/Mystery-School-Pop-bg.jpg") repeat scroll top right;
    border-bottom: medium none;
    padding:20px;
}
.mysdetail-popup > h2 {
    color: #ffc55e;
    font-family: adobe caslon pro;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
}
.mysdetail-popup > h3 {
    font-family: adobe caslon pro;
    font-size: 21px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.mysdetail-popup p {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.mysdetail-popup h4 {
    color: #ffc55e;
    font-family: adobe caslon pro;
    margin-top: 25px;
    text-transform: uppercase; position:relative;font-size: 23px;
} 

/*
.mysdetail-popup h4::before {
    color: #ffffff;
    content: "->";
    font-size: 15px;
    height: 1px;
    left: -16px;
    position: absolute;
    top: -1px;
    width: 13px;
}*/

span.bold-txt {
    color: #ffc55e;
    font-family: adobe caslon pro;
    text-transform: uppercase;
}
.mysdetail-popup .close {
    opacity: 1;
    position: absolute;
    right: -9px;
    top: -21px;
}

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-12 {
    width: 100%;
}
.col-md-11 {
    width: 91.6667%;
}
.col-md-10 {
    width: 83.3333%;
}
.col-md-9 {
    width: 75%;
}
.col-md-8 {
    width: 66.6667%;
}
.col-md-7 {
    width: 58.3333%;
}
.col-md-6 {
    width: 50%;
}
.col-md-5 {
    width: 41.6667%;
}
.col-md-4 {
    width: 33.3333%;
}
.col-md-3 {
    width: 25%;
}
.col-md-2 {
    width: 16.6667%;
}
.col-md-1 {
    width: 8.33333%;
}
}

@media screen and (min-width: 768px) and (max-width: 980px) 
{
  .popup {
    left: 5%;
    margin: 0;
    padding: 5px;
    width: 90%;
}
html > body{ font-size:18px;}
.pillai-img {
    float: right;
    position: relative;
    width: 35%;
}
.pillai-img > img {
    width: 80%;
}
.topwrapper-inner{ width:100%;}
.topwrapper-inner .col-md-9{
    float: left;
    width: 65%;
}
.event-wrap {
    text-align: center;
}
.timer-body-block {
    display: inline-block;
    margin: 5px auto 20px;
}
.event-box > h3 {
    min-height: 10px;
}
.section-2 h5 {
    margin: 0 auto 20px;
    text-align: center;
}

}


@media screen and (min-width: 0px) and (max-width:767px) 
{
    html > body{ font-size:18px;}
.event-box > h3 {
    min-height: 10px;
}
.section-2 h5 {
    margin: 0 auto 20px;
    text-align: center;
}
footer {
    font-size: 14px;
}
.timer-body-block .table-cell{ margin:5px 2px 0;}
.popup {
    left: 3%;
    margin: 0;
    padding: 5px;
    width: 94%;
}
.black-wrap > h3 {
    font-size: 16px;
    margin: 3px 0;
}
.black-wrap > h4 {
    font-size: 16px;
    margin: 7px 0 0;
}
.black-wrap {
    font-size: 13px;
    padding: 10px;
}
.black-wrap p{ margin:3px;}
.pop-form li {
    list-style: outside none none;
    padding: 2px 0;
    width: 100%;
}
.pop-form input{ font-size:12px;}
.pop-logo {
    margin: 14px auto 0;
}
.testi-wrap h3 {
    margin-top: 20px;
}

}

@media screen and (min-width: 0px) and (max-width:420px) 
{
  .testi-full-wrap iframe{ height:auto;} 
  .table-cell .tab-unit{ font-size:12px;}
  .program-pricing-top h4{font-size:46px !important;}
  .avr-responsive-embed-youtube{float:none !important;width:100% !important;}
  .avr-responsive-embed-youtube-left{float:none !important;width:100% !important;}
}

/*sim-css*/
.gold{font-size:20px;color:#c5af75;text-align:left !important; text-transform: none;}
.boxgap{margin:20px;}
       .boxgap-high{margin:40px;}
       .program-title{border-top:1px solid #555555;border-bottom:1px solid #555555;}
       .program-title h4{font-size:55px; text-align:center; padding:20px;text-transform:uppercase; font-weight:bold;margin:0px;}
       .program-pricing{max-width:436px; background:#ffffff;margin:28px;padding:0px;float:left;  box-shadow: 0px 2px 6px #aaa;}
       .program-pricing-single{max-width:436px; background:#ffffff;margin:28px auto !important;padding:0px;float:none !important;}
   .program-pricing p {
    color: #000;
    font-size: 19px;
    margin: 0 0 12px;
    padding: 0 15px;
}
.program-pricing h5 {
    font-size: 23px;
    line-height: 34px;
    margin-bottom: 2px;
    padding: 0 10px;
}
.program-pricing .bonus {
    margin-top: 0 !important;
    padding: 0 0 0 34px;
}
.program-pricing .bonus li {
    background: transparent none repeat scroll 0 0;
    list-style: outside none disc;
    padding: 2px 10px 4px 0;
}
       .enroll-ft{font-size:35px !important;}
       .program-pricing-top{background: #d2bd5b; /* Old browsers */
background: -moz-linear-gradient(left, #d2bd5b 0%, #eadb8f 47%, #d0bb56 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d2bd5b 0%,#eadb8f 47%,#d0bb56 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d2bd5b 0%,#eadb8f 47%,#d0bb56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2bd5b', endColorstr='#d0bb56',GradientType=1 ); /* IE6-9 */}
.program-pricing-top h4{font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;font-size:50px;margin:0px;padding: 30px 30px 3px 30px;border:none; font-weight:700;}
.program-pricing-top h3{font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;font-size:70px;margin:0px;padding:30px;border:none; font-weight:700;}
.program-pyt{font-size:25px;}
.program-pricing ul{margin-top:20px !important;padding: 0 10px 0 20px;}
.program-pricing li{background:url("/images/MysterySchool/list1.png") no-repeat scroll 0 10px;padding: 5px 10px 7px 39px;list-style: none; font-size:21px;color:#000;background-size: 30px;}
.enroll-btn{background:#cdb751;padding:11px 60px;border:1px solid :#dac97d;margin:20px;display:inline-block;font-size:26px;}
.enroll-btn{ background:#ba9f21;}
.testi-img{margin:20px;}
.testi-span{font-size:18px;font-weight:bold;}
.prog-testi .slick-next.slick-arrow{background: rgba(0, 0, 0, 0) url("/images/MysterySchool/arrow-rgt1.png") no-repeat scroll 0 0;border: medium none;font-size: 0;height: 127px;right: 4px;position: absolute; top: 81px;width: 26px;outline:none;cursor:pointer;}
.prog-testi .slick-prev.slick-arrow {background: rgba(0, 0, 0, 0) url("/images/MysterySchool/arrow-lft1.png") no-repeat scroll 0 0;border: medium none;font-size: 0;height: 127px;
left: -9px;position: absolute;top: 81px; width: 50px;outline:none;cursor:pointer;}
.prog-testi .slick-initialized .slick-slide {display: block;outline: none;border: 0px;}

@media screen and (min-width:500px) and (max-width:990px) 
{.boxgap{margin:20px 40px 20px 0px;}
 .testi-img{margin:20px 40px 20px 0px;}
}
@media screen and (min-width:980px) and (max-width:1198px) 
{.program-pricing{max-width:389px; background:#ffffff;margin:28px;padding:0px;float:left;}
 .program-pricing-single{max-width:389px; background:#ffffff;margin:28px auto !important;padding:0px;float:none !important;}
}
@media screen and (min-width:320px) and (max-width:979px) 
{.program-pricing{max-width:389px; background:#ffffff;margin:28px auto;padding:0px;float:none;}
 .program-pricing-single{max-width:389px; background:#ffffff;margin:28px auto;padding:0px;float:none;}
}

  /* YouTube video Responsive CSS*/
.avr-responsive-embed-youtube {
float:none;
width:500px;
height:315px;
margin:5px;
}
.avr-responsive-embed-youtube-left {
float:left;
width:270px;
height:167px;
margin:5px;
}


/*optin*/
.pop-right iframe{width:100% !important;background-color:#000 !important;}   
.default .background{background:#bebdba !important;}
.infusion-submit button{width:300px !important;}
.default .infusion-field-label-container{color: #d63218 !important;} 
div.include-wrap h2 {
    font-family: Arial;
    margin-bottom: 40px;
    padding-top: 40px;
    border-top: 1px solid #ddd;
}
#breakdown-section {
    background-color: #f5f5f5;
}
#breakdown-section .header {
    color: #354455;
}
#breakdown-section .subheader {
    color: #888888;
    margin-bottom: 30px;
}
#breakdown-box {
    background-color: #f2d300;
    margin: 0 auto 30px;
    padding-left: 10px;
    position: relative;
}
#breakdown-box::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #bca229 rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
    border-image: none;
    border-style: solid;
    border-width: 16px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -16px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
#breakdown-box:last-child::after {
    display: none;
}
#breakdown-box h3 {
color: #f8f8f6;
    font-family: arial;
    font-size: 29px;
    margin-bottom: 10px; text-transform:uppercase;
}
#breakdown-box .checkmark-list {
    padding-left: 20px;
}
#breakdown-box .checkmark-list li {
   background: rgba(0, 0, 0, 0) url("/images/MysterySchool/list2.png") no-repeat scroll 0 10px;
   
    list-style: outside none none;
    padding: 2px 10px 4px 27px;
}
.breakdown-img-a {
    float: right;
}
.breakdown-img {
    float: right;
    margin-left: 10px;
}
.breakdown-box-inner {
    background-color: #bca229;
    color: #fff;
    overflow: hidden;
    padding: 20px;
}
.step-label {
    margin-bottom: 10px;
    margin-left: -10px;
}
.step-label .step-label-inner {
    background-color: #f2d300;
    color: #fff;
    display: inline-block;
    padding: 5px 15px 5px 15px;
}
.date-label {
    margin-left: -10px;
}
.date-label .date-label-inner {
    background-color: #836902;
    color: #fff;
    display: inline-block;
    padding: 5px 20px 5px 10px; text-transform:uppercase; margin-bottom:10px;
}
.breakdown-box-inner .breakdown-header {
    margin-top: 15px;
}
.breakdown-burst {
    display: table;
    height: 104px;
    position: absolute;
    right: -20px;
    top: -30px;
    width: 103px;
}
.breakdown-burst img {
    position: absolute;
}
.breakdown-burst-text {
    color: #f5f5f9;
    display: table-cell;
    height: 104px;
    line-height: 1.6em;
    position: relative;
    transform: rotate(10deg);
    vertical-align: middle;
    width: 103px;
    z-index: 99;
}
.breakdown-burst-text div {
    font-size: 25px;
}
.mys-btn.popbtn {
    border: 2px solid #836902;
    box-shadow: 1px 2px 2px #aaa;
    margin: 10px auto;
    padding: 13px 40px;
}
.event-wrap h2.long-txt {
    font-size: 35px;
    line-height: 42px;
    padding: 10px 0;
}
.event-wrap h2.long-txt a{ color:#ffd932;}

footer {
    background: #fff;
    padding-top: 15px;
}
div.slick-slide{ height:auto;}