/*
Theme Name: CAD WP Base Theme
Theme URI: http://github.com/cad-uix/cad-wp-theme.git
Author: CAD
Author URI: http://customadesign.com/
Description: Custom A Design Wordpress Theme Framework utilizes the use of bower and gulp. to be used for bootstrap and it's powerful LESS files
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, LESS, bower, gulp
Text Domain: oracle

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}*/
@font-face {
    font-family: "Gotham Book";
    src: url("fonts/Gotham-Book.eot");
    src: url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gotham-Book.woff2") format("woff2"),
        url("fonts/Gotham-Book.woff") format("woff"),
        url("fonts/Gotham-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.font-book {
    font-family: "Gotham Book";
}
body.cbp-spmenu-push {
    overflow-x: unset !important;
}

body
    .gform_wrapper.gform_validation_error
    .gform_body
    ul
    li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}
.fa.fa-fire {
    color: #feb20e;
}
#comment-wrap {
    display: none;
}

body {
    /*font-family:Gotham, Arial, Helvetica, sans-serif!important;
    font-weight:100!important;*/
    font-family: "Fira Sans", sans-serif;
}

.row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.center-y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.center-x {
    margin-left: auto;
    margin-right: auto;
}

.title {
    text-align: center;
    font-size: 20px;
    color: #444;
}

.category {
    color: #eb0324;
    font-size: 18px;
}

.description {
    padding: 20px;
    margin-left: 10px;
    font-weight: 100;
}

.namelogo {
    color: #feb20e;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.logo {
    padding-left: 20%;
}

.line1 {
    color: #ee3a24;
    text-align: center;
    font-size: 20px;
}

.line2 {
    text-transform: capitalize;
    color: #eb0024;
    font-weight: 700;
    margin-top: 50px;
}

h4.line2 {
    font-size: 20px;
}

h2.line2 {
    font-size: 40px;
}

.line3 {
    color: #28527d;
    text-transform: capitalize;
}

.text-lower {
    font-weight: 100;
    color: #ee3a24;
}

.certification {
    text-align: center;
    color: #fd3755;
    font-weight: 600;
    border-style: double;
    padding: 10px;
}
.img-grid .img-cont img,
.header-logo img,
.footer-logo img {
    transition: 0.3s all ease-in-out;
}
.img-grid .img-cont img:hover,
.header-logo img:hover,
.footer-logo img:hover {
    transform: scale(0.9);
}

.loc-hover:hover {
    color: #feb20e;
}

.kobu-mission {
    background: #eeeeee;
    text-align: justify;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    font-size: 25px;
    font-style: italic;
    font-family: "Gotham Book";
    border-radius: 10px;
}

.mission-orientation {
    font-style: oblique;
}

p.wp-caption-text {
    font-size: 10px;
    line-height: 3em !important;
}

.wp-caption .wp-caption-text {
    margin: 4.8075em 0;
}

.image-border img {
    border: 5px solid #feb20e;
    background-color: #feb20e;
    float: right;
    -webkit-box-shadow: 5px 5px 5px #000;
    box-shadow: 5px 5px 5px #000;
    border-radius: 10px;
}

.image-border-1 img {
    border: 5px solid #feb20e;
    background-color: #feb20e;
    float: left;
    -webkit-box-shadow: 5px 5px 5px #000;
    box-shadow: 5px 5px 5px #000;
    border-radius: 10px;
}

.image-border-2 img {
    border: 5px solid #feb20e;
    background-color: #feb20e;
    float: left;
    -webkit-box-shadow: 5px 5px 5px #000;
    box-shadow: 5px 5px 5px #000;
    border-radius: 10px;
}

.single-product #content-wrap {
    margin-top: 315px !important;
}

.kobu-mission-1 {
    background: bisque;
    text-align: justify;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin: auto;
}

.mission-orientation1 {
    font-style: oblique;
}

/*registration form*/
/*div#gform_wrapper_4.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first {
    margin-right: 0%;

}*/

div#gform_wrapper_4.gform_wrapper
    .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name
    span.name_first {
    margin-right: 0%;
    display: inline-block;
    width: 49%;
}

ul#input_4_6 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0px;
    margin: 2px;
}

.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    letter-spacing: inherit;
    vertical-align: middle;
    cursor: pointer;
    padding: 0px 5px;
}

.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before,
input[type="radio"]:before {
    position: absolute;
    left: 10px;
    top: 6px;
    background-color: #feb20e;
}

.gform_wrapper textarea {
    padding: 6px 8px;
    line-height: 0.5 !important;
    resize: none;
}

select#input_4_2_6,
select#input_5_2_6 {
    margin-top: 15px;
}

/* spyscroll css */
div#classes-nav.nav {
    -webkit-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
    background: none;
}

div#classes-nav.barbar {
    background: none;
    -webkit-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
}

.page-id-675 .page-header {
    margin-bottom: 0;
}
.hentry {
    width: 100%;
}
section#banner-wrapper {
    /*margin-bottom: 107px;
    margin-top: 105px;*/
}

#banner-wrapper #main-banner.carousel-fade .carousel-inner .active {
    /*background-size: cover;
    background-position: top;
    background-repeat: round;*/
}
#find-class-results,
#find-class-results a,
#find-class-results a .available-class {
    width: 100%;
}

@media screen and (max-width: 1366px) {
    span#input_5_1_3_container {
        margin-right: -0.6%;
    }
    div#classes-nav {
        top: 107px;
        height: 1917px;
    }
}

@media screen and (max-width: 768px) {
    .page-id-59 .entry div.row {
        padding: 15px;
    }
    .page-id-59 img.aligncenter,
    img.size-medium.wp-image-356.alignright,
    .postid-28 img.img-responsive.aligncenter,
    .postid-26 img.img-responsive.aligncenter,
    .postid-27 img.alignnone.wp-image-430.size-medium {
        margin-bottom: 20px !important;
    }
    #main-header #main-nav .nav li a.btn {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 736px) {
    .page-id-96 div#content-wrap,
    .page-id-64 div#content-wrap,
    .page-id-59 div#content-wrap,
    .postid-28 div#content-wrap,
    .postid-29 div#content-wrap,
    .postid-26 div#content-wrap,
    .postid-27 div#content-wrap {
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 640px) {
    span#input_4_1_3_container,
    span#input_5_1_3_container {
        width: 100% !important;
    }
    div#input_4_13 div,
    div#input_5_13 div {
        margin: auto;
    }
}
@media screen and (max-width: 575px) {
    #banner-wrapper #main-banner.carousel-fade .carousel-inner .active {
        background-repeat: inherit;
    }
    .top-img b {
        display: block;
    }
    .kobu-mission-1 {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .page-id-96 img.alignleft,
    .page-id-64 img.alignleft {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 414px) {
    img.size-medium.wp-image-356.alignright,
    img.size-medium.wp-image-352.alignleft,
    .postid-27 img.alignnone.wp-image-430.size-medium {
        width: 100%;
        height: auto;
    }
    div#classes-nav {
        display: none;
    }
    #classes-wrapper #classes-wrap .class-wrap .class-banner {
        padding-left: 0;
    }
}

@media screen and (max-width: 320px) {
    /*div#input_4_13,
    div#input_5_13{
        -webkit-transform: scale(0.88);
            -ms-transform: scale(0.88);
                transform: scale(0.88);
        -webkit-transform-origin: 0;
            -ms-transform-origin: 0;
                transform-origin: 0;
    }*/
}

@media only screen and (max-device-width: 736px) and (orientation: landscape) {
    div#classes-nav {
        height: 1600px !important;
    }
    .home div#classes-wrap .row {
        /*padding-left: 100px;*/
    }
    div#classes-nav {
        top: 42px !important;
    }
}

#find-class-results .available-class {
    border: 1px solid #cc0221;
    padding: 30px;
}

#find-map {
    height: 600px;
    z-index: 1;
}

.it-top-img {
    max-height: 500px;
    margin: 0 auto;
}

#registrationModal .modal-dialog,
#trainModal .modal-dialog {
    max-width: 1170px;
    width: 100%;
}

#registrationModal button.close,
#trainModal button.close {
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 999;
    padding: 27px 29px 28px;
    background-color: #f3a501;
}

#registrationModal .modal-header,
#trainModal .modal-header {
    min-height: 80px !important;
    padding: 0 !important;
}

#registrationModal .modal-header .right,
#registrationModal .modal-header .left,
#trainModal .modal-header .right,
#trainModal .modal-header .left {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#registrationModal .modal-header .right,
#trainModal .modal-header .right {
    background-color: #feb20e;
}

#registrationModal .modal-header .left,
#trainModal .modal-header .left {
    background-color: #eb0324;
}

#registrationModal .modal-header .left h4,
#trainModal .modal-header .left h4 {
    color: #fff;
    font-size: 25px;
}

