.cl-template{border-style:solid;border-width:0;position:relative;display:flex;flex:1;background-repeat:no-repeat;background-size:cover;background-position:center center}.cl-template--image-left,.cl-template--image-right{flex-direction:row}.cl-template--image-left .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image,.cl-template--image-right .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image{width:40%}.cl-template--image-left .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image .cl-element-featured_media__anchor,.cl-template--image-right .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image .cl-element-featured_media__anchor{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.cl-template--image-top,.cl-template--image-bottom{flex-direction:column}.cl-template--image-top .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image,.cl-template--image-bottom .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image{height:0;padding-top:75%}.cl-template--image-top .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image .cl-element-featured_media__anchor,.cl-template--image-bottom .cl-element-featured_media--sizing-natural.cl-element-featured_media--no-image .cl-element-featured_media__anchor{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.cl-template h1,.cl-template h2,.cl-template h3,.cl-template h4,.cl-template h5,.cl-template h6,.cl-template div,.cl-template span,.cl-template a,.cl-template p,.cl-template img,.cl-template em,.cl-template big,.cl-template small,.cl-template strike,.cl-template strong,.cl-template b,.cl-template u,.cl-template i,.cl-template section{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:16px;font-family:inherit;vertical-align:baseline;text-decoration:none;line-height:1.2;color:inherit;border-style:solid;overflow-wrap:break-word;word-break:break-word;font-family:Arial,Helvetica,sans-serif;box-shadow:none}.cl-template a img{box-shadow:none}.cl-template h1,.cl-template h2,.cl-template h3,.cl-template h4,.cl-template h5,.cl-template h6{font-weight:600;line-height:1.2}.cl-template h1 a,.cl-template h2 a,.cl-template h3 a,.cl-template h4 a,.cl-template h5 a,.cl-template h6 a{font-size:inherit;font-weight:inherit}.cl-template h1{font-size:40px}.cl-template h2{font-size:32px}.cl-template h3{font-size:27.2px}.cl-template h4{font-size:22.4px}.cl-template h5{font-size:17.6px}.cl-template h6{font-size:12.8px}.cl-template a:hover{color:inherit}.cl-template .cl-element__container{display:flex;flex-wrap:wrap}.cl-template .cl-element{display:flex;position:relative}.cl-template .cl-element *{overflow-wrap:break-word;word-break:break-word}.cl-template .cl-element-author{display:flex;flex-direction:row;align-items:stretch;align-self:flex-start}.cl-template .cl-element-author__image{display:flex;align-content:center;justify-content:center;align-items:center;font-size:inherit;font-weight:inherit;font-style:inherit;width:1.25em;height:1.25em}.cl-template .cl-element-author__image img{display:block;max-height:100%;max-width:100%;width:100%}.cl-template .cl-element-author__image--circle{overflow:hidden}.cl-template .cl-element-author__image--circle img{border-radius:2em}.cl-template .cl-element-author__text{display:flex;align-content:center;justify-content:center;flex:unset;align-items:flex-end;font-size:inherit;text-decoration:inherit;font-weight:inherit;font-style:inherit;font-family:inherit}.cl-template .cl-element .cl-element-author__image+.cl-element-author__text,.cl-template .cl-element .cl-element-author__text+.cl-element-author__image{margin-left:.5em}.cl-template .cl-element-section,.cl-template .cl-element-featured_media{display:block}.cl-template .cl-element-link__anchor{font-family:inherit;font-style:inherit;font-size:inherit;font-weight:inherit;text-decoration:inherit;display:inline-block}.cl-template .cl-element-section{position:relative;flex:1}.cl-template .cl-element-featured_media{overflow:hidden}.cl-template .cl-element-featured_media__placeholder-image{width:50%;height:50%;top:25%;left:25%;position:absolute}.cl-template .cl-element-featured_media__image{display:block}.cl-template .cl-element-custom_field .cl-element__container{display:block}.cl-template .cl-element-custom_field strong,.cl-template .cl-element-custom_field b{font-weight:600}.cl-template .cl-element-custom_field em,.cl-template .cl-element-custom_field i{font-style:italic}.cl-template .cl-element-custom_field u{text-decoration:underline}.cl-template .cl-element-taxonomy{flex-flow:row wrap}.cl-template .cl-element-taxonomy__terms{flex:1}.cl-template .cl-element-taxonomy__term{display:inline-flex}.cl-template .cl-element-text>span,.cl-template .cl-element-text>div,.cl-template .cl-element-text>p,.cl-template .cl-element-text>small,.cl-template .cl-element-text>section{color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;text-decoration:inherit;font-size:inherit}.cl-template .cl-element-excerpt{display:block}.cl-layout-container{--cl-layout-margin:0;--cl-layout-padding:0;--cl-layout-width:100%;--cl-layout-background-color:transparent;--cl-layout-background-gradient:none;overflow:hidden;position:relative;padding:var(--cl-layout-margin, 0);box-sizing:border-box;background-clip:content-box;background-color:var(--cl-layout-background-color, transparent);background-image:var(--cl-layout-background-gradient, none)}.cl-layout{position:relative;box-sizing:border-box;display:flex;--cl-layout-gap-c:0;--cl-layout-gap-r:0;margin:calc(-1*var(--cl-layout-gap-r, 0)) 0 0 calc(-1*var(--cl-layout-gap-c, 0px));width:auto;max-width:none;padding:var(--cl-layout-padding, 0px);display:flex;flex-wrap:wrap;font-family:inherit}.cl-layout__masonry-content{width:100%;display:flex;position:relative;flex-wrap:wrap;margin:0}.cl-layout__masonry-content>.cl-layout__item,.cl-layout--grid>.cl-layout__item{margin:var(--cl-layout-gap-r, 0) 0 0 var(--cl-layout-gap-c, 0px)}.cl-layout *{box-sizing:border-box;font-family:inherit}.cl-layout__item{position:relative;display:block;height:auto;flex:0 0 50%}.cl-layout--equal-rows .cl-template{height:100%}.cl-layout--fill-last-row .cl-layout__item{flex-grow:1}@media only screen and (min-width: 0px){.cl-layout.cl-layout--col-xs-1 .cl-layout__item{width:calc(100% - var( --cl-layout-gap-c ));flex-basis:calc(100% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-2 .cl-layout__item{width:calc(50% - var( --cl-layout-gap-c ));flex-basis:calc(50% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-3 .cl-layout__item{width:calc(33.3333% - var( --cl-layout-gap-c ));flex-basis:calc(33.3333% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-4 .cl-layout__item{width:calc(25% - var( --cl-layout-gap-c ));flex-basis:calc(25% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-5 .cl-layout__item{width:calc(20% - var( --cl-layout-gap-c ));flex-basis:calc(20% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-6 .cl-layout__item{width:calc(16.6666% - var( --cl-layout-gap-c ));flex-basis:calc(16.6666% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-7 .cl-layout__item{width:calc(14.2857% - var( --cl-layout-gap-c ));flex-basis:calc(14.2857% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-8 .cl-layout__item{width:calc(12.5% - var( --cl-layout-gap-c ));flex-basis:calc(12.5% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-9 .cl-layout__item{width:calc(11.1111% - var( --cl-layout-gap-c ));flex-basis:calc(11.1111% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-10 .cl-layout__item{width:calc(10% - var( --cl-layout-gap-c ));flex-basis:calc(10% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-11 .cl-layout__item{width:calc(9.0909% - var( --cl-layout-gap-c ));flex-basis:calc(9.0909% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-xs-12 .cl-layout__item{width:calc(8.3333% - var( --cl-layout-gap-c ));flex-basis:calc(8.3333% - var( --cl-layout-gap-c ));}}@media only screen and (min-width: 600px){.cl-layout.cl-layout--col-s-1 .cl-layout__item{width:calc(100% - var( --cl-layout-gap-c ));flex-basis:calc(100% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-2 .cl-layout__item{width:calc(50% - var( --cl-layout-gap-c ));flex-basis:calc(50% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-3 .cl-layout__item{width:calc(33.3333% - var( --cl-layout-gap-c ));flex-basis:calc(33.3333% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-4 .cl-layout__item{width:calc(25% - var( --cl-layout-gap-c ));flex-basis:calc(25% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-5 .cl-layout__item{width:calc(20% - var( --cl-layout-gap-c ));flex-basis:calc(20% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-6 .cl-layout__item{width:calc(16.6666% - var( --cl-layout-gap-c ));flex-basis:calc(16.6666% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-7 .cl-layout__item{width:calc(14.2857% - var( --cl-layout-gap-c ));flex-basis:calc(14.2857% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-8 .cl-layout__item{width:calc(12.5% - var( --cl-layout-gap-c ));flex-basis:calc(12.5% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-9 .cl-layout__item{width:calc(11.1111% - var( --cl-layout-gap-c ));flex-basis:calc(11.1111% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-10 .cl-layout__item{width:calc(10% - var( --cl-layout-gap-c ));flex-basis:calc(10% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-11 .cl-layout__item{width:calc(9.0909% - var( --cl-layout-gap-c ));flex-basis:calc(9.0909% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-s-12 .cl-layout__item{width:calc(8.3333% - var( --cl-layout-gap-c ));flex-basis:calc(8.3333% - var( --cl-layout-gap-c ));}}@media only screen and (min-width: 960px){.cl-layout.cl-layout--col-m-1 .cl-layout__item{width:calc(100% - var( --cl-layout-gap-c ));flex-basis:calc(100% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-2 .cl-layout__item{width:calc(50% - var( --cl-layout-gap-c ));flex-basis:calc(50% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-3 .cl-layout__item{width:calc(33.3333% - var( --cl-layout-gap-c ));flex-basis:calc(33.3333% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-4 .cl-layout__item{width:calc(25% - var( --cl-layout-gap-c ));flex-basis:calc(25% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-5 .cl-layout__item{width:calc(20% - var( --cl-layout-gap-c ));flex-basis:calc(20% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-6 .cl-layout__item{width:calc(16.6666% - var( --cl-layout-gap-c ));flex-basis:calc(16.6666% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-7 .cl-layout__item{width:calc(14.2857% - var( --cl-layout-gap-c ));flex-basis:calc(14.2857% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-8 .cl-layout__item{width:calc(12.5% - var( --cl-layout-gap-c ));flex-basis:calc(12.5% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-9 .cl-layout__item{width:calc(11.1111% - var( --cl-layout-gap-c ));flex-basis:calc(11.1111% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-10 .cl-layout__item{width:calc(10% - var( --cl-layout-gap-c ));flex-basis:calc(10% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-11 .cl-layout__item{width:calc(9.0909% - var( --cl-layout-gap-c ));flex-basis:calc(9.0909% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-m-12 .cl-layout__item{width:calc(8.3333% - var( --cl-layout-gap-c ));flex-basis:calc(8.3333% - var( --cl-layout-gap-c ));}}@media only screen and (min-width: 1280px){.cl-layout.cl-layout--col-l-1 .cl-layout__item{width:calc(100% - var( --cl-layout-gap-c ));flex-basis:calc(100% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-2 .cl-layout__item{width:calc(50% - var( --cl-layout-gap-c ));flex-basis:calc(50% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-3 .cl-layout__item{width:calc(33.3333% - var( --cl-layout-gap-c ));flex-basis:calc(33.3333% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-4 .cl-layout__item{width:calc(25% - var( --cl-layout-gap-c ));flex-basis:calc(25% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-5 .cl-layout__item{width:calc(20% - var( --cl-layout-gap-c ));flex-basis:calc(20% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-6 .cl-layout__item{width:calc(16.6666% - var( --cl-layout-gap-c ));flex-basis:calc(16.6666% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-7 .cl-layout__item{width:calc(14.2857% - var( --cl-layout-gap-c ));flex-basis:calc(14.2857% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-8 .cl-layout__item{width:calc(12.5% - var( --cl-layout-gap-c ));flex-basis:calc(12.5% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-9 .cl-layout__item{width:calc(11.1111% - var( --cl-layout-gap-c ));flex-basis:calc(11.1111% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-10 .cl-layout__item{width:calc(10% - var( --cl-layout-gap-c ));flex-basis:calc(10% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-11 .cl-layout__item{width:calc(9.0909% - var( --cl-layout-gap-c ));flex-basis:calc(9.0909% - var( --cl-layout-gap-c ));}.cl-layout.cl-layout--col-l-12 .cl-layout__item{width:calc(8.3333% - var( --cl-layout-gap-c ));flex-basis:calc(8.3333% - var( --cl-layout-gap-c ));}} .cl-template--id-0{background-color: #fff;color: #333333;margin: 0px;padding: 7px 7px 7px 6px;border-radius: 4px;border-width: 2px;border-color: #cccccc;}.cl-template--id-0 .cl-element--instance-1001{text-align: centercenter;font-family: Arial;font-weight:normal;font-style: normal;text-decoration: none;margin: 0px;padding: 0px;border-radius: 4px;background-color: #efefef;display: flex;justify-content: center;}.cl-template--id-0 .cl-element--instance-1001 .cl-element-featured_media__anchor {width: 100%;}.cl-template--id-0 .cl-element--instance-1001 .cl-element-featured_media__image {width: 100%;}.cl-template--id-0 .cl-element--instance-1001 .cl-element-featured_media__placeholder-image {fill: #c2c2c2;} .cl-template--id-0 div.cl-element--instance-1002{text-align: left;font-family: Arial;font-weight:normal;font-style: normal;text-decoration: none;margin: 0px;padding: 5px;border-radius: 0px;justify-content: flex-start;} .cl-template--id-0 .cl-element--instance-1003{font-weight:bold;font-style: normal;text-decoration: none;text-align: left;margin: 0px;padding: 5px 0px 5px 0px;border-radius: 0px;justify-content: flex-start;}.cl-template--id-0 .cl-element--instance-1003 .cl-element-title__anchor {font-weight:bold;font-style: normal;text-decoration: none;display:inline-block;line-height:inherit;}.cl-template--id-0 .cl-element--instance-1003 .cl-element-title__anchor:hover, .cl-template--id-0 .cl-element--instance-1003 .cl-element-title__anchor:active, .cl-template--id-0 .cl-element--instance-1003 .cl-element-title__anchor:focus {font-weight:bold;font-style: normal;text-decoration: underline;} .cl-template--id-0 div.cl-element--instance-1004{margin: 0px;padding: 5px 0px 5px 0px;border-radius: 0px;}.cl-template--id-0 div.cl-element--instance-1005{justify-content: flex-end;text-align: right;}.cl-template--id-0 div.cl-element--instance-1005 .cl-element-link__anchor{color: #ffffff;background-color: #0693e3;margin: 10px 0px 0px 0px;padding: 5px 10px 5px 10px;border-radius: 5px;font-weight:normal;font-style: normal;text-decoration: none;}.cl-template--id-0 div.cl-element--instance-1005 .cl-element-link__anchor:hover, .cl-template--id-0 div.cl-element--instance-1005 .cl-element-link__anchor:active, .cl-template--id-0 div.cl-element--instance-1005 .cl-element-link__anchor:focus {font-weight:normal;font-style: normal;text-decoration: underline;background-color: #0693e3;color: #ffffff;} .cl-template--id-1214{color: #333;padding: 10px;border-radius: 8px;border-width: 4px;border-color: #fd0011;} .cl-template--id-1214 .cl-element--instance-1001{text-align: left;font-size: 18px;font-weight:bold;font-style: normal;text-decoration: underline;margin: 0px;padding: 5px 0px 5px 0px;border-radius: 0px;justify-content: flex-start;}.cl-template--id-1214 .cl-element--instance-1001 .cl-element-title__anchor {font-weight:bold;font-style: normal;text-decoration: underline;font-size: 18px;display:inline-block;line-height:inherit;}.cl-template--id-1214 .cl-element--instance-1001 .cl-element-title__anchor:hover, .cl-template--id-1214 .cl-element--instance-1001 .cl-element-title__anchor:active, .cl-template--id-1214 .cl-element--instance-1001 .cl-element-title__anchor:focus {font-weight:bold;font-style: normal;text-decoration: underline;} .cl-template--id-1214 div.cl-element--instance-1002{text-align: left;font-weight:normal;font-style: normal;text-decoration: none;margin: 0px;padding: 5px 0px 5px 0px;border-radius: 0px;justify-content: flex-start;}.cl-template--id-1214 .cl-element--instance-1003{text-align: centercenter;font-weight:normal;font-style: normal;text-decoration: none;margin: 0px;padding: 0px;border-radius: 0px;background-color: #efefef;height: 0;padding-top: 56.25%;}.cl-template--id-1214 .cl-element--instance-1003 .cl-element-featured_media__anchor {display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}.cl-template--id-1214 .cl-element--instance-1003 .cl-element-featured_media__image {background-position: center center;background-repeat: no-repeat;width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;background-size: contain;}.cl-template--id-1214 .cl-element--instance-1003 .cl-element-featured_media__placeholder-image {fill: #c2c2c2;} .cl-template--id-1214 div.cl-element--instance-1004{text-align: left;font-weight:normal;font-style: normal;text-decoration: none;margin: 0px;padding: 10px 0px 0px 0px;border-radius: 0px;justify-content: flex-start;}:root {
--primary-color:#6c757d;
--secondary-color: #FF4343;
--tertiary-color: #000;
--quaternary-color:#fff;
--opacity:0,0,0;
--nav-color:#6c757d;
--nav-h-color:#fff;
--nav-bg:#fff;
--nav-h-bg:#FF4343;
--nav-font:'Roboto', sans-serif;
}
a{
color: var( --tertiary-color );
text-decoration:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover,
a:focus,
#secondary .widget li:hover > a,
#secondary .widget li a:focus,
#secondary .widget li.focus > a{
color: var( --secondary-color );
text-decoration:none;
}
#content .shoper-single-post .post a{
text-decoration:underline;	
}
#content .shoper-single-post .post a:hover,
#content .shoper-single-post .post a:focus{
color: var( --secondary-color );
text-decoration:none;
}
.tb-cell{
display:table-cell;
}
.btn,
.error-404 input.search-submit,
#content .shoper-single-post .post a.btn,
.woocommerce ul.products li.product .added_to_cart.wc-forward,
.wc-proceed-to-checkout .button{
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 11px 22px;
font-family: inherit;
color: var( --secondary-color );
background: var(--quaternary-color);
border:1px solid var( --secondary-color );
}
.btn.bg-btn,
.woocommerce ul.products li.product .added_to_cart.wc-forward,
.wc-proceed-to-checkout .button{
color: var( --quaternary-color );
background: var(--secondary-color);
}
.btn i {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-left: 5px;
font-size:20px;
margin-right: -5px;
transform: translateY(2px);
}
.btn i,
.btn span{
display: inline-block;
}
.btn:hover,
.error-404 input.search-submit:hover,
#content .shoper-single-post .post a.btn:hover,
.btn:focus,
.error-404 input.search-submit:focus,
#content .shoper-single-post .post a.btn:focus,
.woocommerce ul.products li.product .added_to_cart.wc-forward:hover,
.woocommerce ul.products li.product .added_to_cart.wc-forward:focus{
background: var( --secondary-color );
border:1px solid var( --secondary-color );
color: var(--quaternary-color);
}
.btn.bg-btn:hover,
.btn.bg-btn:focus,
.wc-proceed-to-checkout .button:hover,
.wc-proceed-to-checkout .button:focus{
color: var( --secondary-color );
background: var(--quaternary-color);
}
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width:1600px;
padding:0 5%;	
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
border-color:var( --secondary-color );
} body {
line-height:1;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-family:'Roboto', sans-serif;
font-size:100%;
line-height:1.8;
font-weight:400;
color: var( --primary-color );
position:relative;
background: #f6f7f9;
word-spacing:2px;
}
h1,h2,h3,h4,h5,h6,#review_form .comment-reply-title{
font-family:'Roboto Condensed', sans-serif;
font-weight:700;
letter-spacing:1px;
word-spacing:3px;
}
#content{
padding-top:80px;
padding-bottom:60px;	
} header.site-header {
display: block;
clear: both;
background: #fff;
padding: 30px 0px 30px 0px;
}
#static_header_banner{
display:block;
height:50vh;
background-color: #282E34;
position:relative;
z-index:1;	
}
#static_header_banner .content-text{
display: flex;
align-items: center;
justify-content: center;
height:100%;
color: var(--quaternary-color);
}
#static_header_banner .content-text h1{
padding-bottom: 30px;
margin: 0;
margin: 0 auto;
text-shadow: 5px 5px 35px rgba(43, 49, 54, 0.4);
color: var(--quaternary-color);
font-size: 3rem;
} #masthead{
background: #fff;
position: relative;
}
#masthead [class*="col-"] {
padding-top: 20px;
padding-bottom: 15px;
}
#masthead ul{
padding: 0px;
margin: 0px;
}
#masthead li{
list-style: none;
display: inline-block;
padding: 0px;
margin: 0px;
position:relative;
}
#navbar{
width: calc(100% - 205px);
display:inline-block;
}
#navbar .navigation-menu > li > a{
font-size: 16px;
line-height: 26px;
text-transform: capitalize;
padding:10px 12px;
line-height: 25px;
font-weight: bold;
transition: .33s all ease;
-webkit-transition: .33s all ease;
-moz-transition: .33s all ease;
-o-transition: .33s all ease;
position: relative;
font-family: var(--nav-font);
text-transform:uppercase;
font-weight: 400;
display: block;
color: var(--nav-color);
word-spacing: 3px;
border-radius: 0.4rem;
}
#navbar .navigation-menu > li:hover > a,
#navbar .navigation-menu > li:focus > a,
#navbar .navigation-menu > li > a:focus,
#navbar .navigation-menu > li.current-menu-item > a,
#navbar .navigation-menu > li.current-page-parent > a,
#navbar .navigation-menu > li.current_page_item > a{
background: var(--nav-h-bg);
color: var(--nav-h-color);
}
#navbar .navigation-menu li ul{
position: absolute;
border: none;
border-radius: 0;
margin-top: 0;
top: calc(100% + 8px);
box-shadow: none;
display: block;
width: 240px;
float: none;
text-align: left;
background: var(--nav-bg);
border-top: 1px solid var(--nav-h-bg);
box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
border-radius: 0.4rem;
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translate(50%,20px);
z-index: 99;
opacity: 0;
margin-right: 50%;
right: 9999px;
}
#navbar .navigation-menu li ul ul{
right: calc(-100% + -10px);
top: 3px;
}
#navbar .navigation-menu li:hover > ul, 
#navbar .navigation-menu li:focus > ul,
#navbar .navigation-menu li.focus > ul,
#masthead .header-icon li:hover ul,
#masthead .header-icon li:focus ul,
#masthead .header-icon li.focus ul {
right: 0;
opacity: 1;
transform: translate(50%,0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
#masthead .header-icon li:hover ul,
#masthead .header-icon li:focus ul,
#masthead .header-icon li.focus ul {
transform: translate(0%,0);
}
#navbar .navigation-menu li li:hover > ul, 
#navbar .navigation-menu li li:focus > ul,
#navbar .navigation-menu li li.focus > ul{
right: calc(-100% + -10px);
opacity: 1;
transform: translate(50%,0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
#navbar .navigation-menu li li{
display: block;
border-bottom: 1px solid #e8e8e8;
}
#navbar .navigation-menu li:last-child{
border-bottom: none;
}
#navbar .navigation-menu li li > a{
transition: .33s all ease;
-webkit-transition: .33s all ease;
-moz-transition: .33s all ease;
-o-transition: .33s all ease;
display: block;
font-family: var(--nav-font);
font-size: 15px;
font-weight: 400;
letter-spacing: 0.28px;
line-height: 26px;
position: relative;
color: var(--nav-color);
padding: 12px 16px;
}
#navbar .navigation-menu li li > a:hover,
#navbar .navigation-menu li li > a:focus,
#navbar .navigation-menu li li.current-menu-item > a,
#navbar .navigation-menu li li.current-page-parent > a{
padding-left: 25px;
color: var(--nav-h-color);
background:var(--nav-h-bg);
}
#navbar .navigation-menu li li > a::before {
position: absolute;
top: 12px;
left: 10px;
content: '\eaa0';
font-family: 'IcoFont';
font-size: 18px;
line-height: inherit;
color: var(--nav-color);
opacity: 0;
visibility: hidden;
transition: .33s all ease;
}
#navbar .navigation-menu li li > a:hover:before,
#navbar .navigation-menu li li > a:focus:before,
#navbar .navigation-menu li li.current-menu-item > a:before,
#navbar .navigation-menu li li.current-page-parent > a:before{
opacity: 1;
visibility: visible;
color: var(--nav-h-color);
left:6px;
}
#navbar .navigation-menu li ul:after {
position: absolute;
top: -8px;
left: 50%;
margin-left: -8px;
content: " ";
border-right: 8px solid transparent;
border-bottom: 8px solid var(--nav-h-bg);
border-left: 8px solid transparent;
}
#navbar .navigation-menu ul.sub-menu ul li:first-child::before {
position: absolute;
top: 6px;
left: -8px;
content: "";
border-top: 8px solid transparent;
border-right: 8px solid var(--secondary-color );
border-bottom: 8px solid transparent;
}
#navbar .navigation-menu li ul ul:after {
display:none!important;
}
.responsive-submenu-toggle{
display:none;
visibility:hidden;
}
.shoper-navbar-close{
display:none;	
}
@media only screen and (min-width : 992px) {	
#navbar .navigation-menu li li:first-child > a{
border-top-left-radius:0.4rem;
-webkit-border-top-left-radius:0.4rem;
border-top-right-radius:0.4rem;
-webkit-border-top-right-radius:0.4rem;
}
#navbar .navigation-menu li li:last-child > a{
border-bottom-left-radius:0.4rem;
-webkit-border-bottom-left-radius:0.4rem;
border-bottom-right-radius:0.4rem;
-webkit-border-bottom-right-radius:0.4rem;
}
}
@media only screen and (max-width : 992px) {
.shoper-navbar-close{
color:var(--secondary-color);
background:none;
float:right;
display:block;
}
.shoper-navbar-close:hover,
.shoper-navbar-close:focus{
background:var(--secondary-color);
color:var(--quaternary-color);
}
.shoper-navbar-close i{
padding-right:10px;
}
#navbar{
position:fixed;
width:300px;
left:0px;
top:0px;
bottom:0px;
box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
background:#FFF;
z-index:999;
border-right:1px solid #e8e8e8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
left: -100%;
transform: translateX(-100%);
visibility:hidden;
display:none;
opacity:0;
}
#navbar.active{
left: 0;
transform: translateX(0);
visibility:visible;
display:block;
opacity:1;
}
#masthead #navbar ul,
#masthead #navbar ul li{
display:block;
margin:0px;
float:none;
clear:both;
text-align:left;
}
#masthead #navbar ul{
padding-right: 20px;
}
#masthead #navbar ul ul{
padding-right:0px;	
}
#navbar .navigation-menu li ul,
#masthead #navbar ul ul{
position:static;
width:100%;
opacity:1;
right:0px;
background:none;
box-shadow:none;
-webkit-border-radius:0px;
border-radius:0px;
border:none;
transform: translateY(0);
display: none;
}
#navbar .navigation-menu li ul.focus-active,
#masthead #navbar ul ul.focus-active{
display:block;
}
#navbar .navigation-menu li ul:after{
display:none;
}
#navbar .navigation-menu li li > a{
color:#000;
}
#navbar .navigation-menu li a {
display: block;
padding: 12px 16px;
border-bottom: 1px solid #e8e8e8;
}
#navbar .navigation-menu li,
#navbar .navigation-menu li li{
border:none;
padding:0px;
}
#navbar .navigation-menu li li > a::before{
visibility:visible;
opacity:1;
top: 50%;
left: 10px;	
transform: translateY(-12px);
}
#navbar .navigation-menu li li a {
padding-left:30px;
}
#navbar .navigation-menu > li > a{
border-radius: 0px;
}
#navbar .navigation-menu li li > a:hover, #navbar .navigation-menu li li > a:focus {
padding-left: 30px;
}
#navbar .responsive-submenu-toggle{
position: absolute;
right: 1px;
visibility: visible;
display: block;
cursor: pointer;
width: 44px;
height: 42px;
text-align: center;
line-height: 47px;
background: none;
font-size: 22px;
color: var(--nav-h-bg);
top: 1px;
}
#navbar .responsive-submenu-toggle:hover,
#navbar .responsive-submenu-toggle:focus{
background: var(--nav-bg);
color: var(--nav-h-bg);
}
#masthead .text-right{
text-align:center!important;	
}
#masthead ul{
float:none;
}
} .header-icon-wrap{
}
#masthead .header-icon{
display: inline-block;
padding-top: 10px;
padding-left: 15px;
}
#masthead .header-icon i{
font-size: 20px;
}
#masthead .header-icon li{
padding: 0px 8px;
position: relative;
}
#masthead .header-icon li a{
color: var(--nav-color);
}
#masthead .header-icon li:hover > a,
#masthead .header-icon li:hover > a,
#masthead .header-icon li.focus > a{
color: var(--nav-color);
}
#masthead .header-icon li:last-child{
padding-right: 0px;
}
#masthead .header-icon li ul{
position: absolute;
border: none;
right: 0;
border-radius: 0;
margin-top: 0;
top: calc(100% + 8px);
box-shadow: none;
display: block;
width: 180px;
float: none;
text-align: left;
background: var(--nav-bg);
border-top: 1px solid var(--nav-h-bg);
box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
border-radius: 0.4rem;
margin-right: -5px;
opacity: 0;
right: 9999rem;
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translateY(0.6rem);
z-index: 99;
}
#masthead .header-icon li li{
display: block;
padding: 12px 16px;
border-bottom: 1px solid #e8e8e8;
}
#masthead .header-icon li li:last-child{
padding: 12px 16px;
}
#masthead .header-icon li:last-child{
border-bottom: none;
}
#masthead .header-icon li li > a{
transition: .33s all ease;
-webkit-transition: .33s all ease;
-moz-transition: .33s all ease;
-o-transition: .33s all ease;
display: block;
font-family: var(--nav-font);
font-size: 15px;
font-weight: 400;
letter-spacing: 0.28px;
line-height: 26px;
position: relative;
color: var(--nav-color);
text-align: right;
}
#masthead .header-icon li ul:after {
position: absolute;
top: -8px;
right: 10px;
margin-left: -8px;
content: " ";
border-right: 8px solid transparent;
border-bottom: 8px solid var(--nav-h-bg);
border-left: 8px solid transparent;
}
#masthead .header-icon li:hover > a,
#masthead .header-icon li a:focus{
color: var(--nav-h-bg);
}
#masthead .header-icon li span.quantity{
position: absolute;
color: var(--nav-h-color);
height: auto;
line-height: 14px;
font-size: 11px;
padding: 6px 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
left:19px;
margin-left: -35px;
top: -40px;
background: var(--nav-h-bg);
min-width: 70px;
text-align: center;
}
#masthead .header-icon li span.quantity:before {
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -8px;
content: "";
border-right: 8px solid transparent;
border-top: 8px solid var(--nav-h-bg);
border-left: 8px solid transparent;
}
.search-bar{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 2px;
background:#f6f7f9;
z-index: 99;
-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: 9999;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.search-bar.active{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.search-bar .container-wrap{
position: absolute;
left: 0px;
right: 0px;
top: 50%;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.search-bar form{
position: relative;
}
.search-bar label{
width: 100%;
}
.search-bar .search-submit{
position: absolute;
top: 0px;
right: 0px;
padding: 11px 22px;
}
.search-bar label,
.search-bar input{
margin-bottom: 0px;
}
.search-bar input
.search-close-trigger{
float: right;
font-size: 30px;
}
.search-bar input[type=search]:focus{
background:rgba(255, 67, 67, 0.05)!important;
}
#masthead ul.apsw_data_container li{
padding: 15px!important;
}
@media only screen and (max-width : 600px) {
#masthead .header-icon{
float: none;
}
} aside#secondary{
display:block;
position: relative;
width:calc(100% - 10px);
margin-left: 10px;
}
.not-found p{
margin-bottom:20px;
clear:both;	
}
aside#secondary .widget{
border: 1px solid rgba(0,0,0,0.1);
display:block;
padding: 30px;
width: 100%;
margin-top: -1px;
background:#FFF;
}
h3.widget-title,
.related.products h2,
.upsells.products h2,
.cross-sells h2{
text-align:center;
display: block;
margin-bottom: 1.5rem;
background:url(//sg-spa.de/wp-content/themes/shoper/assets/image/greyline.png) center center repeat-x;
font-size:20px;
}
h3.widget-title span,
.related.products h2 span,
.upsells.products h2 span,
.cross-sells h2 span{
display:inline-block;
padding:10px 15px;
color:#FFF;
background:var(--secondary-color);
}
#secondary .widget ul,
ul.popular_category_list,
#colophon.site-footer ul{
margin:0px;
padding:0px;
padding-left:0px;
}
#secondary .widget li,
ul.popular_category_list li,
#colophon.site-footer li{
list-style:none;
display:block;	
border-bottom: solid 1px #eee;
padding-top: 10px;
padding-bottom: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position:relative;
}
#secondary .widget li:before,
#colophon.site-footer li:before {
font-family: 'IcoFont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1; -webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
position:absolute;
left:3px;
font-size: 16px;
top: 16px;
content: "\ea98";
opacity: 0;
visibility: hidden;
transition: .33s all ease;
}
#secondary .widget li:hover:before,
#secondary .widget li:focus:before,
#secondary .widget li.focus:before,
#colophon.site-footer .widget li:hover:before,
#colophon.site-footer .widget li:focus:before,
#colophon.site-footer .widget li.focus:before{
opacity: 1;
visibility:visible;
left: -2px;
color:var(--secondary-color);
}
#secondary .widget li:last-child,
ul.popular_category_list li:last-child{
border:none;	
}
.sidebar-menu {
list-style:none;
margin: 0;
padding: 0;
}
.sidebar-menu li a,
#secondary .widget li a{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-weight: normal;
display: block;
color: var(--primary-color);
text-decoration:none;
font-size:95%;
} 
#secondary .widget li.focus,
#secondary .widget li:hover,
#colophon.site-footer .widget li:hover,
#colophon.site-footer .widget li.focus{
padding-left:15px;	
}
#secondary .post-date{
display:block;
text-align:right;
font-size:11px;
font-style:italic;
}
.widget_search{
background-color:var(--secondary-color);
}
.widget_search form {
position:relative;
overflow:hidden;
}
.widget_search .search-field,
.widget_search input[type=search]{
margin-right:15px;
height: 40px;
line-height: 40px;
border-radius: 33px;
padding: 0 12px;
border: 1px solid var(--secondary-color);
font-weight:normal;
width:100%;
display:block;
margin-bottom: 0px;
}
.widget_search label{
margin-bottom:0px;
width:calc( 100% -60px );
display:block;	
}
.widget_search .search-submit{
margin-top: 0;
width: auto;
position: absolute;
top: 0;
right: 0;
border-radius: 0 33px 33px 0;
text-transform: capitalize!important;
cursor: pointer;
padding:12px 13px;
border:none;
} #content article.shoper-single-post{
display: block; clear: both;
margin-bottom:60px;
}
body.single #content article.shoper-single-post{
margin-bottom: 50px;
}
#content .shoper-single-post .img-box{
display:block;
overflow:hidden;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
position:relative;
overflow:hidden;
margin: 0px -12px 0px -12px;
z-index: 1;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
margin-top: -32px;
}
#content .shoper-single-post .img-box i{
position:absolute;
right:20px;
top:20px;
padding:8px;
font-size:30px;
background: var( --secondary-color );
color:var( --quaternary-color );
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
z-index:99;
}
.shoper-single-post .img-box .image-link{
display:block;
margin:0px;
padding:0px;
}
#content .shoper-single-post .img-box .image-link:before{
content:"";
left:0px;
right:0px;
top:0px;
bottom:0px;
position:absolute;
z-index:9;	
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#content .shoper-single-post:hover .img-box .image-link:before{
background-color: rgba( var( --opacity ), 0.5 );
}
#content .shoper-single-post .entry-title a,
#content .shoper-single-post .entry-title{
color: var( --tertiary-color );
text-decoration:none;
padding: 0px;
margin: 0px 0px 10px 0px;
word-spacing: 0px;
font-size: 1.8rem;
}
#content .shoper-single-post .entry-title a:hover,
#content .shoper-single-post .entry-title a:focus,
#content .shoper-single-post .entry-title a:active{
color:var( --secondary-color );
}
#content .shoper-single-post .post-meta-wrap{
display:table;
}
#content .shoper-single-post ul.post-meta,
#content .shoper-single-post ul.post-meta{
margin:0px;
padding:0px;
list-style:none;
display:table-cell;
vertical-align:middle;
}
#content .shoper-single-post ul.post-meta li{
display:inline-block;
font-size:80%;
padding-right:30px;
position:relative;
line-height:22px;
}
#content .shoper-single-post ul.post-meta li:after{
content:"/";
position:absolute;
top:0px;
right:15px;	
}
#content .post-meta-wrap .tb-cell.avatar{
padding-right:20px;	
}
#content .post-meta-wrap .avatar_round{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
width:60px;
height:60px;
overflow:hidden;
display:block;
}
#content .shoper-single-post ul.post-meta li:last-child:after{
display:none;	
}
#content .shoper-single-post ul.post-meta li:last-child{
margin-right:0px;
}
#content .shoper-single-post ul.post-meta li a{
font-weight:bold;
}
#content .shoper-single-post .post{
position: relative;
z-index: 9;
background: #fff;
background:#FFF;
box-shadow: 0px 0px 131px 0px rgba(74,74,74,0.1);
padding:30px;
position:relative;
z-index:99;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#content .shoper-single-post .img-box figure{
margin:0px;	
}
#content .shoper-single-post .content-wrap{
padding: 22px 0px;
}
#content .shoper-single-post .more-link a.btn{
position: absolute;
bottom: -20px;
left: 30px;
} #colophon.site-footer{
background:#fff;
color:var(--tertiary-color);
overflow:hidden;
}
#colophon.site-footer .footer_widget_wrap{
border-bottom: dotted 1px rgba(255,255,255,.15);
}
#colophon.site-footer .widget{
border-right: dotted 1px rgba(255,255,255,.15);
padding:40px;
padding-top:80px;
padding-bottom:50px;	
}
#colophon.site-footer .widget-title{
margin-bottom:25px;	
}
#colophon.site-footer .widget:last-child {
border:none;
}
#colophon.site-footer .row.shoper-flex{
margin-left:-40px;
margin-right:-40px;	
}
#colophon.site-footer .site_info{
padding-top: 50px;
padding-bottom: 50px;
position: relative;
background-color: #f7f7f7;
border-top: 1px solid rgba(31, 31, 31, 0.08);
}
#colophon.site-footer .social-list{
display: block;
margin: 0px;
padding: 0px;
}
#colophon.site-footer .social-list li{
list-style: none;
display: inline-block;
border-bottom: 0px;
}
#colophon.site-footer .social-list a{
text-decoration:none;
}
.social-list {
padding: 0;
list-style: none;
margin: 0;
}
.social-list.size--big > li > a {
width: 75px;
font-size: 34px;
}
.social-list.text-center > li {
margin: 5px;
}
.social-list > li {
display: inline-block;
margin-right: 30px;
}
.social-list > li > a {
display: block;
font-size: 28px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.dark-bg .social-list > li > a,
.colored-bg .social-list > li > a {
color: #fff;
}
.social-list > li > a:hover {
color: #00c3da;
}
.social-list > li > a i {
line-height: inherit;
}
.social-list > li.social-item-facebook > a:hover,
#colophon.site-footer li.social-item-facebook > a:hover,
.social-list > li.social-item-facebook > a:focus,
#colophon.site-footer li.social-item-facebook > a:focus {
color: #3b5998;
}
.social-list > li.social-item-twitter > a:hover,
#colophon.site-footer li.social-item-twitter > a:hover,
.social-list > li.social-item-twitter > a:focus,
#colophon.site-footer li.social-item-twitter > a:focus {
color: #55acee;
}
.social-list > li.social-item-linkedin > a:hover,
#colophon.site-footer li.social-item-linkedin > a:hover,
.social-list > li.social-item-linkedin > a:focus,
#colophon.site-footer li.social-item-linkedin > a:focus  {
color: #0077b5;
}
.social-list > li.social-item-instagram > a:hover,
#colophon.site-footer li.social-item-instagram > a:hover,
.social-list > li.social-item-instagram > a:focus,
#colophon.site-footer li.social-item-instagram > a:focus  {
color: #3f729b;
}
.social-list > li.social-item-dribbble > a:hover,
#colophon.site-footer li.social-item-dribbble > a:hover,
.social-list > li.social-item-dribbble > a:focus,
#colophon.site-footer li.social-item-dribbble > a:focus  {
color: #ea4c89;
}
.social-list > li.social-item-github > a:hover,
#colophon.site-footer li.social-item-github > a:hover,
.social-list > li.social-item-github > a:focus,
#colophon.site-footer li.social-item-github > a:focus {
color: #333;
}
.social-list > li.social-item-flickr > a:hover,
#colophon.site-footer li.social-item-flickr > a:hover,
.social-list > li.social-item-flickr > a:focus,
#colophon.site-footer li.social-item-flickr > a:focus {
color: #0063dc;
}
.social-list > li.social-item-pinterest > a:hover,
#colophon.site-footer li.social-item-pinterest > a:hover,
.social-list > li.social-item-pinterest > a:focus,
#colophon.site-footer li.social-item-pinterest > a:focus  {
color: #bd081c;
}
.social-list > li.social-item-youtube > a:hover,
#colophon.site-footer li.social-item-youtube > a:hover,
.social-list > li.social-item-youtube > a:focus,
#colophon.site-footer li.social-item-youtube > a:focus {
color: #cd201f;
}
.social-list > li.social-item-tumblr > a:hover,
#colophon.site-footer li.social-item-tumblr > a:hover,
.social-list > li.social-item-tumblr > a:focus,
#colophon.site-footer li.social-item-tumblr > a:focus {
color: #35465c;
}
.social-list > li.social-item-snapchat > a:hover,
#colophon.site-footer li.social-item-snapchat > a:hover,
.social-list > li.social-item-snapchat > a:focus,
#colophon.site-footer li.social-item-snapchat > a:focus {
color: #fffc00;
}
#colophon.site-footer .dev_info{
font-size: 90%;
display: block;
padding-top: 10px;
color: var(  --primary-color);
} .single-prev-next{
background:#FFF;
padding:25px;
margin-bottom:50px;
}
.single-prev-next .align-right{
text-align:right;	
}
.single-prev-next .col-md-6{
position:relative;
}
.single-prev-next h5{
margin-bottom:0px;
color:#CCC;
font-size:14px;
font-weight:normal;
}
.single-prev-next img{
-webkit-border-radius:50%;
border-radius:50%;
margin:0px auto;
max-width:100%;
height:auto;
} .comments-area {
background:#FFF;
padding:25px;
}
ul.comment-list {
display:block;
margin:0px;
padding:0px;
}
ul.comment-list li {
margin:0px;
list-style:none;
clear:both;	
}
ul.comment-list li ul {
margin-left:20px;
}
.comment-meta .single-comment img {width: 80px;height: 80px;border-radius: 50%;}
.comment-meta .single-comment .comment {
width: calc(100% - 80px);
padding-left: 20px;
position: relative;
}
.comment-meta .single-comment .comment h6{
margin-bottom:0px!important;	
}
.comment-meta .single-comment .comment h6 a {
text-transform: uppercase;
color: #313131;
margin: 10px 0 8px 0;
}
.comment-meta .single-comment .comment .date {
text-transform: uppercase;
font-size: 12px;
}
.comment-meta .single-comment .comment-text {margin-top:10px;}
.comment-meta .single-comment {
padding-bottom: 20px;
margin-bottom: 30px;
position:relative;
}
.comment-meta .ellipse-left {
position:relative;
}
.comment-meta .single-comment.reply-comment {margin-left: 50px;}
.comment-meta .single-comment:last-child {
margin: 0;
padding: 0;
border:none;
}
.comment-meta .single-comment .comment .reply {
position: absolute;
top:0;
right: 0;
} 
.comment-meta .single-comment .comment .reply a{
text-transform: uppercase;
line-height: 24px;
padding: 0 12px;
background: #f7f7f7;
font-size: 12px;
color: #777;
transition: all 0.3s ease-in-out;
display:block;
text-decoration:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.comment-meta .single-comment .comment .reply a:hover { color: #fff; background:var( --secondary-color ); }
h4.comments-title{
margin-bottom:30px;
}
.comment-form form input,
.content input {
width: 100%;
height: 48px;
padding: 0 15px;
font-size: 15px;
margin-bottom: 25px;
}
.comment-form form textarea,
.content textarea{
width: 100%;
max-width: 100%;
height: 175px;
max-height: 175px;
padding: 15px;
margin-bottom: 25px;
font-size: 15px;
}
.comment-form .col-xl-4{
position:relative;	
}
.comment-form .col-xl-4 span.required,
#respond .col-xl-4 span.required{
position:absolute;
right:30px;
top:15px;
color:#F00;
}
.form-allowed-tags div.text-wrp {
font-size:14px;
font-style:italic;
margin-bottom:20px;
}
.comment-notes {
padding-top:15px;
padding-bottom:15px;
}
.comment-form input[type="checkbox"],
.content input[type="checkbox"],
#respond input[type="checkbox"]{
border-radius: 2px;
background: #DADADA;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 20px;
margin: -3px 4px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 20px;
min-width: 20px;
-webkit-appearance: none;
-webkit-transition: .05s border-color ease-in-out;
transition: .05s border-color ease-in-out;
margin-right:10px;
}
.comment-form input[type="checkbox"]:checked,
.content input[type="checkbox"]:checked,
#respond input[type="checkbox"]:checked {
background: var(--p-color);
}
.comment-form input[type="checkbox"]:before,
.content input[type="checkbox"]:before,
#respond input[type="checkbox"]:before{
opacity:0;
}
.comment-form input[type="checkbox"]:checked::before,
.content input[type="checkbox"]:checked::before,
#respond input[type="checkbox"]:checked::before{
float: left;
color: #fff;
font-size:14px;
display: inline-block;
vertical-align: middle;
width: 16px;
margin-top: 10px;
margin-left: 2px;
font-family: 'IcoFont';
font-weight:normal;
content: "\f00e";
speak: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
opacity:1;
}
p.form-submit{
margin-left:15px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 0px;	
}
p.form-submit .btn.theme-btn{
margin-top: 0px;
}
.comment-form input[type="checkbox"]:checked, .content input[type="checkbox"]:checked,
#respond input[type="checkbox"]:checked
{
background:var(--secondary-color);
}
#content .shoper-single-post .post.search-page{
padding-top:30px;	
} .error-404{
background:url(//sg-spa.de/wp-content/themes/shoper/assets/image/404.png) no-repeat center -20px #fff;
padding:15vh;
margin:0px auto;
text-align:center;
}
.error-404 .page-header{
padding-top:180px;	
}
.error-404 .search-form label{
width:400px;	
}
.error-404 .search-form input[type='search']{
width: 100%;
max-width: 100%;
padding: 15px;
font-size: 15px;
color:#666;
border: 1px solid#ccc;
border-radius: 3px;
padding:12px;
display:block;
}
.error-404 input.search-submit{
padding: 15px 30px;
margin-left:-7px;
font-size:16px;
}
.error-404 input.search-submit:hover{
background:#FFF;	
} .owlGallery{
display:block;	
}
.owlGallery .owl-item {
float:left;
}
.owlGallery .owl-item figure.gallery-item{
margin:0px;
width:100%!important;
max-width:100%!important;
}
.owlGallery .owl-item img{
width:100%;
display:block;	
}
.owlGallery .owl-nav{
display:none;
}
.gallery {
margin-bottom: 1.5em;
margin:0px -15px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
padding:0px 13px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
clear:both;
} .shoper-breadcrumbs-wrap {
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.08);
box-shadow: 0px 1px 1px 
rgba(0,0,0,0.08);
padding:15px 0px;
text-align:right;
}
.shoper-breadcrumbs-wrap li {
display: inline-block;
font-size:90%;
padding:0px 16px;
margin:0px;
position:relative;
}
.shoper-breadcrumbs-wrap li:after{
font-family: 'IcoFont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1; -webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
content: "\eaca";
font-size:20px;
position:absolute;
right:-10px;
top:3px;
}
.shoper-breadcrumbs-wrap li:last-child:after{
display:none;	
}
a.ui-to-top {
position: fixed;
bottom: 20px;
transition: .3s all ease;
z-index: 99;
right:20px;
padding-right: 30px;
color:#1f1f1f;
font-size:60px;
cursor:pointer;
opacity:0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
a.ui-to-top:hover{
color:var( --secondary-color );
}
element {
}
a.ui-to-top.active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
} ul.shoper-recent-posts{
margin:0px;
padding:0px;
}
ul.shoper-recent-posts li,
#secondary ul.shoper-recent-posts li{
vertical-align:top;	
list-style: none;
display: block;
border-bottom: solid 1px #eee;
padding-top: 15px;
padding-bottom: 15px;
}
#secondary ul.shoper-recent-posts li:hover{
padding-left:0px;	
}
ul.shoper-recent-posts img{
max-width:60px;
float:left;
}
ul.shoper-recent-posts .shoper-recent-text{
width:calc( 100% - 80px );
float:right;
}
.shoper-post-carousel-widgets{
display:block;
overflow:hidden;
}
.shoper-post-carousel-widgets .owl-item {
float:left;
}
.shoper-post-carousel-widgets .owl-item img{
width:100%;
display:block;
margin-bottom:30px;
}
.shoper-widgets-carousel-item{
padding:15px;	
}
.shoper-post-carousel-widgets button{
display:inline-block;
font-size:20px;
line-height:normal;
}
.shoper-post-carousel-widgets button span{
margin-top:-2px;	
} .navigation.posts-navigation{
position:relative;
}
.navigation.posts-navigation a{
border-radius: 4px;
border: 1px solid var( --secondary-color );
color: var( --secondary-color );
display: inline-block;
margin: 0 .25em;
overflow: hidden;
padding: 14px 50px 14px 16px;
position: relative;
text-decoration: none;
line-height: 1;
background:var( --quaternary-color );
}
.navigation.posts-navigation a{
width:240px;
text-transform:uppercase;
float:right;
margin-bottom:2.5rem;
}
.navigation.posts-navigation .btn-wrap{
font-size: 1em;
line-height: 1.2;
padding: 0 10px;
position: relative;
right: 0;
transition: right 300ms ease;
display: block;
text-align: left;
}
.navigation.posts-navigation .icon {
border-left: 1px solid var( --secondary-color );
position: absolute;
right: 0;
text-align: center;
top: 50%;
transition: all 300ms ease;
transform: translateY(-50%);
width: 58px;
height: 70%;
font-size:25px;
}
.navigation.posts-navigation .icon i {
color: var( --secondary-color );
display:block;
margin-top:3px;
line-height:30px;
}
.navigation.posts-navigation a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: var( --quaternary-color );
opacity: 0;
transition: opacity 300ms ease;
}
.navigation.posts-navigation a:hover .btn-wrap,
.navigation.posts-navigation a:focus .btn-wrap {
right: 110%;
}
.navigation.posts-navigation a:hover .icon,
.navigation.posts-navigation a:focus .icon  {
border-left: 0;
font-size: 2.8em;
width: 100%;
}
.navigation.posts-navigation a:hover:after,
.navigation.posts-navigation a:focus:after  {
opacity: .2;
}
.navigation.posts-navigation .nav-previous a{
float:left;	
padding: 14px 16px 14px 60px;
}
.navigation.posts-navigation .nav-previous a .icon{
right:auto;
left:0px;
border:none;
border-right: 1px solid var( --secondary-color );
}
.navigation.posts-navigation .nav-previous a:hover .icon,
.navigation.posts-navigation .nav-previous a:focus .icon{
border:none;
}
.navigation.posts-navigation .nav-previous a .btn-wrap{
font-size: 1em;
line-height: 1.2;
padding: 0 10px;
position: relative;
left: 0;
transition: left 300ms ease;
display: block;
text-align: right;
}
.navigation.posts-navigation .nav-previous a:hover .btn-wrap,
.navigation.posts-navigation .nav-previous a:focus .btn-wrap{
right:auto;
left:110%;
}
.logo-wrap{
position:relative;	
}
button.shoper-rd-navbar-toggle{
border-bottom:1px solid var( --secondary-color );
background: var( --secondary-color );
outline:none;
color: var( --quaternary-color );
font-size:30px;
padding:2px 15px;
margin-top:-30px;
display:none;
visibility:hidden;
position: absolute;
right: 0px;
top: 50%;
}
button.shoper-rd-navbar-toggle:hover,
button.shoper-rd-navbar-toggle:focus{
background: var( --quaternary-color );
color: var( --secondary-color );
}  @media only screen and (max-width : 992px) {
body{
font-size:90%;	
}
.rd-navbar-social-icon{
display:none;	
}
#colophon.site-footer .social-list{
float:none;
text-align:center;
}
body.admin-bar {
margin-top: -46px;
padding-top: 46px;
}
body.admin-bar .rd-navbar-fixed .rd-navbar-toggle{
top: 35px;
}
body.admin-bar .rd-navbar-fixed .rd-navbar-nav-wrap{
top: -10px;
}
button.shoper-rd-navbar-toggle{
display:block;
visibility:visible;
float:right;
}
.rd-navbar-fixed .rd-navbar-nav-wrap{
visibility:hidden;	
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active{
visibility:visible;	
}
aside#secondary{
margin-left:0px;	
}
body.admin-bar .shoper-navbar-close{
margin-top:55px;	
}
}
.entry-footer{
clear: both;
}
#commentform [class^="col-"] input[type="text"],
#commentform [class^="col-"] input[type="email"],
#commentform [class^="col-"] textarea{
margin-bottom: 30px;
}
#secondary .widget li:last-child, 
ul.popular_category_list li, #colophon.site-footer li:last-child{
border-bottom: 0px;
}
#colophon.site-footer h3.widget-title{
text-align: left;
}
@media only screen and (max-width : 600px) {
#colophon.site-footer .site_info .text-right{
text-align: center!important;
}
}
#content div.product div.summary .price{
font-size:2rem;	
}
#static_header_banner .content-text{
text-align:center;	
}
#static_header_banner.header-img .content-text:before{
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
content:"";
background:rgba(0,0,0,0.5);
z-index:-1;
}
.textwidget a{
text-decoration:underline;	
}
.textwidget a:hover{
text-decoration:none;	
}
.u-column1.col-1,
.u-column2.col-2,
#customer_login .col-1,
#customer_login .col-2{
max-width: 50%!important;
float: left!important;
}:root {
--nav-color:#fff;
--nav-h-color:#fff;
--secondary-color: #734f96;
}
header.site-header{
padding-bottom: 0;
}
@media only screen and (min-width: 850px) {
#navbar{
width: 100%;
}
}
#nav_bar_wrap {
border-top: solid 1px #eee;
margin-top: 40px;
background:#000;
}
#masthead [class*="col-"] {
padding-top:0px;
padding-bottom:0px;
}
#masthead #navbar .navigation-menu > li > a{
padding:17px 20px;	
}
#masthead #navbar li{
float:left;	
}
#masthead #navbar{
display:block;	
}
#navbar .navigation-menu > li > a{
border-radius:0px;
}
#masthead .header-icon li li > a{
color:#000;	
}
#navbar .navigation-menu > li:hover > a, #navbar .navigation-menu > li:focus > a, #navbar .navigation-menu > li > a:focus, #navbar .navigation-menu > li.current-menu-item > a, #navbar .navigation-menu > li.current-page-parent > a, #navbar .navigation-menu > li.current_page_item > a {
background: var(--secondary-color);
color: var(--nav-h-color);
}
#masthead .header-icon li span.quantity{
background:var( --secondary-color );	
}
#masthead .header-icon li span.quantity::before {
border-top: 8px solid var( --secondary-color );	
}
#masthead .header-icon li:hover > a, #masthead .header-icon li a:focus {
color: var( --secondary-color );	
}
#masthead .header-icon li ul {
border-top: 1px solid var( --secondary-color );	
}
#masthead .header-icon li ul::after {
border-bottom: 8px solid var( --secondary-color );	
}
#masthead #navbar li li{
float:none;
display:block;	
}
#navbar .navigation-menu li ul{
z-index:999;	
}
#navbar .navigation-menu li li > a{
color: var(--secondary-color);
}
#navbar .navigation-menu li li > a:hover, #navbar .navigation-menu li li > a:focus, #navbar .navigation-menu li li.current-menu-item > a, #navbar .navigation-menu li li.current-page-parent > a{
background:var( --secondary-color );
color:#fff;
}
#navbar .navigation-menu li ul{
border-top: 1px solid var( --secondary-color );
}
#navbar .navigation-menu li ul::after {
border-bottom: 8px solid var( --secondary-color );
}
a.search-close-trigger:focus,a.search-close-trigger:hover{
transform: scale(1.5); 
}
@media only screen and (max-width : 992px) {
#masthead #navbar ul{
margin-right:0px;
width:100%;
}
#masthead .search-box{
padding-top:40px;	
}
.ss-content{
padding-right:00px;	
}
#navbar .navigation-menu > li > a{
color:var( --secondary-color );
}
#masthead #navbar .navigation-menu > li > a{
padding: 12px 20px;
}
#navbar .responsive-submenu-toggle {
background: var(--secondary-color);
border:1px solid  var(--secondary-color);
color: #fff;
}
#navbar .responsive-submenu-toggle:hover, #navbar .responsive-submenu-toggle:focus{
color: var(--secondary-color);
}
}
#content .shoper-single-post blockquote {
background-color: #f5f5f5;
font-weight: 400;
color: #444;
border-left: 4px solid var( --secondary-color );
font-style: italic;
font-weight: 700;
margin: 3%;
padding: 15px;
}
#content .shoper-single-post blockquote p:last-child{
margin-bottom: 0px;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }