.u-email {
    display: none !important;
}
/* NAVIGATION  */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
}

#nav .navbar-nav {
    padding-left: 0 !important;
}

#nav .navbar-collapse {
    padding-left: 0 !important;
}

.top-nav a:hover, .horizontalMenu a:hover, .navbar a:hover {
    color: #fff;
}

ul.horizontalMenu {
    padding: 0;
}

    ul.horizontalMenu li {
        display: inline;
    }

        ul.horizontalMenu li + li {
            border-left: 1px solid #000;
            padding-left: 12px;
            margin-left: 10px;
        }

.footer-nav a {
    color: #000;
    text-decoration: underline;
}

    .footer-nav a:hover {
        color: #fff;
        text-decoration: underline;
    }

.trust_logo {
    float: right;
}

/* Country dropdown fin */
.jcf-select-country-startpage .jcf-scroll-active {
    background: rgba(0, 0, 0, .79);
}

.language-reagon-select .jcf-scroll-active {
}

.jcf-select-drop.jcf-select-country .jcf-list {
    padding: 0;
}

.jcf-list .jcf-list-content {
    /*background-color: rgba(0,0,0,0.7);*/
}

.region-select .jcf-select {
    box-shadow: 1px 2px 4px rgba(255, 255, 255, .4);
    cursor: pointer;
}

@media only screen and (max-width: 1250px) {
    #nav .navbar-nav > li {
        font-size: 14px;
        padding: 0 4px 20px;
    }

    .navbar-collapse {
        /* padding-right: 0;  */
    }

    .language-reagon-select {
        padding-top: 14px;
    }
}

@media (min-width: 992px) {
    #nav .dropdown-menu {
        width: 100% !important;
    }

    #nav .drop-holder .dropdown-wrap {
        width: 100% !important;
        max-width: 3000px !important;
    }

    #nav .navbar-nav > li > a.top-nav-mobil,
    #nav .navbar-nav > li.full-width .dropdown-menu > li > a.top-nav-mobil,
    #nav .dropdown-menu > li a.top-nav-mobil {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        margin-right: 25px !important;
    }

    #nav .navbar-nav > li > a.top-nav-mobil,
    #nav .navbar-nav > li.full-width .dropdown-menu > li > a.top-nav-mobil,
    #nav .dropdown-menu > li a.top-nav-mobil {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    #nav .language-reagon-select .select-wrap {
        width: 100%;
    }

    #nav .language-reagon-select .jcf-select {
        padding-left: 15px;
    }

    #nav .navbar-toggle {
        background: #000;
    }

    #nav .top-nav li {
        padding-left: 15px;
    }

    #nav .navbar-nav > li {
        padding-left: 15px;
        border-bottom: 1px solid #333;
    }

        #nav .navbar-nav > li:nth-child(odd) {
            padding-left: 15px;
        }

        #nav .navbar-nav > li .dropdown-menu > li li:nth-child(even) {
            border-bottom: 1px solid #999;
        }

        #nav .navbar-nav > li .dropdown-menu > li:nth-child(even),
        #nav .navbar-nav > li .dropdown-menu > li:nth-child(odd) {
            border-bottom: 1px solid #666;
            background: #333;
        }
    /*}

@media only screen and (max-width: 479px) {*/
    #nav .top-nav li {
        border-bottom: 1px solid #333;
    }

    #nav .navbar-nav > li .dropdown-menu > li > a,
    #nav .navbar-nav > li .dropdown-menu > li li a,
    #nav .navbar-nav > li > a,
    #nav .navbar-nav > li:hover > a,
    #nav .navbar-nav > li.active > a {
        width: 23%;
        display: inline-block;
    }

        #nav .navbar-nav > li .dropdown-menu > li > a.top-nav-mobil,
        #nav .navbar-nav > li .dropdown-menu > li li a.top-nav-mobil,
        #nav .navbar-nav > li > a.top-nav-mobil,
        #nav .navbar-nav > li:hover > a.top-nav-mobil,
        #nav .navbar-nav > li.active > a.top-nav-mobil {
            display: inline-block;
            width: 75%;
        }

            #nav .top-nav > li > a::after,
            #nav .navbar-nav > li .dropdown-menu > li > a.top-nav-mobil::after,
            #nav .navbar-nav > li .dropdown-menu > li li a.top-nav-mobil::after,
            #nav .navbar-nav > li > a.top-nav-mobil::after,
            #nav .navbar-nav > li:hover > a.top-nav-mobil::after,
            #nav .navbar-nav > li.active > a.top-nav-mobil::after,
            #nav .navbar-nav > li.no-drop > a::after,
            #nav .navbar-nav > li.active.no-drop > a::after {
                content: '';
            }

    #nav .navbar-nav > li .dropdown-menu > li.no-drop > a,
    #nav .navbar-nav > li .dropdown-menu > li li.no-drop a,
    #nav .navbar-nav > li .no-drop:hover > a,
    #nav .navbar-nav > li.active.no-drop > a {
        width: 100%;
    }

    #nav .navbar-nav > li.no-drop > a.sub-nav-opener {
        display: none;
    }

    #nav .navbar-nav > li .dropdown-menu > li > a.sub-nav-opener,
    #nav .navbar-nav > li .dropdown-menu > li li a.sub-nav-opener,
    #nav .navbar-nav > li > a.sub-nav-opener {
        font-size: 0px;
    }

        #nav .navbar-nav > li > a.sub-nav-opener::after,
        #nav .navbar-nav > li > a.sub-nav-opener::after {
            font-size: 17px;
            font-weight: bold;
            margin-top: -8px;
        }

    #nav .navbar-collapse {
        max-height: 90vh;
    }
}

/* END NAVIGATION  */


/* COMMON */

/*font*/
h1, h2, h3, h4 {
    text-transform: uppercase;
}

h1 {
    font: 30px/1.2 "brandon_grotesquebold", Arial, Helvetica, sans-serif;
}

.font-size-17 {
    font-size: 17px !important;
}

.medium-text {
    font: 20px/1.2 "brandon_grotesquemedium";
    display: block;
    font-weight: 400;
    margin: 0 0 20px;
}

