/**
 * Custom CSS Creative Template
 *
 * Do not “include” this file, but instead copy/paste the contents into the
 * “custom css” areas of the website configuration
 *
 * @author D. Amaya Rojas (diana-at-dennistiems-dot-com)
 * @version 4.7.0.0 - 2020-03-25
 * @copyright Copyright BigBase
 */


/*
 * *********************************************************************************************************************
 * General style
 * For full page, like fonts, colors and body background
 * *********************************************************************************************************************
 */

:root {

    /*titles (h*), display, strong*/
    --main-text-color: rgb(28, 29, 30);
    /*all text*/
    --secondary-text-color: rgb(28, 29, 30);
    /*disable links*/
    --text-color-disable: rgb(119, 119, 119);



    /*main color: main color for buttons, links, panels, sitemap */
    --main-color: rgb(48, 209, 185);
    /*(no used in this template) - main color with opacity, backgrounds - usually in mobile menu*/
    --main-color-opacity: rgb(48, 209, 185, 0.65);
    /*hover in buttons, links and more - with primary color */
    --main-hover-color: rgb(21, 105, 158);
    /*secondary color: secondary color in buttons and links, etc. */
    --secondary-color: rgb(221, 221, 221);
    /*(no used in this template) - hover in secondary buttons, links  - with secondary color */
    --secondary-hover-color: rgb(0, 0, 0);

    /*text color on all objects with the main color*/
    --text-color-in-main: rgb(28, 29, 30);
    /*text color in hover main*/
    --text-color-in-main-hover: rgb(255, 255, 255);
    /*text color on all objects with the secondary color*/
    --text-color-in-secondary: rgb(28, 29, 30);
    /*(no used in this template) - text color in hover secondary*/
    --text-color-in-secondary-hover: rgb(28, 29, 30);



    /*background in: loc-m-11*/
    --main-background-color : rgb(48, 209, 185);
    /*background in: loc-h-1, last link on menu in loc-h-2, loc-h-6-f, loc-h-6-e, loc-f-2*/
    --secondary-background-color : rgb(50, 53, 54);
    /*background in: loc-s-6, loc-h-2, loc-h-3, loc-h-5, loc-h-6-d, loc-h-6-e (last position), loc-f-1*/
    --alternative-bacground-color : rgb(28, 29, 30);

    /*text color in main background*/
    --text-color-in-main-background: rgb(28, 29, 30);
    /*text color in secondary background*/
    --text-color-in-secondary-background: rgb(255, 255, 255);
    /*text color in alternative background*/
    --text-color-in-alternative-background: rgb(255, 255, 255);

}


body, table {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(--secondary-text-color);
}

@media print {
    @page {
        size: A4;
    }
}




h1, h1 span,
h2, h2 span,
h3, h3 span,
h4, h4 span,
h5, h5 span,
h6, h6 span {
    font-weight: 700;
    font-size: 3rem !important;
    line-height: 3.3rem;
    color: var(--main-text-color);
}

h2, h2 span {
    font-size: 2.5rem !important;
    line-height: 2.625rem;
}

h3, h3 span {
    font-size: 2.3125rem !important;
    line-height: 2.625rem;
}

h4, h4 span {
    font-size: 2rem !important;
    line-height: 2.2rem;
}

h5, h5 span {
    font-size: 1.75rem !important;
    line-height: 2rem;
}

h6, h6 span {
    font-size: 1.5rem !important;
    line-height: 1.8rem;
}