#registrationModal .modal-header .right h5,
#trainModal .modal-header .right h5 {
    margin: 0;
    font-size: 20px;
    font-family: "Gotham";
    color: #fff;
    padding-right: 60px;
}

.gform_wrapper.two-column_wrapper {
    max-width: 100%;
}

.gform_wrapper.two-column_wrapper ul.gform_fields,
.gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child {
    display: none;
}

.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
    display: block;
}

.gform_wrapper.two-column_wrapper ul.one-half {
    margin-left: 6% !important;
    width: 47%;
}
.gform_wrapper.two-column_wrapper ul.one-half.first {
    margin-left: 0 !important;
}

.gform_wrapper .gsection {
    border-bottom: none !important;
}

.gform_wrapper .top_label li.gfield.gf_right_half + li.gsection {
    padding: 0 !important;
}

@media only screen and (max-width: 1075px) {
    .gform_wrapper.two-column_wrapper ul.one-half {
        width: 100%;
    }

    .gform_wrapper.two-column_wrapper ul.one-half {
        margin-left: 0 !important;
    }

    .gform_wrapper .gsection {
        display: none !important; /* remove !important if it's not needed */
    }

    #gform_wrapper_3 li {
        margin-bottom: 10px;
    }
}

#gform_wrapper_4 form,
#gform_wrapper_5 form {
    position: relative;
}

#gform_wrapper_4 .gform_body,
#gform_wrapper_5 .gform_body {
    min-height: 550px;
}

#gform_wrapper_4 .gform_body > ul,
#gform_wrapper_5 .gform_body > ul {
    /* width: 47%;*/
    display: inline-block;
}

#gform_wrapper_4 .gform_body ul.gfield_radio input,
#gform_wrapper_5 .gform_body ul.gfield_radio input {
    border-bottom: none !important;
    margin-right: 0;
    padding-right: 0 !important;
}

#gform_wrapper_5 .gform_body ul.gfield_radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

#gform_wrapper_4 .gform_body ul.gfield_radio input:checked:before,
#gform_wrapper_5 .gform_body ul.gfield_radio input:checked:before {
    background-color: #eb0324;
}

#gform_wrapper_4 .gform_body ul.gfield_radio input:checked:after,
#gform_wrapper_5 .gform_body ul.gfield_radio input:checked:after {
    border-color: #666;
}

#gform_wrapper_4 .gform_body > ul input,
#gform_wrapper_4 .gform_body > ul textarea,
#gform_wrapper_4 .gform_body > ul select,
#gform_wrapper_5 .gform_body > ul input,
#gform_wrapper_5 .gform_body > ul textarea,
#gform_wrapper_5 .gform_body > ul select,
#gform_wrapper_8 .gform_body > ul input,
#gform_wrapper_8 .gform_body > ul textarea,
#gform_wrapper_8 .gform_body > ul select  {
    border: none;
    border-bottom: 2px solid #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666;
    font-family: "Gotham Medium";
    font-size: 14px !important;
}

#gform_wrapper_4 .gform_body > ul input:focus,
#gform_wrapper_4 .gform_body > ul textarea:focus,
#gform_wrapper_4 .gform_body > ul select:focus,
#gform_wrapper_5 .gform_body > ul input:focus,
#gform_wrapper_5 .gform_body > ul textarea:focus,
#gform_wrapper_5 .gform_body > ul select:focus {
    border-bottom: 2px solid #666;
}

#gform_wrapper_4 .gform_body > ul input::-webkit-input-placeholder,
#gform_wrapper_4 .gform_body > ul li label,
#gform_wrapper_5 .gform_body > ul input::-webkit-input-placeholder,
#gform_wrapper_5 .gform_body > ul li label {
    color: #666;
}

#gform_wrapper_4 .gform_body > ul input::-moz-placeholder,
#gform_wrapper_5 .gform_body > ul input::-moz-placeholder {
    color: #666;
}

#gform_wrapper_4 .gform_body > ul input::-ms-input-placeholder,
#gform_wrapper_5 .gform_body > ul input::-ms-input-placeholder {
    color: #666;
}

.d-inline {
    display: inline-block;
}

.d-in {
    display: inline;
}

.form-half {
    width: 48%;
}
#gform_wrapper_4 .gform_body ul li.left,
#gform_wrapper_5 .gform_body ul li.left,
#gform_wrapper_8 .gform_body ul li.left {
    margin-right: 4%;
}

#gform_wrapper_4 .gform_body #field_4_6 > label,
#gform_wrapper_4 .gform_body #field_4_6 > .ginput_container,
#gform_wrapper_5 .gform_body #field_5_6 > label,
#gform_wrapper_5 .gform_body #field_5_6 > .ginput_container {
    display: inline-block;
}

#gform_wrapper_4 .gform_body #field_4_9,
#gform_wrapper_5 .gform_body #field_5_9 {
    margin-top: 20px !important;
}

#gform_wrapper_4 .gform_footer,
#gform_wrapper_5 .gform_footer {
    position: absolute;
    right: 0;
    width: auto !important;
    bottom: 33px;
}

#gform_wrapper_4 .gform_footer input,
#gform_wrapper_5 .gform_footer input {
    padding: 24px 65px;
}

#gform_wrapper_5
    .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name
    span.name_first {
    margin-right: -1px;
}

#footer-low {
    margin-top: 50px;
}

.font-bold {
    font-weight: 600;
}

.text-pink {
    color: #fd3755;
}

.text-red {
    color: #eb0224;
}

.text-dark {
    color: #444444;
}

.text-orange {
    color: #feb20e;
}

.footer-logo,
#footer-low .copyright {
    margin-left: 30px;
}

.full-width {
    width: 100%;
}

.pos-rel {
    position: relative;
}

.page-header .titles {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    padding: 20px;
}

.page-header .titles h1 {
    font-size: 60px;
    text-shadow: 3px 3px #eb0324;
    margin: 0;
    border-bottom: none;
}

.page-header .titles h3 {
    text-shadow: 2px 2px #eb0324;
    margin: 0;
}

p.boxed-quote {
    font-family: "Gotham Book";
    font-style: italic;
    font-size: 25px;
    border: 1px solid #feb20e;
    padding: 30px;
    border-radius: 10px;
}

p.boxed-quote.bg-yellow {
    background-color: #feb20e;
}

.cert-btns .btn-cont {
    background-color: #eb0024;
    color: #fff;
    padding: 30px 40px;
    font-size: 18px;
    text-align: center;
    border-radius: 10px;
}
@media (min-width: 993px) and (max-width: 1199px) {
    .cert-btns .btn-cont {
        min-height: 144px;
    }
}
#cert-pre-training {
    margin-top: 50px;
}

#cert-pre-training .pre-train-title {
    color: #feb20e;
    font-size: 20px;
    margin-bottom: 30px;
}

#cert-pre-training .cert-col {
    border: 1px solid #feb20e;
    border-radius: 10px;
    padding: 30px 50px;
    height: 100%;
}

#cert-pre-training p.pre-train-item,
p.pre-train-item {
    padding-left: 50px;
    position: relative;
    font-family: "Gotham Book";
}

#cert-pre-training p.pre-train-item::before,
p.pre-train-item::before {
    content: "";
    background: url(./img/kb-icon-yellow.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 20px;
    position: absolute;
    left: 10px;
}

#cert-pre-training p.sub-item,
p.sub-item {
    font-family: "Gotham Book";
    padding-left: 80px;
    position: relative;
}

#cert-pre-training p.sub-item::before,
p.sub-item::before {
    content: "";
    background: url(./img/kb-dash-icon-yellow.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 50px;
    top: 10px;
    width: 12px;
    height: 3px;
}

.icon-white {
    padding-left: 50px;
    position: relative;
}

.icon-white::before {
    content: "";
    background: url(./img/kb-dash-icon-white.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 12px;
    height: 3px;
}

.f-50 {
    font-size: 50px;
}

.f-40 {
    font-size: 40px;
}

.f-20 {
    font-size: 20px;
}

.f-14 {
    font-size: 14px;
}

.text-white {
    color: #fff;
}

.m-top-50 {
    margin-top: 50px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-left-15 {
    margin-left: 15px;
}

.m-0 {
    margin: 0;
}

.m-bott-50 {
    margin-bottom: 50px;
}

.pricing-col {
    background-color: #feb20e;
    height: 100%;
    padding: 35px 50px 10px;
    border-radius: 10px;
}

.img-grid-cont .img-grid {
    border: 1px solid #feb20e;
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    position: relative;
}

.img-grid-cont .img-grid .img-cont {
    max-height: 150px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-grid-cont .img-grid p.font-book {
    margin-top: 20px;
}

.d-block {
    display: block;
}

#testimonial-slider {
    padding-bottom: 30px;
    margin-bottom: 50px;
}

#testimonial-slider .item .test-cont {
    padding: 50px;
}

#testimonial-slider .item .test-cont p {
    color: #444;
}

#testimonial-slider .carousel-indicators li {
    background-color: #feb20e;
    border-radius: 0;
    opacity: 0.5;
    margin: 0 5px;
}

#testimonial-slider .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
}