.large-text h1 {
    font: 30px/1.2 "brandon_grotesquebold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

    .large-text h1 span {
        font-family: "brandon_grotesquelight";
        color: #ffd511;
    }

.text-black {
    color: #000;
}

.text-white {
    color: #fff;
}

.two-column-text img {
    max-width: 95%;
}

/*links*/
.startPage-subscribeLink {
    color: #fff;
    text-decoration: underline;
    font-family: "brandon_grotesqueRgIt";
}

.link-more {
    text-decoration: underline;
    font-family: "brandon_grotesqueRgIt";
}

.container-link {
    color: black !important;
}

a.white-hover:hover {
    color: #fff !important;
}

/*other*/
.clearfix {
    clear: both;
}

.vertical-middle {
    vertical-align: middle;
}

div.text-wrap h5, div.text-wrap .h5 {
    margin-top: 25px;
}

.container p, li {
    max-width: 976px;
}

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

@media screen and (max-height: 380px) {
    .copy-text {
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    /*font*/
    h1 {
        margin: 0;
        font-size: 21px;
        text-align: center;
    }

    #Content .desc-text.right h1 {
        text-align: right;
        margin-top: 20px;
    }
}

/* END COMMON */

/* IMAGE */
.solutions-block .img-holder img {
    width: 100%;
    min-height: 421px;
}

.solutions-block .img-holder {
    max-height: 421px;
}

@media only screen and (max-width: 1150px) {
    #Content img {
        width: 100%;
    }

    #Content .reseller-contact-block img {
        width: auto;
    }
}

@media only screen and (max-width: 991px) {
    #Content img {
        width: 100%;
    }

    #Content .reseller-contact-block img {
        width: auto;
    }
}

@media screen and (max-width: 415px) {
    #Content img {
        width: 100%;
    }

    #Content .reseller-contact-block img {
        width: auto;
    }
}

/* Full width image */
.full-width-image {
    max-height: 600px;
    overflow: hidden;
    position: relative;
    box-shadow: 3px 4px 32px rgba(16, 16, 14, .44);
}

    .full-width-image .bg-image {
        float: left;
        height: auto;
        left: 50%;
        min-width: 1310px;
        position: relative;
        width: 100%;
        overflow: visible;
    }

        .full-width-image .bg-image img {
            float: left;
            left: -50%;
            position: relative;
            width: 100%;
            height: auto;
        }

    .full-width-image .content-holder {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        max-width: 1430px;
        padding: 0 15px;
        margin: auto;
        width: 100%;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .full-width-image .img-container {
        width: 330px;
        height: 330px;
        white-space: nowrap;
        text-align: center;
        border: 3px solid #ffd511;
        background: #fff;
        box-shadow: 0 0 10px rgba(16, 16, 14, .75);
        padding: 40px;
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .full-width-image .img-container.center {
            margin: 0 auto;
        }

        .full-width-image .img-container.left {
            float: left;
            margin: 0 117px 0;
        }

        .full-width-image .img-container.right {
            float: right;
            margin: 0 57px 0;
        }

    .full-width-image .rotateLeft {
        -moz-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        margin-top: -155px !important;
    }

    .full-width-image .rotateRight {
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        margin-top: -155px !important;
    }

    .full-width-image .desc-text {
        text-align: center;
        font: 22px/1.2 "brandon_grotesqueRgIt";
        color: #fff;
        /*text-shadow: 0 0 27px rgba(16, 16, 14, .75);*/
        text-shadow: 0 1px 5px rgba(16, 16, 14, .75);
        padding: 66px 5px 58px;
        letter-spacing: .04em;
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .full-width-image .desc-text.center {
            margin: 0 auto;
        }

        .full-width-image .desc-text.left {
            float: left;
        }

        .full-width-image .desc-text.right {
            float: right;
        }

    .full-width-image .img-container img {
        display: inline-block;
        white-space: normal;
        vertical-align: middle;
        width: 100%;
    }

    .full-width-image h2 {
        margin: 0 0 23px;
        font: 40px/1.2 "brandon_grotesquebold";
        text-transform: uppercase;
    }

    .full-width-image p {
        margin: 0 0 28px;
    }

    .full-width-image h2 span {
        font-family: "brandon_grotesquelight";
        color: #ffd511;
    }

    .full-width-image .text-box {
        border-radius: 20px;
        background: #000;
        background: rgba(0, 0, 0, .6);
        padding: 40px 40px 20px 40px;
        text-align: center;
        margin-left: 100px;
        margin-right: 100px;
    }

    .full-width-image .title {
        display: block;
        font: 40px/47px "brandon_grotesquebold", Arial, Helvetica, sans-serif;
        letter-spacing: .1em;
        margin: 0;
        text-transform: uppercase;
        line-height: normal;
    }

        .full-width-image .title span {
            font-family: "brandon_grotesquelight";
            color: #ffd511;
        }

@media only screen and (max-width: 1435px) {
    .full-width-image .img-container {
        margin: 0 27px 0;
    }
}

@media only screen and (max-width: 1250px) {
    .full-width-image .text-box {
        margin: 0;
    }

    .full-width-image .img-container.left {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .full-width-image .img-container.right {
        float: right;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 991px) {
    .full-width-image {
        max-height: none;
    }

        .full-width-image .img-container {
            margin: 50px auto 0;
            float: none !important;
            width: 254px;
            height: 282px;
            position: relative;
            top: auto;
            -moz-transform: none;
            -ms-transform: none;
            -webkit-transform: none;
            transform: none;
        }

            .full-width-image .img-container.center {
                float: none !important;
                top: 50%;
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                margin: 0 auto;
            }

            .full-width-image .img-container.left {
                float: none !important;
                margin: 50px auto 0;
            }

            .full-width-image .img-container.right {
                float: none !important;
                margin: 50px auto 0;
            }

        .full-width-image .rotateLeft {
            -moz-transform: rotate(-6deg);
            -ms-transform: rotate(-6deg);
            -o-transform: rotate(-6deg);
            -webkit-transform: rotate(-6deg);
            margin-top: 30px !important;
        }

        .full-width-image .rotateRight {
            -moz-transform: rotate(3deg);
            -ms-transform: rotate(3deg);
            -o-transform: rotate(3deg);
            -webkit-transform: rotate(3deg);
            margin-top: 30px !important;
        }

        .full-width-image .img-container img {
            max-width: 100%;
            height: auto;
        }

        .full-width-image .desc-text {
            float: none !important;
            max-width: none;
            margin: 0;
            margin-top: 30px !important;
            padding: 25px;
            position: relative;
            top: auto;
            -moz-transform: none;
            -ms-transform: none;
            -webkit-transform: none;
            transform: none;
        }

            .full-width-image .desc-text.center {
                top: 25%;
                -moz-transform: translateY(-25%);
                -ms-transform: translateY(-25%);
                -webkit-transform: translateY(-25%);
                transform: translateY(-25%);
            }
}

@media only screen and (max-width: 767px) {
    .full-width-image h3 {
        font-size: 15px;
    }

    .full-width-image .bg-image {
        min-width: 700px;
    }

    .full-width-image .img-container {
        margin: 35px auto 0;
        float: none;
        width: 167px;
        height: 167px;
        overflow: hidden;
    }

        .full-width-image .img-container img {
            height: auto;
        }

    .full-width-image .title {
        font-size: 28px;
        line-height: 100%;
    }

    .full-width-image .desc-text {
        padding: 0;
        font-size: 14px;
        margin: 0 !important; /*25px 0 0;*/
    }

        .full-width-image .desc-text h2 {
            font-size: 20px;
            margin: 0 0 11px;
        }

        .full-width-image .desc-text p {
            margin: 0 0 13px;
        }
}

@media screen and (max-width: 415px) {
    .full-width-image .textMobileHidden {
        display: none;
    }

    .full-width-image .bg-image {
        min-width: 650px;
    }
}

/* END IMAGE */

/* VIDEO */
.video-banner .banner-text {
    padding-left: 10px;
    padding-right: 10px;
    pointer-events: none;
}

.video-banner .video-holder {
    float: left;
    height: auto;
    left: 50%;
    min-width: 1400px;
    position: relative;
    width: 100%;
    overflow: visible;
}

    .video-banner .video-holder video {
        float: left;
        left: -50%;
        position: relative;
        width: 100%;
        height: auto;
    }

.video-link {
    position: relative;
    z-index: 9;
}

.vimeo-holder {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.vimeo-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 50px;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* END VIDEO */

/* EXPANDABLE SECTION*/
.expandableSection {
    cursor: pointer;
}

    .expandableSection:before {
        content: "";
        display: block;
        background: url("../images/yellow-arrow-right-2.png") no-repeat;
        width: 11px;
        height: 11px;
        float: left;
        margin: 4px 6px 0 0;
    }

    .expandableSection.expanded:before {
        background: url("../images/yellow-arrow-down-2.png") no-repeat;
    }

    .expandableSection .heading {
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .expandableSection .list {
        display: none;
    }

.expandableSectionFAQ {
    cursor: pointer;
}

.expandadedSectionBackgroundFAQ {
    background-color: aliceblue;
}

.expandableSectionFAQ:before {
    content: "";
    display: block;
    background: url("../images/325-left.png") no-repeat;
    width: 13px;
    height: 13px;
    float: right;
    margin: 4px 6px 0 0;
}

.expandableSectionFAQ.expanded:before {
    background: url("../images/324-down.png") no-repeat;
}

.expandableSectionFAQ .heading {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.expandableSectionFAQ .list {
    display: none;
}

/* END EXPANDABLE SECTION*/

/* BUTTONS */
.btn-yellow {
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .2), 1px 2px 4px rgba(255, 255, 255, .4);
    border: none;
    color: #000;
    border-radius: 15px;
    background: #fbd00f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbd00f), color-stop(27%, #f5cc10), color-stop(58%, #ecc30f), color-stop(65%, #ebc411), color-stop(78%, #e7bf0f), color-stop(81%, #e8c011), color-stop(86%, #e4bf0f), color-stop(90%, #e6be11), color-stop(91%, #e4bf0f), color-stop(100%, #e3bd10));
    background: -webkit-linear-gradient(top, #fbd00f 0%, #f5cc10 27%, #ecc30f 58%, #ebc411 65%, #e7bf0f 78%, #e8c011 81%, #e4bf0f 86%, #e6be11 90%, #e4bf0f 91%, #e3bd10 100%);
    background: linear-gradient(to bottom, #fbd00f 0%, #f5cc10 27%, #ecc30f 58%, #ebc411 65%, #e7bf0f 78%, #e8c011 81%, #e4bf0f 86%, #e6be11 90%, #e4bf0f 91%, #e3bd10 100%);
}

    .btn-yellow:hover,
    .btn-yellow:focus {
        background: #e3bd10 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzYmQxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZTRiZjBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZTZiZTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZTRiZjBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZThjMDExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZTdiZjBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZWJjNDExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZWNjMzBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjZjVjYzEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZDAwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3bd10), color-stop(9%, #e4bf0f), color-stop(10%, #e6be11), color-stop(14%, #e4bf0f), color-stop(19%, #e8c011), color-stop(22%, #e7bf0f), color-stop(35%, #ebc411), color-stop(42%, #ecc30f), color-stop(73%, #f5cc10), color-stop(100%, #fbd00f));
        background: -webkit-linear-gradient(top, #e3bd10 0%, #e4bf0f 9%, #e6be11 10%, #e4bf0f 14%, #e8c011 19%, #e7bf0f 22%, #ebc411 35%, #ecc30f 42%, #f5cc10 73%, #fbd00f 100%);
        background: linear-gradient(to bottom, #e3bd10 0%, #e4bf0f 9%, #e6be11 10%, #e4bf0f 14%, #e8c011 19%, #e7bf0f 22%, #ebc411 35%, #ecc30f 42%, #f5cc10 73%, #fbd00f 100%);
    }

.btn-orange {
    color: #fff;
    background-color: #ff723d;
    border-color: #ff723d;
}



.btn-quote {
    float: right;
}

.btn-el-default {
    color: #000;
    background-color: #ffd511;
    border-color: #ffd511;
    text-decoration: none;
}

button, .btn {
    text-transform: uppercase;
    font: 16px/23px "brandon_grotesquebold" !important;
}

.btn-no-uppercase {
    text-transform: none;
}

.btn-cursive {
    font: 16px/23px "brandon_grotesqueRgIt" !important;
}

.btn-black-hover:hover {
    background: #000;
    color: #fff;
    box-shadow: none;
    border-color: #000;
}

@media only screen and (max-width: 1250px) {
    button, .btn {
        font: 15px/23px "brandon_grotesquebold" !important;
    }

    .btn-cursive {
        font: 15px/23px "brandon_grotesqueRgIt" !important;
    }
}
/* END BUTTONS */

/* WRAPPER */
@media only screen and (max-width: 1250px) {
    #wrapper {
        padding-top: 141px;
    }
}

@media only screen and (max-width: 991px) {
    #wrapper {
        padding-top: 141px;
    }
}

@media only screen and (max-width: 767px) {
    #wrapper {
        padding-top: 61px;
    }
}
/* END WRAPPER */

/* FORMS */
.form-select-holder .jcf-select {
    box-shadow: 1px 2px 4px rgba(255, 255, 255, .4);
    cursor: pointer;
}

.form-select-holder .jcf-select {
    width: 250px;
    border-radius: 1000px;
    height: 35px;
    color: #000;
    box-shadow: 1px 2px 4px rgba(255, 255, 255, .4);
    background: #fbd00f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbd00f), color-stop(27%, #f5cc10), color-stop(58%, #ecc30f), color-stop(65%, #ebc411), color-stop(78%, #e7bf0f), color-stop(81%, #e8c011), color-stop(86%, #e4bf0f), color-stop(90%, #e6be11), color-stop(91%, #e4bf0f), color-stop(100%, #e3bd10));
    background: -webkit-linear-gradient(top, #fbd00f 0%, #f5cc10 27%, #ecc30f 58%, #ebc411 65%, #e7bf0f 78%, #e8c011 81%, #e4bf0f 86%, #e6be11 90%, #e4bf0f 91%, #e3bd10 100%);
    background: linear-gradient(to bottom, #fbd00f 0%, #f5cc10 27%, #ecc30f 58%, #ebc411 65%, #e7bf0f 78%, #e8c011 81%, #e4bf0f 86%, #e6be11 90%, #e4bf0f 91%, #e3bd10 100%);
}

.form-select-holder.narrow .jcf-select {
    width: 70px;
}

.form-select-holder .jcf-select .jcf-select-text {
    font-size: 16px;
    line-height: 35px;
    margin: 0 40px 0 16px;
}

.form-select-holder .jcf-select .jcf-select-opener {
    position: absolute;
    top: 8px;
    right: 34px;
    font-size: 16px;
    height: 22px;
    width: 1px;
    background: #ceae18;
}

    .form-select-holder .jcf-select .jcf-select-opener:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        content: "\f0d7";
        top: 0;
        position: relative;
        right: -10px;
    }

.jcf-select-drop.jcf-select-form-select .jcf-select-drop-content {
    background: #ffd511;
    border-radius: 17px;
}

    .jcf-select-drop.jcf-select-form-select .jcf-select-drop-content .jcf-list ul li {
        border-top: 1px solid #000;
    }

        .jcf-select-drop.jcf-select-form-select .jcf-select-drop-content .jcf-list ul li:first-child {
            border: none;
        }

    .jcf-select-drop.jcf-select-form-select .jcf-select-drop-content .jcf-list .jcf-option {
        text-align: left;
        color: #000;
        font-size: 16px;
        padding: 7px 14px;
    }

.form-control::-webkit-input-placeholder,
.form-control:-moz-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder {
    color: #666666;
}

span.has-error span.form-control :before {
    content: none;
}

/* next XT*/
.form-next-xt {
    float: left;
    background-color: #ff6f3b;
    border-radius: 4px;
    position: relative;
    text-align: center;
    padding: 25px;
}

    .form-next-xt .large-text {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 5px;
    }

    .form-next-xt .small-text {
        color: #fff;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .form-next-xt input[type=text] {
        margin-bottom: 10px;
    }

    .form-next-xt input[type=submit] {
        height: 34px;
        border: none;
        outline: none;
        background-color: #000;
        border-radius: 16px;
        color: #ffd411;
        text-transform: uppercase;
        font: 16px/21px "brandon_grotesquebold", Arial, Helvetica, sans-serif;
        padding: 8px 12px;
        text-align: center;
        margin: 0;
    }

.next-xt-frontpage {
    position: fixed !important;
    display: block;
    -ms-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    background-color: #fff;
    z-index: 98;
    right: 30px;
    padding: 11px 34px 16px 34px;
}

    .next-xt-frontpage.slanted.slanted-active {
        /* top: 0px; */
        margin: -16px 0 0 0;
    }

/* Search */
.search-form .input-field {
    color: #ffd511;
    padding: 0;
}


/* Search Results */
.search-results-form .form-group {
    width: 100%;
}

.search-results-form .search-field {
    width: 400px;
}

.search-results-list {
    margin-top: 40px;
    margin-bottom: 10px;
}

    .search-results-list a {
        font-size: 20px;
        text-decoration: none;
        display: inline-block;
        position: relative;
    }

        .search-results-list a::after {
            content: '';
            position: absolute;
            left: 0;
            display: inline-block;
            height: 1em;
            width: 100%;
            border-bottom: 1px solid;
            margin-top: 2px;
        }

        .search-results-list a:hover::after {
            border-bottom: none;
        }

.search-results-row {
    margin-bottom: 20px;
}

#searchResultsSummaryTarget {
    margin-left: 10px;
    margin-top: 10px;
}

@media only screen and (max-width: 1250px) {
    .search-results-form .search-field {
        width: 75%;
    }
}

@media (min-width: 768px) {
    .search-form .input-field {
        color: #fff;
    }
}

@media only screen and (max-width: 767px) {
    .next-xt-frontpage {
        position: relative !important;
        /* display: block; */
        border-radius: 0;
        background-color: #fff;
        z-index: 7;
        right: initial;
        padding: 16px 34px 10px 34px;
        width: 100%;
        /* margin: 0; */
    }

    .search-results-form .search-field {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
    }

    .search-results-form .form-group {
        text-align: center;
    }

    .search-results-list {
        margin-top: 20px;
        margin-bottom: 0;
    }

    #searchResultsSummaryTarget {
        margin: 0;
    }

    .search-results-list a {
        font-size: 16px;
    }

    .jcf-list ul li {
        padding-left: 15px;
    }
}

/* END FORMS */

/* TABLE */
table.compare-table thead tr td {
    font-size: 20px;
}

    table.compare-table thead tr td div {
        font-size: 14px;
    }

table.compare-table tr td {
    text-align: center;
}

table.compare-table tbody tr td, table.compare-table thead tr td {
    border-left: 2px solid #000;
}

    table.compare-table tbody tr td:first-child, table.compare-table thead tr td:first-child {
        border-left: none;
    }

table.compare-table thead tr {
    border-bottom: 2px solid #000;
}

    table.compare-table tbody tr td, table.compare-table thead tr td {
        white-space: normal;
        word-break: normal;
    }

@media only screen and (max-width: 767px) {
    table.compare-table-responsive tbody tr td:first-child,
    table.compare-table-responsive thead tr td:first-child,
    table.compare-table-responsive tbody tr td,
    table.compare-table-responsive thead tr td {
        white-space: normal !important;
        word-break: normal;
    }
}

@media only screen and (max-width: 440px) {
    table.compare-table-responsive tbody tr td:first-child, table.compare-table-responsive thead tr td:first-child {
        font-size: 14px;
    }

    table.compare-table-responsive tbody tr td, table.compare-table-responsive thead tr td {
        font-size: 11px;
    }
}

@media only screen and (max-width: 360px) {
    table.compare-table-responsive tbody tr td:first-child, table.compare-table-responsive thead tr td:first-child {
        font-size: 13px;
    }
}

@media only screen and (max-width: 320px) {
    table.compare-table-responsive tbody tr td:first-child, table.compare-table-responsive thead tr td:first-child {
        font-size: 11px;
    }

    table.compare-table-responsive tbody tr td, table.compare-table-responsive thead tr td {
        font-size: 9px;
    }
}
/* END TABLE */

/*START PAGE */
body {
    font-size: 16px;
}

option {
    color: #000;
}

#header > div.slanted {
    -webkit-transition: all 0ms ease-in-out;
    transition: all 0ms ease-in-out;
}

    #header > div.slanted.slanted-active {
        -webkit-transform: rotate(-1.5deg) scale(1);
        -moz-transform: rotate(-1.5deg) scale(1);
        -ms-transform: rotate(-1.5deg) scale(1);
        transform: rotate(-1.5deg) scale(1);
        z-index: 9;
        margin-left: -20px;
    }

.startpage-container .slanted {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .startpage-container .slanted.slanted-active {
        -webkit-transform: rotate(-1.5deg) scale(1);
        -moz-transform: rotate(-1.5deg) scale(1);
        -ms-transform: rotate(-1.5deg) scale(1);
        transform: rotate(-1.5deg) scale(1);
        position: relative;
        z-index: 9;
        margin: 0 -20px;
    }

.startpage-container .main-banner.slanted-holder {
    top: -30px;
    max-height: 581px;
    margin-bottom: -61px;
}

.startpage-container .succes-story-post {
    height: 400px !important;
}

@media only screen and (max-width: 767px) {
    .startpage-container .succes-story-post {
        height: auto !important;
    }
}

.succes-story-post .post-heading {
    min-height: 115px;
}

.succes-story-post .img-holder {
    margin-top: 0;
    max-height: 244px;
}

.succes-story-post .text-wrap {
    padding-bottom: 13px;
}

.succes-story-post .btn {
    font: 16px/23px "brandon_grotesqueRgIt" !important;
}

.succes-story-post a.heading {
    color: black;
}

.main-banner {
    max-height: 99999px !important;
}

    .main-banner.slanted-holder {
        top: auto;
        max-height: none;
        margin-bottom: 0;
    }

    .main-banner .banner-text {
        max-width: 99999px !important;
    }

    .main-banner .text-box {
        border-radius: 20px;
        background: #000;
        background: rgba(0, 0, 0, .6);
        padding: 40px;
        text-align: center;
        margin-left: 100px;
        margin-right: 100px;
        max-width: 550px;
    }

#main {
    z-index: auto !important;
}

@media only screen and (max-width: 1599px) {
    .succes-story-post .text-wrap {
        padding: 38px 76px 0;
    }
}

@media only screen and (max-width: 1435px) {
    .succes-story-post .text-wrap {
        font-size: 15px;
        padding: 25px 32px 0;
    }

    .succes-story-post .post-heading {
        min-height: 80px;
    }

    .succes-story-post .blogg-post-heading {
        min-height: 80px;
    }
}

@media only screen and (max-width: 1250px) {
    .logo {
        width: 170px;
        margin-top: 36px;
    }
}

@media (min-width: 992px) {
    #main.container {
        width: 95%;
    }
}

@media only screen and (max-width: 991px) {
    .succes-story-post .text-wrap {
        padding: 25px 32px 18px;
    }
}

@media (min-width: 768px) {
    #main.container {
        width: 95%;
    }
}

@media only screen and (max-width: 767px) {
    .logo {
        margin-top: 16px;
    }

    .succes-story-post .text-wrap {
        padding: 21px 32px 18px;
    }
}

/*END START PAGE */

/* PRODUCT */
.product-detail-block .action-link {
    opacity: 0.5;
}

    .product-detail-block .action-link:hover {
        opacity: 1.0;
    }

/* Product details */
ol.unit-list {
    /*list-style-type:none;*/
    /*list-style:none;*/
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    /*list-style-type:upper-latin;*/
    counter-reset: units;
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
}

    ol.unit-list li {
        /*list-style:none;*/
    }

.unit-list li:before {
    /*   content:'';*/
}

ol.unit-list li:before {
    content: counter(units, upper-latin);
    counter-increment: units;
}

ul.downloads {
    list-style-type: none;
    display: inline-block;
    line-height: 12px;
}

    ul.downloads li {
        float: left;
        margin: 0 10px 0 0;
    }

.product-carolsel {
    margin: 0 0 34px 0;
}

.product-desc-text p {
    margin-bottom: 13px;
}

/* Product Registration */
.product-registration {
    background-color: #f2f0f1;
    padding-top: 70px;
    padding-bottom: 30px;
}

.product-registration-form {
    background-color: black;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .product-registration-form label {
        font-weight: normal;
    }

.product-registration h2 {
    margin: 0 0 24px;
    font-size: 38px;
    text-transform: uppercase;
}

.product-registration-form h3 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.product-registration li {
    /* list-style: none;*/
    padding-bottom: 15px;
}

.product-registration ul {
    /*padding: 0;*/
}

    .product-registration ul .fa-check {
        color: #ffd511;
        margin-right: 15px;
    }

.product-registration-form .row {
    margin-bottom: 20px;
}

.product-registration-form .input-field-checkbox {
    color: black;
}

/* Accessories*/

.sub-title {
    font-style: italic;
    margin-bottom: 8px;
}

.featured-products.caterogy .featured-item h2.no-bottom-margin {
    margin-bottom: 0;
}

.slide-caption {
    position: relative;
    top: -53px;
    background-color: #666666;
    opacity: .8;
    width: auto;
    border-radius: 10px;
    padding: 5px 15px;
    color: #fff;
    font-style: italic;
    letter-spacing: .5px;
    margin: 0 auto;
    display: table;
}

.empty-slide-caption {
    position: relative;
    top: -53px;
    padding: 5px 15px;
    color: #fff;
    margin: 0 auto;
    display: table;
}

.accessory-carousel {
    padding: 38px 0 0;
    max-width: 858px;
    margin: 0 0 14px;
}

.asseccory-icon {
    margin-bottom: 13.5px;
}

.asseccory-info-list dt {
    float: left;
    clear: left;
    font-weight: 400;
    font-family: "brandon_grotesquebold";
    margin: 0 5px 10px 0;
}

.asseccory-info-list dd {
    margin: 0 0 10px 0;
    display: table;
}

UL.accessory-productlines {
    list-style-type: none;
    float: left;
    position: relative;
    top: 48px;
    z-index: 30;
}

    UL.accessory-productlines LI {
        display: inline;
    }

.accessory-filter .jcf-select {
    width: 160px;
}

.accessory-position-fix {
    position: relative;
    top: -8px;
}

/* product banner */
.product-banner .hide-background {
    background: none;
}

.product-banner .text-box-right {
    position: absolute;
    right: 100px;
    top: 23%;
}

.product-banner .text-box-center {
}

.product-banner h2 span {
    color: #ffd511;
    font-family: "brandon_grotesquelight";
}

@media only screen and (max-width: 767px) {
    .product-banner .text-box {
        position: relative;
        right: auto;
    }
}

@media only screen and (max-width: 440px) {
    .product-banner .text-box {
        display: none;
    }
}
/* END PRODUCT */

/* NEWS */
#subscribeNewsletterContainerLong .topinfo {
    margin-bottom: 15px;
}

#subscribeNewsletterContainerLong .bottominfo {
    margin-top: 25px;
}

.news-detail-text .tag-list li:before {
    content: ", ";
}

.news-detail img {
    max-width: 100%;
}

.news-preamble {
    min-height: 147px;
}

aside #subscribeNewsletterContainer {
    margin: 0 0 20px 0;
}

    aside #subscribeNewsletterContainer .h3,
    article #subscribeNewsletterContainer .h3
    {
        font-size: 16px;
        text-transform: uppercase;
    }

    aside #subscribeNewsletterContainer form,
    article #subscribeNewsletterContainer form
    {
        padding: 0;
    }

aside #subscribeNewsletterContainer a,
article #subscribeNewsletterContainer a
{
    color: #000000;
}

article #subscribeNewsletterContainer p
{
    margin: 0;
}

@media only screen and (max-width: 992px) {

    aside #subscribeNewsletterContainer {
        margin: 40px 0 40px 0;
    }
}