small{
    font-size: 1.1rem !important;
    line-height: 1.625rem;
    color: rgb(129, 138, 145);
    font-weight: 700;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{
    font-size: 86% !important;
}

.display-1,
.display-2,
.display-3,
.display-4 {
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 2.375rem;
    color: var(--main-text-color);
}

.lead{
    font-size: 1.75rem !important;
    line-height: 3rem;
    font-weight: 400 !important;
}

.display-1{
    font-size: 6.5rem !important;
    line-height: 7rem !important;
}

.display-2{
    font-size: 6rem !important;
    line-height: 6.5rem !important;
}

.display-3{
    font-size: 5.4375rem !important;
    line-height: 5.75rem !important;
}

.display-4{
    font-size: 4.3125rem !important;
    line-height: 4.4375rem !important;
}

blockquote {
    font-size: 1.75rem !important;
    line-height: 2.375rem !important;
    border-right: none;
    border-left: 3px solid rgb(236, 238, 239);
}

blockquote.text-right{
    border-left: none;
    border-right: 3px solid rgb(236, 238, 239);
}

.blockquote-footer {
    font-size: 1.75rem;
    line-height: 1.5rem;
    color: rgb(129, 138, 145);
}

.blockquote-footer:before{
    color: rgb(129, 138, 145);
}

cite {
    font-size: 1.75rem;
    line-height: 1.5rem;
    color: rgb(129, 138, 145) !important;
}

strong{
    font-weight: 700;
    color: var(--main-text-color);
}

ul, ol {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2.3rem;
}

pre {
    background-color: rgb(238, 238, 238);
}



/*
 * *********************************************************************************************************************
 * Animations
 * General animations for everywhere
 * *********************************************************************************************************************
 */



/*
 * *********************************************************************************************************************
 * Location specific style
 * Paddings and backgrounds of specific locations
 * *********************************************************************************************************************
 */

.block-background > div {
    padding: 0px;
}



.loc-s-2-g,
.loc-s-2-h,
.loc-s-2-i{
    padding: 0px;
}

.loc-s-2 .block-background{
    background:  rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 100vh;
    width: 100vw;
}

.loc-s-3 .block-foreground .container-fluid{
    padding: 16px 30px;
    position: relative;
}

.loc-s-6 {
    position: fixed;
    bottom: 0px;
    background: var(--alternative-bacground-color);
    color: var(--text-color-in-alternative-background);
    width: 100%;
    max-height: 100%;
}

@media(max-width: 919px){
    .loc-s-6 {
        padding: 12px 0px;
    }
}

@media print {
    .loc-s-2,
    .loc-s-3,
    .loc-s-6,
    .loc-s-8,
    .parallax {
        display: none !important;
    }
}

.loc-h-1 {
    background: var(--secondary-background-color);
    position: fixed;
    top: 31px;
    width: 320px;
    overflow: hidden;
    right: 0px;
    padding: 5px 10px;
    display: none;
}

.loc-h-1.active{
    display: block;
}

/* .loc-h-1 .block-foreground > .container > .row > div{
   width: 300px;
 }*/

.loc-h-1,
.loc-h-6{
    color: var(--text-color-in-secondary-background);
}

.loc-h-5,
.loc-h-3,
.loc-h-2 {
    background:  var(--alternative-bacground-color);
    color: var(--text-color-in-alternative-background);
}


.loc-h-5 .container > .row > div,
.loc-h-2 .container > .row > div{
    display: flex ;
    align-items: center;
    justify-content: center;
}

.loc-h-5 .container > .row > div:first-child,
.loc-h-2 .container > .row > div:first-child {
    justify-content: flex-start;
}

.loc-h-5 .container > .row > div:last-child,
.loc-h-2 .container > .row > div:last-child {
    justify-content: flex-end;
}

.loc-h-2.container-sticky-sticked  {
    z-index: 61;
}
.loc-h-5.container-sticky-sticked  {
    z-index: 60;
}
@media (max-width: 1023px){
    .loc-h-2 {
        min-height: 46px;
    }
}

.loc-h-3 > .block-foreground > .container > .row > div {
    display: flex;
    align-items: center;
}

.loc-h-3 > .block-foreground > .container > .row > div > .row {
    width: 100%;
}

.loc-h-5-e > .row > div,
.loc-h-5-f > .row > div,
.loc-h-2-e > .row > div,
.loc-h-2-f > .row > div{
    padding-right: 0px;
}

@media (min-width: 1023px){
    .loc-h-6 {
        overflow: hidden;
        z-index: 57 !important;
        transform: translateY(-50%);
    }

    .loc-h-6 .block-foreground > .container > .row > div > .row > div{
        padding: 20px;
    }
}


.loc-h-6-d,
.loc-h-6-e{
    background:  var(--alternative-bacground-color);
}

.loc-h-6-e > .row > div:last-child,
.loc-h-6-f{
    background: var(--secondary-background-color);
}

@media (min-width: 920px){
    .loc-h-6-e > .row > div,
    .loc-h-6-e > .row{
        height: inherit;
    }

    .loc-h-6-e > .row > div{
        display: flex !important;
        align-items: center;
    }

}

main .list ul {
    padding-left: 30px;
}

main .list-inline ul {
    padding-left: 12px !important;
}



main .parallax .block{
    z-index: 2;
}

.loc-m-1.block,
.loc-m-3.block,
.loc-m-5.block,
.loc-m-7.block,
.loc-m-9.block {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.loc-m-11 {
    background-color: var(--main-background-color);
    padding: 12px 0px;
}

.loc-f-1.block {
    padding: 30px 0px !important;
}

.loc-f-2.block {
    padding: 10px 0px 10px 0px !important;
}

/*footer > .block:nth-last-child(2) {
  padding-bottom: 70px !important;
}
*/

@media(max-width: 767px){

    .loc-m-1.block,
    .loc-m-3.block,
    .loc-m-5.block,
    .loc-m-7.block,
    .loc-m-9.block {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .loc-f-1.block {
        padding: 15px 0px !important;
    }

    .loc-f-2.block {
        padding: 5px 0px !important;
    }

}

.loc-f-1{
    background: var(--alternative-bacground-color);
}

.loc-f-2{
    background: var(--secondary-background-color);
}


.loc-f-3,
.loc-f-4 {
    background : var(--alternative-bacground-color) !important;
}

.loc-f-3-e > .row > div {
    padding: 30px 20px;
}

.loc-f-3{
    padding-top: 8px;
}

.loc-f-4 {
    padding: 20px;
}
/*
  footer > .container-fixed-bottom  > .block:nth-last-child(1) {
    padding-bottom: 70px;
  }

*/



/*
 * *********************************************************************************************************************
 * Element specific style
 * How do global wells, forms, panels, etc. look like
 * *********************************************************************************************************************
 */
a:not(.btn),
a:not(.btn) span{
    color: var(--main-color);
}
a:not(.btn):focus,
a:not(.btn):hover,
a:not(.btn):hover span {
    cursor: pointer;
    outline: none;
    color: var(--main-color);
}

a[href="javascript:;"]:hover span,
a[href="javascript:;"]:hover {
    cursor: default !important;
    color: var(--text-color-disable);
}
.btn,
.btn:focus{
    outline: none;
}

.btn.btn-primary{
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--text-color-in-main);
}
.btn.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:active,
.open > .dropdown-toggle.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover{
    background-color: var(--main-hover-color);
    border-color: var(--main-hover-color);
    color: var(--text-color-in-main-hover);
}

.btn.btn-default{
    border-color: var(--secondary-color);
    background-color: transparent;
    color: var(--text-color-in-secondary);
}


.btn.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus{
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
    color: var(--text-color-in-secondary);
}

.btn.btn-link{
    color: var(--main-color);
}

.btn.btn-scrolltop:hover,
.btn.btn-scrolltop{
    background: var(--alternative-bacground-color);
    color: var(--text-color-in-alternative-background);
    border: none;
}

.btn.block-overlay-toggle{
    background: rgba(0, 0, 0, 0.058) !important;
    color: rgb(255, 255, 255) !important;
    padding: 0px;
    border: none;
    font-size: 3.7375rem;
    height: 46px;
    width: 44px;
    right: 18px;
    left: auto;
    top: 2px;
    outline: none !important;
}

@media(min-width: 919px) {
    .btn.block-overlay-toggle{
        right: 7%;
    }
}

.btn.block-overlay-toggle span:before{
    content: "\EA82";
    top: 49%;
    display: block;
}

@media(min-width: 1024px){
    .btn.stage-toggle,
    .btn.block-overlay-toggle{
        display: none !important;
    }
}

.btn.stage-toggle {
    background:  var(--secondary-color);
    top: 6px !important;
}

.btn.btn-primary.orderout-add-line,
.btn.btn-primary.action-order{
    background: rgb(104, 175, 94) !important;
    border-color: rgb(104, 175, 94);
    color: rgb(255,255,255) !important;
    min-width: 85px;
    margin-bottom: 5px;
}

.btn.btn-primary.orderout-add-line:hover,
.btn.btn-primary.action-order:hover{
    background: rgb(104, 175, 94);
    border-color: rgb(104, 175, 94);
    opacity: 0.7;
}



.table td,
.table th{
    font: bold 1.5rem/1.5rem Arial, serif;
    border-bottom: none !important;
    border-top: 1px solid rgb(221, 221, 221) !important;
}

.table td{
    font-weight: normal;
    font-style: normal;
}

.table.table-dark td,
.table.table-dark th{
    color: rgb(255, 255, 255);
}

.table .thead-dark th {
    background-color: rgb(28, 29, 30);
    color: rgb(255,255,255);
}

.table .thead-light th {
    background-color: rgb(236, 238, 239);
    color: rgb(85,89,92);
}

.table-dark {
    background-color: rgb(28, 29, 30);
}

.table-dark td,
.table-dark th,
.table-dark thead th{
    border-color: rgb(236, 238, 239);
}

.table-striped tbody tr:nth-of-type(odd){
    background-color : rgb(236, 238, 239);
}

.table-dark.table-striped tbody tr:nth-of-type(odd){
    background-color: rgb(0,0,0);
}

.table-bordered td,
.table-bordered th {
    border: 1px solid rgb(221, 221, 221) !important;
}

.table-secondary,
.table-active{
    background: rgb(245,245,245);
}
.table-primary,
.table-success {
    background: rgb(222,240,215);
}
.table-info {
    background: rgb(216,237,247);
}
.table-danger{
    background:  rgb(242,222,223);
}
.table-warning{
    background:  rgb(253,248,227);
}


.table-dark .table-active {
    background: var(--main-hover-color);
}
.table-dark .table-active td,
.table-dark .table-active th,
.table-dark .table-active thead th{
    color: var(--text-color-in-main-hover);
}
.table-dark .table-primary{
    background: var(--main-color);
}

.table-dark .table-primary td,
.table-dark .table-primary th,
.table-dark .table-primary thead th{
    color: var(--text-color-in-main);
}
.table-dark .table-success {
    background: rgb(116,176,93) ;
}
.table-dark .table-info {
    background: rgb(112,190,219) ;
}
.table-dark .table-danger{
    background: rgb(215, 119, 103);
}
.table-dark .table-warning{
    background: rgb(238, 152, 0);
}
.table-dark.text-dark{
    background: var(--secondary-color);
}

.table-dark.text-dark td,
.table-dark.text-dark th,
.table-dark.text-dark thead th{
    color: var(--text-color-in-secondary);
}

.table-dark .table-secondary,
.table-dark .table-dark.text-dark{
    background: rgb(129, 138, 145);
}

form .has-error label {
    color: rgb(203,46,37)  !important;
}

form .has-success label {
    color: rgb(68,157,68) !important;
}

form .radio label,
form .checkbox label{
    line-height: 1.8;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    line-height: 1;
}


.dropdown-menu {
    padding: 0px;
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(204, 204, 204) !important;
    margin-top: 1px !important;
}

.dropdown-menu a {
    background: transparent;
}

.dropdown-menu li.active a,
.dropdown-menu li.active,
.dropdown-menu li:hover {
    background: rgb(236, 238, 239) !important;
}

.dropdown-menu a,
.dropdown-menu span {
    color: var(--secondary-text-color) !important;
}





nav,
.nav{
    margin: 0px;
}

nav img,
.nav img {
    max-height: 12px !important;
}



nav ul {
    list-style: none;
    padding: 0px;
}

nav > li.active > a,
.nav > li.active > a,
nav > li > a,
.nav > li > a {
    color: var(--main-color) !important;
    font-size: 1.5rem;
    line-height: 1.1875rem;
    font-weight: 400;
    border: 1px solid transparent;
    white-space: nowrap;
}

.nav.navbar-nav > li.active > a span{
    color : var(--text-color-in-main) !important;
}

nav a[href="javascript:;"],
nav a[href="javascript:;"] span,
.nav a[href="javascript:;"],
.nav a[href="javascript:;"] span{
    color: var(--text-color-disable) !important;
}

.nav-tabs {
    border:none !important;
}
.nav-tabs + .tab-content {
    margin-top: -1px;
    border-top: 1px solid rgb(238, 238, 238) !important;
}

.nav-tabs > li  {
    background: rgb(255, 255, 255);
}

.nav-tabs > li > a {
    margin:0px;
    border:none !important;
}
.nav-tabs > li:hover > a,
.nav-tabs > li.active > a{
    border-radius: 4px 4px 0px 0px;
}

.nav-tabs > li.active > a {
    border: 1px solid rgb(238, 238, 238) !important;
    border-bottom: none !important;
    margin-bottom: 1px;
}

.navbar-nav > li.active > a,
.nav-pills > li.active > a{
    background: var(--main-color) !important;
    border: 1px solid var(--main-color);
    border-radius: 4px;
    color: var(--text-color-in-main) !important;
}

.nav-pills > li.active > a span{
    color: var(--text-color-in-main) !important;
}



.list > li > a,
.list-inline > li > a {
    padding: 6px 12px;
    width: 100%;
    display: inline-block;
}

.list-inline > li li > a,
.list > li li > a{
    padding-top: 10px;
    width: 100%;
    display: inline-block;
}

.breadcrumb > li + li:before {
    content: ">";
    padding: 0px 5px;
    color: var(--text-color-disable);
    font-size: 1.4rem;
}

@media print {
    .breadcrumb > li {
        padding: 12px;

    }
}

.breadcrumb > .active {
    color: var(--text-color-disable);
}

.pagination a,
.pagination span,
.pagination > li > a,
.pagination > li > span {
    /* padding: 11.5px 16.22px;*/
    border: none;
    background: transparent;
    color: var(--main-color) !important;
}

.pagination li:hover a,
.pagination li:hover span,
.pagination .active:hover a,
.pagination .active:hover span,
.pagination .active a,
.pagination .active span{
    color: var(--main-hover-color) !important;
    background-color: transparent;

}

.pagination .disabled span{
    color: var(--text-color-disable) !important;
}

.pagination .icon-chevron-right:before {
    content: "\EA44\EA44";
    letter-spacing: -7px;
}
.pagination .icon-chevron-left:before {
    content: "\EA43\EA43";
    letter-spacing: -7px;
}

.badge,
.label {
    padding: 0.2em 0.9em .3em;
    font-size: 1.5rem !important;
}

.jumbotron{
    background-color: rgb(236, 238, 239);
}


.jumbotron p{
    font-size: 1.5rem;
    line-height: 2.3rem;
}


hr {
    border-top: 1px solid rgb(221, 221, 221);
}

.thumbnail {
    padding: 0px;
    border: none;
}
.thumbnail h4{
    font-weight: 500;
}

.thumbnail .btn{
    border-color: transparent;
    background-color: transparent;
    color: var(--main-color);
    position: relative;
    padding-right: 3px;
}

.thumbnail .btn:active,
.thumbnail .btn:hover{
    background-color: transparent;
    border-color: transparent;
    color: var(--main-color);
}

.thumbnail p > span + .btn{
    visibility: hidden;
    padding-top: 0px;
    width: 100%;
    text-align: left;
}

.thumbnail p span {
    position: relative;
    padding: 6px 34px 6px 0px;
}

.thumbnail p span:after{
    transition: all 1s ease-out;
    content: " >";
    font-size: 2.5rem;
    position: absolute;
    background: transparent;
    z-index: 1;
    color: var(--main-color);
    left: 8px;
    top: -6px;
}
.thumbnail p:hover span:after{
    left: 27px;
}
.thumbnail p span:before {
    transition: all 1s ease-out;
    content: "";
    position: absolute;
    top: 12px;
    width: 14px;
    height: 2px;
    background: var(--main-color);
    z-index: 2;
}
.thumbnail p:hover span:before{
    width: 34px;
}

.thumbnail p:hover > span + .btn{
    visibility: visible;
}

.progress{
    margin: 0px;
}

.progress{
    background: rgb(236, 238, 239);
}

.progress-bar{
    background-color: var(--main-color);
}

.media-heading a,
.media-heading{
    font-size: 2rem;
    line-height: 1.8125rem;
    font-weight: 700;
    color: var(--main-color);
}

.media-body p{
    line-height: 2rem !important;
}

.panel-default{
    border: none;
}

.list-group-item .label,
.list-group-item .badge,
.panel-default .label,
.panel-default .badge{
    font-size:1.375rem !important;
    line-height: 1rem !important;
    color: var(--text-color-disable);
    background: transparent;
}

.panel-default > .panel-heading .label{
    color : var(--secondary-text-color);
}

.panel-default > .panel-body,
.panel-default > .panel-heading{
    background: var(--main-color);
    border-color: transparent;
    color: var(--text-color-in-main);
}

.panel-default > .panel-body{
    padding-top: 0px;
    padding-bottom: 0px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

.list-group-item{
    margin: 10px 0px 20px 0px !important;
    border-left: 2px solid var(--main-color) !important;
    border-top: 0px;
    border-bottom: 0px;
}

.list-group-item:after{
    content: "";
    width: 100%;
    height: 1px;
    background: rgb(221, 221, 221);
    position: absolute;
    bottom: -10px;
    left: -3px;
}

.list-group-item h4,
.list-group-item a,
.panel-default > .panel-heading h4,
.panel-default > .panel-heading a{
    font-size: 1.75rem !important;
    line-height: 2rem !important;
    font-weight: 700;
}

.list-group-item h4,
.list-group-item a{
    color: var(--main-color) !important;
}

.list-group-item-text{
    margin-top: 8px !important
}

/*.panel-heading img {
  max-height: 18px;
}*/

.panel-heading.shopcart-header .label{
    background: var(--main-color) !important;
    color: var(--text-color-in-main) !important;
}


.list-group-item {
    border-color: rgb(221, 221, 221);
    color : var(--secondary-text-color) !important;
}

.list-group-item.active{
    background: transparent;
}

.list-group-item.active:hover {
    background: rgb(236, 238, 239);
}
.list-group-item.active
.list-group-item-text,
.list-group-item.active:hover
.list-group-item-text,
.list-group-item.active:focus
.list-group-item-text{
    color : var(--secondary-text-color) !important;
}

.list-group-item.active,
.list-group-item.active:hover{
    border-color: rgb(221, 221, 221);
}

.well{
    background-color: var(--main-color);
}

.well * {
    color: var(--text-color-in-main);
}

.well a:not(.btn),
.well .btn-link{
    color: var(--text-color-in-main) !important;
    text-decoration: underline;
}

.well .btn-primary{
    background-color: var(--main-hover-color) !important;
    border-color: var(--main-hover-color) !important;
    color: var(--text-color-in-main-hover) !important;
}

.well .btn-default{
    color: var(--text-color-in-main);
}

.well hr{
    border-color: var(--text-color-in-main);
}

.well h1,
.well .h1,
.well h2,
.well .h2,
.well h3,
.well .h3 {
    margin-top: 16px;
}



.modal-dialog{
    margin-left: auto;
    margin-right: auto;
}

.modal-content{
    padding: 30px;
    border: 0px;
}

.modal-content .close-modal{
    position: absolute;
    top: 12px;
    right: 12px;
    font-weight: 700;
    font-size: 2.5rem;
    color: rgb(129, 138, 145);
    cursor: pointer;
}

.modal-content .close-modal:before{
    content: "\1F5D9";
}

.modal-header,
.modal-body{
    border: none;
    padding: 0px 0px 10px 0px;
}

.modal-footer {
    padding-right: 0px;
    padding-left:  0px;
}

.modal-title{
    font-size: 1.75rem;
    line-height: 1.5rem;
    font-weight: 700;
}

#loader .modal-content{
    padding: 0px;
}

#loader.modal .modal-body {
    border:none;
    padding:20px;
    display: flex;
}

#loader.modal .modal-body > img{
    margin-left: auto !important;
    margin-right: auto !important;
}


