@charset "UTF-8";
/*
 * TABLE OF CONTENTS
 *
 * 1. Typography
 * 2. Elements
 * 3. Navigation
 * 4. Footer
 * 5. Content & structures
 * 6. Pages
 * 7. Form
 * 8. Slider
 * 9. Other
 *
 */
 
 

/***************** defaults *********************/





/* ----------------------------------- 1. Typography ----------------------------------- */

body {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    background-color: #ffffff;
    line-height: 125%;
    color: #333;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 700; letter-spacing: 2px; color:#f7c2ca; }

html,body {
  width:100%;
  overflow-x:hidden;   
}

body {
  height: 100%;

}

.pink {
    color:#f7c2ca!important;
}

.downer .pink {
    color:#f7c2ca!important;
}
.fot{
    width:100px;
}
.downer{
   
    background:#fff!important;
}
.downer a{
         color: #393939!important;
}
.themecolor label {
    color: #fff;
}


.nav-level3{
    margin-left:100px;
    margin-top:-5px;
}
.border-right{
   border: solid;
    border-color: rgba(155,153,148,.3);
    border-width: 0 .0625rem 0 0;
}

.border-left{
   border: solid;
    border-color: rgba(155,153,148,.3);
    border-width: 0 0 0 .0625rem;
}
.p20{
    padding:20px;
}
.logo{
    max-width:350px;
}
.block-list .accordion .panel {
    margin-bottom: 5px;
}

.themecolor2 {
    background:#6dbcd2;
}

.block-section.bg-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position-x: center;
}
.square {

  display: flex;
  justify-content: center;
  /* align-self: center;    <---- REMOVE */
  align-items: center;   /* <---- NEW    */
  width: 100%;
  min-height: 500px;
  padding:9%;
}

.full-width-all .__col {
    padding: 0;
}
.block-gallery .carousel .carousel-caption>a:hover, .block-gallery .carousel .carousel-caption>a:active {
    background: #5d5d5d;
    border-color: #5d5d5d;
    -webkit-transition: background .5s ease-in-out,color .5s ease-in-out;
    transition: background .5s ease-in-out,color .5s ease-in-out;
}




.picbord{
    border:5px solid #fff;
    -webkit-box-shadow: -1px 3px 21px -5px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 3px 21px -5px rgba(0,0,0,0.75);
box-shadow: -1px 3px 21px -5px rgba(0,0,0,0.75);
}