#paged-testimonial .testimonial-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    z-index: 1;
}

#paged-testimonial .testimonial-pagination .paged-first-last {
    color: #feb20e;
    cursor: pointer;
}

#paged-testimonial .carousel-indicators {
    width: 100%;
    margin: 0 !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    position: initial;
    display: inline;
}

#paged-testimonial .carousel-indicators li {
    text-indent: 0;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 0;
    color: #feb20e;
    padding-top: 2px;
}

#paged-testimonial .carousel-indicators li.active {
    background-color: #feb20e;
    color: #fff;
}

#paged-testimonial .test-item-cont {
    border: 1px solid #feb20e;
    border-radius: 5px;
    padding: 50px 30px;
    min-height: 350px;
    margin-bottom: 50px;
}

#testimonial-form {
    max-width: 700px;
    margin: 0 auto;
}

#testimonial-form span.gfield_required {
    display: none;
}

#testimonial-form .gform_wrapper textarea {
    line-height: 1 !important;
}

.archive.woocommerce nav.woocommerce-breadcrumb {
    display: none;
}

.void {
    pointer-events: none;
}

.woocommerce-products-header .page-header,
#page-438 .page-header,
#page-442 .page-header,
#page-440 .page-header {
    margin: 0;
    border-bottom: none;
}

ul#menu-shop-menu {
    padding: 0;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

ul#menu-shop-menu li {
    width: calc(100% / 7);
    max-width: 100%;
    text-align: center;
    list-style: none;
}

ul#menu-shop-menu li a {
    padding: 30px 0;
    width: 100% !important;
    display: inline-block;
    background-color: #f1a401;
    color: #fff;
    border-right: 1px solid #feb20e;
}

ul#menu-shop-menu li a:hover,
ul#menu-shop-menu li.current-menu-item a {
    background-color: #eb0324;
}

body.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 0 40px;
    width: 33.3333%;
    padding: 15px !important;
    display: inline-block;
    float: left;
}

ul.products .product-img-cont {
    height: 370px;
    border: 1px solid #dddddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
}

ul.products .product-img-cont img {
    margin: 0 auto;
}

ul.products h2.woocommerce-loop-product__title {
    font-size: 20px;
    color: #444444;
}

ul.products li p {
    font-family: "Gotham Book";
    min-height: 130px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.wc-product-title {
    /*height: 55px;*/
    min-height: 95px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;*/
}

.wc-sorting .sort-text {
    font-family: "Gotham Book";
    color: #eb0124;
}

@media (min-width: 480px) {
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary,
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        float: none;
    }

    .woocommerce #content div.product,
    .woocommerce div.product,
    .woocommerce-page #content div.product,
    .woocommerce-page div.product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        width: auto;
    }
}

.class-map-cont .results-left {
    background-color: #eb0324;
    overflow-y: scroll;
    max-height: 600px;
}

.gfmc-row-1-column {
    display: inline-block;
}

.kb-class-type {
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    margin: 10px 0;
}

.kb-class-type.class-power,
.kb-class-type.licensepower {
    background-color: #ff7826;
}

.kb-class-type.class-defense,
.kb-class-type.licensedefense {
    background-color: #9d26ff;
}

.kb-class-type.class-kids,
.kb-class-type.licensekids {
    background-color: #0080ff;
}

.kb-class-type.class-chi,
.kb-class-type.licensechi {
    background-color: #444444;
}

.kb-class-type.class-cardio,
.kb-class-type.licensecardio {
    background-color: #85b200;
}

#page-438 #find-class {
    width: 100%;
    border-bottom: 2px solid #feb20e;
    border-top: 2px solid #feb20e;
}

#find-class #find-location {
    width: 40%;
    padding: 20px;
    border-right: 2px solid #feb20e;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#find-class #find-type {
    min-width: 20%;
    padding: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#find-class #find-date {
    border-top: none;
    border-bottom: none;
    border-left: 2px solid #feb20e;
    border-right: none;
    padding: 12px 20px;
    width: 20%;
}

#find-class #class-search-btn {
    width: calc(20% - 16px);
    border: none;
    border-left: 2px solid #feb20e;
    padding: 20px 0;
    margin-left: auto;
    background-color: #eb0324;
    color: #fff;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

#find-class #class-search-btn:hover {
    background-color: #feb20e;
}

.inst-training > p {
    margin: 50px 0;
}

.pac-container.pac-logo {
    top: 450px !important;
}

#find-instructor .instructor-container,
.class-schedule-post .class-instructor {
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    padding: 30px;
}

#find-instructor .inst-pic,
.class-schedule-post .class-instructor .class-inst-left {
    max-width: 96px;
    vertical-align: top;
}

#find-instructor .inst-pic img,
.class-schedule-post .class-instructor .class-inst-left img {
    border-radius: 50px;
}

#find-instructor .inst-details,
.class-schedule-post .class-instructor .class-inst-right {
    width: calc(100% - 102px);
    padding-left: 20px;
}

#find-instructor .inst-details h3 {
    padding-right: 20px;
    font-size: 20px;
    color: #eb0024;
}

#find-instructor .inst-details h4 {
    color: #666;
    font-size: 14px;
}

#find-instructor .inst-license *,
.class-schedule-post .class-instructor .class-inst-right .class-inst-license * {
    color: #fff;
    font-family: "Gotham Book";
    margin-right: 10px;
}

#find-instructor .inst-license {
    margin-top: 20px;
}

#results.loading::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: url(img/loader.gif),
        -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7)));
    background: url(img/loader.gif),
        -webkit-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background: url(img/loader.gif),
        -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background: url(img/loader.gif),
        linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-repeat: no-repeat;
    background-position: center center;
}

#find-instructor .inst-btns {
    position: absolute;
    right: 0;
    top: 50%;
}

#find-instructor .inst-btns * {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

#find-instructor a.pro-btn {
    color: #fff;
    background-color: #feb20e;
    padding: 20px;
}

#find-instructor a.next-event-btn {
    border: 1px solid #dddddd;
    padding: 19px;
    color: #666;
    margin-right: 10px;
}

#find-instructor a.pro-btn:hover,
#find-instructor a.next-event-btn:hover {
    background-color: #eb0325;
    color: #fff;
}

#find-instructor #find-form {
    border-top: 2px solid #feb20e;
    border-bottom: 2px solid #feb20e;
}

#find-instructor #find-form > * {
    float: left;
    border: 2px solid #feb20e;
    padding: 30px;
    width: 30%;
    border-radius: 5px;
}

#find-instructor #find-form > *:last-child {
    float: none;
    border-right: none;
    border: none;
    background-color: #eb0324;
    color: #fff;
    padding: 30px 0;
    width: 10%;
}

#find-instructor #find-form > *:nth-child(3) {
    padding-bottom: 31px;
}

#find-instructor #find-form #reset-select {
    float: none;
    padding: initial;
    width: initial;
    border: none;
    position: absolute;
    right: 11%;
    top: 31px;
    cursor: pointer;
    display: none;
}

#event-form {
    border-bottom: 2px solid #feb20e;
    border-top: 2px solid #feb20e;
}

#event-form * {
    display: block;
    float: left;
    width: 40%;
    padding: 30px;
    border: 2px solid #feb20e;
    border-radius: 5px;
}

#event-form *:last-child {
    float: none;
    width: 20%;
    border: none;
    background-color: #eb0324;
    color: #fff;
}

#event-form *:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#find-event #results {
    margin-top: 50px;
}

#find-event .event-cont {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
}

#find-event .event-cont .event-left {
    width: calc(100% - 200px);
}

#find-event .event-cont h3 {
    margin-top: 0;
}

#find-event .event-cont .event-left .event-date {
    margin-right: 20px;
}

#find-event .event-cont .event-details-btn a {
    color: #fff;
    background-color: #feb20e;
    padding: 25px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

#find-event .event-cont .event-details-btn a:hover {
    background-color: #eb0324;
}

#find-class-wrapper #searchform {
    border: 2px solid #ff534b;
}

#find-class-wrapper #searchform * {
    width: 40%;
    display: block;
    float: left;
    padding: 20px;
    font-size: 16px;
    margin: 0;
    border: 2px solid #feb20e;
    height: 65px;
    border-radius: 5px;
}