.carousel-indicators{
    display: grid;
    top: 10px;
    bottom: auto;
    margin: 0px;
    padding: 0px;
    right: 14px;
    left: auto;
    width: 1px;
    text-align: left;
    position: absolute;
}

.carousel-indicators li{
    height: 30px !important;
    width: 3px !important;
    margin: 3px 0px !important;
    border-radius: 0px;
    border-color: var(--text-color-disable);
    background-color: var(--text-color-disable);
}
.carousel-indicators li.active{
    border-color: var(--main-color);
    background-color: var(--main-color);
}
.carousel-control{
    opacity: 1;
}
.carousel-control span{
    color : var(--text-color-disable) !important;
}
.carousel .icon-chevron-thin-left,
.carousel .icon-chevron-thin-right{
    margin-top: 0px;
    transform: translateY(-50%);
}

.carousel .icon-chevron-thin-left:before {
    content: "\1F850";
    color: var(--main-color);
}
.carousel .icon-chevron-thin-right:before {
    content: "\1F852";
    color: var(--main-color);
}


.carousel-caption{
    position: absolute;
    display: grid;
    top: auto;
    bottom: 0px;
    left: 0px;
    right: 0px;
    min-height: calc(33vh) !important;
    padding: 20px 20%;
    background: var(--alternative-bacground-color);
    opacity: 0.65;
    backdrop-filter: blur(48px);
    -webkit-backdrop-filter: blur(48px);
}

