.landing-header {
    background-color: #fffffc;
    text-align: center;
    height: 44px;
    background-image: url(../images/landing-logos.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.landing-title-box {
    padding: 15px;
    text-align: center;
}
.landing-title-box img{
    display: inline-block;
    height: 50px;
}
#content-page{
    padding: 20px 0;
}
.landing-book1{
    position: absolute;
    margin: 0 auto;
    width: 100%;
}
.landing-book2{
    margin: 0 auto;
    width: 100%;
    max-width: 550px;
}
.landing-book3{
    margin: 0 auto;
    max-width: 430px;
}
.landing-book1-content,
.landing-book2-content,
.landing-book3-content{
    padding-top: 50px;
}
.landing-book1-content img,
.landing-book2-content img,
.landing-book3-content img{
    width: 100%;
    margin-bottom: 30px;
}
.landing-items{
    padding:0 30px
}
.landing-book1-content span{
    min-height: 35px;
    margin: 10px 0;
    clear: both;
    float: right;
    color: #4c4c4c;
    font-size: 16px;
    padding-right: 40px;
    background-image: url(../images/bull-green2.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.landing-book2-content span{
    min-height: 35px;
    margin: 10px 0;
    clear: both;
    float: right;
    color: #222222;
    font-size: 16px;
    padding-right: 40px;
    background-image: url(../images/bull-green2.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.landing-book3-content span{
    min-height: 35px;
    margin: 10px 0;
    clear: both;
    float: right;
    color: #fff;
    font-size: 18px;
    padding-right: 40px;
    background-image: url(../images/bull-green3.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.landing-book-bt{
    width: 100%;
    display: inline-block;
    overflow: hidden;
    padding: 12px 10px 11px 10px;
    text-align: center;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 5px solid #f37934;
    border-radius: 30px;
    font-size: 26px;
    color: #28324e;
    font-variant: 600;
    font-weight: 600;
    background-color: #fac51c;
    text-decoration: none;
    box-shadow: 0 8px 5px -6px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    margin-top: 30px;
}
.landing-book-bt:hover{
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    background-color: #f37934;
    border-bottom: 5px solid #cc3300;
}
.landing-book2-content .landing-book-bt{
    padding: 7px 0 0 0; 
    font-size: 30px;
}
.landing-book2-content .landing-book-bt:hover span{
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0);
    color: #000;
}
.landing-book-bt span{
    clear: both;
    color: #9f3433;
    font-size: 16px;
    background-image: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 10px 0 0 0;
}
.landing-timer{
    padding: 30px 0;
}
.landing-timer-text{
    font-size: 24px;
}
.landing-timer-box{
    text-align: center;
    margin: 15px 0;
}
#retroclockbox{
    display: inline-block;
}
.wood-bg1 {
    background-image: url(../images/landing-wood.jpg);
}
.wood-bg2 {
    background-image: url(../images/landing-wood2.jpg);
}
.landing-bg3 {
    background-image: url(../images/landing-bg3.png);
    background-color: #324a7e;
}
.clock-text{
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
}
.clock-text img{
    width: 15px;
    margin: 7px 0 7px 10px;
}

.landing-close #content-page{
    text-align: center;
    padding: 0px;
}
.landing-close .container{
    max-width: 850px;
}
.land-top-bar {
    height: 56px;
    background-image: url(../images/bar-bg.jpg);
}
.land-sorry-pic{
    display: block;
    margin: -48px auto 0 auto;
    transform-origin: center 20px;
    animation: sorry-pic 3s infinite linear;
}
@keyframes sorry-pic{
    0%{transform: rotate(0deg)}
    20%{transform: rotate(4deg)}
    40%{transform: rotate(-6deg)}
    65%{transform: rotate(4deg)}
    80%{transform: rotate(0deg)}
    100%{transform: rotate(0deg)}
}
.landing-close h1{
    color: #b42725;
    font-size: 26px;
    line-height: 45px;
    
}
.land-blu-box{
    padding: 15px;
    background-image: url(../images/landing-blue-bg.jpg);
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.land-close-content h2{
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
}
.land-close-content p{
    color: #fff;
    margin-top: 15px;
}
.land-sorry-book{
    max-width: 350px;
}

.after-blue #content-page{
    padding: 0;
}
.after-blue #content-page .container{
    background-color: #dcf3ff;
    padding-bottom: 30px;
}
.after-head {
    background-color: #21557a;
    border-bottom: 3px solid #fff;
    padding: 15px 0;
    text-align: center;
}
.after-head h1{
    color: #f9d00e;
    font-weight: bold;
    margin-top: 20px;
}
.after-admin-pic{
    
}
.after-admin-pic img{
    border-radius: 50%;
    border: 5px solid #5b819c;
}
.after-admin-pic span{
    clear: both;
    color: #fff;
    width: 100%;
    margin: 5px auto 0 auto;
    font-size: 12px;
    display: block;
}

.after-text1 {
    color: #a01217;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.after-content-box h3{
    font-weight: bold;
    margin-bottom: 30px;
}
.after-content-box span{
    min-height: 35px;
    margin: 10px 0;
    clear: both;
    float: right;
    font-size: 20px;
    padding-right: 40px;
    background-image: url(../images/tick1.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.after-workshop-box {
    background-color: #fff;
    min-height: 200px;
    text-align: center;
}

.after-workshop-head {
    background-color: #1d74b0;
    line-height: 60px;
    color: #fff;
    font-size: 32px;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
}

.after-cal-box {
    padding: 25px 15px;
    text-align: center;
}

.after-calendar {
    width: 255px;
    height: 298px;
    background-image: url(../images/after-cal.png);
    margin: 0 auto;
    position: relative;
    
}

.after-cal-month {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin-top: 24px;
    float: right;
    width: 100%;
}
.after-cal-dname {
    font-size: 35px;
    margin-top: 25px;
    float: right;
    width: 100%;
}
.after-cal-dnum {
    font-size: 100px;
    margin-top: 0;
    float: right;
    width: 100%;
}

.after-bt-box {
    text-align: center;
}
.after-bt-box .landing-book-bt{
    max-width: 500px;
    padding: 20px;
    font-size: 30px;
    color: #a41218;
}
.after-bt-box .landing-book-bt:hover{
    color: #fff;
}
.after-bt-box p{
    font-size: 16px;
}


.workshop2{
    background-image: url(../images/workshop-pics/wd-bg.jpg);
}
.workshop2 .container{
    max-width: 900px;
}
.workshop2 #content-page{
    padding: 0;
}
.workshop2 #content-page .container{
    background-color: #fff;
    padding: 15px 0;
    min-height: 300px;
}
.ws-head {
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    color: #f8d00e;
    padding: 15px 0;
}
.ws-head h1{
    font-size: 30px;
    margin: 15px 0;
}
.wd-bt-box {
    text-align: center;
    max-width: 750px;
    float: none;
    margin: 0 auto;
    display: table;
}
.wd-bt-box .landing-book-bt{
    max-width: 500px;
    padding: 20px;
    font-size: 30px;
    color: #a41218;
    border-radius: 1em !importnat;
}
.wd-bt-box .landing-book-bt:hover{
    color: #fff;
}
.wd-bt-box p{
    font-size: 16px;
}

.wd-gray-box {
    padding: 15px;
    background-color: #efefef;
    color: #5f5f5f;
    text-align: center;
    max-width: 750px;
    float: none;
    margin: 15px auto;
    display: table;
}
.wd-gray-box b{
    color: #000;
}

.wd-video-box {
    max-width: 750px;
    float: none;
    margin: 15px auto 0 auto;
    display: table;
}

.wd-content-box {
    min-height: 200px;
    border: 3px solid #e0e7e7;
    border-radius: 15px;
    background-image: url(../images/workshop-pics/wd-box-bg.jpg);
    overflow: hidden;
}

.wd-ct-head {
    background-color: #b8312f;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.wd-head-img {
    max-width: 100%;
}
.wd-ct-tx h3{
    font-size: 20px;
    color: #0f4272;
    margin-bottom: 15px;
}
.wd-ct-tx span{
    min-height: 35px;
    margin: 10px 0;
    clear: both;
    float: right;
    font-size: 16px;
    padding-right: 40px;
    background-image: url(../images/tick1.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.wd-monitor {
    width: 390px;
    height: 295px;
    background-image: url(../images/workshop-pics/monitor.png);
    background-repeat: no-repeat;
    position: relative;
    margin: 15px auto;
    font-size: 20px;
    background-size: 100% 100%;
}

.wd-monitor-num {
    
}

.wd-monitor-head {
    color: #fff;
    font-size: 20px;
    margin-top: 13px;
    line-height: 42px;
}
.wd-monitor-head span{
    background-color: #fff;
    color: #e13c2e;
    font-weight: bold;
    line-height: 30px;
    min-width: 30px;
    text-align: center;
    margin-right: 5px;
    margin-top: 6px;
    display: inline-block;
    border-radius: 15px;
}

.wd-monitor-date-tx {
    color: #2b496f;
    width: 60%;
    float: right;
    clear: both;
    text-align: center;
    margin-top: 25px;
}
.wd-monitor-time {
    color: #e13c2e;
    width: 60%;
    float: right;
    clear: both;
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    font-size: 22px;
}
.wd-monitor-loc {
    color: #e13c2e;
    width: 60%;
    float: right;
    clear: both;
    text-align: center;
    margin-top: 5px;
}
.wd-monitor-cal-month{
    position: absolute;
    color: #fff;
    line-height: 30px;
    width: 120px;
    top: 84px;
    left: 33px;
    text-align: center;
    
}
.wd-monitor-cal-day{
    position: absolute;
    color: #000;
    width: 120px;
    top: 125px;
    left: 33px;
    text-align: center;
    font-size: 26px;
}
.wd-mon-tick{
    position: absolute;
    bottom: 0;
    right: -40px;
}
.mon-expire-img{
    position: absolute;
    right: 20px;
    top: 57px;
    visibility: hidden;
}
.mon-expire{
    background-image: url(../images/workshop-pics/monitor-gray.png);
}
.mon-expire span{
    color: #777;
}
.mon-expire .mon-expire-img{
    visibility: visible;
}
.mon-expire .wd-monitor-date-tx,
.mon-expire .wd-monitor-time,
.mon-expire .wd-monitor-loc,
.mon-expire .wd-mon-tick{
    visibility: hidden;
}


.wd-timer-box {
    padding: 15px;
    margin: 15px 0;
    background-image: url(../images/workshop-pics/timer-bg.jpg);
    text-align: center;
}
.wd-timer-box h3{
    color: #ffcc17;
    font-size: 18px;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    margin: 0;
    margin-bottom: 20px;
}

.timer-inner-box {
    
}

.last-monitors-box {
    background-color: #efefef;
    overflow: hidden;
}

.wd-footer {
    background-color: #2a2a2a;
    min-height: 50px;
}

.reserve #content-page{
    
}
.reserve #content-page .container{
    background-color: #fff;
    min-height: 300px;
    max-width: 900px;
    padding: 15px;
}
.res-head-img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.res-left-box {
    background-color: #dcf4fd;
    min-height: 300px;
    margin-top:15px;
    padding: 15px;
}

.res-right-box {
    background-color: #f1f1f1;
    min-height: 300px;
    margin-top:15px;
    font-size: 16px;
}
.res-right-box h3 {
    margin-bottom: 15px;
    font-size: 16px;
}
.res-right-box span {
    min-height: 35px;
    margin: 10px 0;
    clear: both;
    float: right;
    padding-right: 33px;
    background-image: url(../images/bull-blue.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.res-cal-box{
    height: 115px;
    text-align: center;
    margin-bottom: 15px;
}
.res-cal-month {
    background-color: #107fc9;
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
}

.res-cal-day {
    background-color: #fff;
    color: #9d9c9c;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    font-size: 55px;
    font-weight: bold;
}
.res-date-box{
    height: 115px;
    margin-bottom: 15px;
}
.res-date-box h3{
    line-height: 40px;
    margin: 0;
    color: #17313b;
    font-weight: bold;
}
.res-date-desc {
    width: 100%;
    line-height: 35px;
    border-top: 1px dashed #ababab;
    color: #17313b;
}

.res-monitor {
    background-image: url(../images/res-monitor.png);    
    width: 300px;
    height: 230px;
    position: relative;
    margin: 15px auto;
    display: table;
    padding: 6px;
}
.res-monitor img{
    width: 100%
}

.res-monitor-link {
    text-align: center;
    line-height: 27px;
    font-size: 16px;
}
.res-footer .container{
    max-width: 750px;
    padding: 15px 0;
    color: #6e6e6e;
}
.res-button{
    margin-top: 15px;
    background: #67ad29; /* Old browsers */
    background: -moz-linear-gradient(top,  #67ad29 0%, #69b431 50%, #4ca11f 51%, #74b52f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #67ad29 0%,#69b431 50%,#4ca11f 51%,#74b52f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #67ad29 0%,#69b431 50%,#4ca11f 51%,#74b52f 100%); 

    text-align: center;
    color: #fff;
    border-radius: 10px;
    font-size: 35px;
    font-weight: bold;
    border: none;
    padding: 15px;
    box-shadow: inset 0 0 30px #346011;
}
.res-button:hover{
    background: #fff; 
    color: #6e9643; 
}

.after_blue2{
    background-image: url(../images/tile-bg.jpg);
}
.after2-tv-box {
    background-color: #353535;
    padding: 15px;
    border: 3px solid #000;
    max-width: 80%;
    float: none;
    margin: 0 auto;
}
.af2-tv-shadow{
    max-width: 80%;
    float: none;
    margin: 0 auto;
    display: block;
}

.after2-tv-inner {
    width: 100%;
    min-height: 70px;
    background-color: #fff;
}

.af2-red-bar {
    padding: 10px 15px;
    border-radius:10px;
    background-color: #b8312f;
    color: #e8bd4a;
    font-size: 18px;
    text-align: right;
    margin:15px auto;
}
.af2-blue-bar {
    padding: 10px 15px;
    border-radius:10px;
    background-color: #3d88c7;
    color: #fff;
    font-size: 18px;
    text-align: right;
    margin: 10px auto 0;
}
.af2-forms{
    
}
.af2-forms textarea,
.af2-forms input{
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #b8312f;
    color: #999999;
}
.af2-forms input{
    margin-bottom: 5px; 
}
.af2-forms textarea{
    min-height: 135px;
}
.af2-forms button{
    width: 100%;
    background-color: #c0c3c7;
    padding: 10px 10px 10px 40px;
    border: none;
    color: #000;
    background-image: url(../images/send-icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: right;
    font-size: 18px;
    margin-bottom: 5px;
}
.af2-forms button:hover{
    background-color: #939393;
}

.lan-bl1{
    background-color: #000;
}
.container.cnt-850{
    max-width: 850px;
}
.lan-bl1 h3.bl-tx1{
    color: #ecaa01;
    text-align: center;
}
.lan-bl1 h1{
    color: #fff;
    text-align: center;
}
.lan-bl1 a.bl-bt{
    border: none;
    background-color: #d43d1b;
    color: #fff;
    font-size: 30px;
    padding: 10px 20px;
    border-radius: 100px;
    margin: 15px auto;
    display: inline-block;
    width: auto;
}
.lan-bl1 a.bl-bt:hover{
    background-color: #a02b11;
}
.lan-bl1 .after-content-box{
    background-color: #e4f5ff;
    min-height: 440px;
}
.lan-bl1 .after-content-box h3{
    color: #0274ba;
    margin-bottom: 15px;
}
.lan-bl1 .after-content-box span{
    color: #333331;
    border-bottom: 1px dashed #a2c2d9;
    padding-bottom: 10px;
    margin-bottom: 0px;
    background-image: url(../images/landing/tick-blue.png);
    padding-right: 35px;
    font-size: 18px;
    background-position: right 3px;
    width: 100%;
}
.lan-bl1 .bl-cal1{
    background-color: #fffed2;
    min-height: 440px;
}
.lan-bl1 .bl-cal1 a.bl-banner{
    width: 100%;
}
.lan-bl1 .bl-cal1 a.bl-banner img{
    width: 100%;
}
.lan-bl1 .bl-cal1 .bl-cal-head{
    background-color: #ecaa01;
    min-height: 50px;
    color: #fff;
    font-size: 20px;
    padding: 10px 15px;
}
.lan-bl1 .bl-cal-box{
    
}
.lan-bl1 .bl-cal-box .cal-item{
    width: 220px;
    height: 180px;
    background-image: url(../images/landing/cal-bg.png);
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
}
.lan-bl1 .bl-cal-box .cal-item .cal-month{
        line-height: 40px;
    margin-top: 16px;
    color: #fff;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.4);
    font-size: 22px;
    float: right;
    width: 100%;
}
.lan-bl1 .bl-cal-box .cal-item .cal-day-title{
    line-height: 40px;
    color: #000;
    font-size: 20px;
    float: right;
    width: 100%;
}
.lan-bl1 .bl-cal-box .cal-item .cal-day-num{
        line-height: 50px;
    color: #000;
    font-size: 90px;
    float: right;
    width: 100%;
    font-weight: bold;
    letter-spacing: -5px;
}
.lan-bl1 .bl-cal-box h4{
    color: #db2f1b;
    margin-top: 0;
    margin-bottom: 15px;
}
.lan-bl1 h4.bl-tx2{
    background-color: #cae5de;
    padding: 10px;
    margin: 0;
    float: right;
    width: 100%;
    text-align: center;
}
.lan-bl1 .bl-timer-box{
    background-color: #fff;
    padding: 15px 0;
}
.lan-bl1 .bl-timer-box h3.cl-blue{
    color: #2e75ba;
    margin-bottom: 10px;
    margin-top: 0;
}
.lan-bl1 .bl-timer-box h3.cl-red{
    color: #d33d1c;
    margin-bottom: 10px;
    margin-top: 0;
}
.lan-bl1 .bl-bottom{
    color: #fff;
}
.lan-bl1 .bl-bottom h4{
    color: #d33d1c;
    margin-bottom: 5px;
}
.lan-bl1 .bl-bottom h3{
    margin: 0;
}
.lan-bl1 .bl-bottom h5{
    margin: 0;
    margin-bottom: 20px;
}




.after_blue3{
    background-color: #dceaf1;
}
.after_blue3 #content-page{
    padding-top: 0;
}
.after_blue3 .container{
    max-width: 850px;
}
.after_blue3 h1{
    background-color: #99b0bb;
    margin: 0;
    padding: 10px 15px;
    color: #ffffcd;
    font-size: 22px;
    font-weight: bold;
    text-align:center;
}
.after_blue3 h2{
    background-color: #f5fcff;
    margin: 0;
    padding: 10px 15px;
    color: #2a4368;
    font-size: 22px;
    font-weight: bold;
    text-align:center;
}
.af3-video-box {
    background-color: #353535;
    padding: 15px;
    border: 3px solid #000;
    float: none;
    margin: 0 auto;
}
.af3-tv-shadow{
    max-width: 80%;
    float: none;
    margin: 0 auto;
    display: block;
}

.after3-tv-inner {
    width: 100%;
    min-height: 70px;
    background-color: #fff;
}

.af3-red-bar {
    padding: 10px 15px;
    border-radius:10px;
    background-color: #b8312f;
    color: #e8bd4a;
    font-size: 18px;
    text-align: right;
    margin:15px auto;
}
.af3-blue-bar {
    padding: 10px 15px;
    border-radius:10px;
    background-color: #3d88c7;
    color: #fff;
    font-size: 18px;
    text-align: right;
    margin: 10px auto 0;
}
.af3-forms{
    
}
.af3-forms textarea,
.af3-forms input{
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #b8312f;
    color: #999999;
}
.af3-forms input{
    margin-bottom: 5px; 
}
.af3-forms textarea{
    min-height: 135px;
}
.af3-forms button{
    width: 100%;
    background-color: #c0c3c7;
    padding: 10px 10px 10px 40px;
    border: none;
    color: #000;
    background-image: url(../images/send-icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: right;
    font-size: 18px;
    margin-bottom: 5px;
}
.af3-forms button:hover{
    background-color: #939393;
}
.af3-bootom{
    background-color: #e8ebf2;
    padding: 15px;
}
.af3-buttons{
    margin: 15px 0 0 0;
}
.af3-buttons a{
    margin-bottom: 15px;
    clear: both;
    display: block;
    max-width: 100%;
    transition: 0.2s ease-out;
}
.af3-buttons a:hover{
    transform: scale(1.05);
}
.af3-buttons a img{
    max-width: 320px;
}