#event-search::-webkit-input-placeholder,
#event-address::-webkit-input-placeholder,
#instructor-search::-webkit-input-placeholder,
#inst-address::-webkit-input-placeholder,
#find-class #find-location::-webkit-input-placeholder,
#find-class #find-type::-webkit-input-placeholder,
#find-class #find-date::-webkit-input-placeholder,
#banner-wrapper #find-class .search-wrap form input::-webkit-input-placeholder {
    color: #000;
}
#event-search:-ms-input-placeholder,
#event-address:-ms-input-placeholder,
#instructor-search:-ms-input-placeholder,
#inst-address:-ms-input-placeholder,
#find-class #find-location:-ms-input-placeholder,
#find-class #find-type:-ms-input-placeholder,
#find-class #find-date:-ms-input-placeholder,
#banner-wrapper #find-class .search-wrap form input:-ms-input-placeholder {
    color: #000;
}
#event-search::-ms-input-placeholder,
#event-address::-ms-input-placeholder,
#instructor-search::-ms-input-placeholder,
#inst-address::-ms-input-placeholder,
#find-class #find-location::-ms-input-placeholder,
#find-class #find-type::-ms-input-placeholder,
#find-class #find-date::-ms-input-placeholder,
#banner-wrapper #find-class .search-wrap form input::-ms-input-placeholder {
    color: #000;
}
#event-search::placeholder,
#event-address::placeholder,
#instructor-search::placeholder,
#inst-address::placeholder,
#find-class #find-location::placeholder,
#find-class #find-type::placeholder,
#find-class #find-date::placeholder,
#banner-wrapper #find-class .search-wrap form input::placeholder {
    color: #000;
}

#find-class-wrapper #searchform *:last-child {
    width: 20%;
    float: none;
    border: none;
}

#find-class-wrapper #searchform *:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    border: 1px solid #e79800;
    display: initial;
    background-color: #fff;
    padding: 5px 0;
    border-radius: 0;
    padding-right: 10px;
    position: relative;
    top: 50px;
}

nav.woocommerce-breadcrumb * {
    padding: 5px 10px;
    background-color: #feb20f;
    border-right: 1px solid #e79800;
    color: #fff;
}

nav.woocommerce-breadcrumb a:last-child {
    margin-right: 10px;
}

nav.woocommerce-breadcrumb a:hover {
    background-color: #e6050d;
}

.archive.woocommerce .wc-sbg {
    display: none;
}

.wc-sbg {
    width: 100%;
    height: 300px;
    background-color: #fab512;
    position: relative;
    display: none;
}

#wc-prod-cont {
    margin-top: -180px;
}

#wc-prod-cont .product .summary {
    margin: 0;
    position: relative;
    margin-left: 30px !important;
}

#wc-prod-cont .product .summary > h1 {
    color: #eb0324;
    text-shadow: 4px 3px #dddddd;
    font-size: 50px;
    margin: -14px 0 0 !important;
}

#wc-prod-cont .product .woocommerce-product-gallery__image {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
}

#wc-prod-cont .product .woocommerce-product-gallery__image img {
    margin: 0 auto;
}

#wc-prod-cont
    .product
    .summary
    .woocommerce-product-details__short-description {
    margin-top: 20px;
    background-color: #fab512;
    padding: 10px;
}

#wc-prod-cont
    .product
    .summary
    .woocommerce-product-details__short-description
    p {
    color: #fff;
}

#wc-prod-cont .product .summary .wc-below-title-desc {
    position: relative;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wc-prod-cont .product .summary .wc-below-title-desc p.price {
    width: 200px;
    float: left;
    font-size: 40px;
    font-weight: 600;
    color: #e5050c;
}

.archive.woocommerce ul.products p.price {
    color: #e5050c;
}

#wc-prod-cont .product .summary .wc-below-title-desc .wc-add-to-cart-cont {
    float: right;
    width: calc(100% - 200px);
    text-align: right;
}

#wc-prod-cont .product .summary .wc-below-title-desc form.cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
}

#wc-prod-cont .product .summary .wc-below-title-desc form.cart .quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wc-prod-cont
    .product
    .summary
    .wc-below-title-desc
    .wc-add-to-cart-cont
    input.qty {
    max-width: 50px;
    margin: 0 10px;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 14px 5px;
    height: auto;
}

#wc-prod-cont .product .summary .wc-below-title-desc form.cart button.button {
    display: block;
    padding: 15px 20px;
    background-color: #e5050c;
}

#wc-prod-cont .product .summary .product_meta,
.woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs,
#review_form #commentform label {
    display: none;
}

.woocommerce .woocommerce-Price-amount.amount {
    color: #e5050c;
}

.woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2.woocommerce-Reviews-title,
section.related.products > h2 {
    color: #eb0024;
    font-size: 25px;
}

p.woocommerce-noreviews {
    color: #888888;
    font-size: 20px;
    font-family: "Gotham Book";
    padding: 40px;
    border: 1px solid #dddddd;
}

#tab-reviews.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.woocommerce #review_form #respond textarea,
.woocommerce-page #review_form #respond textarea {
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #eeeeee;
}

.woocommerce #review_form #respond textarea::-webkit-input-placeholder,
.woocommerce-page #review_form #respond textarea::-webkit-input-placeholder {
    color: #666;
    margin-left: -15px;
}

.woocommerce #review_form #respond textarea::-moz-placeholder,
.woocommerce-page #review_form #respond textarea::-moz-placeholder {
    color: #666;
    margin-left: -15px;
}

.woocommerce #review_form #respond textarea:-ms-input-placeholder,
.woocommerce-page #review_form #respond textarea:-ms-input-placeholder {
    color: #666;
}

section.related.products,
#wc-prod-cont .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 100px;
}

.class-schedule-post .page-header {
    background-color: #feb20e;
}

.class-schedule-post .page-header h1 {
    color: #fff;
    text-align: center;
    padding: 80px 10px;
    font-size: 60px;
    text-shadow: 3px 3px #eb0325;
}

.class-schedule-post .about-class-left {
    max-width: calc(100% - 370px);
    padding-right: 30px;
    width: 100%;
}

.class-schedule-post .about-class-left p {
    font-family: "Gotham Book";
    color: #444;
}

.class-schedule-post .about-class-right {
    max-width: 370px;
    width: 100%;
}

.class-schedule-post .about-class-right > div {
    padding: 30px;
    border: 1px solid #dddddd;
    margin-bottom: 30px;
}

.class-schedule-post td.level-title {
    padding-right: 30px;
    font-family: "Gotham Book";
    font-size: 14px;
}

#instructor-profile *,
#instructor-dashboard *,
#student-dashboard * {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

#instructor-profile .profile-header {
    background-color: #feb20e;
    padding: 50px 0;
    color: #fff;
    text-align: center;
}

#instructor-profile .profile-header h1 {
    font-size: 60px;
    text-shadow: 3px 3px #eb0325;
}

#instructor-profile .profile-header .class-inst-license {
    margin: 30px 0;
}

#instructor-profile .profile-header .class-inst-license * {
    margin: 0 5px;
}

ul.profile-menu li {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
}

ul.profile-menu li a {
    padding: 5px;
    margin: 5px 15px;
}

ul.profile-menu li a:hover {
    border-bottom: 3px solid #fff;
    color: #fff;
}

#instructor-profile .profile-section {
    padding: 100px 0;
}

#instructor-profile .about-section img {
    max-width: 300px;
    width: 100%;
}

#instructor-profile .about-section p {
    width: calc(100% - 300px);
    padding-left: 30px;
}

#instructor-profile .ps-title {
    margin: 0 0 30px;
}

#instructor-profile .classes-section {
    background-color: #eeeeee;
}

#instructor-profile .classes-section .class-details {
    border: 1px solid #feb20e;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 30px;
    min-height: 200px;
}

.inst-contact-form .gfield_required,
.inst-contact-form label {
    display: none !important;
}

#instructor-profile .inst-contact-form .ginput_complex span {
    width: calc(50% - 18px) !important;
    margin: 0 !important;
    display: inline-block;
    padding-right: 0px !important;
}

#instructor-profile .inst-contact-form .ginput_complex span:first-child {
    margin-right: 15px !important;
}

#instructor-profile .inst-contact-form li.form-field-inline {
    width: calc(50% - 10px) !important;
    margin: 0 0 15px !important;
    display: inline-block;
    padding-right: 0 !important;
}

#instructor-profile .inst-contact-form li.form-field-inline.left {
    margin-right: 20px !important;
}

#instructor-profile .inst-contact-form input,
#instructor-profile .inst-contact-form textarea {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #eeeeee;
}

#instructor-profile .inst-contact-form input:focus,
#instructor-profile .inst-contact-form textarea:focus {
    border-bottom: 2px solid #000;
}

#instructor-profile .inst-contact-form .gform_footer .gform_button {
    position: absolute;
    bottom: 0;
    width: auto !important;
    padding: 24px 113px;
    right: 0;
    margin-right: 0;
}

#instructor-profile .inst-contact-form .ginput_recaptcha > div {
    position: relative;
    margin-left: auto;
    margin-right: 320px;
}

.classes-template-default p {
    font-family: "Gotham Book";
}

#instructor-dashboard #db-menu,
#student-dashboard #db-menu {
    max-width: 210px;
    background-color: #eee;
    border-right: 1px solid #bebebe;
    -webkit-box-shadow: -2px 0 10px #000;
    box-shadow: -2px 0 10px #000;
}

#instructor-dashboard #db-menu ul,
#student-dashboard #db-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#instructor-dashboard #db-menu ul li,
#student-dashboard #db-menu ul li {
    border-bottom: 1px solid #fff;
}

#instructor-dashboard #db-menu ul li:last-child,
#student-dashboard #db-menu ul li:last-child {
    border-bottom: none;
}

#instructor-dashboard #db-menu ul li a h4,
#student-dashboard #db-menu ul li a h4 {
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 0;
}

#instructor-dashboard #db-menu ul li a:hover h4,
#instructor-dashboard #db-menu ul li a.active-link h4,
#student-dashboard #db-menu ul li a:hover h4,
#student-dashboard #db-menu ul li a.active-link h4 {
    background-color: #ffcb57;
    color: #545454;
}

#instructor-dashboard #db-menu .db-menu-title,
#student-dashboard #db-menu .db-menu-title {
    font-size: 25px;
    font-weight: 600;
    padding: 10px 20px;
    background-color: #ffcb57;
}

#instructor-dashboard #db-content,
#student-dashboard #db-content {
    width: 100%;
}

#instructor-dashboard #db-content .inst-content,
#student-dashboard #db-content .stud-content {
    display: none;
}

#instructor-dashboard #db-content .inst-account table tbody tr td:first-child,
#instructor-dashboard
    #db-content
    .inst-classes
    #edit-class-modal
    table
    tbody
    tr
    td:first-child,
#instructor-dashboard
    #db-content
    .inst-classes
    #add-class-modal
    table
    tbody
    tr
    td:first-child,
#student-dashboard #db-content .stud-account table tbody tr td:first-child {
    width: 160px;
    font-size: 20px;
    font-weight: 300;
}

#instructor-dashboard #db-content .inst-account table tbody tr td:last-child,
#instructor-dashboard
    #db-content
    .inst-classes
    #edit-class-modal
    table
    tbody
    tr
    td:last-child,
#instructor-dashboard
    #db-content
    .inst-classes
    #add-class-modal
    table
    tbody
    tr
    td:last-child,
#student-dashboard #db-content .stud-account table tbody tr td:last-child {
    font-size: 20px;
    font-weight: 600;
    max-width: 600px;
}

#instructor-dashboard #db-content .inst-account table tbody tr,
#instructor-dashboard
    #db-content
    .inst-classes
    #edit-class-modal
    table
    tbody
    tr,
#instructor-dashboard #db-content .inst-classes #add-class-modal table tbody tr,
#student-dashboard #db-content .stud-account table tbody tr {
    border-bottom: 1px solid #dedede;
}

#instructor-dashboard #db-content .inst-account table tbody tr td,
#instructor-dashboard
    #db-content
    .inst-classes
    #edit-class-modal
    table
    tbody
    tr
    td,
#instructor-dashboard
    #db-content
    .inst-classes
    #add-class-modal
    table
    tbody
    tr
    td,
#student-dashboard #db-content .stud-account table tbody tr td {
    padding: 10px 0;
}

#instructor-dashboard #db-content .inst-account table tbody tr:last-child,
#instructor-dashboard
    #db-content
    .inst-classes
    #edit-class-modal
    table
    tbody
    tr:last-child,
#instructor-dashboard
    #db-content
    .inst-classes
    #add-class-modal
    table
    tbody
    tr:last-child,
#student-dashboard #db-content .stud-account table tbody tr:last-child {
    border-bottom: none;
}

#instructor-dashboard #db-content .inst-account .class-inst-license * {
    margin: 0 5px;
}

#instructor-dashboard #db-content .inst-account .inst-account-btns a h4,
#student-dashboard #db-content .stud-account .stud-account-btns a h4,
#instructor-dashboard #db-content .inst-account #inst-profile-update-btn,
#student-dashboard #db-content .stud-account #stud-profile-update-btn,
#edit-photo-modal input#submit,
#edit-photo-modal button#wpua-undo-existing,
#edit-photo-modal button#wpua-remove-existing,
#change-pass-modal #change-pass-btn,
#edit-class-modal input#update-class-btn,
#edit-class-modal input#cancel-class-btn,
#edit-class-modal input#activate-class-btn,
#instructor-dashboard #db-content .inst-classes .inst-class-btns a h4,
#add-class-modal input#add-class-btn,
.class-schedule-post .book-class-btn,
#student-dashboard .member-opt-btn {
    display: initial;
    display: -ms-inline-flexbox;
    padding: 10px;
    background-color: #eb0325;
    color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 7px #000;
    box-shadow: 1px 1px 7px #000;
    margin-right: 20px;
    border: none;
}

.class-schedule-post .book-class-btn {
    font-size: 18px;
    font-weight: 600;
}

#instructor-dashboard #db-content .inst-account .inst-account-btns,
#student-dashboard #db-content .stud-account .stud-account-btns,
#instructor-dashboard #db-content .inst-classes .inst-class-btns {
    padding: 10px 0 30px 0;
}

#instructor-dashboard #db-content .inst-account .inst-account-btns a:hover h4,
#student-dashboard #db-content .stud-account .stud-account-btns a:hover h4 {
    background-color: #feb30f;
}

.p-50 {
    padding: 50px;
}

#edit-profile-modal,
#edit-photo-modal,
#change-pass-modal,
#edit-class-modal,
#add-class-modal {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
}

#edit-profile-modal #edit-form-container,
#edit-photo-modal #edit-photo-container,
#change-pass-modal #change-pass-container,
#edit-class-modal #edit-class-container,
#add-class-modal #add-class-container {
    max-width: 800px;
    background-color: #fff;
    position: relative;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 15px #000;
    box-shadow: 0 1px 15px #000;
    padding: 20px;
    z-index: 1;
}

#edit-profile-modal #edit-form-container a.close-edit-modal,
#edit-photo-modal .close-photo-modal,
#change-pass-modal .close-pass-modal,
#edit-class-modal .close-edit-modal,
#add-class-modal .close-add-modal {
    position: absolute;
    right: 10px;
    top: 10px;
}

#instructor-dashboard
    #db-content
    .inst-account
    #edit-profile-modal
    table
    tbody
    tr
    td:first-child,
#student-dashboard
    #db-content
    .stud-account
    #edit-profile-modal
    table
    tbody
    tr
    td:first-child {
    font-size: 16px;
    font-family: "Gotham Book";
}

#instructor-dashboard
    #db-content
    .inst-account
    #edit-profile-modal
    table
    tbody
    tr
    td.not-editable,
#student-dashboard
    #db-content
    .stud-account
    #edit-profile-modal
    table
    tbody
    tr
    td.not-editable {
    opacity: 0.5;
}

#instructor-dashboard #db-content .inst-account #edit-profile-modal textarea,
#instructor-dashboard
    #db-content
    .inst-account
    #edit-profile-modal
    input[type="text"],
#student-dashboard
    #db-content
    .stud-account
    #edit-profile-modal
    input[type="text"],
#instructor-dashboard
    #db-content
    .inst-account
    #change-pass-modal
    input[type="password"],
#student-dashboard
    #db-content
    .stud-account
    #change-pass-modal
    input[type="password"],
#instructor-dashboard #db-content .inst-classes #edit-class-modal input,
#instructor-dashboard #db-content .inst-classes #edit-class-modal textarea,
#instructor-dashboard #db-content .inst-classes #edit-class-modal select,
#instructor-dashboard #db-content .inst-classes #add-class-modal input,
#instructor-dashboard #db-content .inst-classes #add-class-modal textarea,
#instructor-dashboard #db-content .inst-classes #add-class-modal select {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.inactive-modal {
    z-index: -999;
    opacity: 0;
}

.active-modal {
    opacity: 1;
    z-index: 9;
}

#instructor-edit-profile-success,
#student-edit-profile-success {
    text-align: center;
    margin: 15px 15px 0;
    padding: 15px 0;
    background-color: #ffcb57;
    border-radius: 50px;
    text-shadow: 1px 1px #000;
}

#edit-photo-modal #wpua-upload-messages-existing,
#edit-photo-modal #wpua-thumbnail-existing,
#edit-photo-modal #wpua-preview-existing span.description,
#edit-photo-modal #wpua-edit-attachment-existing,
#edit-photo-modal .wpua-edit-container > h3,
#edit-photo-modal #wpua-upload-button-existing button#wpua-upload-existing {
    display: none !important;
}

#edit-photo-modal #wpua-preview-existing img {
    max-height: 300px;
    max-width: 300px;
    width: 100%;
    margin-bottom: 20px;
}

