body {
    background: #fff;
    font-family: "jcb_euro_rom";
    color: #fff !important;
    font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #121D29;
    font-family: "jcb_euro_rom";
}

.mtop50 {
    margin-top: 50px;
}

.ml-2 {
    margin-left: 2rem;
}

.padding0 {
    padding: 0;
}

.orangetxt {
    color: #f8b004;
}

.whitetxt {
    color: #fff;
}

.yellowbg {
    background: #FCB026;
}

.greybg {
    background: #2b2b2b;
}

.blackbg {
    background: #000 !important;
}

.border-bottom {
    border-bottom: 1px solid #e49d0a;
}

.border-none {
    border: none !important;
}

.border-tb {
    border-top: 1px solid #d0d0d0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
}

a {
    color: #fff;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #fff;
        text-decoration: underline;
    }

.inneer-heading {
    font-size: 34px;
    color: #fff;
    font-family: 'jcb_euro_bld';
    margin-bottom: 50px;
}

.findnow-btn {
    background: #f5b502 !important;
    border: none;
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'jcb_euro_bld';
    border-radius: 0;
    color: #000;
}

    .findnow-btn i {
        color: #fff;
    }

.direction-btn {
    background: #f5b502 !important;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'jcb_euro_bld';
    border-radius: 0;
}

    .direction-btn i {
        color: #fff;
    }

.right-fixed-wrap {
    float: right;
    width: 180px;
}

.rightfixed {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 9500;
    width: 85px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.145s ease-out;
    -moz-transition: all 0.145s ease-out;
    -ms-transition: all 0.145s ease-out;
    transition: all 0.145s ease-out;
    background-color: #f8b004; /*border:1px solid #dd970c;*/
    border-right: none;
    box-shadow: 0 0 1px #000;
}

    .rightfixed a {
        background-color: #f8b004;
        display: block;
        text-align: center;
        padding: 10px;
        color: #000;
        border-bottom: 1px solid #dd970c;
        font-family: 'jcb_euro_rom';
    }

        .rightfixed a img {
            padding-bottom: 5px;
        }

        .rightfixed a i {
            padding-bottom: 5px;
            color: #000;
            font-size: 28px;
            display: block;
        }

        .rightfixed a span {
            font-size: 16px;
            padding-top: 5px;
            font-family: 'jcb_euro_rom';
            display: block;
        }

        .rightfixed a:hover {
            text-decoration: none;
            background-color: #262626;
            color: #f8b004;
        }

        .rightfixed a i:hover {
            color: #f8b004;
            text-decoration: none;
        }

.social-popup {
    z-index: 99999999;
}

    .social-popup .modal-content {
        background: transparent;
        box-shadow: none;
        border: none;
    }

    .social-popup .modal-dialog {
        margin: 19% auto;
    }

    .social-popup .social-icon ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .social-popup .social-icon li {
        margin-left: 5px;
        display: inline-block;
    }

        .social-popup .social-icon li a {
            border: none;
            padding: 5px 0px;
        }

.offer-menu-wrap {
    display: none;
}

.offermenucontent {
    position: relative;
    background-color: #f8b004;
}

    .offermenucontent a {
        background-color: #f8b004;
        float: left;
        width: 33%;
        height: 100px;
        display: inline-block;
        text-align: center;
        padding: 10px;
        color: #000;
        border-right: 1px solid #262626;
    }

        .offermenucontent a img {
            padding-bottom: 5px;
        }

        .offermenucontent a i {
            padding-bottom: 5px;
            color: #000;
            font-size: 28px;
            display: block;
        }

        .offermenucontent a span {
            font-size: 16px;
            padding-top: 5px;
            display: block;
            font-family: 'jcb_euro_rom';
        }

        .offermenucontent a:hover {
            text-decoration: none;
            background-color: #262626;
            color: #f8b004;
        }

        .offermenucontent a i:hover {
            color: #f8b004;
            text-decoration: none;
        }

header {
    background: #f8b004;
    border-bottom: 1px solid #c68d03;
}

.logo {
    margin-top: 20px;
}

.toprightmenu {
    margin-top: 20px;
}

    .toprightmenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .toprightmenu ul li {
            float: left;
        }

            .toprightmenu ul li a {
                display: block;
                padding: 5px 5px;
                color: #000;
                font-size: 16px;
                font-family: 'jcb_euro_bld';
                border-right: 1px solid #c68d03;
            }

                .toprightmenu ul li a:hover {
                    text-decoration: none;
                }

    .toprightmenu .telephone-icon {
        margin-right: 10px;
    }

.search {
}

    .search .form-control {
        border-radius: 20px;
        background: rgba(0, 0, 0, .2);
        border: 1px solid #c68d03;
        color: #000;
        box-shadow: none;
    }

        .search .form-control + .glyphicon {
            position: absolute;
            right: 0;
            padding: 9px 27px;
            color: #000;
            cursor: pointer;
        }

        .search .form-control::-webkit-input-placeholder {
            color: #000;
        }

        .search .form-control::-moz-placeholder {
            color: #000;
        }

        .search .form-control:-ms-input-placeholder {
            color: #00;
        }

        .search .form-control input:-moz-placeholder {
            color: #000;
        }

.toprightmenu .social-icon li {
    margin-left: 5px;
}

    .toprightmenu .social-icon li a {
        border: none;
        padding: 5px 0px;
    }

.menubar {
    background-color: #f8b004;
}

    .menubar .navbar.navbar-default {
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        background: #f8b004;
    }

        .menubar .navbar.navbar-default .navbar-toggle {
            margin-top: 10px;
        }

    .menubar .navbar-default .navbar-nav > li > a {
        color: #000;
        font-size: 14px;
        font-family: 'jcb_euro_bld';
    }

    .menubar .navbar-default .navbar-nav > .open > a, .menubar .navbar-default .navbar-nav > .open > a:hover, .menubar .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #000;
        border: 0;
    }

    .menubar .nav .open > a, .menubar .nav .open > a:hover, .menubar .nav .open > a:focus {
        background-color: #000;
        border-color: #000;
    }

.dropdown-large {
    position: static !important;
}

.dropdown-menu-large {
    padding: 20px 0px;
    background-color: #000;
    border-bottom: 5px solid #FCB026;
    min-width: 210px;
    border-top: 0;
    font-family: 'jcb_euro_rom';
}

    .dropdown-menu-large > li > ul {
        padding: 0;
        margin: 0;
    }

        .dropdown-menu-large > li > ul > li {
            list-style: none;
        }

            .dropdown-menu-large > li > ul > li > a {
                display: block;
                padding: 3px 0px;
                clear: both;
                line-height: 1.428571429;
                color: #fff;
                white-space: normal;
            }

    .dropdown-menu-large > li ul > li > a:hover, .dropdown-menu-large > li ul > li > a:focus {
        text-decoration: underline;
        color: #fff;
        background-color: #000;
    }

    .dropdown-menu-large .disabled > a, .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus {
        color: #fff;
    }

        .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

    .dropdown-menu-large .dropdown-header {
        color: #f8b004;
        font-size: 18px;
        padding: 0;
    }

        .dropdown-menu-large .dropdown-header a {
            color: #f8b004;
            font-size: 16px;
            padding: 5px 0px;
        }

            .dropdown-menu-large .dropdown-header a:hover {
                color: #f8b004;
                font-size: 16px;
                background: none;
            }

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.slider-caption {
    width: 25%;
    position: absolute;
    top: 80px;
    margin-left: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
}

    .slider-caption .bannerheading h2 {
        font-size: 25px;
        color: #fff;
        font-family: 'jcb_euro_bld';
        margin: 0px 0 2px 0;
        line-height: 28px;
    }

    .slider-caption .bannerheading h3 {
        font-size: 20px;
        color: #fff;
        font-family: 'jcb_euro_rom';
        margin: 10px 0 2px 0;
        text-transform: capitalize;
    }

    .slider-caption .bannerheading p {
        font-size: 18px;
        color: #fff;
        font-family: 'jcb_euro_rom';
        margin: 0;
        padding: 10px 10px 10px 0px;
    }

        .slider-caption .bannerheading p a {
            color: #FCB026;
            font-size: 18px;
        }

            .slider-caption .bannerheading p a:hover {
                color: #FCB026;
            }

    .slider-caption .bannerheading i {
        background-color: #FCB026;
        color: #000;
        padding: 2px 10px;
    }

        .slider-caption .bannerheading i:hover {
            background-color: #262626;
            color: #FCB026;
            padding: 2px 10px;
        }

.mainslider .carousel-indicators {
    text-align: center;
}


    .mainslider .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 6rem;
        height: 7px;
        cursor: pointer;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255,255,255,.5);
        border: none;
    }

    .mainslider .carousel-indicators .active {
        width: 6rem;
        border: none;
        height: 8px;
        cursor: pointer;
        background-color: #FCB026;
    }

.mainslider img {
    width: 100%;
}

.product_bg {
    width: 100%;
    display: table;
    padding: 10px 0 0 0;
}

.product_contentbox {
    border-right: 1px solid #262626;
    min-height: 300px;
}

.product_heading {
    font-size: 18px;
    color: #f8b004;
    text-align: left;
    font-family: 'jcb_euro_rom';
    text-transform: uppercase;
}

    .product_heading img {
        margin-right: 10px;
    }

.product_textbox {
    width: 90%;
    display: table;
}

    .product_textbox p {
        color: #fff;
        font-size: 14px;
        text-align: left;
        margin-top: 20px;
    }

    .product_textbox select {
        padding: 5px;
        color: #000 !important;
        border-radius: 10px;
        margin-top: 30px;
    }

.about {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .about h1 {
        font-size: 40px;
        font-family: 'jcb_euro_bld';
    }

    .about p {
        color: #000;
        font-size: 18px;
    }

.aboutimg {
    padding-top: 50px;
    padding-bottom: 50px;
}

.about .learnmorbtn {
    margin-top: 60px;
}

    .about .learnmorbtn a {
        padding: 8px 20px;
        color: #000;
        border: 2px solid #7e5714;
    }

        .about .learnmorbtn a:hover {
            text-decoration: none;
            background-color: #7e5714;
            color: #fff;
        }

.product-range {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 485px;
}

    .product-range h2 {
        margin-left: 12px;
        font-size: 45px;
        font-size: 40px;
        font-family: 'jcb_euro_bld';
    }

#c-carousel {
    height: 100%;
    padding: 0;
    margin: 0;
    background: none;
}

#c-carousel {
    min-height: 400px;
    background: none;
}

#wrapper1 {
    width: 100%;
    height: auto;
    margin: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 20%;
}

#carousel div {
    width: 400px;
    height: 400px;
    margin: 20px 30px;
    float: left;
    position: relative;
    opacity: 0.5;
    transform: scale(.6);
}

    #carousel div.selected {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    #carousel div img {
        display: block;
        position: absolute;
        top: 0;
        left: -30px;
        z-index: 10;
    }

    #carousel div span {
        color: #000;
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        display: block;
        width: 60%;
        height: 35px;
        overflow: hidden;
        position: relative;
        margin-top: 65%;
        margin-left: 20%;
        z-index: 8;
        border: 2px solid #fcaf23;
    }

#prev, #next {
    display: block;
    width: 26px;
    height: 70px;
    position: absolute;
    top: 10%;
    z-index: 99999;
}

    #prev.disabled, #next.disabled {
        opacity: 0.2;
        cursor: default;
    }

#prev {
    background-image: url(../images/arrow-left-light.png);
    left: 20%;
}

#next {
    background-image: url(../images/arrow-right-light.png);
    right: 20%;
}

#pager {
    position: relative;
    top: -144px;
    z-index: 10;
    display: block;
    text-align: center;
}

    #pager a {
        background-color: #7c7c7c;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 6px;
        border-radius: 0px;
    }

        #pager a.selected {
            background-color: #f8b004;
        }

        #pager a span {
            display: none;
        }

.product-range #c-carousel img {
    width: 100%;
}

.latest-news-wrap {
}

    .latest-news-wrap h2 {
        font-size: 40px;
        color: #fff;
        font-family: 'jcb_euro_bld';
    }

.latest-news-box {
    padding: 20px 0px;
}

    .latest-news-box h3 {
        margin-top: 20px;
        color: #f8b004;
        font-size: 18px;
        height: 80px;
    }

    .latest-news-box p {
        color: #fff;
        font-size: 20px;
    }

    .latest-news-box .news-date {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .latest-news-box .news-date {
    }

        .latest-news-box .news-date a {
            color: #fff;
            text-decoration: none;
        }

#latest-news .item {
    margin-left: 20px;
    margin-right: 20px;
}

.owl-theme .owl-controls {
    margin-bottom: 20px;
}

    .owl-theme .owl-controls .owl-page span {
        border-radius: 0 !important;
        width: 15px !important;
        height: 15px !important;
        background-color: #515151;
    }

    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        opacity: 1;
        background-color: #f8b004;
    }

.latest-news-box .findnow-btn {
    cursor: text;
}

.customer-video-wrap {
}

    .customer-video-wrap h2 {
        font-size: 40px;
        color: #fff;
        font-family: 'jcb_euro_bld';
        margin-bottom: 0;
    }

.customer-video-box {
    padding: 0px 0px 20px 0px;
}

    .customer-video-box h3 {
        margin-top: 20px;
        color: #000;
        background-color: #f8b004;
        font-size: 18px;
        padding: 10px 10px;
        margin-bottom: 0;
    }

    .customer-video-box p {
        color: #fff;
        font-size: 20px;
    }

    .customer-video-box .news-date {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .customer-video-box .news-date {
    }

        .customer-video-box .news-date a {
            color: #fff;
            text-decoration: none;
        }

#customers-video .item {
    margin-left: 20px;
    margin-right: 20px;
}

.customer-video-box iframe {
    width: 100%;
    height: 200px;
    border: 0;
    z-index: 999999;
}

.product-box {
    background-color: #fff;
}

    .product-box h2 {
        margin-top: 20px;
        color: #000;
        background-color: #f8b004;
        font-size: 18px;
        padding: 20px 10px;
        margin-bottom: 0;
        font-family: 'jcb_euro_bld';
    }

        .product-box h2 a {
            color: #000;
            display: block;
        }

    .product-box p {
        color: #fff;
        font-size: 14px; /*margin-top:20px;*/
        font-family: 'jcb_euro_rom';
    }

    .product-box .product-descrption {
        min-height: 150px;
        background-color: #000;
        padding-bottom: 10px;
        padding-top: 20px;
        margin-bottom: 0;
    }

    .product-box .product-descrption1 {
        min-height: 120px;
        padding-top: 20px;
        background-color: #000;
        margin-bottom: 0;
    }

    .product-box .address p {
        margin: 0;
    }

        .product-box .address p a {
            color: #fff;
        }

    .product-box .productbtn {
        background-color: #000;
        padding-top: 20px;
        height: 50px;
    }

        .product-box .productbtn a {
            color: #fff;
            font-size: 15px;
            font-family: 'jcb_euro_bld';
        }

            .product-box .productbtn a:hover {
                color: #fff;
                text-decoration: underline;
            }

        .product-box .productbtn i {
            background-color: #f8b004;
            color: #000;
            padding: 2px 10px;
            font-size: 18px;
            margin-right: 10px;
            float: left;
        }

            .product-box .productbtn i:hover {
                background-color: #262626;
                color: #f8b004;
                padding: 2px 10px;
            }

    .product-box img {
        display: block;
        margin: 0 auto;
    }

footer {
    background-color: #f8b004;
}

    footer h2 {
        font-size: 16px;
        font-family: 'jcb_euro_bld';
    }

ul.footermenu {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

    ul.footermenu li {
        font-size: 14px;
        padding: 2px 0 2px 0;
        color: #fff;
    }

        ul.footermenu li a {
            color: #000;
            text-decoration: none;
        }

.footermtop {
    margin-top: 40px;
}

.lft-nav {
    display: none;
    width: 100%;
}

    .lft-nav #compMenuTog #compMenu {
        display: none;
        padding-top: 18px;
    }

#leftmenu {
    position: relative;
}

    #leftmenu h3 {
        margin: 0;
        color: #fff;
        background-color: #262626;
    }

    #leftmenu i {
        color: #fff;
        background-color: #f8b004;
        padding: 8px 10px;
    }

    #leftmenu h3 a {
        color: #fff;
        font-size: 16px;
    }

.leftmenubar {
}

    .leftmenubar ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .leftmenubar ul li {
        }

            .leftmenubar ul li a {
                display: block;
                padding: 8px 15px;
                border-bottom: 1px dotted #262626;
                color: #fff;
                font-size: 16px;
            }

                .leftmenubar ul li a i {
                    float: right;
                    color: #fff !important;
                    background: none !important;
                    padding: 0px 15px !important;
                    font-size: 16px;
                }

    .leftmenubar .leftsubmenu li a {
        padding-left: 30px !important;
    }

    .leftmenubar .leftsubmenu .active {
        color: #f8b004;
    }

    .leftmenubar .leftsubmenu .leftsub-submneu {
        padding-left: 30px !important;
    }

    .leftmenubar .active {
        color: #f8b004;
    }

.messagebox {
    background: #000;
    padding: 50px 0px;
}

.massage {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: 0;
}

.messagebox h2 {
    background: #fcb026;
    color: #000;
    padding: 30px 15px;
    font-weight: bold;
    line-height: 1em;
    margin: 0px;
}

.messagetext {
    background: #262626;
    padding: 30px;
    font-size: 16px;
    float: left;
    width: 100%;
}

.enquirebox {
    background: #000;
    padding: 50px 0px;
}

    .enquirebox h2 {
        color: #fff;
        padding: 0px 10px 30px 10px;
        font-weight: bold;
        line-height: 1em;
        margin: 0px;
    }

    .enquirebox .input {
        width: 100%;
        border: none;
        font-size: 14px;
        background: #cccccc;
        padding-left: 14px;
        margin: 0px 0px 10px 0px;
        height: 50px;
        color: #000;
        border: 0;
    }

    .enquirebox .input2 {
        width: 100%;
        height: 50px;
        background: #cccccc;
        border: 1px solid #cccccc;
        color: #000;
        font-size: 16px;
        padding-left: 5px;
    }

    .enquirebox input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        background: #f8b004;
        color: #000;
        border: none;
        margin-top: 30px;
        font-size: 20px;
        font-weight: bold;
    }

    .enquirebox textarea {
        width: 100%;
        border: none;
        font-size: 14px;
        background: #cccccc;
        padding-left: 14px;
        margin: 0px 0px 10px 0px;
        color: #000;
    }

.name {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 10px 0px;
    float: left;
    display: block;
}

.form-wrap .formbox {
    width: 100%;
    float: left;
}

.form-wrap p {
    font-size: 16px;
    background-color: #262626;
    padding: 10px;
    font-weight: bold;
    margin-top: 20px;
    float: left;
}

.formbox .form-group p {
    background-color: transparent;
    font-size: 13px;
    padding: 0;
    font-weight: normal;
    margin-top: 10px;
}

.starcolor {
    color: #ff0510;
}

.reachbox {
    background: #000;
    padding: 50px 0px;
}

    .reachbox h2 {
        color: #fff;
        padding: 0px 10px 30px 10px;
        font-weight: bold;
        line-height: 1em;
        margin: 0px;
    }

.reachrap {
    width: 100%;
}

.reachbranch {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.reachcontaddress {
    width: 50%;
    float: left;
}

.reachcontphone {
    width: 20%;
    float: left;
}

.reachcontcity {
    width: 40%;
    float: left;
    margin-top: -16px;
}

.reachcontmail {
    width: 28%;
    float: left;
}

.reachcontaddresstxt {
    width: 50%;
    float: left;
    padding-left: 5px;
}

.reachcontimg {
    width: auto;
    float: left;
}

.reachconttxt {
    width: 70%;
    float: left;
    padding-left: 5px;
}

.reachcontpadding5 {
    padding-left: 5px;
}

.reachconttxt a {
    color: #fff;
}

.procontbox {
    width: 100%;
    margin: 20px 0;
    display: inline-block;
}

    .procontbox .probox {
        width: 100%;
        position: relative;
    }

        .procontbox .probox img {
            width: 100%;
            background: none;
            border: none;
        }

    .procontbox .caption {
        width: 100%;
        position: absolute;
        bottom: -15px;
        background: #2f2f2f;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
    }

ul.yellowarrow {
    list-style-image: url(../images/yellowarrow.png);
    margin: 0 0px 0 15px;
    padding: 0;
}

    ul.yellowarrow li {
        font-size: 16px;
        padding: 2px 0px;
    }

        ul.yellowarrow li a {
            color: #fff;
            text-decoration: none;
        }

.animate-line {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

    .animate-line::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #fff;
        transition: width .3s;
    }

    .animate-line:hover::after {
        width: 100%;
        transition: width .3s;
    }

/* product inner */

.product-inner {
    margin-top: 50px;
}

    .product-inner h1 {
        background: #fcb026;
        color: #000;
        padding: 30px 15px;
        font-weight: bold;
        line-height: 1em;
        margin: 0px;
    }

.product-inner-content {
    background: #262626;
    padding: 30px;
    font-size: 16px;
    margin-bottom: 80px;
}

.product-quick-spec-box {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.product-quick-spec {
    border-bottom: 1px solid #262626;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-size: 14px;
}

.product-quick-spec-left {
    float: left;
    width: 75%;
}

.product-quick-spec-right {
    float: right;
    width: 25%;
    text-align: right;
}

.product-inner .product-btn {
    margin-top: 20px;
}

/* product inner */

/* strt product description */

.product-spec-left {
    margin-top: 40px;
    margin-bottom: 40px;
}

.product-spec-right {
    margin-top: 40px;
    margin-bottom: 40px;
}

.product-spec-left p {
    font-size: 16px;
}

.quick-spec {
    background-color: #fcb026;
    padding: 25px;
    float: left;
}

    .quick-spec h2 {
        font-size: 24px;
        color: #000;
        margin-top: 0;
        font-family: 'jcb_euro_bld';
    }

.quick-spec-box {
    border-bottom: 1px dotted #262626;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    color: #000;
    font-size: 14px;
}

.quick-spec-left {
    float: left;
    width: 75%;
}

.quick-spec-right {
    float: right;
    width: 25%;
    text-align: right;
}

.jcb-features {
    margin-top: 100px;
}

    .jcb-features h3 {
        font-size: 24px;
        border-bottom: 1px solid #262626;
        color: #fff;
        padding: 10px 0px;
        margin: 0;
    }

.jcb-features-content {
}

.jcb-features-txt {
    font-size: 16px;
    float: left;
    width: 100%;
}

.jcb-features-txt-left {
    width: 50%;
    border-bottom: 1px solid #262626;
    padding-bottom: 8px;
    padding-top: 8px;
    float: left;
}

.jcb-features-txt-right {
    width: 50%;
    border-bottom: 1px solid #262626;
    padding-bottom: 8px;
    padding-top: 8px;
    float: right;
}

/* end product description */

/* jcb product video */

.jcb-video {
    float: left;
    width: 100%;
    margin-top: 50px;
}

    .jcb-video iframe {
        width: 100%;
        height: 200px;
        border: 0;
    }

    .jcb-video h3 {
        background: #fcb026;
        color: #000;
        padding: 30px 15px;
        font-weight: bold;
        line-height: 1em;
        margin: 0px;
        font-size: 20px;
        font-family: 'jcb_euro_bld';
    }

/* end jcb product video */

/* start accordin */

.productdecrp {
    background-color: #f8b004;
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
}

    .productdecrp .panel-default > .panel-heading {
        color: #000;
        background-color: #f8b004;
        border-top: 1px solid #dd970c;
        border-bottom: none;
    }

    .productdecrp .panel {
        border: 0;
        box-shadow: none;
        margin: 0;
    }

    .productdecrp .panel-title {
        font-size: 16px;
        font-family: 'jcb_euro_bld';
    }

    .productdecrp .panel-collapse {
        background-color: #f8b004;
        color: #000;
    }

    .productdecrp .panel-title > a {
        outline: 0;
        display: block;
    }

    .productdecrp .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        border-bottom: 1px solid #dd970c;
        border-top: 0;
        margin: 0;
    }

    .productdecrp .indicator {
        font-size: 14px;
    }

    .productdecrp .panel-group .panel + .panel {
        margin-top: 0px;
    }

    .productdecrp .panel-body p {
        font-size: 16px;
    }

.productdecrp-rightimg {
    margin-top: 50px;
    margin-bottom: 20px;
}

.product-btm-img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.productdecrp .panel-title a:hover, .productdecrp .panel-title a:focus {
    color: #000;
    text-decoration: none;
}

/* end accordin */

/* start related product */

.related-product {
    margin-bottom: 50px;
    float: left;
}

    .related-product h3 {
        color: #fff;
        font-size: 28px;
    }

.related-product-box {
    width: 100%;
    float: left;
}

    .related-product-box ul.horizontal-slide {
        list-style: none;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
    }

        .related-product-box ul.horizontal-slide li[class*="col"] {
            display: inline-block;
            float: none;
            padding: 0; /*margin-left:10px; margin-right:10px; */
            position: relative;
        }

        .related-product-box ul.horizontal-slide li a {
            text-decoration: none;
            float: left;
        }

            .related-product-box ul.horizontal-slide li a:hover {
                text-decoration: underline;
                color: #fff;
            }

        .related-product-box ul.horizontal-slide li[class*="col"]:first-child {
            margin-left: 0;
        }

        .related-product-box ul.horizontal-slide li img {
            width: 100%;
        }

    .related-product-box .thumbnail {
        margin-bottom: 20px;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        padding: 0;
    }

    .related-product-box h2 {
        background: #fcb026;
        color: #000;
        padding: 15px 15px;
        white-space: normal;
        height: 70px;
        width: 100%;
        margin: 0px;
        font-size: 20px;
    }

.readmore {
    position: absolute;
    bottom: 20px;
    border-radius: 0;
    padding: 12px 20px;
    background-color: #f8b004;
    border: #f8b004;
    font-size: 16px;
    font-family: 'jcb_euro_bld';
    color: #000;
    left: 0;
}

    .readmore i {
        margin-right: 15px;
    }

    .readmore:hover, .readmore:focus, .readmore.focus, .readmore:active {
        background-color: #262626;
        color: #f8b004 !important;
    }



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border: 1px solid #262626 !important;
    background: #262626 !important;
    border-radius: 0px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: #f8b004 !important;
}