@media only screen and (max-width: 767px) {
        .news-preamble {
        min-height: 100px;
    }
}

.items-list-paging-container {
    background-color: black;
    height: 60px;
    color: white;
    text-align: center;
}

.items-list-paging {
    margin-top: 20px;
}

.items-list-page {
    display: inline;
    font-style: italic;
    font-size: 14px;
    padding-left: 15px;
}

.succes-story-post .newsCategory {
    position: absolute;
    top: 30px;
    left: 53px;
    font: 16px/23px "brandon_grotesqueRgIt" !important;
    text-transform: none;
    border-radius: 1000px;
    color: #000;
    background-color: #ffd511;
    border-color: #ffd511;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    -webkit-user-select: none;
}

@media screen and (max-width: 767px) {
    .succes-story-post .newsCategory {        
        top: 20px;
        left: 20px;        
    }  
}

.faq-category:nth-child(odd) {
    clear: both;
}

.newsListHeaderCategory, .newsItemCategories, .bloggListHeaderCategory {
    color: #e9c000;
    text-decoration: none;
    cursor: pointer;
}

/* END NEWS */

/* CONTACT */
.contact-box {
    /*padding: 30px 50px 35px;*/
}

    .contact-box:before {
        height: auto;
    }

.contact-detail-box .contact-list a {
    margin: 0 0 0 25px;
}

