/* #region -- BASE -- */
.about_template {
    padding-bottom: 0;
}

    .about_template * {
        width: 100%;
        float: left;
    }

    .about_template .clear {
        float: none;
    }

    .about_template .owl-carousel .owl-dots * {
        width: auto;
        float: none;
    }

    .about_template section {
        padding: 10px;
        border-top: 1px solid;
        border-bottom: 1px solid;
        background-position: center;
        background-size: cover;
        /*margin-top: -1px;*/
    }

        .about_template section.pad_top_none {
            padding-top: 0;
        }

        .about_template section.pad_top_normal {
            padding-top: 50px;
        }

        .about_template section.pad_top_wide {
            padding-top: 50px;
        }

        .about_template section.pad_bot_none {
            padding-bottom: 0;
        }

        .about_template section.pad_bot_normal {
            padding-bottom: 50px;
        }

        .about_template section.pad_bot_wide {
            padding-bottom: 50px;
        }

.lp_error_msg {
    background-color: #ffd0d0;
    color: red;
    border: 1px solid red;
    padding: 5px;
    margin-top: 5px;
}

.error input {
    border: 1px solid red;
    background-color: #fff3f3;
}

@media (min-width: 740px) {
    .about_template section {
        padding: 20px;
    }

        .about_template section.pad_top_none {
            padding-top: 0;
        }

        .about_template section.pad_top_normal {
            padding-top: 100px;
        }

        .about_template section.pad_top_wide {
            padding-top: 200px;
        }

        .about_template section.pad_bot_none {
            padding-bottom: 0;
        }

        .about_template section.pad_bot_normal {
            padding-bottom: 100px;
        }

        .about_template section.pad_bot_wide {
            padding-bottom: 200px;
        }
}

.about_template .mw1200 {
    float: none;
}

.about_template img {
    width: auto;
    float: none;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* #endregion -- BASE -- */



/* #region -- TYPOGRAPHY -- */

.about_template h1 {
    margin-bottom: 1em;
}

@media (min-width: 1000px) {
    .about_template h1 {
        font-size: 4em;
    }
}

.about_template h2 {
    font-weight: 900;
    text-transform: uppercase;
}

.about_template p.intro {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}

.about_template .ct_body * {
    display: inline-block;
    width: auto;
    float: none;
}

.about_template .ct_body p,
.about_template .ct_body ul,
.about_template .ct_body li,
.about_template .ct_body ol {
    width: 100%;
    float: left;
}

.about_template .ct_body h1,
.about_template .ct_body h2,
.about_template .ct_body h3,
.about_template .ct_body h4,
.about_template .ct_body h5,
.about_template .ct_body h6 {
    width: 100%;
    float: left;
    text-align: left;
}

.about_template .ct_body ul {
    margin-left: 40px;
    margin-bottom: 2em;
    width: calc(100% - 40px);
}

    .about_template .ct_body ul li {
        list-style-type: square;
        display: list-item;
    }

.about_template .ct_body ol {
    margin-left: 40px;
    margin-bottom: 2em;
    padding: 0;
}

    .about_template .ct_body ol li {
        text-align: left;
        list-style-type: decimal;
        display: list-item;
    }

@media (min-width: 740px) {
    .about_template p.intro {
        font-size: 1.1em;
    }
}

@media (min-width: 1000px) {
    .about_template p.intro {
        font-size: 1.2em;
    }
}

.about_template .button {
    margin-bottom: 3em;
}

    .about_template .button:hover {
        border: 1px solid #A01D5D;
        background-color: #A01D5D !important;
        color: #fff !important;
    }

.about_template a:hover {
    border: none;
}

.about_template figcaption {
    font-size: 12px;
    line-height: 1.2em;
    padding: 6px 0;
}

    .about_template figcaption:empty {
        padding: 0;
    }

.ct_contents ul {
    margin: 0;
}


.ct_contents li {
    list-style-type: none;
    padding: 9px 12px;
    margin: 0 0 -1px 0;
    border-top: 1px solid #ccc;
    float: left;
}

    .ct_contents li:nth-child(1) {
        border: none;
    }

@media (min-width: 740px) {

    .ct_contents li {
        width: calc(50% - 10px);
    }

        .ct_contents li:nth-child(2) {
            border: none;
        }

        .ct_contents li:nth-last-child(1),
        .ct_contents li:nth-last-child(2) {
            border-bottom: 1px solid #ccc;
        }

        .ct_contents li:nth-child(even) {
            float: right;
        }

        .ct_contents li:nth-child(odd) {
            clear: both;
        }
}

.about_template .ct_body .morecontent {
    margin-bottom: 1.5em;
}

    .about_template .ct_body .morecontent span {
        display: none;
    }

.about_template .ct_body .moreellipses {
    display: none !important;
}

/* #endregion -- TYPOGRAPHY -- */



/* #region -- IMAGES -- */


.about_template .ct_image_single,
.about_template .ct_image_grid,
.about_template .ct_image_carousel {
    margin-bottom: 3em;
}

.about_template .ct_image_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

    .about_template .ct_image_grid .img_wrap {
        width: 31.33%;
        margin: 1%;
    }

@media (min-width: 768px) {
    .about_template .ct_image_grid {
        grid-gap: 20px;
    }
}

@media (min-width: 1000px) {
    .about_template .ct_image_grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
}

/* #endregion -- IMAGES -- */



/* #region -- VIDEOS -- */

.about_template .ct_video_single,
.about_template .ct_video_grid,
.about_template .ct_video_carousel {
    margin-bottom: 3em;
}


/* #endregion -- VIDEOS -- */



/* #region -- OWL CAROUSEL -- */

/*@media (min-width: 768px) {*/
.about_template .ct_carousel {
    width: calc(100% - 80px);
    margin-left: 40px;
}
/*}*/


.about_template .owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    height: calc(100% - 25px) !important;
    width: 34px !important;
    top: -2px;
    display: block !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 0.8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #a9a9a9 !important;
}

.about_template .owl-theme .owl-nav .owl-prev {
    left: -42px;
    background-image: url(https://hoch.media/elements/icons/icons_arrow-left-white.svg) !important;
}

.about_template .owl-theme .owl-nav .owl-next {
    right: -42px;
    background-image: url(https://hoch.media/elements/icons/icons_arrow-right-white.svg) !important;
}

@media (min-width: 768px) {
    .about_template .ct_carousel {
        width: calc(100% - 110px);
        margin-left: 55px;
    }

    .about_template .owl-theme .owl-nav .owl-prev {
        left: -54.5px;
    }

    .about_template .owl-theme .owl-nav .owl-next {
        right: -54.5px;
    }
}

.about_template .owl-theme .owl-nav .disabled {
    opacity: 0.2;
}

.about_template .owl-nav {
    margin: 0 !important;
}

.about_template .owl-theme .owl-dots {
    line-height: 1em;
    margin-top: 5px;
}

    .about_template .owl-theme .owl-dots .owl-dot span {
        height: 10px;
        margin: 5px 5px 3px 5px;
    }


@media (min-width: 1310px) {
    .about_template .ct_carousel {
        width: 100%;
        margin-left: 0px;
    }
}

/* #endregion -- OWL CAROUSEL -- */



/* #region -- PRODUCT -- */

.about_template .ct_product_grid *,
.about_template .ct_product_carousel * {
    float: none;
}

.about_template .ct_product_carousel .owl-item {
    float: left;
}

.about_template .ct_product_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

    .about_template .ct_product_grid .product_wrap {
        width: 14.6%;
        margin: 1%;
        float: left;
    }

@media (min-width: 768px) {
    .about_template .ct_product_grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 10px;
    }

    .about_template .ct_product_list .price {
        font-size: 1.5em;
    }
}

@media (min-width: 1200px) {
    .about_template .ct_product_grid {
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 20px;
    }
}

.about_template .ct_product_list a {
    float: left;
}

    .about_template .ct_product_list a.product_title h5 {
        line-height: 1.4em;
        height: 2.8em;
    }

.about_template .ct_product_list .small_stars .grey_stars {
    float: right;
}

.about_template .ct_product_list .price span {
    width: auto;
}

.about_template .ct_product_carousel {
    width: 100%;
    margin-left: 0px;
}

@media (min-width: 768px) {
    .about_template .ct_product_carousel {
        width: calc(100% - 110px);
        margin-left: 55px;
    }

        .about_template .ct_product_carousel .owl-theme .owl-nav .owl-prev {
            left: -54.5px;
        }

        .about_template .ct_product_carousel .owl-theme .owl-nav .owl-next {
            right: -54.5px;
        }
}


@media (min-width: 1310px) {
    .about_template .ct_product_carousel {
        width: 100%;
        margin-left: 0px;
    }
}

.about_template button.info_button {
    margin-bottom: 0;
}

.about_template .ct_product_carousel .button {
    margin-bottom: 0;
}

/*.about_template .ct_product_carousel .owl-theme .owl-nav .owl-prev {
    left: -42px;
    background-image: url(https://hoch.media/elements/icons/icons_arrow-left-grey.svg) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.about_template .ct_product_carousel .owl-theme .owl-nav .owl-next {
    right: -42px;
    background-image: url(https://hoch.media/elements/icons/icons_arrow-right-grey.svg) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}*/

/* #endregion -- PRODUCT -- */



/* #region -- EXTRAS -- */

.ct_line {
    border-bottom: 1px;
    margin-bottom: 30px;
}

.ct_addthis * {
    width: auto;
    float: none;
}

.addthis_toolbox.addthis_default_style {
    display: inline-block;
}

.ct_countdown_timer_container {
    margin-bottom: 30px;
}

.ct_countdown_timer {
    margin-bottom: 3em;
}

#ct_countdown_timer {
    font-size: 2em;
    line-height: 1em;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-transform: capitalize;
}