#content-1 {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: #000;
    margin: 0px 0;
}

    #content-1 ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }

.mCSB_1_container {
    width: 100%;
}

#content-1 li:first-child {
    margin-left: 0 !important;
}

#content-1 li {
    width: 300px;
    height: 100%;
    margin: 5px;
    position: relative;
    float: left;
}

.related-product {
    width: 100%;
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 0px !important;
}

.mCSB_container_wrapper {
    margin-right: 0;
}

.mCSB_container {
    top: 0 !important;
}

.mCSB_scrollTools.mCSB_scrollTools_vertical {
    display: none !important;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 16px !important;
    border-radius: 0px;
    margin: 0 !important;
}



/* end related product */

.product-inner-description {
    padding: 50px 15px 50px 15px;
}

    .product-inner-description h2 {
        font-size: 28px;
        color: #fff;
        font-family: 'jcb_euro_bld';
        margin-bottom: 20px;
    }

    .product-inner-description p {
        font-size: 16px;
        margin: 0;
    }

ul.whitedot {
    margin: 0 0 10px 15px;
    padding: 0;
}

    ul.whitedot li {
        font-size: 14px;
        padding: 2px 0 2px 0;
        color: #fff;
        font-family: 'jcb_euro_rom';
    }

/* start news */

.news-wrap {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.news-heading {
    background-color: #f8b004;
    padding: 20px;
}

    .news-heading h3 {
        margin: 0 0 15px 0;
        font-size: 18px;
        font-family: 'jcb_euro_bld';
    }

    .news-heading a {
        color: #000;
    }

    .news-heading .listdate {
        font-size: 16px;
    }

.news-content {
    background: #262626;
    padding: 30px;
    font-size: 16px;
    float: left;
    width: 100%;
}

    .news-content img {
        width: 100%;
        margin-bottom: 10px;
    }

    .news-content .learnbtn a {
        color: #fff;
        font-size: 15px;
        font-family: 'jcb_euro_bld';
        display: block;
    }

        .news-content .learnbtn a:hover {
            color: #fff;
        }

    .news-content .learnbtn i {
        background-color: #f8b004;
        color: #000;
        padding: 2px 10px;
        font-size: 18px;
        margin-right: 10px;
        float: left;
    }

        .news-content .learnbtn i:hover {
            background-color: #262626;
            color: #f8b004;
            padding: 2px 10px;
        }

/* end news */

.team {
    border: 0;
    padding: 0;
    border-radius: 0;
    background-color: #262626;
}

.team-wrap p {
    margin-top: 10px;
    padding: 15px;
}

.team h3 {
    color: #000;
    background-color: #f8b004;
    margin: 0;
}

.team .caption {
    padding: 0;
    background-color: #f8b004;
    font-family: 'jcb_euro_rom';
    font-size: 20px;
    color: #000;
    padding: 15px;
    height: 100px;
}

    .team .caption p {
        margin: 0;
        padding: 0;
    }

.team p {
    padding: 0;
}

.finance {
    margin-top: 20px;
}

    .finance .thumbnail {
        border: 0;
        border-radius: 0;
        margin-bottom: 15px;
    }

.financeimg {
    padding-right: 0;
}

.registerinterest {
}

    .registerinterest h3 {
        color: #fff;
    }

    .registerinterest .input {
        width: 100%;
        border: none;
        font-size: 14px;
        background: #cccccc;
        padding-left: 14px;
        margin: 0px 0px 10px 0px;
        height: 50px;
        color: #000;
        border: 0;
    }

    .registerinterest .input2 {
        width: 100%;
        height: 50px;
        background: #cccccc;
        border: 1px solid #cccccc;
        color: #000;
        font-size: 16px;
        padding-left: 5px;
    }

    .registerinterest input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        background: #f8b004;
        color: #000;
        border: none;
        margin-top: 30px;
        font-size: 20px;
        font-weight: bold;
    }

        .registerinterest input[type="submit"]:hover {
            background-color: #262626;
            border: 1px solid #f8b004;
            color: #f8b004;
        }

    .registerinterest textarea {
        width: 100%;
        border: none;
        font-size: 14px;
        background: #cccccc;
        padding-left: 14px;
        margin: 0px 0px 10px 0px;
        color: #000;
    }

    .registerinterest .form-group {
        margin-bottom: 0;
    }

    .registerinterest .form-wrap p {
        font-size: 12px;
        background-color: transparent;
        padding: 0;
        margin-top: 10px;
        font-family: 'jcb_euro_rom';
        font-weight: normal;
    }