.contact-detail-box .fa-phone {
    margin: 0 12px 0 0;
}

.contact-detail-box .org-name {
    margin: 0 0 6px 0;
    display: block;
}

.contact-detail-box {
    z-index: 9;
}

.contact-box .fa {
    font-size: inherit;
}

.contact-detail-box h2 {
    overflow: auto;
    overflow: visible;
    font: 22px/31px "brandon_grotesquebold";
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 0 0 18px;
    /*padding: 17px 0 0;*/
}

.contact-detail-box .address {
    padding: 0;
}

.contact-holder {
    display: inline-block;
    width: 100%;
}

.contact-detail-box .contact-list a .fa {
    position: absolute;
    top: 1px;
    left: -27px;
    color: #000;
}

.contact-detail-box .contact-list a {
    color: #fff;
}

.contact-box .language-reagon-select {
    position: inherit;
    ;
    top: 0;
    right: 0;
    padding: 0;
    float: right;
}

.contact-detail-box .tel-holder > span {
    width: auto;
}

a.contact-us-phone {
    color: #000;
    font-weight: 600;
    font-size: 14px;
}

@media only screen and (max-width: 1435px) {
    .contact-detail-box .address {
        text-align: left;
        padding: 11px 12px;
        margin: 0 0 5px;
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .contact-box .language-reagon-select {
        position: absolute;
        top: 34px;
        right: 0;
        padding: 0;
        float: right;
    }
}

@media only screen and (max-width: 767px) {
    .contact-detail-box .contact-list, .contact-detail-box .address, .mobile-center {
        text-align: center;
        margin: 0;
    }

    .contact-detail-box .contact-list {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 440px) {
    .contact-detail-box .btn {
        margin: 0px 0 7px 0;
    }

    #contact-item-1 .org-name,
    #contact-item-2 .org-name {
        margin: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .contact-detail-box h2 {
        overflow: visible;
        font: 22px/31px "brandon_grotesquebold";
        text-transform: uppercase;
        letter-spacing: .1em;
        margin: 0 0 18px;
        padding: 17px 0 0;
    }

    .contact-detail-box .row {
        margin-right: 0;
    }
}

@media only screen and (max-width: 350px) {
    .contact-detail-box .adr {
        white-space: normal;
        display: contents !important;
    }
}
/* END CONTACT */

/* MAP */
.map {
    width: 100%;
    margin: 0;
    padding: 0;
}

.map-filter-holder {
    height: 59px;
    top: 58px;
    margin-top: -58px;
    background-color: rgba(0, 0, 0, .7);
    padding: 19px 0;
    position: relative;
    box-shadow: 3px 4px 32px rgba(16, 16, 14, .44);
    z-index: 1;
}

.map-filter {
    height: 35px;
    padding: 0;
    margin: 0;
    margin-top: -8px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
    color: white;
}

    .map-filter .input-field {
        width: 250px;
    }

    .map-filter .jcf-select {
        width: 160px !important;
    }

    .map-filter .separator {
        margin: 6px 15px 0px 15px;
        font-style: italic;
    }

.map-filter-button {
    margin-left: 10px;
    width: 35px;
    border-radius: 35px;
}

    .map-filter-button i {
        margin-left: -1px;
    }

.dynamicweb-map.list-right > .map {
    float: none !important;
    padding-right: 0 !important;
}

.side-contact-box .small-map {
    margin: 0 0 34px;
}

@media only screen and (max-width: 1435px) {
    .dynamicweb-map .map {
        max-height: 500px;
    }
}

@media only screen and (max-width: 991px) {
    .dynamicweb-map .map {
        max-height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .dynamicweb-map .map {
        max-height: 400px;
    }

    .map-filter-holder {
        height: 118px;
        top: 118px;
        margin-top: -118px;
    }

    .map-filter {
        display: inline;
    }

        .map-filter .btn {
            float: left;
        }

        .map-filter .region-select {
            float: left;
        }

        .map-filter .input-field {
            float: left;
            width: 150px;
        }

        .map-filter .separator {
            height: 50px;
            float: left;
        }
}
/* END MAP */

/* RESELLERS */
.nearest-reseller-box {
    min-height: 400px;
}

.reseller-post {
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    position: relative;
    padding: 50px;
    color: white;
    height: 330px;
    overflow: hidden;
}

    .reseller-post p {
        margin: 0;
    }

    .reseller-post .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px;
    }

.resellers .jcf-select {
    width: 185px;
}

@media only screen and (max-width: 1250px) {
    .reseller-post {
        padding: 30px;
    }
}
/* END RESELLERS */

/* SERVICE */
.service-center-post {
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    position: relative;
    padding: 30px;
    color: white;
    height: 450px;
    overflow: hidden;
}

    .service-center-post p {
        margin: 0;
    }

    .service-center-post .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px;
    }

/* Service and repair form */
.service-and-repair {
    background-color: #f2f0f1;
    padding-top: 70px;
    padding-bottom: 30px;
}

.service-and-repair-form {
    background-color: black;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .service-and-repair-form label {
        font-weight: normal;
    }

.service-and-repair h2 {
    margin: 0 0 24px;
    font-size: 38px;
    text-transform: uppercase;
}

.service-and-repair li {
    list-style: none;
    padding-bottom: 15px;
}

.service-and-repair ul {
    padding: 0;
}

    .service-and-repair ul .fa-check {
        color: #ffd511;
        margin-right: 15px;
    }

.service-and-repair-form .row {
    margin-bottom: 20px;
}

.service-and-repair-form .input-field-checkbox {
    color: black;
}

.service-and-repair-form .no-bottom-margin {
    margin-bottom: 0;
}

#service-and-repair-agreement .fa-check:before {
    margin: 0 10px 0 0;
}


#service-and-repair-agreement ul li {
    margin: 0 0 10px 0;
    list-style-type: none;
}