.carousel-caption > a:first-child {
    display: grid;
}

/*.carousel-caption > a:first-child{
  align-self: end;
}

.carousel-caption > a:last-child{
  align-self: baseline;

}
*/

.carousel-caption > * {
    align-self: center;
}

.carousel-caption a:hover,
.carousel-caption a,
.carousel-caption .btn,
.carousel-caption {
    color: var(--text-color-in-alternative-background);
    text-decoration: none;
    word-wrap: break-word;
    white-space: normal;
}

.carousel-caption .btn{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.carousel-caption > .btn{
    align-self: start;
}

.carousel-caption p{
    line-height: 1.5rem !important;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-word;
    align-self: baseline;
}

.carousel-caption h4,
.carousel-caption h4 a{
    color: var(--main-color) !important;
    font-size: 2.375rem !important;
    line-height: 2.1875rem;
    font-weight: 500;
    margin-bottom: 15px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-word;
}

.carousel-caption > h4{
    align-self: center;
}


@media (max-width: 767px){
    .carousel-caption{
        padding: 10px 15px;
    }
    .carousel-caption h4,
    .carousel-caption h4 a{
        margin-bottom: 5px;
    }
    .carousel-caption .btn{
        margin-top: 5px;
    }
}



@media print {

    a[href]:after {
        content: none !important;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .btn:not(.btn-block){
        display: none !important;
    }


    .colorbox + img{
        display: none !important;
    }

    *,
    *:before,
    *:after,
    *:first-letter,
    p:first-line,
    div:first-line,
    blockquote:first-line,
    li:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    table{
        border-collapse:collapse;
    }
    tr td{
        page-break-inside: avoid; white-space: nowrap;
    }

    thead {
        display: table-row-group;
    }

}




/*
 * *********************************************************************************************************************
 * Element on location specific style
 * How do global wells, forms, panels, etc. look like on a specific location
 * *********************************************************************************************************************
 */
.block-background img{
    width: 100%;
    height: max-content;
    object-fit: cover;
}

.loc-s-2 .nav > li > a,
.loc-s-2 .list a,
.loc-s-4 .nav > li > a,
.loc-s-4 .list a,
.loc-s-5 .nav > li > a,
.loc-s-5 .list a {
    border: none !important;
}

.loc-s-2 .list li > a,
.loc-s-4 .list li > a,
.loc-s-5 .list li > a,
.loc-s-2 .nav > li > a,
.loc-s-4 .nav > li > a,
.loc-s-5 .nav > li > a,
.loc-s-2 .list li > a span,
.loc-s-4 .list li > a span,
.loc-s-5 .list li > a span,
.loc-s-2 .nav > li > a span,
.loc-s-4 .nav > li > a span,
.loc-s-5 .nav > li > a span{
    color: var(--secondary-text-color) !important;
    background: none !important;
}
.loc-s-2  li.active >a,
.loc-s-4  li.active >a,
.loc-s-5  li.active >a,
.loc-s-2 .nav > li.active >a,
.loc-s-4 .nav > li.active >a,
.loc-s-5 .nav > li.active >a,
.loc-s-2 .list li.active >a span,
.loc-s-4 .list li.active >a span,
.loc-s-5 .list li.active >a span,
.loc-s-2 .nav > li.active >a span,
.loc-s-4 .nav > li.active >a span,
.loc-s-5 .nav > li.active >a span{
    color: var(--main-color) !important;
}

.loc-s-2 .list ul,
.loc-s-4 .list ul,
.loc-s-5 .list ul{
    padding-left: 20px;
}

.loc-s-3 .close{
    position: absolute;
    top: -53px;
    right: -16px;
    font-size: 2.5625rem;
}

.loc-s-6 .btn-primary{
    border: 1px solid var(--main-hover-color);
    background-color: var(--main-hover-color);
    color: var(--text-color-in-main-hover);
}

.loc-s-6 .btn-default{
    background-color: var(--secondary-color);
}

.loc-s-6 .close {
    position: absolute;
    right: 7px;
    top: calc(50% - 13px);
    z-index: 20;
}

header .carousel-inner > .item > img,
header .carousel-inner > .item > a > img {
    height: 100vh;
    object-fit: cover;
}

header .form-group{
    margin:0px;
}

header li{
    padding: 0px;
}

header .input-group-btn > .btn,
header input {
    font-size: 1.5rem !important;
}

header input{
    height: 37px !important;
}

header h1,
header h2,
header h3,
header h4,
header h5,
header h6,
header p{
    margin: 0px;
    color: var(--text-color-in-alternative-background) !important;
}

header .navbar {
    display: table;
    min-height: 1px;
}

header .navbar .container-fluid{
    display: table-cell;
    vertical-align: middle;
}

header nav > ul,
header nav,
header .nav{
    margin: 0px;
    float: right;
}

header .nav > li > a,
header nav > ul > li > a,
header .nav > li,
header nav > ul > li {
    min-height: 46px;
    height: 46px;
}



header nav > ul > li a,
header .nav-tabs > li.active > a,
header .nav > li > a,
header nav .btn-group > .btn-group .dropdown-toggle,
header nav .btn-group > a{
    background: transparent !important;
    color: var(--text-color-in-alternative-background) !important;
    border: none !important;
    border-radius: 0px !important;
    text-decoration: none !important;
}

header .nav.navbar-nav > li.active > a span,
header nav > ul > li a span,
header .nav > li > a span,
header nav .btn-group > a span{
    color: var(--text-color-in-alternative-background) !important;
}

header .nav > li.active >  a,
header .nav > li:focus > a,
header .nav > li:hover >  a,
header nav .btn-group > a.active,
header nav .btn-group > a:focus,
header nav .btn-group > a:hover{
    background: transparent !important;
    border-bottom: 1px solid var(--text-color-in-alternative-background) !important;
    color: var(--text-color-in-alternative-background) !important;
}

header nav > ul a:hover,
header .nav > li:not(.active):hover > a,
header .nav > li.dropdown.open > a,
header nav .btn-group > .btn-group .dropdown-toggle:hover,
header nav .open > .dropdown-toggle.btn-default,
header nav .open > .dropdown-toggle.btn-default:hover,
header nav .open > .dropdown-toggle.btn-default:focus{
    background: transparent !important;
    color: var(--text-color-in-alternative-background) !important;
    border: none !important;
    border-bottom: 1px solid var(--text-color-in-alternative-background) !important;
}


header nav > ul > li.focus > a,
header .nav > li.focus > a,
header nav .btn-group > a.focus{
    background: transparent !important;
    border-bottom: 1px solid transparent !important;
    outline: none !important;
    cursor: pointer !important;
}


header nav .open > .dropdown-toggle.btn-default span{
    color: var(--text-color-in-alternative-background) !important;
    background: transparent !important;
}

header nav > ul > li > a[href="javascript:;"],
header nav > ul > li > a[href="javascript:;"] > span,
header .nav > li > a[href="javascript:;"],
header .nav > li > a[href="javascript:;"] > span{
    color: var(--text-color-in-alternative-background) !important;
}

header button.navbar-toggle {
    border-color: var(--text-color-in-alternative-background) !important;
}
header button.navbar-toggle span{
    background: var(--text-color-in-alternative-background) !important;
}

header .nav-pills > li.active > a span{
    color: var(--text-color-in-alternative-background) !important;
}


.loc-h-2 nav > ul > li:last-child:hover > a,
.loc-h-2 .nav > li:last-child:hover > a,
.loc-h-2 nav .btn-group > a:last-child:hover{
    background: var(--secondary-background-color) !important;
    border-bottom: 1px solid var(--secondary-background-color) !important;
    outline: none !important;
    cursor: pointer !important;
}

.loc-h-2 .nav > li:last-child:hover > a span,
.loc-h-2 nav > ul > li:last-child:hover > a span{
    cursor: pointer !important;
    color: var(--text-color-in-secondary-background) !important;
}

.loc-h-5  nav > ul >  li,
.loc-h-2  nav > ul >  li{
    padding:  0px !important;
}
.loc-h-5 nav > ul > li > a,
.loc-h-2 nav > ul > li > a{
    padding: 17px 12px !important;
}

.loc-h-2 nav > ul > li:last-child > a{
    padding: 17px 12px !important;
}
.loc-h-5 nav > ul ul,
.loc-h-2 nav > ul ul{
    display: none;
}
.loc-h-5 nav .btn-group > .btn-group .dropdown-toggle,
.loc-h-5 nav .btn-group > a,
.loc-h-5 .nav > li > a,
.loc-h-2 nav .btn-group > .btn-group .dropdown-toggle,
.loc-h-2 nav .btn-group > a,
.loc-h-2 .nav > li > a{
    padding: 17px 12px !important;
}

.loc-h-2 .nav.navbar-nav > li:last-child > a{
    /* padding: 18px 12px !important;*/
    margin-right: -1px;
}

.loc-h-5 nav > ul.list-inline > li > a,
.loc-h-5 nav > ul.list > li > a,
.loc-h-2 nav > ul.list-inline > li > a,
.loc-h-2 nav > ul.list > li > a{
    display: flex;
}

.loc-h-6-d *:not(a):not(.btn),
.loc-h-6-e *:not(a):not(.btn){
    color: var(--text-color-in-alternative-background) !important;
}

.loc-h-6-e > .row > div:last-child *:not(a):not(.btn) ,
.loc-h-6-f *:not(a):not(.btn)  {
    color: var(--text-color-in-secondary-background) !important;
}

.loc-h-6 a:not(.btn),
.loc-h-6 a:not(.btn) span{
    color: var(--main-color) !important;
}

.loc-h-3 .btn-default,
.loc-h-6 .btn-default{
    color: var(--secondary-color);
}
.loc-h-3 .btn-default:hover,
.loc-h-6 .btn-default:hover{
    color: var(--text-color-in-secondary);
}

.loc-h-5 li a{
    width: max-content;
}

main .carousel-caption{
    top: 0px;
    right: 50%;
    padding: 40px;
    text-align: left;
}

@media (max-width: 767px){
    main .carousel-caption{
        padding: 5px;
    }
}
main .carousel-indicators,
main .carousel-control {
    display: none !important;
}

main .carousel-caption h4{
    color: var(--text-color-in-alternative-background) !important;
}
main .carousel-caption .btn{
    border: none;
    color: var(--main-color) !important;
    font-weight: 700;
    width: 100%;
    text-align: left;
    padding: 13px 9px 0px 0px;
    border-top: 1px solid var(--text-color-in-alternative-background);
    width: 100%;
    text-align: left;
}

main .carousel-caption .btn:hover{
    background: transparent;
}

main .carousel-caption .btn span {
    position: relative;
    padding-right: 34px;
    top: 0px;
    float: right;
}

main .carousel-caption .btn span:before {
    transition: all 1s ease-out;
    content: "";
    position: absolute;
    top: 12px;
    width: 14px;
    height: 2.2px;
    background: var(--main-color);
    z-index: 2;
}

main .carousel-caption .btn span:after {
    transition: all 1s ease-out;
    content: " >";
    font-size: 2.5rem;
    position: absolute;
    background: transparent;
    z-index: 1;
    color: var(--main-color);
    left: 8px;
    top: -6px;
}

main .carousel-caption .btn:hover span:before {
    width: 34px;
}

main .carousel-caption .btn:hover span:after{
    left: 29px;
}

main .parallax .block-background img{
    width: 100vw;
    min-height: 600px;
    height: 600px;
    object-fit: cover;
}


main .navbar-nav > li:not(.active):hover > a{
    background: rgb(236, 238, 239) !important;
    border: 1px solid rgb(236, 238, 239) !important;
}

main .nav .open > a,
main .nav .open > a:hover,
main .nav .open > a:focus{
    background: rgb(236, 238, 239) !important;
    border: 1px solid rgb(236, 238, 239) !important;
}

.loc-m-11 h1,
.loc-m-11 h2,
.loc-m-11 h3,
.loc-m-11 h4,
.loc-m-11 h5,
.loc-m-11 h6,
.loc-m-11 p{
    margin: 0px;
}



footer p,
footer .nav,
footer .nav ul,
footer nav,
footer nav ul{
    margin: 0px;
}

footer .nav,
footer nav{
    margin: 0px;
}

footer .nav > ul > li > a,
footer nav > ul > li > a{
    font-weight:700;
}

footer nav a[href="javascript:;"],
footer nav a[href="javascript:;"] span,
footer .nav a[href="javascript:;"],
footer .nav a[href="javascript:;"] span{
    color: var(--text-color-in-alternative-background) !important;
}

footer .list-inline li{
    padding-top: 1px;
}
footer .list li:first-child{
    padding-top: 0px;
}
footer .nav .open:focus > a,
footer .nav .open:hover > a,
footer .nav .open > a:focus,
footer .nav .open > a {
    border-color: transparent;
}

footer *:not(.btn):not(a){
    color : var(--text-color-in-alternative-background);
}

footer form .btn-default {
    color: var(--text-color-in-alternative-background) !important;
    border-color: var(--text-color-in-alternative-background);
}

footer form .btn-default:hover {
    color: var(--text-color-in-secondary) !important;
    border-color: var(--secondary-color);
}

footer form .btn-primary abbr{
    color: var(--text-color-in-main) !important;
}

footer form .btn-primary:hover abbr{
    color: var(--text-color-in-main-hover) !important;
}

footer hr{
    border-top: 1px solid var(--text-color-in-alternative-background) !important;
}

.loc-f-2 form .btn-default,
.loc-f-2 *:not(.btn),
.loc-f-2 .btn-link,
.loc-f-2 nav a,
.loc-f-2 nav a span,
.loc-f-2 .nav a,
.loc-f-2 .nav a span,
.loc-f-2 nav a[href="javascript:;"],
.loc-f-2 nav a[href="javascript:;"] span,
.loc-f-2 .nav a[href="javascript:;"],
.loc-f-2 .nav a[href="javascript:;"] span {
    color: var(--text-color-in-secondary-background) !important;
}

.loc-f-2 hr{
    border-top: 1px solid var(--text-color-in-secondary-background) !important;
}




/*
 * *********************************************************************************************************************
 * Entity specific style
 * How do specific wells, forms, panels, etc. in specific entities look like
 * *********************************************************************************************************************
 */
.entity-article .btn {
    padding-top: 4px;
    line-height: 1.57;
}

.entity-article-well-inverse .well{
    background-color: var(--alternative-bacground-color);
}

.entity-article-well-inverse .well .btn-primary {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: var(--text-color-in-main) !important;
}

.entity-article-well-inverse .well .btn-primary:hover {
    background-color: var(--main-hover-color) !important;
    border-color: var(--main-hover-color) !important;
    color: var(--text-color-in-main-hover) !important;
}

.entity-article-well-inverse .well .btn-default {
    color: var(--text-color-in-alternative-background) !important;
}

.entity-article-well-inverse .well .btn-default:hover {
    background-color: transparent;
}
.entity-article-well-inverse .well *{
    color: var(--text-color-in-alternative-background);
}
.entity-article-well-inverse .well hr{
    border-color: var(--text-color-in-alternative-background);
}
.entity-article-well-inverse .well a:not(.btn),
.entity-article-well-inverse .well .btn-link{
    color: var(--main-color) !important;
    text-decoration: underline;
}



.entity-imagelist .thumbnail .caption{
    padding: 4px 20px 4px 0px;
    overflow:hidden;
}

.entity-imagelist .jssor-caption .btn {
    background: var(--alternative-bacground-color);
    color: var(--text-color-in-alternative-background);
}

.entity-imagelist .jssor-caption h4,
.entity-imagelist .jssor-caption p{
    text-shadow: -1px -1px 5px #fff, 1px -1px 5px #fff, -1px 1px 5px #fff, 1px 1px 5px #fff;
    color: var(--secondary-text-color) !important;
}

.entity-imagelist.entity-imagelist-thumbnails .btn {
    padding-top: 0px;
}


.entity-imagelist.entity-imagelist-carousel-horizontal-list {
    padding-top: 20px;
    padding-bottom: 20px;
}

.entity-imagelist.entity-imagelist-carousel-bootstrap-media .media-body{
    vertical-align: middle;
}

.entity-imagelist.entity-imagelist-carousel-bootstrap-panel-grouped .panel-caption .btn{
    margin-bottom: 5px;
}

.entity-imagelist.entity-imagelist-carousel-bootstrap .carousel-caption{

}


.entity-catalogview .thumbnail .caption{
    padding: 4px 0px;
    margin: 0px;
}

.entity-catalogview .catalogview-images .thumbnail {
    min-height: auto !important;
}

.entity-catalogview .button-container,
.entity-catalogview .caption{
    border-bottom: 1px solid rgb(221, 221, 221);
}

.entity-catalogview .price-noprice {
    margin-top: 6px !important;
}

@media (max-width: 767px){
    .entity-catalogview .catalogview-document .media-list img {
        max-width: 60px;
    }
}

.entity-infolist .panel-footer > a{
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px !important;
}

.entity-infolist.entity-infolist-definition-vertical dt {
    border: none !important;
}

.entity-infolist.entity-infolist-definition-vertical dd {
    display: inline-flex;
}

.entity-infolist.entity-infolist-definition-vertical dd img{
    margin-right: 15px;
    width: 50%;
}

@media(max-width: 767px) {

    .entity-infolist.entity-infolist-definition-vertical dt {
        margin-top: 20px;
    }

    .entity-infolist.entity-infolist-definition-vertical dd {
        display: inline;
    }

    .entity-infolist.entity-infolist-definition-vertical dd img{
        display: block;
        margin: 15px 0px;
    }
}

@media(min-width: 768px) {
    .entity-infolist.entity-infolist-definition-vertical ul > dd{
        margin-bottom: 20px;
        margin-top: 5px;
    }

    .entity-infolist.entity-infolist-definition-vertical ul > dd:nth-child(3n+1){
        flex-direction: row-reverse;
    }

    .entity-infolist.entity-infolist-definition-vertical ul > dd:nth-child(3n+1) img {
        margin-right: 0px;
        margin-left: 15px;
    }
}

.entity-catalogview-search .input-group-btn ~ .input-group-btn .btn{
    border:none !important;
    background: var(--main-color);
    color: var(--text-color-in-main) !important;
}

.entity-catalogview-search .input-group-btn ~ .input-group-btn .btn:focus,
.entity-catalogview-search .input-group-btn ~ .input-group-btn .btn:active,
.entity-catalogview-search .input-group-btn ~ .input-group-btn .btn:hover{
    background: var(--main-hover-color);
    color: var(--text-color-in-main-hover) !important;
    outline: none !important;
}

.entity-catalogview-search .btn.dropdown-toggle {
    outline: none !important;
    background: rgb(236, 238, 239) !important;
    border:none !important;
}

.entity-catalogview-search .btn.dropdown-toggle span,
.entity-catalogview-search .btn.dropdown-toggle {
    color: var(--secondary-text-color) !important;
}

.entity-catalogview-search .input-group-btn.open > ul {
    background: rgb(255, 255, 255);
    margin-top: 3px !important;
}

.entity-catalogview-search .input-group-btn.open > ul a{
    font-size: 1.5rem;
}

.entity-catalogview-search .input-group-btn + input{
    border: 1px solid;
}

.entity-catalogview-search .open > .dropdown-toggle.btn-default span,
.entity-catalogview-search .btn.dropdown-toggle span,
.entity-catalogview-search .btn.dropdown-toggle {
    color: var(--secondary-text-color) !important;
}

.entity-catalogview-search .btn.dropdown-toggle {
    outline: none !important;
    background:  rgb(236, 238, 239);
}

.entity-catalogview-search .dropdown-toggle:hover,
.entity-catalogview-search .open > .dropdown-toggle.btn-default,
.entity-catalogview-search .open > .dropdown-toggle.btn-default:hover,
.entity-catalogview-search .open > .dropdown-toggle.btn-default:focus {
    background:  rgb(236, 238, 239) !important;
    border: none !important;
}
.entity-menu-pills-vertical .dropdown-menu li a,
.entity-menu-pills-vertical .dropdown-menu li:hover a,
.entity-menu-pills-horizontal .dropdown-menu li a,
.entity-menu-pills-horizontal .dropdown-menu li:hover a{
    border: none !important;
}

.entity-menu.entity-menu-buttons .btn {
    min-height: 36px;
}

.entity-shopcart.entity-shopcart-button .btn-group .dropdown-menu .shopcart-lines .list-group-item {
    border-left: none !important;
}

.entity-shopcart.entity-shopcart-default .list-group-item:hover .label {
    background-color: rgba(128, 128, 128, 0.28);
}

.entity-shoporder .shoporder-pagination{
    text-align: center;
}

@media (min-width: 1024px){
    .entity-shoporder .shoporder-pagination{
        text-align: right;
    }
}

.entity-shoporder tbody tr:nth-child(odd) {
    background: rgb(250,250,250);
}

.entity-shoporder tbody tr .line-count > div{
    float: right;
}

.entity-shoporder.entity-shoporder-accordion .panel-default > .panel-heading {
    background: rgb(238, 238, 238);
}


.entity-sitemap {
    margin-left: 5px;
    margin-right: 5px;
}


.entity-sitemap .list {
    word-wrap: break-word;
    white-space: normal;
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}


.entity-sitemap .list ul {
    margin: 0 0 0 2em;
}

.entity-sitemap .list a{
    color: var(--secondary-text-color);
}

.entity-sitemap .list li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    text-decoration: none;
    transition: all .3s ease-out;
}
.entity-sitemap .list > li{
    margin-top: 0px;
}

.entity-sitemap .list li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2.4em;
    top: 24px;
    margin-top: -1em;
    background: var(--main-color);
    color: var(--text-color-in-main);
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: 400;
    border-radius: 100%;
}