h1 {font-size: 60px; letter-spacing: 5px; margin-bottom: 10px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
h5 {font-size: 17px;}
h6 {font-size: 19px; font-style: italic; text-transform: none;}

h1 b, h2 strong, h3 strong, h4 strong, h5 strong {
    color: #ffffff;
}
@media screen and (max-width: 991px) {
    h1 {font-size: 50px;}
}

@media screen and (max-width: 767px) {
    html, body {font-size: 14px;}
    h1 {font-size: 25px;}
    h2 {font-size: 20px;}
    h3 {font-size: 19px;}
    h4 {font-size: 18px;}
    h6 {font-size: 16px;}
    .nav-level3{
    margin-left:0px;
}
}

a {color:#afafaf;}
a:hover {color: #000; text-decoration: none;}
a:focus, a:active {outline: none; color: #000; text-decoration: none;}

a img {opacity: 1; }
a img:hover {opacity: 0.8;}

::-moz-selection {color: #fff; background: #b3b2b2;}
::selection {color: #fff; background: #b3b2b2;}

/* ----------------------------------- 2. Elements ----------------------------------- */
/*
img {max-width: 100%; width: 100%; display: block; max-width: 100%; height: auto;}
*/

.ikon {
    max-width:150px;
}

hr {
    width: 100%;
    height: 3px;
    margin: 10px 0 20px 0;
    background-color:#f7c2ca;
    border: 0;
}

hr.dark, #footer .footer hr {
    width: 100%;
    height: 0.1625rem;
    margin: 12px 0 15px 0;
    background-color: #f7c2ca;
}


.site_logo {
    float: left;
    max-width: 300px;
    width: 90%;
    padding: 16px;
}
.table-stackable table th {

    background: white;
}
.hr-100 {width: 100%; height: 1px; background-color: #000; margin: 0 0 70px 0;}


.p50{
    padding:50px;
}
.btn {font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; padding: 14px 28px; border-radius: 0px;}
.btn:hover {text-decoration: none; border-radius:0px;}

.btn-primary {
    color: #fff;
    background:#2d2d2d;
    border: 1px solid #2d2d2d;
}
.btn-primary:hover {
  color: #fff; background: #2d2d2d; border: 1px solid #2d2d2d!important;

}
.btn-success {color: #000; background: #fff; border: 1px solid #fff;}
.btn-success:active:focus, .btn-success:hover, .btn-success:active, .btn-success:focus {color: #fff; background: #2d2d2d; border: 1px solid #2d2d2d!important;}

.btn-info {color: #fff; background: transparent; border: 1px solid #fff;}
.btn-info:hover {color: #000; background: #fff; border: 1px solid #fff;}

.btn-danger {color: #000; background: transparent; border: 1px solid #000;}
.btn-danger:hover {color: #fff; background: #000; border: 1px solid #000;}

.btn-warning {color: #000; background: transparent; border: 1px solid #000;}
.btn-warning:hover {color: #fff; background: #000; border: 1px solid #000;}
.btn-warning:after {content: "\f178"; font-family: FontAwesome; padding: 0 0 0 10px;}

.btn-block {display: block; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: #b3b2b2; padding: 10px 0; border: none;}
.btn-block:hover {text-decoration: none; background: #000; color: #fff; border: none;}

.btn-default {
    color: #333;
    background: #f9f9f9;
    border: 1px solid #f9f9f9;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-default:hover {  color: #fff;
    background: #333 !important;
    border: 1px solid #333;}

@media screen and (max-width: 767px) {
    .btn {font-size: 10px; padding: 10px 10px;}
}

.dropdown-toggle:after {
    content: "\f107";
    font-family: FontAwesome;
    padding: 0px 3px 0 5px;
    color: #393939;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #393939;
    background-color: #e7e7e700;
}

.bootstrap-datetimepicker-widget ul li:before {
    content: "";
    
}

.pager li:before {
    content: ""!important;
    
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px;
}
.block-section ul li {
    list-style: none;
    background: #fff;
    padding: 5px;
    margin-bottom: 5px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color:#f7f7f7;
    border: 0px solid #ddd;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}
.list-group-item:first-child,.list-group-item:last-child {
        border-radius: 0px;
}

.block-section ul li {
    list-style:none;

    margin-bottom: 10px;
}

.tbg .block-section-container {
    width: auto;
    background:rgba(146, 0, 0, 0.66);
}

.block-section .gallery li:before {
    content: "";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #393939;
    float: left;
}


#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:#eeeeee;
}

.symbol{

    height: 100vh;

     text-align: center;
    margin: 0 auto;
    padding: 0 35%;
    display: table-cell;
    vertical-align: middle;
 
   
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    margin-top: 10px;
}

.symbol img{

      -webkit-animation: rotate 3s linear infinite;
   max-width:150px;
}

@-webkit-keyframes rotate {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}


#shop-content{
    width:90%;
    margin: 0 auto;
}

/* ----------------------------------- 3. Navigation ----------------------------------- */

.navbar-default { background:transparent; padding:10px 50px; border: none; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.navbar-default.f-nav {padding: 15px 50px; background:#ffffff; moz-box-shadow: 0 0 22px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 22px rgba(0,0,0,0.4); box-shadow: 0 0 22px rgba(0,0,0,0.4);}
.navbar-nav {float: right; margin: 20px 0;}
.navbar-default.f-nav .navbar-nav {margin: 20px 0;}
.container-fluid {padding: 0;}
.navbar>.container-fluid .navbar-brand {margin: 0;}
.navbar-brand {width: 250px; height: auto; padding: 0; border: none;}
a.navbar-brand img {
    opacity: 1;
    width: 150px;
}
.navbar-brand:hover {border: none;}
.navbar-default .navbar-nav>li>a{

    padding: 3px 0;
    margin-left: 25px;
    color:#393939;
    display: block;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    font-style: normal;
    text-decoration: none;
    border: none;
}
.navbar-default .f-nav  .navbar-nav>li>a {

    color:#393939;
   
}
.f-nav .navbar-brand {

    height: auto;
    padding: 0;
    border: none;
}

.footer .padd{
    padding-top:20px;
}

.white-text .form-captcha{
    color:#fff;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav li.active.current.current_page_item a {
    color:#393939;
    border-bottom: 2px solid #f7c2ca;
}

.navbar-default.f-nav .navbar-nav li.active.current.current_page_item a {
    color: #393939;
}

.navbar-default.f-nav .navbar-nav>li>a:hover {
    color: #393939;
    border-bottom: 2px solid #393939;
}

.navbar-nav li.active.current.current_page_item a {
    background: transparent;
    color: #393939;
    border-bottom: 2px solid #393939;
}

.navbar-default .navbar-nav .nav-level2 li.active.current.current_page_item a {
    color: #ffffff;
    border-bottom: 2px solid #f7c2ca;
    background: #f7c2ca;
}
.navbar-nav li.active.current.current_page_item .nav-level2 a{
    border-bottom:0px;
    color:#2d2d2d;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0;
}
/* Responsive menu */
.navbar-default .navbar-toggle {border: none; padding: 15px 0; margin: 0;}
.navbar-default .navbar-toggle .icon-bar {background-color:#393939;}
.navbar-toggle .icon-bar {width: 25px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
.navbar-default .navbar-collapse {border: none;}
.container-fluid>.navbar-collapse {margin: 0;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 500px;
    float: right;
    width: 70%;
}
.f-nav .navbar-nav>li>a{
    color:#393939;
}

/* Mobile buttons */
#mobile-buttons {list-style: none; padding: 0; display: none;}
#mobile-buttons li {width: 50%; float: left;}
#mobile-buttons li a {font-size: 14px; color: #000; background: #b3b2b2; padding: 8px 0; margin: 20px 0;}
#mobile-buttons li:last-child a {background: #eee;}
#mobile-buttons li a:hover {background: #000; color: #eee;}

@media screen and (max-width: 1024px) {
    
    .navbar-nav {
    float: none;
    }
    .navbar-default .navbar-nav>li>a {
    padding: 3px 0;
    margin-left: 15px;
    display: block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    border: none;
}

.f-nav .navbar-nav>li>a {
  
}
.navbar-header {
    float: left;
    width: 100%;
}

.navbar>.container-fluid .navbar-brand {
    margin: 0 auto;
    width: 100%;
    float: none;
}
a.navbar-brand img {
    opacity: 1;
    width: 150px;
    float: none;
    margin: 0 auto;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {

    width: 100%;
}
}

@media screen and (max-width: 1024px) {
    h2 {
    font-size: 30px;
}
    .footer .footer-first-col {margin-bottom: 30px;}
    .navbar-default .navbar-nav>li>a, #mobile-buttons li a {font-size: 14px;}
    .navbar-default .navbar-nav>li>a {margin-left: 10px;}
    .p20 {
    padding: 0px 25px; 
}
}

@media (max-width: 767px) {
    .site_logo {
    float: none;
    max-width: 300px;
    width: 90%;
    padding: 16px;
}
    .container-fluid>.navbar-collapse {
    margin: 0;
    width: 100%;
}

    .block-gallery ul.gallery li {
    margin-bottom: 25px;
    width: 100%;
}


    .navbar-default .navbar-nav>li>a {

    color:#393939;
 
}
.navbar-nav li.active.current.current_page_item a {
    background: #fff;
    color: #2d2d2d;
}

    .container-fluid>.navbar-header {margin: 0;}
    .navbar-collapse {padding: 0;}
    .navbar-default .navbar-nav {width: 100%;}
    .navbar-default .navbar-nav>li>a {margin: 10px 0;}
    .navbar-default .navbar-nav, .navbar-default.f-nav .navbar-nav {margin: 0;}
    #mobile-buttons {display: block;}
}

/* ----------------------------------- 4. Footer ----------------------------------- */

.footer {
 
    line-height: 1.8;
    font-weight: 300;
    color: #333;
    padding: 25px 0;
    font-size: 14px;
}
.footer #site_logo {
    margin-top: 0px;
    /* height: 50px; */
    max-width: 100px;
}
.footer{
   
   padding: 50px 0; }

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 ,.footer p{font-weight: 300; color:#393939;}
.footer p {margin-bottom: 0;}
.footer a {color:#393939; border: none;}
.footer-content a:hover {text-decoration: underline; border: none;}
.footer-content h5, .footer-content a {letter-spacing: 1px;}
.footer-content h5 {padding: 14px 0; margin: 0;}

.footer li{list-style:none; float:left;    margin-bottom: 20px;}
.footer li a {
    font-size: 13px;
    padding: 14px;
    background: #fff;
    color: #393939;
    margin-right: 5px;
    border-radius: 0px;
}


.footer #site_logo{
        background: url(../../template/images/site_logo.png) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    
    
    
}
.footer li a:hover {
    font-size: 13px;
    padding: 14px;
    background: #3e84d2;
    color: #fff;
    margin-right: 5px;
}
#footer .fa{
    color:#f7c2ca;
    
}
#logo-footer {width: 150px;}

#foot-menu {padding: 0;}
#foot-menu li {list-style: none;}
#foot-menu a {color: #fff; border: none;}
#foot-menu a:hover {text-decoration: underline;}

@media screen and (max-width: 991px) {
    .footer .footer-first-col {margin-bottom: 30px;}
}

@media screen and (max-width: 767px) {
    .footer .footer-first-col {margin-bottom: 0;}
    .footer .col-sm-6 {margin-bottom: 30px;}
    .footer, .footer .col-sm-4:last-child {text-align: center;}
    hr.dark, #footer .footer hr {margin: 12px auto 15px auto;}
    #logo-footer {margin: 0 auto;}
}

/* ----------------------------------- 5. Content & structures ----------------------------------- */
#light{
position:fixed;
display:none;
margin-top:100px;
left:20px;
z-index:999;
}
.light{
color: #000; background: #fff; border: 1px solid #fff;
font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; padding: 14px 28px; border-radius: 0;

}
.clear {clear: both;}

.white{
    background:#fff;
}

.grey {background: #efefef;}

.grey2 {background: url("../../files/grey2.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.grey3 {background: #61737d ;padding:5px;}

.blue {background: #3e84d2 no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.black{background: #353535 no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.red{
    background:#2d2d2d;
}


#site_logo {
    background: url(../../template/images/site_logo.png) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
       width: 250px;
    height: 71px;
}

.f-nav #site_logo {
    background: url(../../template/images/site_logo.png) no-repeat center center;
     -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
       width: 250px;
    height: 71px;
  
}

.themecolor{
   background:#f7c2ca;
}

.white-text h1,.white-text h2 ,.white-text h3 , .white-text h4 , .white-text h5, .white-text p{
    color:#fff;
}

.p50 {padding: 50px;}

.mb-30 {margin-bottom: 30px;}


.display-table {display: table; table-layout: fixed;}
.display-cell {display: table-cell; vertical-align: middle; float: none;}

.block-section > .block-section-container, .content {padding: 25px 0px; margin-right: auto; margin-left: auto;}

.block-section .block-section-container .block-columns .block-section-container {width: auto;}

.block-section > .block-section-container, .container {width: 1170px; margin: 0 auto;}

@media (max-width: 1200px) {
    .block-section > .block-section-container, .container {width: 970px;}
}

@media (max-width: 992px) {
    .block-section > .block-section-container, .container {width: 750px;}
}

@media (max-width: 768px) {
    .block-section > .block-section-container, .container {width: 100%;}
    .block-section > .block-section-container, .content {padding:20px 15px;}
    .mb-30 {margin-bottom: 8px;}
    .navbar-default .navbar-nav li.active.current.current_page_item .nav-level2 a{
    border-bottom:0px;
    color:#393939;
    background:#fff;
}

}

/* ----------------------------------- 6. Pages ----------------------------------- */

.panel {

    background-color: #f9f9f9;
    
}
    
.block-list .accordion .panel-heading {
    padding: 5px;
}


.block-list .accordion .collapsed a[aria-expanded="true"]:before{
   content: "\f067";
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    color: #2d2d2d;
    transform: rotate(45deg); 
    transition: all 0.3s ease;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.block-list .accordion .collapsed a[aria-expanded="false"]:before{
    content: "\f067";
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    color:#2d2d2d;
    /* transform: rotate(45deg); */
    transition: all 0.3s ease;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.block-list .accordion .collapsed a:before{
    content: "\f067";
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    color:#2d2d2d;
    /* transform: rotate(45deg); */
    transition: all 0.3s ease;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





#instafeed {padding: 0; text-align: center; float: none !important; width: 100%; position: relative;}
.insta-panel {width: 25%; display: inline-block; padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.insta-panel img {width: 100%; padding: 10px;}

#instafeed img {cursor: pointer; opacity: 1; moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#instafeed img:hover {opacity: .7;}


.fb_iframe_widget {width: 100%; display: block !important;}



/* Om */
.parallax h4, .parallax p {text-align: center; color: #fff;}

@media (max-width: 768px) {
    .box-grey {width: 190px; padding: 40px 20px 25px 20px;}
}

/* Galleri */



/* ----------------------------------- 7. Form ----------------------------------- */

form {margin: 10px 0;}

label {font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;}

textarea {resize: vertical;}

.form-control {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    background: #fff;
    height: auto;
    border-color: #eee;
    color: #000;
    padding: 12px 17px;
    position: relative;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}

.form-control:focus {color: #b3b2b2; border-color: #b3b2b2; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);}

select.form-control {padding-right: 5px;}

.form-control::-moz-placeholder {color: inherit;}
.form-control:-ms-input-placeholder {color: inherit;}
.form-control::-webkit-input-placeholder {color: inherit;}

select.form-control {-webkit-appearance: menulist;}
select[multiple].form-control {-webkit-appearance: listbox;}

/* Disabled forms */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {opacity: 0.5; filter: alpha(opacity=50);}

/* ----------------------------------- 8. Slider ----------------------------------- */

#mobile-banner {display: none;}
#site-banner {
    width: 100%;
    height: 800px;    
    margin: 0;
    position: relative;
    float: left;
    overflow: hidden;
    z-index: -1;
}
#slide_1 {height: 100vh; background: transparent url('../../files/gbg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-banner ul {list-style: none; padding: 0;}
#site-banner .fa {font-size: 24px; margin-right: 10px;}
#site-banner p a:hover {color: #fff;}

#site-banner-2 {background:#fff;  no-repeat center center; padding:60px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; text-align: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.caption-wrapper {width: 100%; display: table; z-index: 999;}
.caption {text-align: center; margin: 0 auto; padding: 0 35%; display: table-cell; vertical-align: middle;}
.caption h2, .caption h3, .caption p {
    color: #ffffff;
    text-shadow: 1px 1px 5px #888888;
}
.caption h1 {color: #3e84d2;}
.caption p {margin-bottom: 20px;}
.caption .btn {margin-right: 20px; margin-bottom: 10px;}
.caption .btn-primary {color: #fff; background: #b3b2b2; border: 1px solid #b3b2b2;}
.caption .btn-primary:hover {color: #b3b2b2; background: transparent; border: 1px solid #b3b2b2;}

@media screen and (max-width: 1200px) {
    .caption {padding: 0 20%;}
    .table-stackable {
    font-size: 10px;    }
    
}
@media screen and (max-width: 1024px) {
.navbar-fixed-bottom, .navbar-fixed-top {
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
}


 #site-banner-2 { display:none; }
    
.navbar-brand {
    width: 100px;

}
#site_logo {
    width: 100%;
    height: 100px;
    max-width: 200px;
    float: none;
    margin: 0 auto;
}
.f-nav #site_logo {
    width: auto;
    height: 150px;
    float: none;
    margin: 0 auto;
}
.navbar-nav {
    margin: 5px 0;
}    
.navbar.center {
    text-align: center;
}

.navbar.center .nav {
    display:inline-block;
    float: none;
}


}

@media screen and (max-width: 767px) {
    
.border-right{
    border-color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
    background-color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #393939;
}
.navbar-default .navbar-nav .nav-level2 li.active.current.current_page_item a {
    color: #ffffff;
    border-bottom: 2px solid #f7c2ca;
    background:#f7c2ca;
}
.navbar-default .navbar-nav>li>a, #mobile-buttons li a {
    font-size: 15px;
}

.block-gallery .carousel .carousel-caption {

    top: 31%;
}
    #light{
position:relative;
text-align:center;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav li.active.current.current_page_item a {
    color: #ffffff;
    background: #f7c2ca;
    border-bottom: 2px solid #f7c2ca;
} 

        .table-stackable {
    font-size: 15px;    }
    

    .navbar-default {

    padding:20px 50px;
    border: none;
    moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.navbar>.container-fluid .navbar-toggle {
    width: 100%;
    float: none;
    margin: 0 auto;
    border-width: 0;
    margin-top: 5px;
    border-radius: 0;
    text-align: -webkit-center;
}

    #slide_1 {
    height: 10vh;

}
#site-banner {
    height:250px;
}

    #bgvid {display: none;}
    #main-banner {display: none;}
    #mobile-banner {display: block;}
    .caption {padding: 0 5%;}
    #site-banner-2 {padding: 100px 0 45px 0;}
    .fa-angle-down {left: 45%;}
    .maze img {
    opacity: 1;
    width: 300px;
}
.footer-content .navbar-brand {float:none; margin:0 auto;}
.maze {

    width: 300px;
}

.fmenu{
    margin-top:15px;
}
}

@media screen and (max-width: 500px) {
    .caption .btn {margin: 0;}


.block-gallery .carousel .carousel-caption {
    top: 5%;
}
.block-gallery .carousel .carousel-caption>h3 {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;

}
}

/* ----------------------------------- 9. Other ----------------------------------- */

/* Scroll to top */
.scrollToTop {color: #ffffff; position: fixed; bottom: 5px; right: 5px; width: 50px; height: 50px; text-align: center; cursor: pointer; background-color: #000000; z-index: 1005; display: none;}
.scrollToTop i {line-height: 50px; font-size: 24px;}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 768px) {
    .scrollToTop {width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4);}
    .scrollToTop i {line-height: 40px; font-size: 20px;}

}

/* Parallax */
.parallax h1, .parallax h2, .parallax h3, .parallax p {color: #fff;}
.no-touch .light-translucent-bg, .no-touch .dark-translucent-bg, .no-touch .default-translucent-bg, .no-touch .parallax {background-attachment: fixed !important;}
.light-translucent-bg, .dark-translucent-bg, .default-translucent-bg, .parallax {-webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;}
.parallax {background-position: 20% 0; background-repeat: no-repeat; z-index: 1; position: relative; padding: 150px 0;}
.light-translucent-bg, .dark-translucent-bg, .default-translucent-bg {background-position: 50% 0; background-repeat: no-repeat; z-index: 1; position: relative;}
.light-translucent-bg:after, .dark-translucent-bg:after, .default-translucent-bg:after {content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;}
.light-translucent-bg {color: #000;}
.header + .banner > .light-translucent-bg {border-top: none;}
.slider-banner-container .light-translucent-bg {border: none; width: 100%; height: 100%; position: absolute; top: 0 !important; left: 0 !important; margin: 0 !important; bottom: 0;}
.slider-banner-container .dark-translucent-bg {width: 100%; height: 100%; position: absolute; top: 0 !important; left: 0 !important; margin: 0 !important; bottom: 0;}
.slider-banner-container li .light-translucent-bg:after, .slider-banner-container li .dark-translucent-bg:after {background-color: transparent;}
.light-translucent-bg .separator-2 {background-color: #000;}
.light-translucent-bg:after {background-color: rgba(255, 255, 255, 0.7);}
.dark-translucent-bg:after {background-color: rgba(0, 0, 0, 0.7);}
.dark-translucent-bg, .dark-translucent-bg h1, .dark-translucent-bg h2, .dark-translucent-bg h3, .dark-translucent-bg h4, .dark-translucent-bg h5, .dark-translucent-bg h6 {color: #ffffff;}
.dark-translucent-bg a:not(.btn) {text-decoration: underline; color: #ffffff;}
.dark-translucent-bg a:not(.btn):hover {text-decoration: none; color: #ffffff;}
.default-translucent-bg:after {background-color: rgba(232, 76, 61, 0.7);}
.default-translucent-bg, .default-translucent-bg h1, .default-translucent-bg h2, .default-translucent-bg h3, .default-translucent-bg h4, .default-translucent-bg h5, .default-translucent-bg h6 {color: #ffffff;}
.default-translucent-bg a:not(.btn) {text-decoration: underline; color: #ffffff;}
.default-translucent-bg a:not(.btn):hover {text-decoration: none; color: #ffffff;}
.light-translucent-bg .container, .dark-translucent-bg .container, .default-translucent-bg .container {z-index: 3; position: relative;}
.parallax-bg {background: url("../../files/hem/parallax-bg.jpg") 20% 0px no-repeat;}
.parallax-bg-2 {background: url("../../files/hem/parallax-bg-2.jpg") 50% 0px no-repeat;}
.parallax-bg-3 {background: url("../../files/hem/parallax-bg-3.jpg") 50% 0px no-repeat;}

@media (max-width: 767px) {
    .parallax {padding: 100px 0;}
}


/*********************rx********************/

.d-block {display:block;}
.mx-auto {margin-left:auto !important; margin-right:auto !important;}
.my-auto {margin-top:auto !important; margin-bottom:auto !important;}
.mt-0, .m-0, .my-0 {margin-top:0 !important;} .mt-1, .m-1, .my-1 {margin-top:.25rem !important;} .mt-2, .m-2, .my-2 {margin-top:.5rem !important;} .mt-3, .m-3, .my-3 {margin-top:1rem !important;} .mt-4, .m-4, .my-4 {margin-top:1.5rem !important;} .mt-5, .m-5, .my-5 {margin-top:3rem !important;}
.mb-0, .m-0, .my-0 {margin-bottom:0 !important;} .mb-1, .m-1, .my-1 {margin-bottom:.25rem !important;} .mb-2, .m-2, .my-2 {margin-bottom:.5rem !important;} .mb-3, .m-3, .my-3 {margin-bottom:1rem !important;} .mb-4, .m-4, .my-4 {margin-bottom:1.5rem !important;} .mb-5, .m-5, .my-5 {margin-bottom:3rem !important;}
.ml-0, .m-0, .mx-0 {margin-left:0 !important;} .ml-1, .m-1, .mx-1 {margin-left:.25rem !important;} .ml-2, .m-2, .mx-2 {margin-left:.5rem !important;} .ml-3, .m-3, .mx-3 {margin-left:1rem !important;} .ml-4, .m-4, .mx-4 {margin-left:1.5rem !important;} .ml-5, .m-5, .mx-5 {margin-left:3rem !important;}
.mr-0, .m-0, .mx-0 {margin-right:0 !important;} .mr-1, .m-1, .mx-1 {margin-right:.25rem !important;} .mr-2, .m-2, .mx-2 {margin-right:.5rem !important;} .mr-3, .m-3, .mx-3 {margin-right:1rem !important;} .mr-4, .m-4, .mx-4 {margin-right:1.5rem !important;} .mr-5, .m-5, .mx-5 {margin-right:3rem !important;}
.pt-0, .p-0, .py-0 {padding-top:0 !important;} .pt-1, .p-1, .py-1 {padding-top:.25rem !important;} .pt-2, .p-2, .py-2 {padding-top:.5rem !important;} .pt-3, .p-3, .py-3 {padding-top:1rem !important;} .pt-4, .p-4, .py-4 {padding-top:1.5rem !important;} .pt-5, .p-5, .py-5 {padding-top:3rem !important;}
.pb-0, .p-0, .py-0 {padding-bottom:0 !important;} .pb-1, .p-1, .py-1 {padding-bottom:.25rem !important;} .pb-2, .p-2, .py-2 {padding-bottom:.5rem !important;} .pb-3, .p-3, .py-3 {padding-bottom:1rem !important;} .pb-4, .p-4, .py-4 {padding-bottom:1.5rem !important;} .pb-5, .p-5, .py-5 {padding-bottom:3rem !important;}
.pl-0, .p-0, .px-0 {padding-left:0 !important;} .pl-1, .p-1, .px-1 {padding-left:.25rem !important;} .pl-2, .p-2, .px-2 {padding-left:.5rem !important;} .pl-3, .p-3, .px-3 {padding-left:1rem !important;} .pl-4, .p-4, .px-4 {padding-left:1.5rem !important;} .pl-5, .p-5, .px-5 {padding-left:3rem !important;}
.pr-0, .p-0, .px-0 {padding-right:0 !important;} .pr-1, .p-1, .px-1 {padding-right:.25rem !important;} .pr-2, .p-2, .px-2 {padding-right:.5rem !important;} .pr-3, .p-3, .px-3 {padding-right:1rem !important;} .pr-4, .p-4, .px-4 {padding-right:1.5rem !important;} .pr-5, .p-5, .px-5 {padding-right:3rem !important;}

@media (min-width:768px) {   
    .p-md-0 {padding:0 !important;}
    .py-md-0 {padding-top:0 !important; padding-bottom:0 !important;}
    .px-md-0 {padding-left:0 !important; padding-right:0 !important;}
    .pl-md-5 {padding-left:3rem !important;}
    .pr-md-5 {padding-right:3rem !important;}
}

@media (max-width:767px) {   
    .p-0-md {padding:0 !important;}
    .py-0-md {padding-top:0 !important; padding-bottom:0 !important;}
    .px-0-md {padding-left:0 !important; padding-right:0 !important;}
}


html.cms :is(.tag, .js, [class*='tag-'], [class*='js-to-']):before {content:"[javascript plugin - do not edit]"; text-align:left; width:100%; font-family:monospace; display:block; padding-block:1rem;}
html.cms :is(.js.empty,  [class*='js-to-']):before {display:flex; position:absolute; inset:0; align-items:center;     justify-content: center;}
html.cms :is(.tag, [class*='tag-']):before {content:"[tag widget]" !important;}

.hidden {opacity: 0; transition:.3s all;}
.block-section.empty {display:none;}
.__base .block-section.empty {display:block;}
.__base :is(.hidden) {max-height:50vh; overflow:hidden;}
.__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1); }


.row-gap .block-columns {margin:-1rem !important;} .row-gap .block-columns .__col {padding:1rem;} .row-gap .block-columns:not(:last-child) {padding-bottom:1rem !important;}
.row-gutter .row  .__col {padding: 1rem  !important; }
.row-gutter-md .block-columns:not(:last-child) {padding-bottom: 30px;}
.row-center .row {justify-content: center !important;}
.pull-left, .pull-left-right, .pull-left-none {float:left;} 
.pull-right, .pull-right-left, .pull-right-none {float:right;}
.no-gutter .row :is(.__col) {padding:0 !important;}


.invert, .img-invert img {filter:invert(1);}
img.bnw, .img-bnw img, .block-gallery.bnw img {filter:saturate(0); transition:.3s all;}
img.bnw.hover:hover, .img-bnw.hover:hover img, .block-gallery.bnw img:hover {filter:saturate(1);}
img.white, .block-gallery.white img {filter:saturate(0) brightness(10);}
.text-left-center, .text-left-right {text-align: left;} 
.text-right-center, .text-right-left {text-align: right;}
.text-center-right, .text-center-left {text-align:center !important;}


.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-30 {width: 30%;}
.w-35 {width: 35%;}
.w-40 {width: 40%;}
.w-45 {width: 45%;}
.w-50 {width: 50%;}
.w-55 {width: 55%;}
.w-60 {width: 60%;}
.w-65 {width: 65%;}
.w-70 {width: 70%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-85 {width: 85%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-100 {width: 100%;}

.cards-vh-5 .__col .block-section, .vh-5 {height: 5vh !important;}
.cards-vh-10 .__col .block-section, .vh-10 {height: 10vh !important;}
.cards-vh-15 .__col .block-section, .vh-15 {height: 15vh !important;}
.cards-vh-20 .__col .block-section, .vh-20 {height: 20vh !important;}
.cards-vh-25 .__col .block-section, .vh-25 {height: 25vh !important;}
.cards-vh-30 .__col .block-section, .vh-30 {height: 30vh !important;}
.cards-vh-35 .__col .block-section, .vh-35 {height: 35vh !important;}
.cards-vh-40 .__col .block-section, .vh-40 {height: 40vh !important;}
.cards-vh-45 .__col .block-section, .vh-45 {height: 45vh !important;}
.cards-vh-50 .__col .block-section, .vh-50 {height: 50vh !important;}
.cards-vh-55 .__col .block-section, .vh-55 {height: 55vh !important;}
.cards-vh-60 .__col .block-section, .vh-60 {height: 60vh !important;}
.cards-vh-65 .__col .block-section, .vh-65 {height: 65vh !important;}
.cards-vh-70 .__col .block-section, .vh-70 {height: 70vh !important;}
.cards-vh-75 .__col .block-section, .vh-75 {height: 75vh !important;}
.cards-vh-80 .__col .block-section, .vh-80 {height: 80vh !important;}
.cards-vh-85 .__col .block-section, .vh-85 {height: 85vh !important;}
.cards-vh-90 .__col .block-section, .vh-90 {height: 90vh !important;}
.cards-vh-95 .__col .block-section, .vh-95 {height: 95vh !important;}
.cards-vh-100 .__col .block-section, .vh-100 {height: 100vh !important;}
.cards-vh-150 .__col .block-section, .vh-150 {height: 150vh !important;}
.cards-vh-200 .__col .block-section, .vh-200 {height: 200vh !important;}

.cards-vh-min-25 .__col .block-section, .vh-min-25 {min-height: 25vh !important;}
.cards-vh-min-30 .__col .block-section, .vh-min-30 {min-height: 30vh !important;}
.cards-vh-min-40 .__col .block-section, .vh-min-40 {min-height: 40vh !important;}
.cards-vh-min-50 .__col .block-section, .vh-min-50 {min-height: 50vh !important;}
.cards-vh-min-60 .__col .block-section, .vh-min-60 {min-height: 60vh !important;}
.cards-vh-min-70 .__col .block-section, .vh-min-70 {min-height: 70vh !important;}
.cards-vh-min-75 .__col .block-section, .vh-min-75 {min-height: 75vh !important;}
.cards-vh-min-80 .__col .block-section, .vh-min-80 {min-height: 80vh !important;}
.cards-vh-min-100 .__col .block-section, .vh-min-100 {min-height: 100vh !important;}

.m0 .__content, .p0 .__content, .ms0 .__content *:not(:first-child) {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.m1st .__content *:first-child, .m0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .mu0 ul, .mo0 ol, .ml0 li, .mul0 ul, .mul0 li,
.mh0 *:is(h1, h2, h3, h4, h5, h6), .mp0 p, .mi0 img, .mh60 h6 {margin-top: 0 !important; margin-bottom: 0 !important;}
.p1st .__content *:first-child, .p0 *:is(h1, h2, h3, h4, h5, h6, p, img, ul, li, ol), .pu0 ul, .pl0 li, .pul0 ul, .pul0 li,
.ph0 *:is(h1, h2, h3, h4, h5, h6), .pp0 p, .pi0 img {padding-top: 0 !important; padding-bottom: 0 !important;}
.pc0 .__content {padding:0 !important;}



.bgy-0 {background-position-y: 0% !important;}
.bgy-5 {background-position-y: 5% !important;}
.bgy-10 {background-position-y: 10% !important;}
.bgy-20 {background-position-y: 20% !important;}
.bgy-30 {background-position-y: 30% !important;}
.bgy-40 {background-position-y: 40% !important;}
.bgy-50 {background-position-y: 50% !important;}
.bgy-60 {background-position-y: 60% !important;}
.bgy-70 {background-position-y: 70% !important;}
.bgy-80 {background-position-y: 80% !important;}
.bgy-90 {background-position-y: 90% !important;}
.bgy-95 {background-position-y: 95% !important;}
.bgy-100 {background-position-y: 100% !important;}

.bgx-0 {background-position-x: 0% !important;}
.bgx-5 {background-position-x: 5% !important;}
.bgx-10 {background-position-x: 10% !important;}
.bgx-20 {background-position-x: 20% !important;}
.bgx-30 {background-position-x: 30% !important;}
.bgx-40 {background-position-x: 40% !important;}
.bgx-50 {background-position-x: 50% !important;}
.bgx-60 {background-position-x: 60% !important;}
.bgx-70 {background-position-x: 70% !important;}
.bgx-80 {background-position-x: 80% !important;}
.bgx-90 {background-position-x: 90% !important;}
.bgx-95 {background-position-x: 95% !important;}
.bgx-100 {background-position-x: 100% !important;}

.object-center, .object-center :is(video, img) {object-position:50% 50%;}
.object-top, .object-top :is(video, img) {object-position:50% 20%;}
.object-full-top, .object-full-top :is(video, img) {object-position:top;}
.object-bottom, .object-bottom :is(video, img) {object-position:50% 80%;}
.object-full-bottom, .object-full-bottom :is(video, img) {object-position:bottom;}
.object-left, .object-left :is(video, img) {object-position:20% 50%;}
.object-full-left, .object-full-left :is(video, img) {object-position:left;}
.object-right, .object-right :is(video, img) {object-position:80% 50%;}
.object-full-right, .object-full-right :is(video, img) {object-position:right;}
.object-cover, .object-cover :is(video, img) {object-fit: cover; width: 100%;}
.object-contain, .object-contain :is(video, img) {object-fit: contain; width: 100%;}

.bg-bottom, .bg-bottom video {object-position:50% 80% !important;}
.bg-full-bottom, .bg-full-bottom video {object-position:bottom !important;}
.bg-top, .bg-top video {object-position:50% 30% !important;}
.bg-full-top, .bg-full-top video {object-position:top !important;}

:is(main, .__base) > :is(.pull-middle, .pull-middle-bottom).block-section > .block-section-container:not(:has(.block-columns)) {display: flex; flex-direction: column; align-items: stretch !important; justify-content: center !important;}
.p-middle, .p-middle-bottom, :is(.pull-middle, .pull-middle-bottom).block-section .__col .block-section-container, .__col :is(.pull-middle, .pull-middle-bottom).block-section .block-section-container {display: flex; flex-direction: column; align-items: stretch !important; justify-content: center !important;}
:is(main, .__base) > :is(.pull-bottom, .pull-bottom-middle).block-section > .block-section-container:not(:has(.block-columns)) {display: flex; flex-direction: column; align-items: stretch !important; justify-content: flex-end !important;}
.p-bottom, .p-bottom-middle, :is(.pull-bottom, .pull-bottom-middle).block-section .__col .block-section-container, .__col :is(.pull-bottom, .pull-bottom-middle).block-section .block-section-container {display: flex; flex-direction: column; align-items: stretch !important; justify-content: flex-end !important;}
:is(.pull-middle, .pull-bottom, .pull-middle-bottom, .pull-bottom-middle).block-section :is(.block-section-container, .block-section-container > .block) {width:100%;}

:is(.pull-middle, .pull-middle-bottom).block-section .__col:has(.block-section.h-auto) {display: flex; align-items: center;}
:is(.pull-middle, .pull-middle-bottom).block-section .__col.pm-bs-h-auto {display: flex; align-items: center;}
:is(.pull-bottom, .pull-bottom-middle).block-section .__col:has(.block-section.h-auto) {display: flex; align-items: flex-end;}
:is(.pull-bottom, .pull-bottom-middle).block-section .__col.pb-bs-h-auto {display: flex; align-items: flex-end;}

.themecolor hr {background-color:#6EBCD2;}

body > .block-section .__columns .block-section-container > .block:first-child .__content * {margin-top:0;}

.block-gallery .carousel .carousel-caption {top:50%; transform:translateY(-50%); bottom:auto;}

/*****************************rx****************************/


@media (min-width: 769px) {
    
    .__col.order-md-1 {order:1;}
    .__col.order-md-2 {order:2;}
    
    body > .block-section .__col:has(.block-section.d-md-block) {display:block;}
    body > .block-section .__col:has(.block-section.d-md-none) {display:none;}
    
} @media (max-width: 768px) {
    
    body > .block-section:not(.full-width-all) > .block-section-container > .block:not(.block-columns) {padding-inline:15px;}
    body > .block-section .__col:has(.block-section.d-none-md) {display:none;}
    
    .text-left-center, .text-right-center {text-align: center !important;}  
    .text-right-left, .text-center-left {text-align: left !important;}
    .text-left-right, .text-center-right {text-align: right !important;}
    :is(.text-left-center, .text-right-center) .block-list.socials .block-list-group {justify-content: center;}

	.row-gutter-md .row  .__col, .row-gutter .row  .__col {padding: 1rem !important;}
	.row-gutter-md .block-columns:not(:last-child) {padding-bottom: 0;}
	.no-gutter-md .__col .block-section > .block-section-container {padding:0;}
	.no-gutter .row :is(.__col) {padding:0 !important;}

    .w-md-auto {width:auto !important;}
    .w-md-100 {width:100% !important;}
    .w-md-95 {width:95% !important;}
    .w-md-90 {width:90% !important;}
    .w-md-85 {width:85% !important;}
    .w-md-80 {width:80% !important;}
    .w-md-75 {width:75% !important;}
    .w-md-70 {width:70% !important;}
    .w-md-65 {width:65% !important;}
    .w-md-60 {width:60% !important;}
    .w-md-55 {width:55% !important;}
    .w-md-50 {width:50% !important;}
    .w-md-45 {width:45% !important;}
    .w-md-40 {width:40% !important;}
    .w-md-35 {width:35% !important;}
    .w-md-30 {width:30% !important;}
    .w-md-25 {width:25% !important;}
    .w-md-20 {width:20% !important;}
    .vh-md-auto {height:auto !important;}
    .vh-md-100 {height:100vh !important;}
    .vh-md-90 {height:90vh !important;}
    .vh-md-80 {height:80vh !important;}
    .vh-md-70 {height:70vh !important;}
    .vh-md-60 {height:60vh !important;}
    .vh-md-50 {height:50vh !important;}
    .vh-md-40 {height:40vh !important;}
    .vh-md-30 {height:30vh !important;}
    .vh-md-20 {height:20vh !important;}
    
    .d-none-md {display:none !important;}
    .order-md .block-columns > .__col:nth-child(1) {order:2;}
    .order-md .block-columns > .__col:nth-child(2) {order:1;}
    
    .__col.order-1-md {order:1;}
    .__col.order-2-md {order:2;}
    
    .p-0-md {padding:0 !important;}
    .p-1-md {padding:.5rem !important;}
    .p-2-md {padding:1rem !important;}
    .p-3-md {padding:1.5rem !important;}
    .p-4-md {padding:2rem !important;}
    .p-5-md {padding:3rem !important;}
    .pl-0-md {padding-left:0 !important;}
    .pl-5-md {padding-left:3rem !important;}
    .pr-0-md {padding-right:0 !important;}
    .pr-5-md {padding-right:3rem !important;}
    .pt-0-md {padding-top:0 !important;}
    .pt-5-md {padding-top:3rem !important;}
    .pb-0-md {padding-bottom:0 !important;}
    .pb-5-md {padding-bottom:3rem !important;}
    .px-0-md {padding-inline:0rem !important;}
    .px-1-md {padding-inline:.5rem !important;}
    .px-2-md {padding-inline:1rem !important;}
    .px-3-md {padding-inline:1.5rem !important;}
    .px-4-md {padding-inline:2rem !important;}
    .px-5-md {padding-inline:3rem !important;}
    .py-0-md {padding-block:0 !important;}
    .py-1-md {padding-block:.5rem !important;}
    .py-2-md {padding-block:1rem !important;}
    .py-3-md {padding-block:1.5rem !important;}
    .py-4-md {padding-block:2rem !important;}
    .py-5-md {padding-block:3rem !important;}
    
    .m-0-md {margin:0 !important;}
    .m-1-md {margin:.5rem !important;}
    .m-2-md {margin:1rem !important;}
    .m-3-md {margin:1.5rem !important;}
    .m-4-md {margin:2rem !important;}
    .m-5-md {margin:3rem !important;}
    .ml-0-md {margin-left:0 !important;}
    .ml-5-md {margin-left:3rem !important;}
    .mr-0-md {margin-right:0 !important;}
    .mr-5-md {margin-right:3rem !important;}
    .mt-0-md {margin-top:0 !important;}
    .mt-5-md {margin-top:3rem !important;}
    .mb-0-md {margin-bottom:0 !important;}
    .mb-5-md {margin-bottom:3rem !important;}
    .mx-0-md {margin-inline:0 !important;}
    .mx-1-md {margin-inline:.5rem !important;}
    .mx-2-md {margin-inline:1rem !important;}
    .mx-3-md {margin-inline:1.5rem !important;}
    .mx-4-md {margin-inline:2rem !important;}
    .mx-5-md {margin-inline:3rem !important;}
    .my-0-md {margin-block:0 !important;}
    .my-1-md {margin-block:.5rem !important;}
    .my-2-md {margin-block:1rem !important;}
    .my-3-md {margin-block:1.5rem !important;}
    .my-4-md {margin-block:2rem !important;}
    .my-5-md {margin-block:3rem !important;}
    
        
    .bgy-0-md {background-position-y: 0% !important;}
    .bgy-5-md {background-position-y: 5% !important;}
    .bgy-10-md {background-position-y: 10% !important;}
    .bgy-20-md {background-position-y: 20% !important;}
    .bgy-30-md {background-position-y: 30% !important;}
    .bgy-40-md {background-position-y: 40% !important;}
    .bgy-50-md {background-position-y: 50% !important;}
    .bgy-60-md {background-position-y: 60% !important;}
    .bgy-70-md {background-position-y: 70% !important;}
    .bgy-80-md {background-position-y: 80% !important;}
    .bgy-90-md {background-position-y: 90% !important;}
    .bgy-100-md {background-position-y: 100% !important;}
    
    .bgx-0-md {background-position-x: 0% !important;}
    .bgx-5-md {background-position-x: 5% !important;}
    .bgx-10-md {background-position-x: 10% !important;}
    .bgx-20-md {background-position-x: 20% !important;}
    .bgx-30-md {background-position-x: 30% !important;}
    .bgx-40-md {background-position-x: 40% !important;}
    .bgx-50-md {background-position-x: 50% !important;}
    .bgx-60-md {background-position-x: 60% !important;}
    .bgx-70-md {background-position-x: 70% !important;}
    .bgx-80-md {background-position-x: 80% !important;}
    .bgx-90-md {background-position-x: 90% !important;}
    .bgx-100-md {background-position-x: 100% !important;}
    
} @media (max-width: 558px) {

    
}

/*****************************rx****************************/



/********************** SHOP-webshop3 *******************************/

:is(.webshop, #shop-content)  *:is(h1,h2,h3,h4,h5) {font-family:'Josefin Sans', sans-serif !important;}
.shop-modal.modal *:is(h1,h2,h3,h4,h5) {font-family:'Josefin Sans', sans-serif !important;}

:root {--pgimgh:350px;}
:is(.webshop, #shop-content, .popover) .btn {letter-spacing:normal !important;}
.webshop {transition:.3s all;}

.webshop .shop-container {display:flex;}
.webshop :is(.shop-menu-list, .shop-main-filter, .dropdown-menu.show) li:before {display:none;}
.webshop #gtx-trans {display:none !important;}
.webshop .btn-group>.btn-group:not(:last-child)>.btn, .webshop .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.webshop .btn-group>.btn-group:not(:first-child)>.btn, .webshop .btn-group>.btn:not(:first-child) {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.webshop .row [class*='col'], .webshop .shop-main-filter #shop-menu-top :is(.row > div, .topmenu-search) {padding-inline:0 !important;}


.webshop .btn:is(:hover, :focus, :active) {/*margin-left:0 !important;*/}
:is(.webshop, #shop-checkout) .btn:after {content:"" !important; margin-left:0 !important; width:0;}
:is(.webshop, #shop-checkout) .btn:hover:after {transform:none !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn span.caret {margin-left:auto;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn:after {margin-top:0 !important;}

.webshop .shop-menu {width:30%; border-right:1px solid #d9d9d9; padding:1rem;}
.webshop .shop-menu-title {padding-inline:.5rem; font-size:1.5rem; margin-bottom:1rem; margin-top:.5rem;}
.webshop .shop-menu ul {overflow:hidden; margin-top:0;}
.webshop .shop-menu-list { margin-left:-.4rem !important;}
.webshop .shop-menu-list li {display:flex; flex-direction: column; position:relative;}
.webshop .shop-menu-list li.has_children span {cursor:pointer; width:2rem; position:absolute; display: flex; align-items: center; justify-content: center; right: 0; padding: 0.2rem; }
.webshop .shop-menu-list li.has_children span:before {transition:.3s all; content: "\f0da"; font-family: FontAwesome; font-weight:800;}
.webshop .shop-menu-list li.has_children.active span:before {content:"\f0d7";}
.webshop .shop-menu-list li.has_children span:hover {opacity:.5;}
.webshop .shop-menu-list li a {width:100%; padding:0.3rem .5rem; border-bottom:1px solid #d9d9d9; color:inherit !important;}
.webshop .shop-menu-list li.active > a {font-weight:600;}
.webshop .shop-menu-list .level1 {padding:0 !important; max-height: 0;}
.webshop .shop-menu-list .level1 a { border-left:1px solid #d9d9d9;}
.webshop .shop-menu-list li.has_children.active .level1 {max-height: 100vh;}

.webshop .shop-main {width:100%; padding:1rem 2rem;}
.webshop .shop-main-filter a {border:none;}
.webshop .shop-main-filter .topnav-menu {padding-inline:0 !important; margin:0; height: 100%; display: flex; justify-content: space-between;}
.webshop .shop-main-filter #shop-menu-top :is(.row > div, .topmenu-search) {text-align:left !important;}
.webshop .shop-main-filter #shop-search-field {width:100% !important;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search {width:50%;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-field:before {transition:.3s all; content: "\f002"; font-family: FontAwesome; z-index:1; font-weight:800; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 4.5rem; font-size:1.4rem;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search input {max-width:initial !important; border:none; border-radius:0px; padding:1.5rem 1.5rem 1.5rem 4rem; box-shadow:.3rem .3rem .8rem rgba(0,0,0,.1) !important;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search:has(#shop-search-results.show) input {border-radius: 0px 0px 0 0;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results {width:100%; border-radius:0 0 0px 0px; box-shadow:.3rem .3rem .8rem rgba(0,0,0,.1) !important;}
.webshop .shop-main-filter #shop-control-search-toggle {display:none;}
.webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft {float:right;}
.webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft #shop-cart {background:#ffffff; border-radius: 0px; box-shadow:.3rem .3rem .8rem rgba(0,0,0,.1) !important; height:100%; display: flex; align-items: center; justify-content: center;}
.webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft #shop-cart > a {font-size: 1.1rem; color:inherit;}
.webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft #shop-cart > a:after {display:none;}
.webshop .shop-main-filter #shop-menu-top .badge {top:-10px; right:-10px; background-color:#F7C2CA; color:#ffffff;}


.webshop .shop-main-cards #shop-toolbar {background:transparent; padding:0; margin-block:2rem;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left {max-width:unset !important; display: flex; justify-content: space-between; width: 100%; height:100%;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left > label {display:none;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left > div { height:100%;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn {align-items:center; letter-spacing:1px !important; max-width: 300px !important; width:100%; display: flex; justify-content: space-between; font-size:.8rem !important; border-radius:0px; padding:1.2rem 1.5rem !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn:is(:hover, :active, :focus, [aria-expanded='true']) {color:#ffffff !important; background-color:#181818 !important; border:1px solid #181818 !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left.show .btn.toolbar-sort-btn {border-radius:0px 0px 0 0;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu {max-width:300px; width: 100%; padding: 0.5rem 1rem; margin-top: -2px; background: linear-gradient(to bottom, #181818, #181818);  border-radius: 0 0 0px 0px; left: -1px !important; will-change: unset !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu li {background-color:transparent;  display: flex; flex-direction: column; margin-bottom:0;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu li a {background-color:transparent; padding:0 0.2rem; font-size: .8rem; color:#ffffff;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu li:last-child a {border-bottom:none;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry {letter-spacing:1px !important; background-color:#d9d9d9 !important; height:100%; color:#2e2e2e !important; border-color:#d9d9d9 !important; border-radius:0px; justify-content: center;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry:is(:hover, .active) {background-color:#F7C2CA !important; border:1px solid #F7C2CA !important; color:#ffffff !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry:first-child {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry:last-child {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}


.webshop .shop-main-cards .product-item.product-item-gallery {margin-bottom:0 !important; border-radius: 0px; overflow: hidden; padding: 1rem; height: var(--pgimgh) !important;  box-shadow:.3rem .3rem 1rem rgba(0,0,0,0.1) inset !important; transition:.3s all !important; display: flex; flex-direction: column; justify-content: space-between;}
.webshop .shop-main-cards .product-item.product-item-gallery:hover {transform:scale(.98);}
.webshop .shop-main-cards .product-item.product-item-gallery .image {height:100% !important; border-radius:0px; object-position:center; object-fit:cover; box-shadow:.3rem .3rem .7rem rgba(0,0,0,0.2) inset; overflow:hidden;     margin-bottom: 0.5rem !important; }
.webshop .shop-main-cards .product-item.product-item-gallery .image img {height:100% !important; width:100% !important; }
.webshop .shop-main-cards .product-item.product-item-gallery .product-label {border:none !important;}
.webshop .shop-main-cards .product-item.product-item-gallery .stock {transition:.3s all; letter-spacing:1px !important; background-color:#32a852 !important; color:#ffffff !important; position: absolute; top: 3rem; right: 0px; border-radius: 5px 0 0 5px; overflow: hidden; width: 10px !important; height: 30px; display: flex; align-items: center; font-size: 0 !important;}
.webshop .shop-main-cards .product-item.product-item-gallery .stock.out-of-stock {background-color:#77220B !important;}
.webshop .shop-main-cards .product-item.product-item-gallery:hover .stock {right: 0px; width: auto !important; font-size: .7rem !important;}
.webshop .shop-main-cards .product-item.product-item-gallery .title {line-height:1.5rem !important; height:auto !important; color:#181818;}
.webshop .shop-main-cards .product-item.product-item-gallery .price {margin-top:0 !important; font-weight:900;}
.webshop .shop-main-cards {display: flex; flex-direction: column;}
.webshop .shop-main-cards #product-list.shop-gallery-view {margin:0;}
.webshop .shop-main-cards #product-list.shop-gallery-view.shop-gallery-view .row {display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:3rem;}
.webshop .shop-main-cards #product-list.shop-gallery-view .row > div {max-width:100%; padding:0; width:100%;} 
.webshop .shop-main-cards #product-list .product-list-link {border:none;}

.webshop .shop-main-cards .shop-list-view .product-item-list {height:100% !important;}
.webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop {margin-top:0;}
.webshop .shop-main-cards .shop-list-view .product-item .row {display: flex; align-items: center;}
.webshop .shop-main-cards .shop-list-view .product-item .row > div:is(:nth-child(3), :nth-child(4)) {/*text-align:center !important; */}
.webshop .shop-main-cards .shop-list-view .title {font-size:1rem;}
.webshop .shop-main-cards .shop-list-view .product-item .row .image {border-radius:10px; margin:0 !important; background-color:#e8e8e8;}
.webshop .shop-main-cards .shop-list-view .product-item img {max-width: unset !important; max-height: 100px !important; height:100%; border-radius:10px; object-fit:cover !important; object-position: center;}
.webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop i {margin:0;}
.webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop i:before {margin-right:5px; content:"\f217" !important;}
.webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop:before {height:inherit !important; width: inherit !important;}


.webshop .shop-main-cards .shop-list-view .product-item .title {padding-inline:0 !important; font-weight: 600; font-size: 1.5rem !important;}

.webshop .shop-main-cards #product-list.shop-gallery-view.shop-gallery-view .row:before, .webshop .shop-main-cards #product-list.shop-gallery-view.shop-gallery-view .row:after,
.webshop .shop-main-cards #product-view .product-view-header + .row:before, .webshop .shop-main-cards #product-view .product-view-header + .row:after,
.checkout-section-inner .row:before, .checkout-section-inner .row:after,
.modal-spawn.modal-dark .modal-header:before, .modal-spawn.modal-dark .modal-header:after,
.webshop .shop-main-cards #shop-toolbar > .row:after , .webshop .shop-main-cards #shop-toolbar > .row:after {display:none;}

@media (min-width:576px) { 
    .webshop .shop-main-cards .shop-list-view .product-item .row {
        display: grid;
        grid-template-areas:
        'li-img li-txt1 li-txt3 li-btn'
        'li-img li-txt2 li-txt3 li-btn'; 
        width: 100%;
        grid-template-columns: 130px 1fr 5% 200px;
    }
    .webshop .shop-main-cards .shop-list-view .product-item .row > div {flex:unset; max-width:unset;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(1) {grid-area: li-img; width:120px;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(2) {grid-area: li-txt1;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(3) {grid-area: li-txt2;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(4) {grid-area: li-txt3;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(5) {grid-area: li-btn;  margin-left: auto; display: flex; height: 100%; align-items: center; width: auto;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > :is(div:nth-child(2), div:nth-child(3), div:nth-child(4)) {width:100%;}
    .webshop .shop-main-cards .shop-list-view .product-item .product-stock:after {content: attr(title); margin-left:5px;}
    .webshop .shop-main-cards .shop-list-view .product-item .price {font-size:2.8rem !important;}
    .webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop {font-size:0 !important; display: flex; align-items: center; align-content: center; height: 4rem; width: 4rem; padding: 0 !important; border-radius: 50%; justify-content: center;}
    .webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop i {font-size:1.5rem;}
}

.webshop :is(.row, .__content, .__col) {margin:0; padding:0;}
.webshop .shop-preview {width:0%;}
.webshop.view .shop-menu {width:20%;}
.webshop.view .shop-main {width:50%;}
.webshop.view .shop-preview {width:30%;  border-left: 1px solid #d9d9d9;}
.webshop.view .shop-preview .shop-preview-close {cursor:pointer; z-index:5; border:none; width:2rem; position:absolute; display: flex; align-items: center; justify-content: center; right: 0; padding: 0.2rem; background-color: #181818; color: #ffffff; border-radius: 50%; height: 3rem; width: 3rem;}
.webshop.view .shop-preview .shop-preview-close:hover {background-color: #d9d9d9; color: #181818;} 
.webshop.view .shop-preview .shop-preview-close:before {transition:.3s all; content: "\f00d"; font-family: FontAwesome; font-weight:800;}
.webshop.view .shop-preview .product-view-header, .webshop.view .shop-preview .product-view-images li:before {display:none;}
.webshop.view .shop-preview #product-view > .row {display: flex; flex-direction: column;}
.webshop.view .shop-preview #product-view > .row > div {max-width:100%; width:100%;}
.webshop.view .shop-preview .product-view-images img {width:100%; background-color:#ffffff; border-radius:0px; box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.1);}
.webshop.view .shop-preview .product-view-images a {border:none !important;}
.webshop.view .shop-preview .product-view-images .image-container li:not:(:first-child) {}

.webshop .shop-main-cards #product-view .product-view-header {font-size:1.2rem; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;     padding: 0.5rem 0; margin: 1rem 0;} 
.webshop .shop-main-cards #product-view {padding-inline: 1rem;}
.webshop .shop-main-cards #product-view .product-view-header + .row {display:flex; gap:2rem;}
.webshop .shop-main-cards #product-view :is(.product-view-header, .product-view-images) a {border-bottom:none;}
.webshop .shop-main-cards #product-view .product-view-images {margin-top:1.5rem; width:100%; max-width:40%; flex:auto; background-color:#e8e8e8; border-radius:0px; padding:0; overflow:hidden; box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.1); height:100%; max-height: calc(50vh + 90px + 0.4rem);}
.webshop .shop-main-cards #product-view .product-view-images + div {max-width:60%; flex:auto; padding-left:3rem; }
.webshop .shop-main-cards #product-view .product-view-images li {margin:0; width:100%; padding:0 !important;}
.webshop .shop-main-cards #product-view .product-view-images li:before {display:none;}
.webshop .shop-main-cards #product-view .product-view-images > .row > .image-container.single {margin-top: 0; padding: 0;}
.webshop .shop-main-cards #product-view .product-view-images > .row > .image-container.single li {z-index:1;}
.webshop .shop-main-cards #product-view .product-view-images > .row > .image-container.single li img {height:50vh; padding:0;}
.webshop .shop-main-cards #product-view .product-view-images > .row > .image-container {padding:.2rem; margin-top:50vh; width:100%;}
.webshop .shop-main-cards #product-view .product-view-content {display: flex; flex-direction: column;}
.webshop .shop-main-cards #product-view .product-view-content > div {float:none; clear:both;}
.webshop .shop-main-cards #product-view .product-view-content > div.title :is(h1,h2,h3):first-child {margin-top:0;}
.webshop .shop-main-cards #product-view .product-view-content > div ul {padding-left:10px;}
.webshop .shop-main-cards #product-view .product-view-content > div ul li:before {content:"•"; padding-right:5px;}
.webshop .shop-main-cards #product-view .product-view-content > div ul ul {padding-top:10px; padding-left:15px;}
.webshop .shop-main-cards #product-view .product-view-content > div ul ul li:before {content:"○";}
.webshop .shop-main-cards #product-view .product-view-content .additions {padding:.5rem;}
.webshop .shop-main-cards #product-view .product-view-content .additions ul {margin-top:0;}
.webshop .shop-main-cards #product-view .product-view-content .additions ul li:before {display:none;}
.webshop .shop-main-cards #product-view .additions div:is(.addition-unchecked, .addition-checked) {color:#a6a6a6;}
.webshop .shop-main-cards #product-view .additions div.addition-checked {color:#32a852 !important; font-weight:800;}
.webshop .shop-main-cards #product-view .product-view-content .menu .row > div {padding-inline:0; flex:auto; max-width:100%;}
.webshop .shop-main-cards #product-view .product-view-content .menu .product-buttons {display:flex; height:3.5rem;}
.webshop .shop-main-cards #product-view .product-view-content .menu .product-buttons :is(input, button) {padding: 1rem !important; height: auto; min-height:40px; border-radius: 0; box-shadow: none; border: 1px solid #d9d9d9; letter-spacing:normal !important; transition:.3s all;}
.webshop .shop-main-cards #product-view .product-view-content .menu .product-buttons input {width:6rem;max-width: 100px; border-radius:0px 0 0 0px;}
.webshop .shop-main-cards #product-view .product-view-content .menu .product-buttons button {font-size:1rem; letter-spacing:1px !important; border-radius:0 0px 0px 0; line-height:normal; padding-block:0 !important;}
.webshop .shop-main-cards #product-view .product-view-content .menu .product-buttons button.notInStock {background-color:$customdark !important; color:#ffffff !important;}
.webshop .shop-main-cards #product-view .product-view-content .menu .product-buttons button:before {border-radius:inherit !important; width:inherit;}
.webshop .shop-main-cards #product-view .product-view-images .image-container {display: flex; justify-content: center; flex-direction: row;height:100%;}
.webshop .shop-main-cards #product-view .product-view-images img.pr-zoom {position:absolute; height:50vh; top:0; object-fit: cover; object-position: center; width: 100%; background-color:#ffffff; }
.webshop .shop-main-cards #product-view .product-view-images img.pr-zoom:hover {animation: shopan-lr 10s linear infinite;}
.webshop .shop-main-cards #product-view .product-view-images img.pr-zoom:not(:hover) {transform:none;}
.webshop .shop-main-cards #product-view .product-view-images li.pr-zoom {position:absolute; height:50vh; top:0; object-fit: contain; object-position: center; width: 100%;}
.webshop .shop-main-cards #product-view .product-view-images .image-container a {width:100%;}
.webshop .shop-main-cards #product-view .product-view-images .image-container li {overflow:hidden;}
.webshop .shop-main-cards #product-view .product-view-images .image-container li:first-child img {border-radius:0 0 0 0px;}
.webshop .shop-main-cards #product-view .product-view-images .image-container li:last-child img {border-radius:0 0 0px 0;}
.webshop .shop-main-cards #product-view .product-view-images .image-container img {width:100%;  padding:.2rem; background-color:#e8e8e8; object-fit: cover; height: 90px;}
@keyframes shopan-lr { 50% { object-position:right; } }

#shop-images-modal {inset:0; height:100vh !important; overflow:hidden !important;}
#shop-images-modal .modal-content {height:100%;}
#shop-images-modal .modal-dialog {height: 100%; width: 100%; max-height: 90vh; max-width: 90vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0;}
#shop-images-modal .modal-body, #block-gallery-modal .modal-content {height: 100%; background:transparent; border:none;}
#shop-images-modal img {height: 100%; object-fit: contain; background-color:#181818;}
#shop-images-modal .caption-container {z-index:100; text-align:left; font-size:0; inset:auto 0 -1px 0; display: flex; align-items: flex-start; padding: 2rem; background: $customdark; flex-direction: column; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
#shop-images-modal .caption-container h3 {font-size:1.5rem !important; margin-bottom:5px;} #block-gallery-modal .caption-container p {font-size:1rem !important;}
#shop-images-modal .caption-container.hidden {display:none;}
#shop-images-modal .control-close { height: 4rem; width: 4rem; border-radius:50%;  background-color:#181818; color:#ffffff !important; align-items: center; justify-content: center; display: flex; transition:.3s all;}
#shop-images-modal .control-close:before {transition:.3s all; content: "\f00d"; font-family: FontAwesome; font-weight:800;}
#shop-images-modal a.controls span:before {transition:.3s all; content: "\f054"; font-family: FontAwesome; font-weight:800;}
#shop-images-modal a.controls span.glyphicon-chevron-left:before {content: "\f053";}
#shop-search-results .quick-search-entry img {max-width:100%; width: 100%; max-height: 8rem; object-fit: cover; object-position: center;}

.shop-modal {margin:0 !important;}
.shop-modal .modal-header {flex-direction: row-reverse;}
.shop-modal .modal-header .close {cursor:pointer;}
.shop-modal .btn-default {background-color:#e8e8e8 !important; color:#181818 !important; font-size: 1rem; padding: 1rem 1.5rem !important; height: auto;}
.shop-modal .btn-default:hover {color:#ffffff !important;}
.shop-modal .modal-body .row > div {margin:auto 0;}
.shop-modal .modal-body img {background: #d9d9d9;}

.webshop .cart-dropdown {box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.1); border-radius:0px; overflow:hidden; padding:1.5rem .8rem !important;}
.webshop .cart-dropdown .cart-list .row > div {padding:0;}
.webshop .cart-dropdown .cart-list li:last-child{border-bottom:none !important;}
.webshop .cart-dropdown .cart-list > li > .row > div:not(:first-child) {padding-inline:.5rem !important;}
.webshop .cart-dropdown .cart-list > li > .row > div img {background-color:#e8e8e8; box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.1); border-radius:5px;}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div {max-width:50%; flex:auto; margin:0 !important;}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div:first-child .input-group {border:1px solid #6EBCD2; border-radius:5px;}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div:first-child :is(input, button) {border:none; height:auto; padding:0 1rem; min-height:30px; box-shadow:.3rem .3rem .5rem rgba(0,0,0,0.05);}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div:first-child input {border-radius:5px 0 0 5px;}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div:first-child button {border-radius:0 5px 5px 0; background:#6EBCD2; letter-spacing:normal !important; line-height:normal;}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div:nth-child(2) {text-align:right !important;}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div:nth-child(2) .control-cart-item-delete {background-color:#77220B; color:#ffffff !important; margin:0; height:100%; float:right; letter-spacing:normal !important;}
.webshop .cart-dropdown .cart-list .cart-item-row-2 > div:nth-child(2) .control-cart-item-delete i {color:inherit !important;}
.webshop .cart-dropdown .cart-footer p {margin-top:0; font-size:1.5rem; text-align: center; line-height:normal;}
.webshop .cart-dropdown .cart-footer p strong {font-size:1rem;}
.webshop .cart-dropdown .cart-footer #control-cart-checkout {border-radius:0px; margin-top: .5rem; font-size: 1rem; color:#ffffff !important; letter-spacing:1px !important; border:none !important; padding: 1rem 1.5rem !important; height: auto; width:100%; justify-content: center;}
.webshop .cart-dropdown .cart-footer #control-cart-checkout:before {border-radius:inherit; width:inherit;}

#shop-checkout .checkout-section-header {border-bottom:none !important;}
#shop-checkout table td {border-top:none !important;}
#shop-checkout .btn:before {border-radius:inherit; width:inherit;}
#shop-checkout input[type=checkbox] {cursor:pointer; width: 1.5rem; height: 1.5rem; margin-right: 0.6rem;     transform: translateY(5px);}
#shop-checkout .checkout-section-inner .btn.control-copy {background:#4f4f4f !important; color:#ffffff !important; margin-top:-1rem; scale:.8;}
#shop-checkout .checkout-option.selected {background-color:$prifade !important; border-color:#F7C2CA !important; color:#ffffff !important;}
#shop-checkout .btn:is(:focus, :active) {background-color:#d9d9d9 !important; color:#181818 !important; border-color:#4f4f4f !important;}
#shop-checkout :is(.btn.disabled, .btn:disabled) {cursor:no-drop; background-color:#4f4f4f !important; border-color:#2e2e2e !important;}
.dark-shop #shop-checkout .btn:is(:focus, :active) {background-color:#4f4f4f !important; color:#ffffff !important; border-color:#d9d9d9 !important;}

#checkout-cart {padding-inline:1rem;}
#checkout-cart table {overflow-x:auto;}
#checkout-cart table .btn.control-checkout-cart-item {margin-top:0; background:#6EBCD2 !important; border-radius:50%; height: 2rem; width: 2rem; padding: 0 !important; align-items: center; justify-content: center; margin-inline: 0.5rem;}
#checkout-cart table thead th:nth-child(2) {text-align:center; width:15%;}
#checkout-cart table thead th:nth-child(3) {width:20%;}
#checkout-cart table thead th:nth-child(4) {width:20%;}
#checkout-cart table tbody td:nth-child(2) {height: 100%; text-align: center;}
#checkout-cart table tbody td:nth-child(2) a {margin:0 !important;}
#checkout-cart table tbody td:nth-child(2) span {display:inline-block; width:calc(100% - 4rem - 20px);}
#checkout-cart table .btn.control-checkout-cart-item-delete {border:none !important;margin-top:0; background:#77220B !important; border-radius:10px;}

.checkout-voucher .row > div {max-width:100%; flex:auto;}
.checkout-voucher .row .input-group {display: flex; flex-direction: row; height:50px; border:1px solid #F7C2CA; border-radius:0px; overflow:hidden;}
.checkout-voucher .row .input-group > .input-group-append {width:auto;}
.checkout-voucher #voucher_code {border-radius:0px 0  0  0px; height:100%; border:none;}
.checkout-voucher #control-add-voucher {margin-top:0; border-radius:0 0px 0px 0; height:100%;}
.checkout-section-inner .row {display:flex; flex-direction: row; flex-wrap: wrap; margin-inline:-15px !important; margin-top:1.5rem !important;}
#checkout-toc {margin-top:1.5rem !important;}
.box-loader, #shop-loader-bg {background-color:transparent; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
.modal.shop-modal *, #shop-cart .dropdown-menu * {/*color:#181818 !important;*/}
.modal-spawn.modal-dark .modal-header {flex-direction: row !important; display:flex;     justify-content: space-between;}
.modal-spawn.modal-dark .modal-header button {background:transparent; border:none; font-weight:900;}

.checkout-overlay {inset: -0.75rem; width: calc(100% + 1.5rem); height: calc(100% + 0rem); border-radius:15px;}
.voucher-error {margin-left:1rem;}
#modal-confirm {max-width:100%; width:100%;}

.modal.shop-modal .modal-content .modal-footer {justify-content: space-between;}
.modal.shop-modal .modal-content .modal-footer .btn {margin-top:0; }
.modal.shop-modal .modal-content .modal-footer .btn:is(:hover,:active,:focus-within) {border:none !important; color:#ffffff !important; background-color:#2e2e2e !important; box-shadow:none !important; outline:none !important;}

#checkout-receipt table td img.img-responsive {background-color:#d9d9d9;}




.webshop .shop-main-filter .topnav-menu {width:100%; padding-inline:1rem;}
.webshop .shop-main-filter #shop-menu-top :is(.row > div) {padding:0; line-height:normal;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search .quick-search-entry > .row {position:relative;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search .quick-search-entry > .row > div:nth-child(2) {padding-inline:1rem;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search .quick-search-entry > .row > div {display: flex; flex-direction: column; justify-content: center;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search .quick-search-entry {padding:1rem; border:none; border-bottom:1px solid rgba(0,0,0,0.125); border-radius:0;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search .quick-search-entry img {height:100%; max-height:unset; border-radius:1rem;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results {overflow:hidden; padding-bottom:0;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results > div:first-child {border-bottom:1px solid rgba(0,0,0,0.125);}
.webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results h6 {margin:0;}
.webshop .cart-dropdown .cart-list strong {font-size:1rem;}
.webshop .shop-main-cards #product-list.shop-gallery-view > :is(h4,i) {padding-inline:1rem;}
.webshop .shop-main-cards #product-list.shop-list-view > :is(h4,i) {padding-inline:2rem;}
.webshop .shop-main-cards #product-list > hr {margin-bottom:2rem;}

.webshop .shop-main-cards #shop-toolbar .toolbar-left {gap:0 !important; position:relative;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn {background-color:#181818; color:#ffffff !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry {width:5rem; font-size:1.5rem; padding-inline:0;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry#shop-list-view {margin-right:auto; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry .fa.glyphicon-th-large:before {content:"\f009";}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry .fa.glyphicon-th-list:before {content:"\f00b";}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu {right: 0; position: absolute; left: auto !important;}
.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu li {background-color:transparent !important; padding:.5rem 0;}
.webshop a:is([href*='tel:'],[href*='mailto:'],[href*='goog.gl:'],[href*='.com'],[href*='.se']):not(.btn) {margin-left:0 !important;}


/*******DARK_SHOP********/

.dark-shop .webshop .shop-main-cards #product-view .product-view-header {border-color:$customdark;}
.dark-shop .webshop .shop-menu-list li a {border-bottom-color:$customdark;}
.dark-shop .webshop .shop-menu {border-right-color:$customdark;}

.dark-shop .webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn,
.dark-shop .webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu,
.dark-shop .webshop .shop-main-filter #shop-menu-top .topmenu-search input, 
.dark-shop .webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results,
.dark-shop .webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft #shop-cart,
.dark-shop .webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry:is(:hover, .active),
.dark-shop #product-list .product-item-gallery, .dark-shop #shop-checkout :is(input, textarea, .checkout-option),
.dark-shop #shop-cart :is(.dropdown-menu, .dropdown-menu .form-control),
body:has(.dark-shop) .modal.shop-modal .modal-content :is(.modal-header, .modal-footer),
body:has(.dark-shop) .modal-spawn.modal-dark .modal-header {background-color:#2e2e2e !important; color:#ffffff;}

.dark-shop #shop-search-results .quick-search-entry:hover,
.dark-shop #shop-checkout .checkout-option.selected,
.dark-shop .webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn,
.dark-shop .modal-spawn .modal-content {background-color:#181818 !important;}

.dark-shop a, .dark-shop .webshop .shop-main-cards .product-item.product-item-gallery :is(.title, .price),
.dark-shop .webshop .shop-main-cards .shop-list-view .product-item .price,
.dark-shop #shop-checkout *:not(.text-danger),
body:has(.dark-shop) .modal.shop-modal *, body:has(.dark-shop)  #shop-cart .dropdown-menu * {color:#ffffff !important;}
.dark-shop #product-list .product-item-gallery {border-color:#181818;}
.dark-shop .checkout-overlay {background-color:rgba(0,0,0,0.5); }

body:has(.dark-shop) .modal.shop-modal .modal-content .modal-footer .btn {color:#181818 !important;}

/*******DARK_SHOP********/


.img-contain :is(.webshop .shop-main-cards .product-item.product-item-gallery .image img,
.webshop .shop-main-cards #product-view .product-view-images img.pr-zoom,
.webshop .shop-main-cards #product-view .product-view-images .image-container img) { object-fit:contain !important; }

.img-contain .webshop .shop-main-cards #product-view .product-view-images .image-container li {flex:1 !important;}
.webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results .quick-search-entry .row > div:nth-child(2) {padding-left:1rem !important;}

.no-checkout .webshop :is(
    .shop-main-filter #shop-menu-top .topmenu-cart.dropleft #shop-cart,
    #shop-cart .dropdown-menu, .shop-popover,
    .webshop .shop-main-cards .product-item.product-item-gallery .stock, 
    #product-list .product-item-gallery .price, 
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(3):nth-child(4):nth-child(5),
    .webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft,
    .webshop .shop-main-cards #product-view .product-view-content > div:is(.menu, .properties),
    .webshop .shop-main-cards .shop-list-view .product-item .row > :is(div:nth-child(5), div:nth-child(3), div:nth-child(4)),
    .webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results .quick-search-entry .row > div:nth-child(3),
    .webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu li:is(:nth-child(2),:nth-child(3))
    ) {display: none !important;}
.no-checkout .webshop .shop-main-cards .shop-list-view .product-item .row {display:grid !important; /*grid-template-areas:'li-img li-txt1' 'li-img li-txt1'; grid-template-columns:130px 1fr 0% 0%;*/}
.no-checkout .webshop .shop-main-filter #shop-menu-top :is(.row > div, .topmenu-search) {margin-right:0;}
.no-checkout .webshop .shop-main-cards .shop-list-view > .row .product-item .row > div {height: 100%; display: flex; align-items: center;}
.no-checkout .webshop .shop-main-cards .shop-list-view > .row .product-item .row > div:nth-child(2) {margin-left:2rem;}



@media (max-width:1560px) {
    :root {--pgimgh:300px;}
}

@media (max-width:992px) { 
    .webshop .shop-main {width:100%; padding-inline:0;}
    .webshop .shop-menu {max-height:0%; width:100%; height:auto; overflow-x:hidden; overflow-y:auto; position: absolute; z-index: 5; background: white; border-right: none; box-shadow: 0.5rem 0.5rem 1rem rgb(0 0 0 / 10%); border-radius:0 0 0px 0px; padding:0;}
    .webshop.show-menu .shop-menu {max-height:350px; padding:2rem;}
    .webshop .shop-menu > * {opacity:0;}
    .webshop .shop-container {flex-wrap: wrap; position:relative;}
    .webshop.show-menu .shop-menu > * {opacity:1;}
    .webshop .shop-menu-toggler {cursor:pointer; z-index:5; margin-block:1rem; border:none; position:relative; display: flex; align-items: center; justify-content: center; right: 0; padding: 0.2rem 2rem; background-color: #F7C2CA; color: #ffffff; border-radius: 0px; height: 3rem; width:100%;}
    .webshop .shop-menu-toggler:hover {background-color: #d9d9d9; color: #181818;} 
    .webshop .shop-menu-toggler:before {transition:.3s all; content: "\f0c9 \00a0\00a0\00a0 KATEGORI"; font-family: FontAwesome; font-weight:800;}
    .webshop.show-menu .shop-menu-toggler {z-index: 6; width: 2rem; margin-left: auto; border-radius:0px 0 0 0px;}
    .webshop.show-menu .shop-menu-toggler:before {content: "\f00d";}
    
    .webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results {margin:0;}
    .webshop .shop-main-filter #shop-menu-top :is(.row > div, .topmenu-search),
    .webshop .shop-main-cards #shop-toolbar {margin-block:.5rem 0; padding-inline:0;}
    .webshop .shop-main-cards #shop-toolbar * {padding-inline:0;}
    .webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry {padding-inline:1rem;}
    .webshop .shop-main-filter #shop-menu-top .topmenu-search input {}
    .webshop .shop-main-cards #product-list {margin:3rem 0 0 0 !important;}
    
    .webshop .shop-main-filter #shop-menu-top .topmenu-search {margin-top:0 !important; margin-right:1rem; width:100%;}
    .webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft {margin-block:0 !important;}
    
    .dark-shop .webshop .shop-menu {background-color:#2e2e2e !important; color:#ffffff;}
    

} @media (max-width:767px) { 
    .webshop .shop-main-cards .product-item.product-item-gallery .stock {right: 0px; width: auto !important; font-size: .7rem !important;}
    
    .webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results {height: 60vh; overflow-y: auto; }
    .webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results::-webkit-scrollbar {display:none;}
    .webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn {min-width:150px;}
    #shop-search-results .quick-search-entry {position: relative; }
    #shop-search-results .quick-search-entry:not(:last-child) {border-bottom:1px dashed #e8e8e8;}
    #shop-search-results .quick-search-entry .row > div:nth-child(1) {max-width: 40%; flex: auto;}
    #shop-search-results .quick-search-entry .row > div:nth-child(2) {max-width: 60%; padding-left:1rem;}
    #shop-search-results .quick-search-entry .row > div:last-child {flex: auto; position: absolute; right: 1rem; bottom: 0;     font-weight: 800;}
    
    .shop-modal .modal-body .row > div {max-width:50%; flex:auto;}
    .shop-modal .modal-body img {background-color:#e8e8e8; box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.1); border-radius:0px;}
    #checkout-cart {overflow-x:auto; margin-bottom:1rem;}
    
    .webshop .shop-main-cards #product-view .product-view-header + .row {flex-direction:column;}
    .webshop .shop-main-cards #product-view .product-view-header + .row > div {width:100%; max-width:100%;}
    .modal.shop-modal .modal-content .modal-footer .btn {padding:1rem !important; font-size:.8rem !important;}
    .shop-modal .modal-body .row > div:not(:last-child) {margin-bottom:1rem;}
    .modal.shop-modal .modal-content .modal-footer {display: flex; justify-content: space-between;}
    .modal.shop-modal .modal-content .modal-footer .btn {margin:auto;}
    
    	.webshop .shop-main-filter .topnav-menu {padding-inline:0;}
	.webshop .shop-main-filter #shop-menu-top .topmenu-search #shop-search-results {max-height:60vh; height:100% !important; }
	.webshop .shop-main-filter #shop-menu-top .topmenu-search .quick-search-entry > .row > div:nth-child(2) {padding-right: 5rem; display: flex; justify-content: flex-end;}
	.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu {width:50%;}
    
} @media (max-width:575px) { 
    .webshop .shop-main-cards #product-view .product-view-header {margin-block:2rem;}
    .webshop .shop-main-cards #product-view .row > div {max-width:100%;}
    .webshop .shop-main-cards #product-view .product-view-images {margin-bottom:1rem; max-height: calc(300px + 90px + 0.4rem);}
    .webshop .shop-main-cards #product-view .product-view-images + div {padding-left:15px;}
    .webshop .shop-main-cards #product-view .product-view-images img.pr-zoom {height:300px;}
    .webshop .shop-main-cards #product-view .product-view-images > .row > .image-container {margin-top:300px;}
    #shop-images-modal .modal-dialog {max-height:100vh; max-width:100vw;} 
    .webshop .cart-dropdown {min-width: 100% !important; width: 100% !important; margin: auto !important;  right: 0 !important; transform: translateX(-50%) !important;  left: 50% !important; top: 3.5rem !important;}
    
    .webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft, .webshop .shop-main-filter #shop-menu-top .topmenu-cart.dropleft #shop-cart {position:unset;}
    #shop-cart .dropdown-menu {min-width:auto;}
    .webshop .shop-main-cards #product-list .row.product-list-container > div {padding-inline:0;}
    
    .webshop .shop-main-cards .shop-list-view .product-item .row {float: right; width: 60%; height:100%; display: flex; align-items: flex-start; flex-direction: column;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(1) {display:block !important;}
    .webshop .shop-main-cards .shop-list-view .product-item .row .image {width:90% !important; height:100%;}
    .webshop .shop-main-cards .shop-list-view .product-item .row img {max-height:100% !important;}
    .webshop .shop-main-cards .shop-list-view > .row .product-item .row > div,
    .webshop .shop-main-cards .shop-list-view .title {padding:0 !important; text-align:left !important;}
    .webshop .shop-main-cards .shop-list-view .title {height:100% !important;}
    .webshop .shop-main-cards .shop-list-view .price {font-size:1.5rem !important; margin-top:.5rem !important;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:nth-child(1) { position: absolute; width: 40%; inset: 0px; height: 100%; padding-block: 1rem !important;}
    .webshop .shop-main-cards .shop-list-view .product-item-list {height:150px !important; padding-block:1rem !important;}
    .webshop .shop-main-cards .shop-list-view > .row .product-item .row > div:last-child {position: absolute; right: 0; bottom: 0.5rem; display: flex !important; align-items: flex-end; width: auto;}
    .webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop {font-size:0 !important; height: 3rem !important; width: 3rem !important; display: flex; align-items: center; justify-content: center; align-content: center;}
    .webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop i {font-size:1.3rem;}
    .webshop .shop-main-cards .shop-list-view .control-productlist-add-cart-pop i:before {margin:0;}
    .webshop .shop-main-cards .shop-list-view .product-item .row > div:is(:nth-child(3), :nth-child(4)) {margin-top:auto;}
    
    
    .webshop .shop-main-cards #shop-toolbar .toolbar-left .toolbar-view-entry {display: flex; align-items: center;}
    .webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn {}
	.webshop .shop-main-cards #shop-toolbar .toolbar-left > div {width:auto; height:auto; display:flex;}
	.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu {max-width:unset;}
	.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn {font-size:.7rem !important;}
	.webshop .shop-main-cards #shop-toolbar .toolbar-left .btn.toolbar-sort-btn ~ .dropdown-menu {left:0; padding-inline:.5rem; font-size:.7rem; min-width:auto;}
}