#service-and-repair-agreement ul {
    padding: 0;
    margin: 5px 0 5px 0;
}

#service-and-repair-agreement h5 {
    margin-bottom: 0;
}

/* END SERVICE */

/* TRAINING */
.training-container {
    margin-bottom: 40px;
}

    .training-container h3 {
        margin: 0 0 20px;
        font-size: 20px;
        text-transform: uppercase;
        overflow: hidden;
    }

    .training-container h4 {
        margin: 0 0 20px;
        font-size: 17px;
        text-transform: uppercase;
        overflow: hidden;
    }

    .training-container h3 span {
        display: inline-block;
        position: relative;
    }

        .training-container h3 span:after {
            position: absolute;
            bottom: 6px;
            left: 100%;
            width: 9999px;
            margin-left: 27px;
            height: 3px;
            background: #ffd511;
            content: "";
        }

    .training-container .detail-info-list dt {
        float: left;
        width: 200px;
        clear: left;
        font-weight: 400;
        font-family: "brandon_grotesquebold";
        width: 280px;
    }

    .training-container .detail-info-list dd {
        overflow: hidden;
        padding: 0 8px 8px;
    }

.apply-course-form .form-control {
    font-family: "brandon_grotesqueRgIt";
    box-shadow: inset 0 0 8px rgba(16, 16, 14, .4);
    border: none;
}