.entity-sitemap .list li:after{
    position: absolute;
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 24px;
    margin-top: -.5em;
    transition: all .3s ease-out;
}

.entity-sitemap .list li:hover:after{
    left: -.6em;
    border-left-color: var(--main-color);
}

.entity-sitemap .list li > ul{
    counter-reset: li;
}

.entity-sitemap .list li > ul > li{
    margin: 0.5em 0px 0.5em 0px !important;
}
.entity-sitemap .list > li > ul > li{
    margin-top: 12px !important;
}

.entity-sitemap .list li > ul li:before {
    content: counter(li);
    counter-increment: li;
    top: 24px;
}

.entity-sitemap .list li > ul li:after {
    top: 24px;
}

.entity-sitemap .nav li a {
    white-space: inherit;
}

.entity-catalogview-product-master-filter .thumbnail > h3{
    order: 2;
}
.entity-catalogview-product-master-filter .thumbnail > .image-container{
    order: 1;
}

.entity-catalogview-product-master-filter .thumbnail > .caption {
    order: 3;
    padding-top: 10px;
    padding-bottom: 10px;
}

.entity-catalogview-product-master-filter .thumbnail > .price-container{
    order: 4;
}
.entity-catalogview-product-master-filter .thumbnail > .button-container{
    order: 5;
}