#edit-photo-modal #wpua-preview-existing {
    display: block;
    margin: 0;
}

#edit-photo-modal #edit-photo-container {
    max-width: 340px;
}

#edit-photo-modal #wpua-undo-button-existing,
#edit-photo-modal #wpua-remove-button-existing {
    display: inline-block;
    width: 49%;
}

#edit-photo-modal #wpua-undo-button-existing *,
#edit-photo-modal #wpua-remove-button-existing *,
#change-pass-modal #change-pass-btn {
    margin-right: 0 !important;
    width: 100%;
}

#edit-photo-modal input#submit {
    margin-right: 0 !important;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    text-shadow: 1px 1px #000;
}

#change-pass-modal #change-pass-container {
    max-width: 440px;
}

#instructor-dashboard
    #db-content
    .inst-account
    #change-pass-modal
    #change-pass-container
    table
    tr
    td:first-child,
#student-dashboard
    #db-content
    .stud-account
    #change-pass-modal
    #change-pass-container
    table
    tr
    td:first-child {
    font-size: 16px;
    font-family: "Gotham Book";
    width: 200px;
}

.error-processing {
    background-color: #f6c1c9;
    margin: 20px;
    border-radius: 20px;
    padding: 20px;
}

#instructor-dashboard #my-classes table tbody,
#instructor-dashboard .inst-inbox table tbody,
#student-dashboard .stud-booking table tbody {
    -webkit-box-shadow: 0 0 10px rgb(0, 0, 0);
    box-shadow: 0 0 10px rgb(0, 0, 0);
}

#instructor-dashboard #my-classes table tr,
#instructor-dashboard .inst-inbox table tr,
#student-dashboard .stud-booking table tbody tr {
    border-bottom: 1px solid;
    border-right: 1px solid #878787;
    border-left: 1px solid #878787;
}

#instructor-dashboard #my-classes table tr td,
#instructor-dashboard #my-classes table tr th,
#instructor-dashboard .inst-inbox table tr td,
#instructor-dashboard .inst-inbox table tr th,
#student-dashboard .stud-booking table tbody tr td,
#student-dashboard .stud-booking table tbody tr th {
    height: 40px;
    padding: 0 10px;
}

#instructor-dashboard #my-classes table tr td:first-child,
#instructor-dashboard #my-classes table tr th:first-child {
    width: 250px;
}

#instructor-dashboard #my-classes table tr td:nth-child(2),
#instructor-dashboard #my-classes table tr th:nth-child(2) {
    width: 150px;
}

#instructor-dashboard #my-classes table tr a > p,
#student-dashboard .stud-booking table tr input.booking-btn {
    background-color: #f0ce82;
    padding: 0px 10px;
    border-radius: 5px;
    border: none;
}

#instructor-dashboard #my-classes table tr a:hover > p,
#student-dashboard .stud-booking table tr input.booking-btn:hover {
    -webkit-box-shadow: 0 1px 10px #000;
    box-shadow: 0 1px 10px #000;
}

#instructor-dashboard input[type="radio"]:before {
    top: -3px;
    left: 0;
}

#instructor-dashboard #edit-class-form input[type="radio"] {
    width: 20px;
}

#instructor-dashboard #edit-class-form table input[type="radio"].right {
    margin-left: 30px;
}

.class-schedule-post #gform_wrapper_7 .gform_footer > input {
    padding: 10px;
    background-color: #eb0325;
    color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 7px #000;
    box-shadow: 1px 1px 7px #000;
    margin-right: 20px;
    border: none;
    font-size: 18px !important;
    font-weight: 600;
    width: initial !important;
}

#student-dashboard #pmpro_account-profile,
#student-dashboard .pmpro_actionlinks .member-opt-btn {
    display: none;
}

#student-dashboard .member-opt-btn {
    font-weight: 600;
    text-transform: uppercase;
}

#gform_wrapper_5 .ginput_complex.has_last_name > span:last-child {
    width: 49.9%;
}

.slider-template1 > img {
    max-width: 100%;
    width: 100%;
}

.slider-template1 > h2 {
    position: absolute;
    bottom: -2px;
    left: -15px;
    color: #fff;
    margin: 0;
    font-size: 200px;
    line-height: 0.75;
    text-transform: uppercase;
    max-width: 1450px;
}

.slider-template2 .template2-right {
    width: 400px;
    background-color: #021442;
    color: #fff;
    text-align: right;
    padding: 40px;
}

.slider-template2 .template2-left {
    width: calc(100% - 400px);
    background-color: #ff524a;
}

.slider-template2 .template2-left img {
    width: calc(100% - 50px);
    height: calc(100% - 100px);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.full-height {
    height: 100%;
}
/****************************************** 03/26/2018 ******************************************/
@font-face {
    font-family: "Peace Sans";
    src: url("fonts/PeaceSans.eot");
    src: url("fonts/PeaceSans.eot?#iefix") format("embedded-opentype"),
        url("fonts/PeaceSans.woff2") format("woff2"),
        url("fonts/PeaceSans.woff") format("woff"),
        url("fonts/PeaceSans.ttf") format("truetype"),
        url("fonts/PeaceSans.svg#PeaceSans") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "League Spartan";
    src: url("fonts/LeagueSpartan-Bold.eot");
    src: url("fonts/LeagueSpartan-Bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/LeagueSpartan-Bold.woff2") format("woff2"),
        url("fonts/LeagueSpartan-Bold.woff") format("woff"),
        url("fonts/LeagueSpartan-Bold.ttf") format("truetype"),
        url("fonts/LeagueSpartan-Bold.svg#LeagueSpartan-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Gotham-Book";
    src: url("fonts/Gotham-Book.eot");
    src: url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gotham-Book.woff2") format("woff2"),
        url("fonts/Gotham-Book.woff") format("woff"),
        url("fonts/Gotham-Book.ttf") format("truetype"),
        url("fonts/Gotham-Book.svg#Gotham-Book") format("svg");
    font-weight: bold;
    font-style: normal;
}

.home #content-wrap {
    margin-top: 107px;
}
#classes-wrap .row {
    margin-left: 0;
    margin-right: 0;
}
#banner-wrapper #main-banner .carousel-inner .item {
    overflow: hidden;
}
.banner-content {
    text-align: center;
    color: #ffffff;
}
.banner-content * {
    margin-bottom: 0;
}
#banner-811 #release_power {
    font-size: 140px;
    font-family: "Peace Sans";
    position: absolute;
    bottom: -26px;
    left: 0;
    max-width: 1024px;
    text-align: left;
    line-height: 1;
}
#banner-813 {
    background-position: 7% 50% !important;
    background-size: 75% 90% !important;
}
#banner-813 #quote {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 500px;
    width: 100%;
    background: #021442;
    padding: 15px 80px 15px 15px;
}
#banner-wrapper .p_relative {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#banner-813 #quote .p_relative {
    max-width: 281px;
    margin-left: auto;
}
#banner-813 #quote h2 {
    font-size: 45px;
    font-family: "Peace Sans";
    text-align: right;
    margin-bottom: 50px;
}
#banner-813 #quote h2::after {
    content: "";
    display: block;
    width: 41px;
    height: 10px;
    background: #ffffff;
    margin-top: 15px;
    margin-right: 0;
    margin-left: auto;
}
#banner-813 #quote p {
    font-size: 25px;
    font-family: "Archivo Narrow", sans-serif;
    text-align: right;
}
#banner-815 #goals {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin-right: 50px;
    margin-left: auto;
    font-family: "League Spartan";
    max-width: 500px;
}
#banner-815 #goals span {
    display: block;
    background: #ff524a;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#banner-815 #goals span:first-child {
    font-size: 60px;
}
#banner-815 #goals span:nth-child(2),
#banner-815 #goals span:last-child {
    font-size: 70px;
}
#banner-815 #goals span:nth-child(3) {
    font-size: 45px;
}
#banner-817 #weapon {
    font-family: "Permanent Marker";
    font-size: 90px;
    color: #fff852;
    position: absolute;
    bottom: 50px;
    right: 0;
    left: 0;
    max-width: 920px;
    margin: auto;
    line-height: 1;
}
#banner-817 #weapon::after {
    content: "";
    display: block;
    width: 100%;
    background: #fff852;
    height: 11px;
    margin-top: 25px;
}
#banner-819 {
    background-blend-mode: screen;
}
#banner-819 #ancient {
    background-color: rgba(255, 83, 75, 0.7);
    max-width: 1236px;
    margin-left: auto;
    margin-right: auto;
    height: 1236px;
    border-radius: 100%;
    top: -25%;
    overflow: hidden;
    position: relative;
}
#banner-819 #ancient h2 {
    font-family: "Racing Sans One", cursive;
    font-size: 150px;
    line-height: 1;
}
#banner-819 #ancient p {
    font-family: "Raleway", sans-serif;
    font-size: 50px;
}
#classes-wrap {
    margin-top: 30px;
}
#main-footer .footer-info .contact-info li {
    padding-left: 20px !important;
}
#colophon {
    display: none;
}