/* start dealer locator */

.dealerloactorwrap {
    background-color: #000;
    width: 100%;
    float: left;
    padding: 20px 0;
}

.dealerlocator {
    width: 100%;
    float: left;
}

.map {
    width: 100%;
}

.dealerlocator h2 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0px;
}

.locatorsearchbox {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.dealerlocator .locatorinput {
    width: 90%;
    padding: 11px 15px 12px;
    color: #000;
    background: #ccc;
    border: 0;
    float: left;
}

.dealerlocator .showresults {
    padding: 10px;
    background: #fcb026;
    color: #000;
    border: 1px solid #fcb026;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

    .dealerlocator .showresults:hover {
        padding: 10px;
        background: #262626;
        color: #000;
        border: 1px solid #fcb026;
        text-decoration: underline;
        color: #fcb026;
        font-weight: bold;
    }

.results-checkbox {
    width: 100%;
    font-size: 14px;
}

.jcb-checkbox {
    margin: 20px 0px;
    color: #fff;
    float: left;
}

.jcb-checkbox-input {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.locatermap {
    width: 100%;
    margin-top: 20px;
}

.dealerlist-wrap {
    width: auto;
    float: left;
    margin-top: 20px;
    background-color: #262626;
    padding: 20px;
    position: relative;
}

.circle {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000000;
    top: 7px;
    right: 20px;
    background-color: #fff;
    border: 5px solid #fcb026;
}

    .circle::after {
        content: '';
        display: block;
        position: absolute;
        left: 17%;
        bottom: -73%;
        width: 0;
        height: 0;
        border-top: 10px solid #fcb026;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid transparent;
    }

    .circle span {
        color: #000;
        position: relative;
        top: 0%;
        left: 30%;
        font-size: 20px;
    }

.dealerlist-wrap h2 {
    font-size: 24px;
    color: #fff;
}

.dealerlist-left {
    width: 45%;
    float: left;
}

.dealerlist-right {
    width: 48%;
    float: right;
}

.dealer-address {
    border-bottom: 1px dotted #fff;
    border-top: 1px dotted #fff;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .dealer-address p {
        margin-right: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #fff;
        line-height: 20px;
        font-size: 14px;
    }

    .dealer-address h3 {
        color: #fff;
    }

    .dealer-address .distance {
        font-size: 28px;
        color: #fcb026;
        margin-top: 10px;
    }

        .dealer-address .distance span {
            font-size: 16px;
            color: #fff;
            margin-left: 10px;
        }

    .dealer-address .viewmap {
        margin-top: 20px;
    }

        .dealer-address .viewmap a {
            text-decoration: underline;
            color: #fff;
        }

.dealer-tel {
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.dealer-tel-txt {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0px;
}

    .dealer-tel-txt a {
        color: #fcb026;
        text-decoration: none;
        margin-left: 5px;
    }

.dir-btn {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .dir-btn a {
        padding: 15px 10px;
        background: #fcb026;
        color: #000;
        border: 1px solid #fcb026;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
        float: left;
    }

        .dir-btn a:hover {
            padding: 15px 10px;
            background: #262626;
            color: #000;
            border: 1px solid #fcb026;
            text-decoration: underline;
            color: #fcb026;
            font-weight: bold;
        }

.dir-btn-mrg {
    margin-left: 30px;
}

.listbox {
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
}

ul.bullet {
    list-style:;
    margin: 0 0 0 10px;
    padding: 0;
}

    ul.bullet li {
        font-size: 14px;
        padding: 5px 0;
    }

.timingaccrodin {
    float: left;
    width: 100%;
}

    .timingaccrodin .responsive-accordion li {
        margin: 0 0 1px;
        padding: 0;
    }

    .timingaccrodin .responsive-accordion-default.responsive-accordion li .responsive-accordion-head {
        font-size: 16px;
        font-family: 'jcb_euro_bld';
        padding: 15px 30px 15px 0px;
        color: #fff;
        background: #262626;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }

        .timingaccrodin .responsive-accordion-default.responsive-accordion li .responsive-accordion-head img {
            top: 15px;
        }

    .timingaccrodin .responsive-accordion li .responsive-accordion-head.active {
        font-weight: 700;
        background: #262626 !important;
        color: #fff!important;
        border-bottom: none;
    }

    .timingaccrodin .responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {
        background: #262626;
        border: none;
        padding: 0;
    }

.timingtable {
    color: #fff;
    float: left;
    width: 95%;
    padding: 8px;
}

/* end dealer locator */



*::-moz-selection {
    color: red;
    background-color: #000;
}

*::selection {
    color: red;
    background-color: #000;
}



/* start search */

/* start news */

.search {
}

    .search h3 {
        color: #fff;
        margin: 0;
        padding-bottom: 20px;
    }

.search-wrap {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    background: #262626;
}

.search-heading {
    background-color: #f8b004;
    padding: 20px;
}

    .search-heading h3 {
        margin: 0 0 15px 0;
        font-size: 18px;
        font-family: 'jcb_euro_bld';
    }

    .search-heading a {
        color: #000;
    }

.search-content {
    background: #262626;
    padding: 30px;
    font-size: 16px;
    float: left;
    width: 100%;
}

    .search-content h4 {
        font-size: 24px;
        color: #fff;
        font-family: 'jcb_euro_bld';
        margin: 0;
    }

    .search-content img {
        width: 100%;
        margin-bottom: 10px;
    }

    .search-content a {
        -webkit-appearance: button;
        cursor: pointer;
        background: #f8b004;
        color: #000;
        border: 1px solid #f8b004;
        margin-top: 30px;
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding: 10px;
    }

        .search-content a:hover {
            background-color: #262626;
            border: 1px solid #f8b004;
            color: #f8b004;
        }

.pagination-wrap {
    text-align: center;
}

.pagination {
    margin: 0;
}

    .pagination > li > a, .pagination > li > span {
        background-color: #fcb026;
        border: 1px solid #fff;
        color: #000;
    }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            color: #fff;
            background-color: #262626;
            border-color: #262626;
        }

/* end search */

/* start sitemap */

.sitemap {
    padding-bottom: 20px;
    margin-top: 20px;
}

.sitemap-list {
    margin-bottom: 20px;
}

    .sitemap-list h3 {
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0 0 0px 0;
        border-bottom: 1px solid #CCC;
        padding-bottom: 8px;
        color: #F5B501;
    }

        .sitemap-list h3 a {
            text-decoration: none;
            color: #F5B501;
        }

    .sitemap-list ul {
        list-style: none;
        margin: 20px 0px 0 5px;
        padding: 0;
    }

    .sitemap-list li {
        font-size: 13px;
        border-bottom: 1px dotted #262626;
        padding: 5px 0 5px 0;
        color: #FFF;
    }

        .sitemap-list li a {
            display: block;
            color: #fff;
            text-decoration: none;
        }

    .sitemap-list .sitemap-link {
        margin: 0px 0px 0px 20px;
        padding: 0;
        list-style-type: disc;
    }

        .sitemap-list .sitemap-link li {
            font-size: 13px;
            padding: 5px 0 5px 10px;
            color: #FFF;
            border: none;
        }

            .sitemap-list .sitemap-link li a {
                display: block;
                color: #fff;
                text-decoration: none;
            }

/* end sitemap */





/* start used machine */

.used-machine {
    background-color: #262626;
}

.used-machine-spec-box {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.used-machine-txt {
    border-bottom: 1px dotted #cccccc;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-size: 14px;
}

.used-machine-txt-left {
    float: left;
    width: 35%;
}

.used-machine-txt-right {
    float: right;
    width: 65%;
    text-align: right;
}

.used-machine-txt-email a {
    float: right;
}

.used-machine {
    background-color: #262626;
}

.industry-spec-box {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.industry-txt {
    border-bottom: 1px dotted #cccccc;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-size: 14px;
}

.industry-txt-left {
    float: left;
    width: 75%;
}

.industry-txt-right {
    float: right;
    width: 25%;
    text-align: right;
}

.industry-txt-email a {
    float: right;
}

.product-box .productbtn1 {
    background-color: #262626;
    padding-top: 20px;
    height: 50px;
    width: 100%;
    float: left;
}

    .product-box .productbtn1 a {
        color: #fff;
        font-size: 15px;
        font-family: 'jcb_euro_bld';
    }

        .product-box .productbtn1 a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .product-box .productbtn1 i {
        background-color: #f8b004;
        color: #000;
        padding: 2px 10px;
        font-size: 18px;
        margin-right: 10px;
        float: left;
    }

        .product-box .productbtn1 i:hover {
            background-color: #262626;
            color: #f8b004;
            padding: 2px 10px;
        }

.subheading {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'jcb_euro_bld';
}

.bottomborder {
    border-bottom: 1px solid #000;
}

/* end used machine */





.details_machine {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 20px 0;
    padding: 2% 3%;
    display: inline-block;
    color: #59595b;
    width: 100%;
}

    .details_machine .form-group {
        margin-bottom: 0px;
        border-radius: 0px;
        padding: 6px 10px 6px 0px !important;
    }

    .details_machine label {
        display: block;
        text-align: left;
        color: #000;
        margin-top: -30px;
    }

    .details_machine .mt-3 {
        margin-top: 3.5rem;
    }

    .details_machine .calculate-btn {
        background: #231f20 !important;
        border: none;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'jcb_euro_bld';
        border-radius: 0;
        color: #fff;
        padding: 1.5rem 3rem;
    }

.machine {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    position: relative;
}

    .machine > li {
        display: inline-block;
        color: #7f7f7f;
    }

        .machine > li img {
            /*width: 90%;*/
            margin: 10px;
            border: #ccc 1px solid;
            padding: 5px 0;
        }

        .machine > li a {
            color: #7f7f7f;
        }

        .machine > li:hover {
            cursor: pointer;
            color: #000;
            text-decoration: none;
        }

            .machine > li:hover img {
                cursor: pointer;
                color: #000;
                text-decoration: underline;
                background: #e5e5e5;
                -webkit-box-shadow: 5px 5px 15px 5px #C7C7C7;
                box-shadow: 5px 5px 15px 5px #C7C7C7;
                color: #000;
            }

.active img {
    cursor: pointer;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    background: #e5e5e5;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    color: #000;
}









.cost_maintenance {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 20px 0;
    color: #59595b;
    border: #6d6d6d 1px solid;
    overflow: hidden;
    padding-bottom: 10px;
}

    .cost_maintenance .hdng {
        background-color: #e8e8e8;
        margin-top: 0px;
        padding: 15px 0;
    }

    .cost_maintenance table {
        width: 75%;
        text-align: center;
        margin-top: 40px;
    }

        .cost_maintenance table tbody {
            display: block;
            height: 250px;
            overflow: auto;
            width: 102%;
        }

        .cost_maintenance table thead, tbody tr {
            /*display:table;*/
            width: 100%;
            table-layout: fixed;
        }

        .cost_maintenance table tfoot tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

    .cost_maintenance .brdr-bttm {
        border-bottom: #ccc 1px solid !important;
        width: 15%;
    }

    .cost_maintenance th, td {
        text-align: center;
        color: #58595b;
        border-top: 0px solid #ff0 !important;
        vertical-align: middle !important;
    }

    .cost_maintenance td input {
        margin-right: 10px;
    }

    .cost_maintenance td inputa[type=checkbox]:checked + label {
        color: #f00;
        font-style: normal;
    }

    .cost_maintenance .text-left {
        text-align: left !important;
    }

    .cost_maintenance table .brdr-ltr {
        border-left: #6d6d6d 1px solid;
        border-top: #6d6d6d 1px solid;
        border-right: #6d6d6d 1px solid;
    }

    .cost_maintenance table .brdr-lbr {
        border-left: #6d6d6d 1px solid;
        border-bottom: #6d6d6d 1px solid;
        border-right: #6d6d6d 1px solid;
    }

    .cost_maintenance table .brdr-lr {
        border-left: #6d6d6d 1px solid;
        border-right: #6d6d6d 1px solid;
    }

    .cost_maintenance table .no-brdr-top {
        border-top: none !important;
    }

.maintenance {
    display: inline-block;
    left: 0;
    width: 100%;
    padding: 5%;
    color: #636365;
}

    .maintenance .row {
        margin: 10px 0;
    }

    .maintenance .form-control {
        border-radius: 0px !important;
    }

.black-btn {
    background: #231f20 !important;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'jcb_euro_bld';
    border-radius: 0;
    color: #fff;
    padding: 1.5rem 3rem;
    margin: 5px;
}

    .black-btn:hover {
        color: #fff;
    }

.yellow-btn {
    margin-top: 40px;
    background: #FCB026 !important;
    border: none;
    font-size: 14px;
    font-family: 'jcb_euro_bld';
    border-radius: 0;
    color: #000;
    padding: 1.5rem 6rem;
}

.text-disclaimer {
    color: #59595b;
    text-align: center;
    margin: 0 20px 0 0;
}

    .text-disclaimer li {
        color: #59595b;
        text-align: left;
    }

.selectdiv select {
    width: 100%;
    background: url(/images/br_down.jpg) no-repeat right;
    -webkit-appearance: none;
    border: 0;
    margin-left: -3px;
    color: #6C757D !important;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
}


.yellowbg .navbar-default {
    background-color: #fbae3a !important;
    border-color: #fbae3a !important;
}

.yellowbg .navbar-toggle {
    border-color: #000 !important;
}

.yellowbg .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.yellowbg .navbar-nav > li > a {
    color: #000;
    font-size: 14px;
    font-family: 'jcb_euro_bld';
    text-transform: uppercase;
    padding: 10px 20px;
}


    .yellowbg .navbar-nav > li > a:hover {
        background-color: #000;
        color: #fff;
    }

    .yellowbg .navbar-nav > li > a:active {
        background-color: #000;
        color: #fff;
    }


.yellowbg .navbar-nav .dropdown-menu-large {
    position: absolute;
    top: 40px;
    width: 210px;
    left: auto;
    right: auto;
}

.mt-25 {
    margin-top: 25px;
}

.boxed {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
}

.rgt-flex {
    display: flex;
    justify-content: flex-end;
}

.telephone-icon {
    margin-right: 10px;
}

.dropdown-fix {
    color: #FCB026;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    top: 3px;
}


/* flag dropdown */
.open > .dropdown-menu {
    display: block;
    top: 30px;
    right: 0px;
}

#options button {
    background-color: #000;
    border-color: #000;
}


#details_app {
    background: #4d4d4f;
    padding: 30px 0;
}

    #details_app h1 {
        color: #FCB026;
        font-size: 4rem;
        font-family: 'jcb_euro_bld';
    }

    #details_app h3 {
        color: #fff;
    }



#experience {
    background: #e6e7e9;
    padding: 40px 0;
}

    #experience h1 {
        font-family: 'jcb_euro_bld';
        text-align: center;
        font-size: 3.20rem;
    }

.carousel-showmanymoveone .carousel-inner img {
    margin: 0 auto;
}

.carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
}

    .carousel-showmanymoveone .carousel-control.left {
        margin-left: -25px;
        top: 45%;
    }

    .carousel-showmanymoveone .carousel-control.right {
        margin-right: -25px;
        top: 45%;
    }

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}