.apply-course-form textarea.form-control {
    min-height: 85px;
    width: 100% !important;
    resize: none;
}
/* END TRAINING */

/* MANUALS */
.manuals-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .manuals-container h2 {
        text-transform: uppercase;
    }

    .manuals-container h3 {
        margin: 0 0 20px;
        font-size: 20px;
        text-transform: uppercase;
        overflow: hidden;
    }

        .manuals-container h3 span {
            display: inline-block;
            position: relative;
        }

            .manuals-container h3 span:after {
                position: absolute;
                bottom: 6px;
                left: 100%;
                width: 9999px;
                margin-left: 27px;
                height: 3px;
                background: #ffd511;
                content: "";
            }
/* END MANUALS */

/* PUFF */
.puff {
    height: 400px;
    text-align: center;
    letter-spacing: .04em;
}

    .puff .img-holder {
        overflow: hidden;
        max-height: 400px;
        background-size: cover;
        max-width: 100%;
        background-attachment: local;
        background-position: 50%;
        width: 100%;
        height: auto;
        min-height: 400px;
    }

@media only screen and (max-width: 767px) {
    .puff .img-holder {
        min-height: 350px;
    }
}

.puff .img-holder img {
    width: 100%;
    height: auto;
    min-height: 400px;
}

.puff .text-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 44px 55px;
    bottom: 0;
    white-space: nowrap;
    z-index: 97;
}

    .puff .text-wrap .center-text {
        display: inline-block;
        white-space: normal;
        vertical-align: middle;
    }

.puff h2 {
    overflow: hidden;
    font: 22px/31px "brandon_grotesquebold";
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 0 0 18px;
    padding: 17px 0 0;
}

.puffImage {
    max-width: 100%;
    margin: 15px;
}

.puffar-block .succes-story-post {
    height: auto;
}

.puffar-block article {
    padding-bottom: 0;
}

@media only screen and (max-width: 1435px) {
    .puff .img-holder img {
        width: 100%;
        height: auto;
    }

    .puff h2 {
        font-size: 20px;
        line-height: 1.2;
        margin: 0 0 15px;
    }

    .puff p {
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 991px) {
    .puff .img-holder {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .puff {
        text-align: center;
        padding: 18px 25px 40px;
        height: auto;
    }

        .puff .img-holder {
            float: none;
            display: block;
            margin: 0 auto;
        }

        .puff h2 {
            font-size: 17px;
            line-height: 1.2;
            margin: 0 0 5px;
        }

        .puff p {
            margin: 0 0 12px;
        }
}

/* END PUFF */

/* QUOTEPAGE */
.quotePage .get-quote-form {
    max-width: none;
    padding: 0;
}

.quotePage .region-select .jcf-select {
    width: 100%;
}

.quotePage .region-select {
    margin-bottom: 0;
}

.container.quotePage {
    margin-bottom: 40px;
    margin-top: 40px;
}

.quotePage .contact-form .input-wrap {
    width: 50.2%;
}

.quotePage .contact-form .label-wrap {
    width: 44.4%;
}

.quotePage h2 {
    font-size: 28px;
}

.quotePage .btn-wrap {
    text-align: left;
}
/* END QUOTEPAGE */

/* 404 */
.page-not-found-image {
    margin: 73px 0 50px 0;
    text-align: center;
}

    .page-not-found-image img {
        max-width: 100%;
    }

.page-not-found-text {
    font: 21px/28px "brandon_grotesque_regularRg", Arial, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 50px;
    font-family: "brandon_grotesque_regularRg";
    font-size: 25px;
}

.page-not-found-textbox {
    -webkit-box-shadow: inset 0px 0px 4px 3px rgba(211,211,211,1);
    -moz-box-shadow: inset 0px 0px 4px 3px rgba(211,211,211,1);
    box-shadow: inset 0px 0px 4px 3px rgba(211,211,211,1);
    font: 21px/28px "brandon_grotesque_regularRg", Arial, Helvetica, sans-serif;
    font-style: italic;
}

.page-not-found-bg {
    background-color: #f2f1f1;
}

/* END 404 */

/* WALL CHART */
#wallchartFormContainer {
    background-color: #000;
    color: #fff;
    padding-bottom: 30px;
}

    #wallchartFormContainer h2 {
        margin: 0 0 24px;
        font-size: 38px;
        text-transform: uppercase;
    }

    #wallchartFormContainer h3 {
        padding: 30px 0;
    }

    #wallchartFormContainer .wallChartInfomation {
        margin-top: 50px;
    }

    #wallchartFormContainer .small-text {
        font-size: 14px;
    }