/* CUSTOM BANNER DESIGN PER TEMPLATE =================================== */
/* SLICK SLIDER */
.slick-banner-inner .item {
    height: 600px; /* CHANGE THE HEIGHT OF THE BANNER */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    background-position: center center !important;
}
.slick-banner-inner .item.Right {
    background-position: center left !important;
}
.slick-banner-inner .item.Left {
    background-position: center right !important;
}
.slick-banner-inner .item .banner-caption {
    width: 45%;
    font-size: 17px;
    color: #fff;
    padding: 50px 0;
}
.slick-banner-inner .item .banner-caption img.header {
    width: 370px;
}
.slick-banner-inner .item .banner-caption.Right {
    float: right;
    margin-right: 30px;
}
.slick-banner-inner .item .banner-caption.Left {
    float: left;
    margin-left: 30px;
}
.slick-banner-inner .item .banner-caption p {
    margin: 30px 0;
    line-height: 30px;
}
.slick-banner-inner .item .banner-caption .page-link {
    float: right;
    color: #ffd24d;
}
.slick-banner-inner .item .banner-caption .page-link:hover {
    color: #fff;
}
.slick-banner-inner .item .banner-caption .page-link img {
    display: inline-block;
}
.slick-banner-inner .item .banner-caption .page-link p {
    display: inline-block;
    font-size: 45px;
}
.slick-next {
    right: 5px !important;
    z-index: 5;
}
.slick-prev {
    left: 5px !important;
    z-index: 5;
}
.slick-dots {
    bottom: 65px !important;
}
.slick-dots li button:before {
    color: #fff !important;
    font-size: 15px !important;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-dots li.slick-active button:before {
    color: #ffd24d !important;
}
@media (max-width: 992px) {
    .slick-banner-inner .item .banner-caption {
        width: 100%;
        padding: 50px;
    }
}
/* end of slick */
.overlay-color {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
}
/* DESIGN TEMPLATE 1 =========================== */
@font-face {
    font-family: "Montserrat-Bold";
    src: url("./fonts/Montserrat-Bold.otf");
}
@font-face {
    font-family: "Montserrat";
    src: url("./fonts/Montserrat-Regular.otf");
}
@font-face {
    font-family: "Sifonn";
    src: url("./fonts/SIFONN_BASIC.OTF");
}
@font-face {
    font-family: "League Gothic Condensed";
    src: url("./fonts/LeagueGothic-CondensedRegular.otf");
}
.slick-banner-inner .item .banner-caption {
    z-index: 5;
}
.slick-banner-inner .design1.item .banner-caption p {
    font-size: 75px;
    line-height: 80px;
}
.slick-banner-inner .item .banner-caption.center {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    text-align: center;
}
.slick-banner-inner .item .banner-caption.Left {
    position: absolute;
    bottom: 0;
    left: 0;
}
.slick-banner-inner .item .banner-caption.Right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.slick-banner-inner .design1.item .banner-caption.Left {
    margin-left: 0;
}
.slick-banner-inner .design1.item .banner-caption.Right {
    margin-right: 0;
}
.slick-banner-inner .design1.item .banner-caption p {
    color: #fff;
    padding: 20px;
    font-family: "Montserrat-Bold";
    font-size: 70px;
}
.slick-banner-inner .design1.item .banner-caption.Left p {
    text-align: left;
    padding-left: 45px;
}
.slick-banner-inner .design1.item .banner-caption.Right p {
    padding-right: 45px;
    text-align: right;
}
/* DESIGN TEMPLATE 2 =========================== */
.slick-banner-inner .item.Right {
    background-position: top left !important;
}
.slick-banner-inner .design2.item .banner-caption p {
    font-size: 80px;
    line-height: 80px;
}
.slick-banner-inner .design2.item .banner-caption.center {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    text-align: center;
}
.slick-banner-inner .design2.item .banner-caption.Left {
    position: absolute;
    bottom: 0;
    left: 0;
}
.slick-banner-inner .design2.item .banner-caption.Right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.slick-banner-inner .design2.item .banner-caption p {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    width: 80%;
    padding: 20px;
    text-align: left;
}
.slick-banner-inner .design2.item .banner-caption.Left p {
    margin-left: 20%;
}
.slick-banner-inner .design2 .overlay-color {
    width: 30%;
    z-index: 2;
}
.slick-banner-inner .design2.Right .overlay-color {
    right: 0;
}
.slick-banner-inner .design2.Left .overlay-color {
    left: 0;
}
.slick-banner-inner .design2.center .overlay-color {
    left: 0;
    right: 0;
    height: 35%;
    bottom: 0;
    width: 100%;
}
.slick-banner-inner .design2.item .banner-caption p span {
    display: block;
    font-size: 25px;
}
.slick-banner-inner .design2.item .banner-caption.center p {
    width: 100%;
    text-align: center;
}
/* DESIGN TEMPLATE 3 =========================== */

.slick-banner-inner .design3.item .banner-caption {
    font-family: "Sifonn";
    padding: 20px;
}
.slick-banner-inner .design3.item .banner-caption p {
    color: #133faa;
    font-size: 80px;
    line-height: 100%;
}
.slick-banner-inner .design3.item .banner-caption.Right {
    text-align: right;
}
.slick-banner-inner .design3.item .banner-caption.center p {
    background-color: rgba(249, 242, 241, 0.65);
    padding: 15px 0;
    margin: 0;
}
.slick-banner-inner .design3.item .banner-caption p.bordered-text {
    color: transparent;
    -webkit-text-stroke: 3px #133faa;
}
.slick-banner-inner .design3.item .banner-caption p.text-tag {
    font-size: 35px;
    padding: 15px 10px;
    width: auto;
    display: inline-block;
    height: auto;
    vertical-align: middle;
    color: #fff;
    line-height: 35px;
    font-weight: bold;
    font-family: montserrat;
}
/* DESIGN TEMPLATE 4 =========================== */
.slick-banner-inner .design4.item .banner-caption p {
    font-size: 100px;
    line-height: 100%;
    width: 70%;
    height: 100%;
    letter-spacing: 4px;
    font-family: "League Gothic Condensed";
}
.slick-banner-inner .design4.item .banner-caption {
    height: 100%;
    padding: 0;
}
.slick-banner-inner .design4.item .banner-caption p span {
    font-size: 30px;
    padding-top: 50px;
    display: block;
    font-weight: normal;
    font-family: montserrat;
}
.slick-banner-inner .design4 .overlay-color {
    width: 45%;
    z-index: 2;
}

.slick-banner-inner .design4.Right .overlay-color {
    right: -110px;
    transform: skewX(-15deg);
}
.slick-banner-inner .design4.Left .overlay-color {
    left: -90px;
    transform: skewX(15deg);
}
.slick-banner-inner .design4.center .overlay-color {
    width: 100%;
    height: 50%;
    bottom: 0;
}
.slick-banner-inner .design4.item .banner-caption.Right p {
    text-align: right;
    right: 0;
    float: right;
}
.slick-banner-inner .design4.item .banner-caption.center {
    padding: 0;
    height: 50%;
    width: 80%;
    margin: 0 auto;
}
.slick-banner-inner .design4.item .banner-caption.center p {
    width: 100%;
    font-size: 80px;
}
.slick-banner-inner .design4.item .banner-caption.center p span {
    padding: 0;
}
/* DESIGN TEMPLATE 5 =========================== */
.slick-banner-inner .design5.item .banner-caption.center {
    width: 75%;
    height: 90%;
}
.slick-banner-inner .design5.item .banner-caption p {
    font-family: "Yellowtail", cursive;
    font-size: 150px;
    line-height: 100%;
    transform: skewY(-12deg);
}
.slick-banner-inner .design5 .overlay-color {
    background-color: transparent !important;
}

.slick-banner-inner .design5.item .inner-border span:before {
    content: " ";
    position: absolute;
    border: 0.5px solid #f6534c;
    left: 60px;
    top: 80px;
    bottom: 80px;
}
.slick-banner-inner .design5.item .inner-border span:after {
    content: " ";
    position: absolute;
    border: 0.5px solid #f6534c;
    right: 60px;
    top: 80px;
    bottom: 80px;
}

.slick-banner-inner .design5 .inner-border:before {
    content: " ";
    position: absolute;
    border: 0.5px solid #f6534c;
    top: 60px;
    left: 80px;
    right: 80px;
}
.slick-banner-inner .design5 .inner-border:after {
    content: " ";
    position: absolute;
    border: 0.5px solid #f6534c;
    bottom: 60px;
    left: 80px;
    right: 80px;
}

.slick-banner-inner .design5 .edge-border:before {
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    top: 30px;
    left: 30px;
    border-top: 3px solid #f6534c;
    border-left: 3px solid #f6534c;
}
.slick-banner-inner .design5 .edge-border:after {
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    top: 30px;
    right: 30px;
    border-top: 3px solid #f6534c;
    border-right: 3px solid #f6534c;
}
.slick-banner-inner .design5 .edge-border span:before {
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    border-bottom: 3px solid #f6534c;
    border-left: 3px solid #f6534c;
}
.slick-banner-inner .design5 .edge-border span:after {
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-bottom: 3px solid #f6534c;
    border-right: 3px solid #f6534c;
}
.newsletter-section {
    background: #b9021c;
}

.newsletter-form-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
}
.newsletter-text {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 50px;
    padding-left: 50px;
    background: #b9021c;
    color: #fff;
}
.newsletter-text h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.newsletter-form-wrapper {
    background-color: #1239b8e6;
    color: #fff;
}
.newsletter-form-wrapper .tnp-email {
    border: 2px solid #dddddd;
    padding: 10px;
    width: 75%;
    color: #444444;
}