@media all and (min-width: 768px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

@media all and (min-width: 992px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -33.3%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 33.3%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(33.3%, 0, 0);
        transform: translate3d(33.3%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-33.3%, 0, 0);
        transform: translate3d(-33.3%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

.carousel-control:hover, .carousel-control:focus {
    opacity: 1;
}

.carousel-control, .carousel-control {
    opacity: 1;
}

@media all and (min-width: 1600px) {
    .carousel-main-container {
        width: 66.66666667%;
        margin-left: 16.66666667%;
    }
}

.glyphicon {
    color: #46166b;
    top: 60px;
}

@media all and (min-width: 768px) {
    .glyphicon {
        top: 62px;
    }
}


@media all and (min-width: 992px) {
    .glyphicon {
        top: 65px;
    }
}

@media all and (max-width: 767px) {
    .glyphicon-menu-right {
        margin-left: 20px;
    }

    .glyphicon-menu-left {
        right: 28px;
    }
}
/* End carousel */


#tips {
    background: #171314;
    padding: 30px 0;
}

    #tips h1 {
        color: #FCB026;
        font-size: 4rem;
        font-family: 'jcb_euro_bld';
    }

    #tips h4 {
        color: #fff;
        font-size: 2.1rem;
    }

    #tips .yellow-btn {
        margin-top: 30px;
        background: #FCB026 !important;
        border: none;
        font-size: 14px;
        font-family: 'jcb_euro_bld';
        border-radius: 0;
        color: #000;
        padding: 1.5rem 6rem;
    }