/* END WALL CHART */

/* TAB-CONTENT*/
.tab-content .logo-list img {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 17px;
    width: 135px;
    height: 40px;
}

.tab-content .info-list-holder {
    margin: 69px 0 0 0;
}

.tab-content .info-list {
    /*padding: 0 0 0 63px;*/
    padding: 0 0 0 6px;
}

.tab-content .logo-list {
    text-align: left;
    padding: 34px 0 48px 0;
}

.howtouse-tab {
    padding: 93px 0 0;
    letter-spacing: .04em;
}

.tab-content .info-list-holder .btn-compare.get-a-quote {
    /*background: #000;*/
    background: -moz-linear-gradient(270deg, #343434 0%, #000000 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, #343434 0%, #000000 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, #343434 0%, #000000 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, #343434 0%, #000000 100%); /* ie10+ */
    background: linear-gradient(180deg, #343434 0%, #000000 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

    .tab-content .info-list-holder .btn-compare.get-a-quote:hover, .tab-content .info-list-holder .btn-compare.get-a-quote:focus {
        background: -moz-linear-gradient(90deg, #343434 0%, #000000 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #343434)); /* safari4+,chrome */
        background: -webkit-linear-gradient(90deg, #343434 0%, #000000 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(90deg, #343434 0%, #000000 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(90deg, #343434 0%, #000000 100%); /* ie10+ */
        background: linear-gradient(0deg, #343434 0%, #000000 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#343434',GradientType=0 ); /* ie6-9 */
    }

.tab-content .btn-compare span.get-a-quote {
    color: #e9c000;
    font: 33px/1.1 "brandon_grotesquebold";
    padding: 6px 0;
}
/* END TAB-CONTENT*/

/* ARTICLE */
article {
    padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    article.news-detail-text h1 {
        text-align: left;
    }
}
/* END ARTICLE */

/* INPUT */
input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
}

.input-field {
    margin-bottom: 3px;
}

.input-field {
    box-shadow: inset 0 0 8px rgba(16, 16, 14, .4);
    border: none;
    outline: none;
    height: 35px;
    width: 90%;
    border-radius: 1000px;
    font: 18px/23px "brandon_grotesqueRgIt";
    color: #000;
    padding: 6px 23px;
    letter-spacing: .04em;
    text-indent: 4px;
}

.input-text-area {
    box-shadow: inset 0 0 8px rgba(16, 16, 14, .4);
    border: none;
    outline: none;
    height: 100px;
    width: 90%;
    border-radius: 15px;
    font: 18px/23px "brandon_grotesqueRgIt";
    color: #000;
    padding: 6px 23px;
    letter-spacing: .04em;
    text-indent: 4px;
}

input.less-padding {
    padding: 6px 7px;
}

/* END INPUT */

/* OTHER */
.slanted.slanted-active {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: auto;
    margin: 0;
}

.black-box {
    background-color: black;
    color: white;
    border-radius: 20px;
    background: rgb(0, 0, 0);
    padding: 20px;
    text-align: left;
}

.gradient-container {
    background: -webkit-linear-gradient(69deg, #fff, #efefef);
    background: -o-linear-gradient(69deg, #fff, #efefef);
    background: -moz-linear-gradient(69deg, #fff, #efefef);
    background: linear-gradient(69deg, #fff, #efefef);
}



/* Bootstrap */
.container-full {
    margin: 0 auto;
    width: 100%;
}

.modal-title {
    text-transform: uppercase;
}

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px 50px;
    font-size: 22.5px;
    border-left: 10px solid #ffd511;
    font-style: italic;
}

.has-error .help-block:before {
    content: none;
}

.check-wrap-quote {
    text-align: left;
}

    .check-wrap-quote .jcf-checkbox {
        float: left;
        margin: 0 5px 0 0;
    }

    .check-wrap-quote label {
        font-weight: normal;
        display: block;
    }

.help-block {
    margin-top: 3px;
    float: left;
}

.display-unit-row {
    margin-bottom: 40px;
}

.full-width-header {
    overflow: hidden;
    font: 22px/31px "brandon_grotesquebold";
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 11px 0 6px 0;
    color: #fff;
    background-color: #000;
}

.feature-row .detail-text-box img {
    margin-right: 15px;
}

.text-wrap-box li {
    letter-spacing: .04em;
    margin: 0 0 10px;
}

.jcf-checkbox.jcf-checked span {
    display: block;
    color: #000;
}

.item-edit-field-group-name {
    display: none;
}

ul.el-checklist {
    list-style: none;
    padding: 0;
}

    ul.el-checklist .fa {
        position: absolute;
        top: 0;
        left: 0;
        color: #ffd511;
    }

    ul.el-checklist li {
        position: relative;
        padding: 0 0 0 32px;
        font-family: "brandon_grotesqueRgIt";
        margin: 0 0 8px;
    }

/* Errors */
#accept-agreement-chk .form-error {
    /*
    display: block;
    width: 70px;
    padding: 0;
    margin: 0;
    position: relative;
    top: 40px;
        */
}

.error-compilation {
    float: right;
    margin: 12px 42px 0 0;
    color: #a94442;
}

/* Software Updates */
.software-updates-container .title {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Swipe Guide */
#swipe-guide {
    pointer-events: none;
    position: absolute;
    width: 200px;
    height: 150px;
    left: 50%;
    margin: -300px 0 0 -100px;
    z-index: 1;
    background: #000 url(/Files/Templates/Designs/EasyLaser/images/Swipe_Right_128.png) no-repeat center center;
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-name: swipe;
    -webkit-animation-name: swipe;
    animation-name: swipe;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes swipe {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 70px center;
    }
}

@-moz-keyframes swipe {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 70px center;
    }
}

@keyframes swipe {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 70px center;
    }
}

/*padding-marging*/
.no-left-padding {
    padding-left: 0;
}

.no-right-padding {
    padding-right: 0;
}

.no-padding {
    padding: 0;
}

.bottom-margin {
    margin: 0 0 20px 0;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

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

@media only screen and (max-width: 767px) {

    /*padding-marging*/
    .no-top-padding-sm {
        padding-top: 0;
    }

    .no-bot-padding-sm {
        padding-bottom: 0;
    }

    .no-padding, .no-left-padding, .no-right-padding {
        padding-left: 18px;
        padding-right: 18px;
    }
}