.entity-catalogview-product-master-filter .price-noprice{
    margin: 0px;
    padding: 20px;
    background: rgb(236, 238, 239);
}
.entity-newsview.entity-newsview-master-medialist li:nth-child(2n+1){
    padding-right: 5px;
}
.entity-newsview.entity-newsview-master-medialist li:nth-child(2n){
    padding-left: 5px;
}
.entity-newsview.entity-newsview-master-medialist li{
    width: 50%;
    float: left;
    margin: 5px 0px;
    position: relative;
}

.entity-newsview.entity-newsview-master-medialist .media-left {
    padding: 0px;
}
.entity-newsview.entity-newsview-master-medialist .media-left img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.entity-newsview.entity-newsview-master-medialist .media-body{
    position: absolute;
    max-width: 99%;
    bottom: 0px;
    top: 50%;
    padding: 20px;
    background: var(--alternative-bacground-color);
    opacity: 0.65;
    display: grid;
    backdrop-filter: blur(48px);
    -webkit-backdrop-filter: blur(48px);
    overflow: hidden;
}
.entity-newsview.entity-newsview-master-medialist .media-body > h3{
    align-self: end;
}
.entity-newsview.entity-newsview-master-medialist .media-body > p {
    align-self: start;
}


.entity-newsview.entity-newsview-master-medialist .media-body > p,
.entity-newsview.entity-newsview-master-medialist .media-heading a{
    color: var(--text-color-in-alternative-background) !important;
}
.entity-newsview.entity-newsview-master-medialist .media-body > p{
    margin: 0px;
}
.entity-newsview.entity-newsview-master-medialist .media-body > p > a{
    border: none;
    background: transparent;
    color: var(--main-color) !important;
    font-weight: 700;
    width: 100%;
    text-align: left;
    padding: 10px 9px 0px 0px;
    margin-top: 10px;
    border-top: 1px solid var(--text-color-in-alternative-background);
    display: block;
}

.entity-newsview.entity-newsview-master-medialist .media-body > p > a:hover{
    background: transparent;
    text-decoration: none;
}

.entity-newsview.entity-newsview-master-medialist .media-body > p > a span {
    position: relative;
    padding-right: 34px;
    top: 4px;
    float: right;
}

.entity-newsview.entity-newsview-master-medialist .media-body > p > a span:before {
    transition: all 1s ease-out;
    content: "";
    position: absolute;
    top: 5px;
    width: 14px;
    height: 2.2px;
    background: var(--main-color);
    z-index: 2;
}

.entity-newsview.entity-newsview-master-medialist .media-body > p > a span:after {
    transition: all 1s ease-out;
    content: " >";
    font-size: 2.5rem;
    position: absolute;
    background: transparent;
    z-index: 1;
    color: var(--main-color);
    left: 8px;
    top: -4px;
}

.entity-newsview.entity-newsview-master-medialist .media-body > p > a:hover span:before {
    width: 34px;
}

.entity-newsview.entity-newsview-master-medialist .media-body > p > a:hover span:after{
    left: 29px;
}

@media (max-width: 767px){
    .entity-newsview.entity-newsview-master-medialist li{
        width: 100%;
        padding: 0px !important;
    }
    .entity-newsview.entity-newsview-master-medialist .media-body{
        max-width: 100%;
        bottom: 5px;
    }
}

