/*

- Bootstrap v3.3.1

- Font Awesome 4.2.0

- Less - Leaner CSS v2.0.0-b1

*/

@import url("css/bootstrap/bootstrap.min.css");
@import url("css/fontawesome/font-awesome.css");
@import url("style_templates.css");
@import url("style_osp.css");
@import url("css/style_cart.css");
@import url("css/style_table.css");
@import url("css/style_form.css");
@import url("css/style_accordion.css");

a.thickbox {
    display: table;
    position: relative;
}

a.thickbox img {
    margin: 0 0;
}

a.thickbox:after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #383ca8;
    opacity: 0;
    transition: .4s all ease;
    position: absolute;
}

a.thickbox:hover:after {
    opacity: .6;
}


.no-btn .btn:not(.btn-primary) {
    display: none;
}

.detailpageimg {
    width: 600px;
    max-width: 100%;
}

.downloadc img {
    width: 26px;
    margin: 0 5px 0 0;
}

h1.custc {
    text-align: center;
}

.on.barline {
    border-left: 1px solid #898989;
    padding: 0 15px 0 30px;
    min-height: 700px;
}

.grid.category a .wrapper_image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #383ca8;
    opacity: 0;
    transition: .4s all ease;
}

.grid.category a:hover .wrapper_image:before {
    opacity: 0.5;
}

@media (max-width: 767px) {
    .on.barline {
        border-left: 1px solid #898989;
        padding: 0 15px 0 15px;
        min-height: unset;
    }
}

.generalbannerttl {
    position: relative;
    color: #fff;
    font-size: 48px;
    font-family: 'AMARANTHBOLD';
    text-shadow: 2px 2px 4px #000;
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 100%;
    display: none;
}

.nolink {
    cursor: inherit;
}

iframe {
    max-width: 100%;
}

.wrapper_searchbar,
.social-media {
    display: inline-block;
    vertical-align: top;
}

.gemeinsambtn {
    padding: 6px 22px;
    border: 1px solid #b3121e;
    background-color: #b3121e;
    display: inline-table;
    color: #fff;
    font-family: 'AMARANTHBOLD';
    font-size: 20px;
    text-transform: uppercase;
    -webkit-transition: .3s ease all;
}

.gemeinsambtn:hover {
    border: 1px solid #2a2c7c;
    background-color: #2a2c7c;
    color: #fff;
}

.generalbanner {
    width: 100%;
    height: 300px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    position: relative;
}

body#insidepage,
body#coverpage {
    margin: 0px;
}

a.activelan {
    font-weight: bold;
}

.wrapper_header {
    padding: 0px 0 0 0;
    min-height: 60px;
    background: #ebebeb;
    z-index: 1000;
    /*    border-bottom: #B91F27 solid 5px;*/
}

.wrapper_header .companyLogo {
    position: relative;
}

.hmenu {
    padding-right: 100px;
}

nav#nav-wrap > ul > li > a {
    padding: 30px 17px;
    margin: 0;
}

.social-media a {
    color: #2a2c7c;
    font-size: 14px;
}

.wrapper_header .wrapper_searchbar {
    float: right;
    text-align: right;
    margin-top: 2px;
}

.wrapper_header .menuSearchBar.active {
    visibility: visible;
}

.wrapper_header .menuSearchBar {
    visibility: hidden;
    position: absolute;
    top: 0;
    z-index: 1050;
    padding: 10px 0;
}

body#coverpage .wrapper_middle {
    min-height: 177px;
    background: #fff;
    text-align: center;
}

body#coverpage .wrapper_middle h1 {
    color: #383ca8;
}

body#coverpage h1 {
    margin-top: 0;
}

body#coverpage .wrapper_middle .container,
body#coverpage .wrapper_bottom .container {
    padding: 30px 0px;
}

body#coverpage .wrapper_bottom {
    background: #fff;
    text-align: left;
}

body#coverpage .wrapper_bottom h1 {
    color: #383ca8;
}

.owl-carousel {
    max-width: 1050px;
    margin: 0 auto;
    height: auto;
}

.owl-item .item {
    background: transparent;
    max-width: auto;
    margin: 0 10px;
}

.owl-item .item .wrapper_image {
    width: 100%;
    height: auto;
    border: 2px solid transparent;
    transition: ease all .3s;
}

.owl-item a:hover .wrapper_image {
    border: 2px solid #2a2c7c;
}

.owl-item .item .caption {
    padding: 8px 20px;
    min-height: 65px;
    color: #444444;
    vertical-align: middle;
    text-transform: capitalize;
    font-family: 'open_sansbold';
    font-size: 18px;
    transition: ease all .3s;
}

.owl-item a:hover .caption {
    color: #2a2c7c;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url('../data/ckfinder/images/left-w.png') no-repeat;
    width: 28px;
    height: 48px;
    opacity: 1;
    position: absolute;
    left: -50px;
    top: 33%;
    background-size: contain;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url('../data/ckfinder/images/right-w.png') no-repeat;
    width: 28px;
    height: 48px;
    opacity: 1;
    position: absolute;
    right: -50px;
    top: 33%;
    background-size: contain;
}

.wrapper_middle.section1 .container,
.wrapper_bottom.section2 .container,
.wrapper_bottom.section3 .container {
    padding: 60px 15px !important;
}

.wrapper_bottom.section3 .container,
.wrapper_bottom.section3 .container h1 {
    color: #fff !important;
}

form#inlineEnquiry [class|=col] {
    padding: 0 5px;
}

.wrapper_bottom.section3 .container table {
    width: auto;
}

.wrapper_bottom.section2 .container {
    width: 990px;
    max-width: 100%;
}

.wrapper_bottom.section2 .container h1 {
    margin: 0px 0 12px 0;
}

.wrapper_bottom.section3 .container {
    width: 950px;
    max-width: 100%;
}

.wrapper_bottom.section2 .container .gemeinsambtn {
    margin: 13px 0 0;
}

.wrapper_bottom.section3 .container .gemeinsambtn {
    border: 1px solid #2a2c7c;
    background-color: #2a2c7c;
    color: #fff;
    margin: 2px 0 0;
}

.wrapper_bottom.section3 .container .gemeinsambtn:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #383ca8;
}

#contentTop > a:last-child {
    /*    color: #2a2c7c;*/
}

@media (max-width: 1200px) {
    .wrapper_middle.section1 .container {
        width: 895px !important;
        max-width: 80%;
    }
}

.container.menuhier {
    width: 1150px;
    max-width: 100%;
}

.wrapper_middle {
    min-height: 650px;
}

body#insidepage .col-sm-4.right {
    border-left: 2px solid #383ca8;
    min-height: 500px;
}

body#insidepage .wrapper_middle {
    background: #fff;
    color: #1b1b1b;
}

body#insidepage .wrapper_banner {
    min-height: auto;
}

body#insidepage h1 {
    color: #383ca8;
}

.contentTop {
    margin: 0 0 15px 0;
}

.contentTop,
.contentTop a {
    color: #aaa;
}

.contentTop a:hover {
    color: #333;
}

.nav-tabs {
    border-bottom: 0;
    margin: 10px 0 0 0;
}

.nav-tabs.nav-stacked > li {}

.nav-tabs.nav-stacked > li > a {
    color: #1b1b1b;
    font-size: 16px;
    border-radius: 0;
    border: 0;
    text-align: right;
}

.nav-tabs.nav-stacked > li > a.active,
.nav-tabs.nav-stacked > li > a:hover {
    color: #fff;
    background: #cb0300;
}

.wrapper_middle > .container> .row > .col-md-* {
    max-width: 250px;
    padding-right: 5px;
}

#insidepage .wrapper_middle .container {
    padding: 15px 15px 60px;
}

#insidepage .col-md-3.left {
    padding-right: 30px;
}

#insidepage .col-md-9.right {
    border-left: 2px solid #ccc;
    min-height: 585px;
    padding-left: 30px;
    /*    padding-top: 30px;*/
}

.table > tbody > tr > td {
    border-top: 0;
}

.wrapper_bottom {}

.wrapper_footer {
    min-height: 50px;
    background: #ebebeb;
    color: #1b1b1b;
    font-size: 14px;
    font-weight: normal;
}

.wrapper_footer .container {
    padding: 30px 15px;
}

.wrapper_footer .container a {
    color: inherit;
}

.wrapper_footer .container a:hover {
    color: #2a2c7c;
}

.social-media a {
    display: inline-block;
    right: 35px;
}

.social-media a:hover {
    color: #383ca8;
}