#jcb-footer {
    display: block;
    font-size: 16;
    background-color: #262626;
}

    #jcb-footer nav.useful-links {
        background-color: #FCB026;
        border-bottom: 1px solid #DF9929;
        text-align: center;
        padding: 50px 0 46px;
    }

    #jcb-footer .useful-links ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #jcb-footer .useful-links li {
        display: inline-block;
        list-style: none;
        white-space: nowrap;
        vertical-align: baseline;
        width: 24.5%;
        padding: 0;
    }

    #jcb-footer .useful-links a {
        color: #262626;
        border-bottom: none;
        font-size: 1.4em;
        font-family: JCBEuro-Bold,"Gill Sans Bold",Arial,Helvetica,sans-serif;
        cursor: pointer;
    }

    #jcb-footer .useful-links svg {
        max-width: 2.2rem;
        max-height: 2.2rem;
        display: inline-block;
        vertical-align: baseline;
        margin-right: .8em;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
        padding: 1px;
    }

    #jcb-footer .footer-quote {
        color: #F2F2F2;
        padding: 10em 0 9em;
        background-position: center center;
        background-size: cover;
    }

        #jcb-footer .footer-quote p {
            display: block;
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
            color: #F2F2F2;
        }

    #jcb-footer .footer-social {
        background: #FCB026;
        color: #fff;
        width: 100%;
        margin: 0;
        padding: 24px 0 26px;
        text-align: center;
    }

        #jcb-footer .footer-social li {
            display: inline-block;
            margin: 0 22px;
            font-size: 1.5rem;
        }

            #jcb-footer .footer-social li .fa {
                font-size: 2rem;
            }

    #jcb-footer .footer-extra {
        background-color: #000;
        padding: 22px 0;
        font-size: 1.4rem;
        color: #999;
        text-align: center;
    }

        #jcb-footer .footer-extra .market-selector {
            float: left;
            font-size: 1em;
            color: #999;
            margin-top: 2px;
            -webkit-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

        #jcb-footer .footer-extra .market-selector--flag {
            margin-bottom: -3px;
            margin-right: 6px;
        }

        #jcb-footer .footer-extra .market-selector {
            font-size: 1em;
            color: #999;
        }

            #jcb-footer .footer-extra .market-selector .chevron {
                color: #FCB026;
                margin-left: 6px;
            }

    #jcb-footer .footer-extra--nav {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        #jcb-footer .footer-extra--nav li {
            display: inline-block;
            margin: 0 9px;
        }

        #jcb-footer .footer-extra--nav a {
            color: #999;
            border-bottom: 1px solid transparent;
            -webkit-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

    #jcb-footer .footer-extra .copy {
        float: right;
        font-size: 1em;
        color: #999;
    }

    #jcb-footer .open > .dropdown-menu {
        display: block;
        top: -150px;
    }

@media screen and (min-width:576px) {
    #jcb-footer .footer-quote {
        background-image: url("/images/bg-jcb.jpg")!important;
    }
}


@media screen and (max-width:991px) {
    #jcb-footer .useful-links li {
        width: 45%;
        margin-bottom: 2.5em;
    }

    #jcb-footer .footer-extra--nav {
        float: none;
        display: block;
    }

    .mob-mt5 {
        margin-top: 5px;
    }

    .navbar-collapse {
        position: absolute;
        margin-left: -320px;
        right: 0px;
        background-color: #fbae3a;
        z-index: 9;
        width: max-content;
    }
}











#parts li {
    min-width: 16%;
    margin: 10px 0;
}

    #parts li img {
        padding: 0;
    }

#parts .mach-img {
    background: #e5e5e5;
    border: #e5e5e5 1px solid;
    display: block;
    margin: 0 auto;
}

#parts .brdr-thick {
    background: #e5e5e5;
    border: #FCB026 5px solid;
    display: block;
}


#parts li span {
    padding: 0.75rem 3rem;
    background-color: #9c9c9c;
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 2;
}

#parts li .form-control {
    width: 50%;
    margin: 0 auto;
    background-color: #000000;
    color: #ffffff;
    font-weight: 800;
    text-align: center;
    font-size: 1.5rem;
}

#preventive, #dvCalculateData, #maintenance, #addRepairParts, #repairCost {
    display: none;
}

span.multiselect-native-select {
    position: relative;
}

    span.multiselect-native-select select {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px -1px -1px -3px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important;
        left: 50%;
        top: 30px;
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .multiselect-container .input-group {
        margin: 5px;
    }

    .multiselect-container > li {
        padding: 0;
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700;
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px 3px 20px;
            height: 100%;
            font-weight: 700;
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer;
        }

        .multiselect-container > li > a {
            padding: 0;
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 3px 0 3px 30px;
            }

                .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
                    margin: 0;
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 5px;
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0;
}

.selectdiv .btn-group, .selectdiv .multiselect, .selectdiv .btn-group.open, .selectdiv .open > .dropdown-toggle {
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
}

.selectdiv span {
    float: left;
    width: 100%;
}

.selectdiv .btn {
    padding: 0px 12px;
    text-align: left;
}

    .selectdiv .btn .caret {
        background: url(/images/br_down.jpg) no-repeat right;
        border: none;
        width: 15px;
        height: 10px;
    }

#parts {
    text-align: center;
    width: 100%;
}

.mtop20 {
    margin-top: 20px;
}

.mtop30 {
    margin-top: 30px;
}

.mtop40 {
    margin-top: 40px;
}


.displayparts {
    text-align: right;
    width: 100%;
}

.displaytext {
    color: #7f7f7f;
    text-decoration: none;
    font-size: 16px;
}

    .displaytext:hover {
        color: #7f7f7f;
        text-decoration: underline;
    }



.intro-component-outer {
    background-color: #262626;
}

    .intro-component-outer .compo-body-text {
        color: #fff;
        font-family: JCBEuro-Bold,Gill Sans Bold,Arial,Helvetica,"sans-serif";
        font-size: 1.4rem;
    }

@media (min-width: 992px) {
    .intro-component-outer .intro-component-inner {
        padding: 7rem 0 4rem;
    }
}