/* 4 Dec 2020 */
.modal-content-img {
    height: 50vh;
    overflow-y: scroll;
}

.modal-content-img img {
    max-width: 100%;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

@media (min-width: 576px) {
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
}

@media (max-width: 1023px) {
    #onLoadModal {
        top: 100px;
    }
}

/* 
*  ========================================
*  RESPONSIVE CSS FOR THE BANNER TEMPLATES
*  ========================================
*/
@media (min-width: 1450px) {
    .slick-banner-inner .item {
        height: 800px;
        transition: ease 0.3s;
    }
}
@media (max-width: 1300px) {
    .slick-banner-inner .item .banner-caption.center {
        width: 100%;
        padding: 50px;
    }
    .slick-banner-inner .design4.item .banner-caption {
        margin: 0;
    }
    .slick-banner-inner .design4.item .banner-caption p {
        padding: 0 15px;
        font-size: 80px;
    }
    .slick-banner-inner .design5.item .banner-caption.center {
        width: 90%;
    }
}
@media (max-width: 1200px) {
    .slick-banner-inner .design4.item .banner-caption p {
        width: 100%;
    }
    .slick-banner-inner .design4 .overlay-color {
        width: 60%;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .slick-banner-inner .design2.item .banner-caption.Right,
    .slick-banner-inner .design2.item .banner-caption.Left {
        padding: 0;
    }
}
@media (max-width: 1100px) {
    .slick-banner-inner .design5.item .banner-caption p {
        font-size: 120px;
    }
}
@media (max-width: 992px) {
    .slick-banner-inner .design1.item .banner-caption.Left p,
    .slick-banner-inner .design1.item .banner-caption.Right p,
    .slick-banner-inner .design1.item .banner-caption.center p,
    .slick-banner-inner .design2.item .banner-caption p {
        text-align: center;
        padding: 20px;
        font-size: 50px;
    }
    .slick-banner-inner .design2.item .banner-caption.Left,
    .slick-banner-inner .design2.item .banner-caption.Right,
    .slick-banner-inner .design4.item .banner-caption.center,
    .slick-banner-inner .design2.item .banner-caption.Left p,
    .slick-banner-inner .design2.item .banner-caption p,
    .slick-banner-inner .design4.item .banner-caption.Right p {
        margin: 0;
        width: 100%;
    }
    .slick-banner-inner .design2.item .overlay-color {
        left: 0;
        right: 0;
        height: 35%;
        bottom: 0;
        width: 100%;
    }
    .slick-banner-inner .design3.item .banner-caption {
        margin: 0;
    }

    .slick-banner-inner .design4.item .banner-caption {
        height: auto;
    }
    .slick-banner-inner .design4.item .banner-caption.Right p,
    .slick-banner-inner .design4.item .banner-caption.Left p,
    .slick-banner-inner .design4.item .banner-caption.center p {
        font-size: 65px;
        text-align: center;
    }
    .slick-banner-inner .design4.Right .overlay-color,
    .slick-banner-inner .design4.Left .overlay-color {
        right: 0;
        transform: initial;
        width: 100%;
        height: 100%;
        bottom: -290px;
        transform: skewY(-6deg);
    }
    .slick-banner-inner .design4.Left .overlay-color {
        left: 0;
        transform: skewY(6deg);
    }
    .slick-banner-inner .design4.item .banner-caption.center {
        height: auto;
    }
    .slick-banner-inner .design4.center .overlay-color {
        height: 40%;
    }
    .slick-banner-inner .design5.item .banner-caption.center {
        height: 100%;
        padding: 90px 50px;
    }
}
@media (max-width: 768px) {
    .slick-banner-inner .design1.item .banner-caption.Left p,
    .slick-banner-inner .design1.item .banner-caption.Right p,
    .slick-banner-inner .design1.item .banner-caption.center p,
    .slick-banner-inner .design2.item .banner-caption p {
        line-height: 60px;
    }
    .slick-banner-inner .design2.item.Right {
        background-position: center right !important;
    }
    .slick-banner-inner .design3.item .banner-caption,
    .slick-banner-inner .design3.item .banner-caption.Right {
        text-align: center;
    }
    .slick-banner-inner .design3.item .banner-caption p {
        background-color: rgba(249, 242, 241, 0.65);
        padding: 15px 0;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .slick-banner-inner .item .banner-caption,
    .slick-banner-inner .item .banner-caption.center {
        padding: 50px 15px;
    }
    .slick-banner-inner .design2.item .banner-caption.Left,
    .slick-banner-inner .design2.item .banner-caption.Right,
    .slick-banner-inner .design2.item .banner-caption.center {
        padding-bottom: 15px;
    }
    .slick-banner-inner .item .banner-caption p {
        margin: 0;
    }
    .slick-banner-inner .design5.item .banner-caption p {
        font-size: 90px;
    }
    .slick-dots {
        bottom: 4px !important;
    }
}
@media (max-width: 650px) {
    .slick-banner-inner .item.Left {
        background-position: center right -200px !important;
    }
}
@media (max-width: 600px) {
    .slick-banner-inner .design4.item .banner-caption.Right p,
    .slick-banner-inner .design4.item .banner-caption.Left p,
    .slick-banner-inner .design4.item .banner-caption.center p {
        font-size: 50px;
    }
    .slick-banner-inner .design4.Right .overlay-color,
    .slick-banner-inner .design4.Left .overlay-color {
        bottom: -55%;
    }
}
@media (max-width: 480px) {
    .slick-banner-inner .design2.item .banner-caption p {
        font-size: 40px;
        line-height: 40px;
    }
    .slick-banner-inner .design3.item .banner-caption p {
        font-size: 60px;
    }
    .slick-banner-inner .design3.item .banner-caption p.text-tag {
        width: 100%;
    }
}
@media (max-width: 440px) {
    .slick-banner-inner .design1.item .banner-caption.Left p,
    .slick-banner-inner .design1.item .banner-caption.Right p,
    .slick-banner-inner .design1.item .banner-caption.center p,
    .slick-banner-inner .design2.item .banner-caption p,
    .slick-banner-inner .design4.item .banner-caption.Right p,
    .slick-banner-inner .design4.item .banner-caption.Left p {
        line-height: 40px;
        font-size: 40px;
    }
    .slick-banner-inner .design4.center .overlay-color {
        height: 50%;
    }
    .slick-banner-inner .design5.item .banner-caption p {
        font-size: 70px;
    }
}
@media print {
    .pmpro_a-print {
        display: none;
        position: absolute;
        left: -9999px;
    }
}

.page-id-576 #main .row,
.page-id-577 #main .row {
    display: block;
}

.page-id-576 .woocommerce,
.page-id-577 .woocommerce {
    padding: 0 20px;
}
#post-576
    .woocommerce
    .woocommerce-cart-form__cart-item.cart_item
    .product-quantity
    .quantity
    input {
    display: inline-block;
    width: 50%;
    margin-left: 20px;
}
#ascrail2000-hr {
    display: none;
}
@media (max-width: 768px) {
    li.post-598.product.type-product.status-publish.has-post-thumbnail.product_cat-dvd.pmpro-has-access.first.instock.shipping-taxable.purchasable.product-type-simple {
        top: 2px;
    }
    body.woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 50% !important;
        margin: 10px auto !important;
        text-align: center !important;
    }
}

/* October 29 */
@media (max-width: 414px) {
    ul.products h2.woocommerce-loop-product__title {
        font-size: 17px;
        line-height: 20px;
        margin-top: 5px;
        height: 76px;
        margin-bottom: 0;
    }
    ul.products li p {
        min-height: 55px;
        font-size: 12px;
    }
    h2.woocommerce-loop-product__title {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ul.products li {
        height: 720px;
    }
}
@media (max-width: 381px) {
    body.woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
    }
    ul.products li {
        height: 100%;
    }
}