.btn-more {
    background: transparent;
    padding: 7px 10px;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid #cb0300;
}

.btn-more:hover {
    background: #cb0300;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear;
}

.btn-more:before {
    content: '> ';
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    font-weight: normal;
}


/*CUSTOM CSS*/

.wrapper_bottom .border-right {}

.wrapper_bottom .no-padding {
    padding: 0px !important;
}

.wrapper_bottom .content {
    padding: 30px 20px;
}

.wrapper_bottom tbody tr td {
    vertical-align: top;
}

.wrapper_bottom i {
    color: #383ca8;
}

.formButton {
    /*    color:#000;*/
}

.normal_text tbody tr td {
    padding: 5px;
    vertical-align: top;
}

.panel-default > .panel-heading {
    background-color: #383ca8 !important;
}

@media (max-width: 480px) {
    .wrapper_bottom .border-right {
        border-right: 0px solid #7E7E7E;
    }
    .wrapper_bottom .no-padding {
        padding: 30px !important;
    }
    .wrapper_bottom .content {
        /*    padding: 0px 20px;*/
    }
    #toTop {
        bottom: 128px;
        right: 0px;
    }
}

@media (max-width: 320px) {
    #toTop {
        bottom: 128px;
        right: 0px;
    }
    .wrapper_bottom .content {
        padding: 0px 20px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    #toTop {
        bottom: 92px;
    }
}


/*EOL*/


/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 1200px) {
    .hmenu nav#nav-wrap > ul > li > a {
        padding: 31px 8px 28px;
        font-size: 13px;
    }
    .hmenu {
        padding-right: 0px;
    }
    .searchb {
        right: 25px;
        bottom: -50px;
    }
    h1 > img {
        width: 70px;
        height: 1px;
    }
    table {
        width: 100%;
    }
    #insidepage .wrapper_middle .container img {
        height: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        /*        right: 0;*/
        /*        top: -75px;*/
    }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        /*        right: 40px;*/
        /*        top: -75px;*/
        /*        left: unset;*/
    }
    .owl-carousel .owl-wrapper {
        /*        left: 10px !important;*/
    }
}


/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    .generalbannerttl {
        font-size: 40px;
    }
    .generalbanner {
        height: 150px;
    }
    .wrapper_middle.section1 .container,
    .wrapper_bottom.section2 .container,
    .wrapper_bottom.section3 .container {
        padding: 30px 15px !important;
    }
    .fa-stack-2x {
        margin-top: -1px;
    }
    .gemeinsambtn {
        font-size: 15px;
    }
    body {
        padding-right: 0px;
        padding-left: 0px;
    }
    .wrapper_middle > .container > .row > .col-md-3 {
        max-width: 100%;
    }
    .wrapper_middle h1,
    .wrapper_bottom h1,
    .section-title {
        font-size: 31px;
    }
    h1 > img {
        height: 0px;
        margin-left: 0px !important;
        margin-right: -9px !important;
    }
    body#coverpage .wrapper_middle .container,
    body#coverpage .wrapper_bottom .container {
        padding: 30px 10px;
    }
    .wrapper_header .companyLogo {
        text-align: center;
        height: 85px;
    }
    .owl-carousel .owl-wrapper {
        /*        left: 10px !important;*/
    }
    .owl-item .item .wrapper_image {
        width: 100%;
    }
    #insidepage .col-md-3.left {
        padding-right: 15px;
    }
    #insidepage .col-md-9.right {
        border-left: 0;
        padding-left: 15px;
    }
    body#insidepage h1 {
        text-align: center;
    }
    .social-media a {
        left: 10px;
        /*        color: #383ca8;*/
    }
    .wrapper_searchbar form#formSearch {
        left: 1px;
        /*        background:#383ca8;*/
    }
    .social-media a:hover {
        /*        color:#7E7E7E;*/
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .owl-carousel .owl-item {
        /*        margin-right: 15px;*/
    }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        /*
        right: 0;
        top: -75px;
*/
    }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        /*        left: -35px;*/
    }
}


/* Landscape phone to below */

@media (max-width: 480px) {
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -33px;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -33px;
    }
    .owl-carousel .owl-wrapper {
        /*        left: 15% !important;*/
    }
}

@media (max-width: 320px) {
    .owl-carousel .owl-wrapper {}
}