.entity-newsview.entity-newsview-master-filter .filter-search,
.entity-newsview.entity-newsview-master-filter .well{
    margin-bottom: 15px;
}

.entity-newsview.entity-newsview-master-filter .label {
    padding: 0px;
    color: rgb(106, 107, 107);
    background: transparent;
    float: right;
    font-size: 1rem !important;
}

.entity-newsview-master-full .newsview-header .icon{
    font-size: 1.5rem !important;
}

.entity-newsview-detail.entity-newsview-detail-default .info{
    margin-bottom: 15px;
}

.entity-newsview-detail.entity-newsview-detail-default .label {
    background: transparent;
    color: var(--secondary-text-color);
    padding: 0px;
    text-align: left;
}


.entity-webform-horizontal .checkbox {
    line-height: 0.8;
}

.entity-webform-horizontal .checkbox label{
    line-height: 0;
}

.entity-webform.entity-webform-well .fileinput-button {
    background: transparent;
}

.entity-shopcart.entity-shopcart-default .list-group-item .line-remove {
    opacity: 1;
}

.entity-shopcart.entity-shopcart-default .list-group-item:hover .badge {
    background: transparent;
}

.entity-catalogview.entity-catalogview-productcombination-master-panels .panel-heading .label.label-default {
    color: var(--secondary-text-color);
}

.entity-catalogview.entity-catalogview-productcombination-detail-configurator .list-group-item{
    border-left: none !important;
}

.entity-catalogview.entity-catalogview-productcombination-detail-configurator .radio > label{
    line-height: 1.3;
}

.entity-catalogview.entity-catalogview-product-master-list .single-item {
    border-bottom: 1px solid rgb(238, 238, 238);
}

.entity-catalogview.entity-catalogview-product-master-list .button-container,
.entity-catalogview.entity-catalogview-product-master-list .caption {
    border: none;
}

.entity-catalogview-job-master-list .button-container {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.entity-catalogview-job-master-list .label-default{
    border: 1px solid rgb(255, 255, 255);
}

@media(max-width: 768px) {
    .entity-catalogview-product-detail-default .catalogview-document img{
        max-width: 70px;
    }

    .entity-catalogview-product-detail-default .catalogview-moreinfo .tab-content{
        background: transparent;
    }
}

.entity-catalogview .panel-heading {
    color : var(--text-color-in-main-background);
}


/*
 * *********************************************************************************************************************
 * Element and entity specific style for specific locations
 * How do specific wells, forms, panels, etc. in specific entities on specific locations look like
 * *********************************************************************************************************************
 */

.loc-s-2 .entity-menu {
    background: rgb(236, 238, 239);
    padding: 20px 5px;
}

.loc-s-3 .entity-article p{
    margin: 0px;
}

.loc-s-3 .entity-imagelist img{
    margin-left: auto;
    margin-right: auto;
}

.loc-s-6 .entity-article a:not(.btn),
.loc-s-6 .entity-article .btn-link {
    color: var(--text-color-in-alternative-background);
    text-decoration: underline;
}

.loc-s-6 .entity-article .btn {
    padding-top: 4px;
}

header .entity-loginform.entity-loginform-small form{
    text-align: center;
}

header .entity-imagelist.entity-imagelist-random{
    margin-bottom: 0px;
}

.loc-h-1 .entity-catalogview-search {
    max-width: 283px;
}


.loc-h-1 .entity-catalogview-search .btn.dropdown-toggle {
    max-width: 110px;
    width: 110px;
    padding-left: 2px;
    padding-right: 2px;
}

.loc-h-1 .entity-catalogview-search .input-group-btn.open > ul {
    position: relative;
    min-width: 240px;
    width: 240px;
    margin-bottom: 6px;
}

.loc-h-1 .entity-catalogview-search .input-group-btn + input{
    min-width: 138px;
    width: 138px;
}
.loc-h-1 .entity-catalogview-search .input-group-btn.open + input{
    left: -131px;
}

.loc-h-1 .entity-catalogview-search .input-group-btn{
    vertical-align: top;
    top: 1px;
}

.loc-h-1 .entity-catalogview-search .input-group-btn ~ .input-group-btn {
    left: 1px;
    width: 60px;
}
.loc-h-1 .entity-catalogview-search .input-group-btn ~ .input-group-btn .btn{
    width: 53px;
    padding-left: 2px;
    padding-right: 2px;
}

.loc-h-1 .entity-catalogview-search .input-group-btn.open ~ .input-group-btn {
    left: -130px;
}



.loc-h-1 .entity-imagelist img,
.loc-h-2 .entity-imagelist img,
.loc-h-5 .entity-imagelist img,
.loc-h-1 .entity-article img,
.loc-h-2 .entity-article img,
.loc-h-5 .entity-article img{
    max-height: 46px;
    object-fit: contain;
    width: auto;
}

.loc-h-2-e .entity-catalogview.entity-catalogview-search,
.loc-h-5-e .entity-catalogview.entity-catalogview-search {
    margin-right: 12px;
}


main .parallax .content-blur {
    background: inherit;
    background-size: cover;
    width: 50%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}

main .parallax .content-blur .content-dark{
    height: 100%;
    background: rgba(0, 0, 0, 0.14);
    z-index: 3;
    top: 0px;
    position: absolute;
    width: 100%;
}

main .parallax .content-blur .blur {
    background: inherit;
    background-size: cover;
    height: 305px;
    width: 100vw;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(-1%,-2%);
    filter: blur(5px);
}

main .parallax .entity-article,
main .parallax .entity-article .jumbotron,
main .parallax .entity-article .well{
    background: transparent;
}

main .parallax .entity-article h1,
main .parallax .entity-article h2,
main .parallax .entity-article h3,
main .parallax .entity-article h4,
main .parallax .entity-article h5,
main .parallax .entity-article h6,
main .parallax .entity-article a,
main .parallax .entity-article strong,
main .parallax .entity-article small,
main .parallax .entity-article p{
    color : rgb(255, 255, 255);
}
main .parallax .entity-article .btn{
    color : var(--text-color-in-main);
}

main .parallax .entity-article .btn:hover{
    color : var(--text-color-in-main-hover);
}

main  .entity-sitemap .list  ul {
    padding-left: 0px;
}

.loc-m-11 .entity-article img{
    display: inline-block;
}

.loc-m-11 .entity-article-default *:not(.btn),
.loc-m-11 .entity-article-default .btn-link {
    color: var(--text-color-in-main-background) !important;
}

.loc-m-11 .entity-article-default hr{
    border-top: 1px solid var(--text-color-in-main-background);
}

.loc-m-11 .entity-article-default .btn-primary {
    background: var(--main-hover-color);
    color: var(--text-color-in-main-hover);
}

.loc-m-11 .entity-article-default a:not(.btn),
.loc-m-11 .entity-article-default .btn-link {
    text-decoration: underline;
}

footer .entity-article .btn-default{
    background: var(--secondary-color);
}

footer .container-fixed-bottom .entity-article img {
    max-height: 30px;
}