@media (min-width: 1200px) {
    .intro-component-outer .compo-header-wrap .compo-title {
        font-size: 4rem;
    }

    .intro-component-outer .compo-body-text {
        font-size: 1.9rem;
    }
}

.intro-component-outer .compo-header-wrap .compo-title {
    color: #fcb026;
    font-family: JCBEuro-Bold-Condensed,Gill Sans Bold,Arial,Helvetica,"sans-serif";
}















.accordion-component-outer {
    background-color: #f2f2f2;
}

    .accordion-component-outer.is-mrrp {
        background-color: transparent;
    }

    .accordion-component-outer .accordion-component-inner {
        margin: 0 auto;
        padding: 7rem 0;
        width: 100%;
    }

@media (max-width: 767px) {
    .accordion-component-outer .accordion-component-inner {
        padding: 5rem 1.5rem 0;
        width: calc(100% - 3rem);
    }

        .accordion-component-outer .accordion-component-inner .container {
            padding-right: 0;
            padding-left: 0;
            width: 100%;
            max-width: none;
        }

            .accordion-component-outer .accordion-component-inner .container .row {
                margin-right: 0;
                margin-left: 0;
            }
}

.accordion-component-outer .accordion-component-inner .accordion-items {
    display: block;
    width: 100%;
}

    .accordion-component-outer .accordion-component-inner .accordion-items .header-link {
        position: relative;
        display: block;
        margin: -0.2rem 0;
        padding: 3rem 5.6rem 3rem 3rem;
        background: none;
        border: none;
        border-top: 0.2rem solid #d7d7d7;
        border-bottom: 0.2rem solid #d7d7d7;
        border-radius: 0;
        outline: none;
        color: #000;
        font-family: JCBEuro, Gill Sans, Arial, Helvetica, "sans-serif";
        font-size: 3rem;
        text-align: left;
        text-transform: none;
    }

@media (max-width: 575px) {
    .accordion-component-outer .accordion-component-inner .accordion-items .header-link {
        padding: 1.5rem 4.5rem 1.5rem 1rem;
        font-size: 2.8rem;
    }
}

@media (min-width: 768px) {
    .accordion-component-outer .accordion-component-inner .accordion-items .header-link {
        font-size: 3.8rem;
    }

    #accordion .panel-title > a, a:hover {
        font-size: 3.8rem;
        color: #333;
        text-decoration: none;
    }
}

.accordion-component-outer .accordion-component-inner .accordion-items .header-link.ui-accordion-header-active {
    outline: none;
    color: #000;
}

    .accordion-component-outer .accordion-component-inner .accordion-items .header-link.ui-accordion-header-active .ui-accordion-header-icon {
        transform: rotate(-180deg);
    }

.accordion-component-outer .accordion-component-inner .accordion-items .header-link > .ui-accordion-header-icon {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto 0;
    height: 100%;
    width: 3rem;
    background: none;
    color: #000;
    font-family: FontAwesome;
    text-indent: 0;
    transition: all 0.3s;
}

    .accordion-component-outer .accordion-component-inner .accordion-items .header-link > .ui-accordion-header-icon:before {
        content: "\f107";
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        display: block;
        font-family: FontAwesome;
        font-size: 3rem;
        text-align: center;
        transform: translateY(-50%);
    }

@media (min-width: 576px) {
    .accordion-component-outer .accordion-component-inner .accordion-items .header-link > .ui-accordion-header-icon:before {
        font-size: 4rem;
    }
}

.accordion-component-outer .accordion-component-inner .accordion-items .content-panel {
    display: block;
    margin: 3rem auto;
    padding: 0;
    max-width: 89.5rem;
    overflow: visible;
    background: none;
    border: none;
    font-size: 1.6rem;
}

@media (min-width: 576px) {
    .accordion-component-outer .accordion-component-inner .accordion-items .content-panel {
        padding: 3rem 0;
        font-size: 1.9rem;
    }
}

.accordion-component-outer .accordion-component-inner .accordion-items .content-panel .content-panel-inner {
    margin: 0 9%;
}

.accordion-component-outer .accordion-component-inner .accordion-items .content-panel h1,
.accordion-component-outer .accordion-component-inner .accordion-items .content-panel h2,
.accordion-component-outer .accordion-component-inner .accordion-items .content-panel h3,
.accordion-component-outer .accordion-component-inner .accordion-items .content-panel h4 {
    margin: 0 0 3rem;
}

    .accordion-component-outer .accordion-component-inner .accordion-items .content-panel h1 + hr,
    .accordion-component-outer .accordion-component-inner .accordion-items .content-panel h2 + hr,
    .accordion-component-outer .accordion-component-inner .accordion-items .content-panel h3 + hr,
    .accordion-component-outer .accordion-component-inner .accordion-items .content-panel h4 + hr {
        margin-top: -2rem;
    }

.accordion-component-outer .accordion-component-inner .accordion-items .content-panel hr {
    margin: 3rem 0;
    padding: 0;
    height: 0.2rem;
    background-color: #000;
    border: none;
    box-shadow: none;
    outline: none;
}

.accordion-component-outer .accordion-component-inner .accordion-items .content-panel blockquote {
    margin: 3rem -3rem;
    font-size: 2.1rem;
}

@media (min-width: 576px) {
    .accordion-component-outer .accordion-component-inner .accordion-items .content-panel blockquote {
        margin: 7rem -9%;
        font-size: 3.8rem;
    }
}

.accordion-component-outer .ui-helper-reset {
    line-height: inherit;
}

.accordion-component-outer ol,
.accordion-component-outer ul {
    margin: 2rem 0;
    padding: 0;
    list-style-type: none;
}

    .accordion-component-outer ol li,
    .accordion-component-outer ul li {
        position: relative;
        padding: 0 0 0 2rem;
    }

@media (min-width: 768px) {
    .accordion-component-outer ol li,
    .accordion-component-outer ul li {
        padding: 0 0 1rem 2rem;
        font-size: 1.9rem;
    }
}

.accordion-component-outer ol li:before,
.accordion-component-outer ul li:before {
    content: "";
    position: absolute;
    top: 1.22rem;
    left: 0;
    height: 0.3rem;
    width: 1rem;
    background-color: #fcb026;
}

.accordion-component-outer li {
    color: #333;
}

#accordion .panel-title span.ui-accordion-header-icon {
    transform: rotate(-180deg);
    content: "\f107";
    position: absolute;
    top: 50%;
    right: 3%;
    display: block;
    font-family: FontAwesome;
    font-size: 3rem;
    text-align: center;
}

#accordion .panel-title span:before {
    content: "\f107";
    position: absolute;
    top: 50%;
    right: 3%;
    display: block;
    font-family: FontAwesome;
    font-size: 3rem;
    text-align: center;
    transform: translateY(-50%);
}

#accordion {
    background-color: #f2f2f2;
}

    #accordion .panel {
        -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
        box-shadow: 0 0px 0px rgba(0,0,0,.05);
    }

    #accordion .panel-title {
        position: relative;
    }

    #accordion .panel-heading {
        padding: 3rem 5.6rem 3rem 3rem !important;
        border-left: 0px;
        border-right: 0px;
        background-color: #f2f2f2;
        border-bottom: 1px solid #ddd;
    }

    #accordion .panel-default {
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
        background-color: #f2f2f2;
    }

    #accordion .panel-collapse {
        background-color: #f2f2f2;
    }

        #accordion .panel-collapse > .panel-body {
            background-color: #f2f2f2;
            margin: 2.5rem auto 0rem auto;
            padding: 2.5rem 0 0rem 0;
            max-width: 89.5rem;
            border: 0px;
        }

    #accordion .panel-heading .accordion-toggle:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: right;
        color: grey;
        font-size: 1.8rem;
        line-height: 4.5rem;
    }

    #accordion .panel-heading .accordion-toggle.collapsed:after {
        content: "\e080";
    }