@media (min-width: 768px) {
    #ct_countdown_timer {
        font-size: 4em;
    }
}

@media (min-width: 960px) {
    #ct_countdown_timer {
        font-size: 5em;
    }
}

.ct_countdown_item,
.ct_countdown_sep {
    /*background-color: green;*/
    width: auto;
    float: none;
    display: inline-block;
    text-align: center;
}

/*.ct_countdown_item:after {
        content: ':';
    }*/

.ct_countdown_lbl {
    /*background-color: lightblue;*/
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.about_template p#ct_countdown_exp_msg_txt {
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: normal;
}

    .about_template p#ct_countdown_exp_msg_txt:empty {
        margin: 0;
    }

/* #endregion -- EXTRAS -- */


/* #region -- FORM -- */

.form_section {
    text-align: left;
    margin: 0 auto;
    float: none;
    clear: both;
    padding: 20px;
    border: 1px solid transparent;
}

    .form_section .content_type_wrap.ct_form_button_submit {
        text-align: center;
        margin-bottom: 0;
    }

    .form_section input {
        line-height: 44px;
        padding-left: 10px;
    }

        .form_section input[type=range] {
            padding-left: 0px;
        }

    .form_section label {
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        text-transform: uppercase;
    }

    .form_section fieldset label {
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        text-transform: initial;
    }

    .form_section .content_type_wrap {
        margin-bottom: 20px;
    }

/*SLIDER*/

.ratingslider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #d3d3d3;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 20px 0;
}

    .ratingslider:hover {
        opacity: 1;
    }

    .ratingslider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 40px;
        height: 40px;
        background: #ed137d;
        border: 1px solid #A01D5D;
        cursor: pointer;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

    .ratingslider::-moz-range-thumb {
        width: 40px;
        height: 40px;
        background: #ed137d;
        border: 1px solid #A01D5D;
        cursor: pointer;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

.ct_form_slidecontainer span {
    width: auto;
}

.ct_rating_wrap {
    float: right;
    font-size: 2em;
}

/* #region ########## css-checkbox ########## */

.content_type_wrap input[type=checkbox].css-checkbox + label {
    margin: 0;
    line-height: 40px;
    padding-left: 30px;
}

.content_type_wrap input[type=checkbox].css-checkbox,
.content_type_wrap input[type=radio].css-checkbox {
    width: 10%;
}

.content_type_wrap .checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #b3b3b3;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    line-height: 20px;
    margin-left: -30px;
}

.content_type_wrap .checkbox-custom:checked + .checkbox-custom-label:before {
    background: #ed137d;
    color: #fff;
    border: none;
    background-image: url(https://hoch.media/elements/icons/icons_tick-white.svg) !important;
    background-repeat: no-repeat;
}

/* #endregion ########## css-checkbox ########## */



/* #region ########## css-radio ########## */

.content_type_wrap input[type=radio].css-checkbox + label {
    margin: 0;
    line-height: 40px;
    padding-left: 30px;
}

.content_type_wrap.ct_form_radioinput .checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 6px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    line-height: 20px;
    margin-left: -29px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(179,179,179,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(179,179,179,1);
    box-shadow: 0px 0px 0px 1px rgba(179,179,179,1);
}

.content_type_wrap.ct_form_radioinput .checkbox-custom:checked + .checkbox-custom-label:before {
    background: #ed137d;
    color: #fff;
    /*border: 1px solid #fff;*/
    background-image: none !important;
    background-repeat: no-repeat;
}

/* #endregion ########## css-radio ########## */


a.button.landingPageFormSubmitButton {
    margin-bottom: 0;
}

/* #endregion -- FORM -- */

@supports (display: grid) {
    .about_template .ct_product_grid .product_wrap,
    .about_template .ct_image_grid .img_wrap {
        width: 100%;
        margin: 0;
    }
}