@charset "utf-8";

/* ===== owl.carousel.css (früher per @import, jetzt direkt eingebunden) ===== */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#owl-demo .item {
    background: none !important;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/* CSS3 Transitions */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
/* ===== Ende owl.carousel.css ===== */
/* owl.carousel */
/* ===== owl.theme.css (früher per @import, jetzt direkt eingebunden) ===== */
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center

}
/* ===== Ende owl.theme.css ===== */
/* owl.carousel */
/* ===== font-awesome.css (früher per @import, jetzt direkt eingebunden) ===== */
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}
/* ===== Ende font-awesome.css ===== */
/* Font Awesome Icon */
/* ===== animate.min.css (früher per @import, jetzt direkt eingebunden) ===== */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    80%, 100% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1)
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    80%, 100% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1)
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0);
        -ms-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0);
        -ms-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    40%, 80% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg)
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    40%, 80% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
/* ===== Ende animate.min.css ===== */
/* css3 animation */
/* ===== jquery.mCustomScrollbar.css (früher per @import, jetzt direkt eingebunden) ===== */
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
    width: auto;
    margin-right: 30px;
    overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 0;
    right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right;
}

.mCustomScrollBox {
    -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
    sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
    sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
    sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
    sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"; /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 6px auto;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #fff; /* rgba fallback */
    background: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000; /* rgba fallback */
    background: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/* ===== Ende jquery.mCustomScrollbar.css ===== */
/* mCustomScrollbar */
/* ===== alpha.css (früher per @import, jetzt direkt eingebunden) ===== */
/*
Made By Tanim Ahmed
*/

.alpha10 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000);
    zoom: 1;
}

.alpha10:nth-child(n) {
    filter: none;
}

.alpha20 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
    zoom: 1;
}

.alpha20:nth-child(n) {
    filter: none;
}

.alpha30 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
    zoom: 1;
}

.alpha30:nth-child(n) {
    filter: none;
}

.alpha40 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
    zoom: 1;
}

.alpha40:nth-child(n) {
    filter: none;
}

.alpha50 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    zoom: 1;
}

.alpha50:nth-child(n) {
    filter: none;
}

.alpha60 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    zoom: 1;
}

.alpha60:nth-child(n) {
    filter: none;
}

.alpha70 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
    zoom: 1;
}

.alpha70:nth-child(n) {
    filter: none;
}

.alpha80 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    zoom: 1;
}

.alpha80:nth-child(n) {
    filter: none;
}

.alpha90 {
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000);
    zoom: 1;
}

.alpha90:nth-child(n) {
    filter: none;
}
/* ===== Ende alpha.css ===== */
/* jQuery Custom Select by select2 */

/* ===== smoothproducts.css (früher per @import, jetzt direkt eingebunden) ===== */
/* Needed for the lightbox */

html, body {
    height: 100%;
    width: 100%;
}

/* CSS for the loading div */

.sp-loading {
    text-align: center;
    max-width: 270px;
    padding: 15px;
    border: 5px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    color: #888;
}

/* Element wrapper */

.sp-wrap {
    display: none;
    line-height: 0;
    font-size: 0;
    background: #eee;
    border: 5px solid #eee;
    border-radius: 3px;
    position: relative;
    margin: 0 25px 15px 0;
    float: left;
    /**************
      Set max-width to your thumbnail width
    ***************/

    max-width: 300px;
}

/* Thumbnails */

.sp-thumbs {
    text-align: left;
    display: inline-block;
}
.sp-thumbs img {
    min-height: 50px;
    min-width: 50px;
    max-width: 50px;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
    width: 50px;
    height: 50px;
    overflow: hidden;
    opacity: .3;
    display: inline-block;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.sp-thumbs a:hover {
    opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
    opacity: 1!important;
    position: relative;
}

/* Image currently being viewed */

.sp-large {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
}
.sp-large a img {
    max-width: 100%;
    height: auto;
}
.sp-large a {
    display: block;
}

/* Panning Zoomed Image */

.sp-zoom {
    position: absolute;
    left: -50%;
    top: -50%;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    display: none;
    
}

/* Lightbox */

.sp-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .9);
    z-index: 500;
    display: none;
    cursor: pointer;
}
.sp-lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 90%;
    max-height: 90%;
    border: 2px solid #fff;
}
#sp-prev, #sp-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 501;
    color: #fff;
    padding: 14px;
    text-decoration: none;
    background: #000;
    border-radius: 25px;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    transition: .2s;
}
#sp-prev {
    left: 10px;
}
#sp-prev:before {
    content: '';
    border: 7px solid transparent;
    border-right: 15px solid #fff;
    position: absolute;
    top: 16px;
    left: 7px;
}
#sp-next {
    right: 10px;
}
#sp-next:before {
    content: '';
    border: 7px solid transparent;
    border-left: 15px solid white;
    position: absolute;
    top: 16px;
    left: 18px;
}
#sp-prev:hover, #sp-next:hover {
    background: #444;
}

.sp-wrap {
    max-width: 100%;
}



/* Tweak styles for small viewports */

@media screen and (max-width: 400px) {
    .sp-wrap {
        margin: 0 0 15px 0;
    }
    #sp-prev, #sp-next {
        top: auto;
        margin-top: 0;
        bottom: 25px;
    }
}
/* ===== Ende smoothproducts.css ===== */

/* ===== skin-vegusto.css (früher per @import, jetzt direkt eingebunden) ===== */
/*  Vegusto Logo Backgroud green #009f44;*/


::selection {
    color: #ffffff;
    background: #009f44;
}

::-moz-selection {
    color: #ffffff;
    background: #009f44;
}

.site-color {
    color: #1aad20 !important;
}

a:hover,
a:focus,
a.link,
.link {
    color: #1aad20;
}

.search-full,
.search-input {
    background: #009f44;
}

.search-close {
    color: #009f44;
}

.searchInputBox .search-btn {
    color: #ffffff;
}

.navbar-tshop {
    background: #1aad20;
    /*background-color:#007aff;*/

}

@media (max-width: 767px) {
    .navbar-tshop {
        background-color:#e6e6e6;
    }
}    

.btn-primary,
.product:hover .add-fav:hover,
.product:hover .add-fav.active {
    background-color: #1aad20;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #179c1d;
    border-color: #179c1d;
    color: #ffffff;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #66de97;
    border-color: #66de97;
    color: #ffffff;
    background: #1AAD20;
}

.navbar-top {
    background: #009f44;
}

.navbar-nav > li > a {
    color: #ffffff;
}

.nav > li.active,
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li:hover > a {
    background: #177900;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.cartMenu:hover > a.dropdown-toggle {
    background: #177900;
}

.dropdown-menu {
    border-top: solid #177900;
}

.search-box:hover .form-control {
    background: #50AA53;
}

.search-box:hover .btn-nobg {
    color: #50AA53;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #1AAD20 !important;
    background-color: rgba(78, 198, 127, 0.5) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#804ec67f, endColorstr=#804ec67f) !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#804ec67f, endColorstr=#804ec67f) !important;
}

.action-control a:hover,
.action-control a.active {
    color: #ffffff;
    background: #177900;
}

.product:hover,
.featuredImgLook2 .inner:hover {
    border: 1px solid #1AAD20;
}

.subCategoryList .thumbnail:hover {
    border: 1px solid #1AAD20;
}

#pager a.cycle-pager-active {
    background-color: #009f44 !important;
    background-color: rgba(75, 183, 119, 0.7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b34bb777, endColorstr=#b34bb777) !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b34bb777, endColorstr=#b34bb777) !important;
}

.pager2 a {
    border: 1px solid #1aad20;
}

.pager2 a.selected {
    background: #1aad20;
}

.btn-site,
.newsLatterBox .btn {
    background: #1aad20;
}

.btn-discover:hover,
.btn-site:hover,
.newsLatterBox .btn:hover {
    background: #177900;
}

.full {
    width: 100%;
}

.footer a:hover {
    color: #1aad20;
}

.modal-header {
    background: #1aad20;
}

.form-control:focus {
    border-color: #1AAD20;
}

.new-product {
    background-color: #1AAD20 !important;
    background-color: rgba(78, 198, 127, 0.95) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f) !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f) !important;
}

.nav.tree > li.active,
.nav.tree > li > a:hover,
.nav.tree > li > a:focus,
.nav.tree > li:hover > a {
    background: none;
    color: #2a2a2a;
}

.nav.tree .open-tree > a,
.nav.tree .open-tree > a:hover,
.nav.tree .open-tree > a:focus {
    background: none;
    font-weight: bold;
    color: #2a2a2a;
}

.panel-default > .panel-heading {
    border-top: 4px solid #1AAD20;
}

.nav-tabs {
    border-bottom: 3px solid #bfc9ca;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li:hover > a {
    background: #bfc9ca;
}

.socialIcon a:hover {
    background: #1AAD20;
}

.cart-actions button,
.cart-actions .wishlist {
    background: none repeat scroll 0 0 #1AAD20;
    border: 2px solid #177900;
}

.cart-actions button:hover {
    background: #ffffff;
    color: #2a2a2a;
    border: solid 2px #1AAD20;
}

.sp-thumbs a:hover,
.sp-thumbs a:active,
.sp-current,
sp-current:visited {
    border: 2px solid #1AAD20 !important;
}

.promo-1 {
    background: none repeat scroll 0 0 #177900;
}

#pager2 span.cycle-pager-active {
    background: #1AAD20 !important;
}

#pager2 span {
    border: 2px solid #1AAD20;
}

.orderStep li.active a {
    background: #1aad20;
}

.orderStep li.active a:after {
    border-top-color: #1aad20 !important;
}

.orderStep li a {
    background: #66de97;
}

.navbar-toggle {
    background: #009f44;
}

a.rating:hover {
    color: black;
    border-color: #1aad20;
}
/* ===== Ende skin-vegusto.css ===== */



/* ===== btn.css (früher per @import, jetzt direkt eingebunden) ===== */
.btn {
  border: medium none;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  padding: 8px 20px;
  transition: all 0.25s linear 0s;
}
.btn.btn-primary,
.btn.btn-danger,
.btn.btn-default,
.btn.btn-success,
.btn.btn-info,
.btn.btn-warning,
.btn.btn-fb,
.btn.btn-tw {
  font-weight: 600;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
  -o-text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
  -webkit-text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
  -ms-text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
}
.btn.btn-lg {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.471;
  padding: 10px 20px;
}
.btn.btn-md {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  padding: 6px 14px;
}
.btn.btn-sm {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.5;
  padding: 4px 8px;
}
.btn.btn-xs {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-old {
  border: medium none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  padding: 6px 12px;
  transition: all 0.25s linear 0s;
  -webkit-transition: all 0.25s linear 0s;
  -moz-transition: all 0.25s linear 0s;
  -ms-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
}
.btn-old.btn-lg {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.471;
  padding: 10px 20px;
}
.btn-old.btn-md {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  padding: 12px 14px;
}
.btn-old.btn-sm {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.5;
  padding: 4px 8px;
}
.btn-old.btn-xs {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-stroke-dark,
.btn-stroke-light,
.btn-stroke,
.btn-dark,
.search-trigger,
.btn-nobg {
  text-shadow: none !important;
  box-shadow: none !important;
  font-weight: normal;
}
.priceFilterBody .btn {
  padding: 8px 12px;
}
.navbar-right .input-group .btn {
  box-shadow: none;
}
.btn-flat {
  border-radius: 0 !important;
}
.btn-product-flat {
  background: #303030;
  border-radius: 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  min-width: 130px;
  padding: 7px 15px;
}
.btn-product-flat:hover,
.btn-product-flat:focus,
.btn-product-flat:active,
.btn-product-flat.active {
  background-color: #fff;
  border-color: #fff;
  color: #0f0f0f;
}
.btn-thin {
  border: 1px solid #bdc3c7;
  color: #bdc3c7;
  background: none;
  text-shadow: none;
}
.btn-default {
  background-color: #bdc3c7;
  color: #ffffff;
  text-shadow: none;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  background-color: #cacfd2;
  border-color: #cacfd2;
  color: #ffffff;
}
.open .dropdown-toggle.btn-default {
  background-color: #cacfd2;
  border-color: #cacfd2;
  color: #ffffff;
  background: #a1a6a9;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default.active {
  background-color: #bdc3c7;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary.active {
  background-color: #1abc9c;
}
.btn-dark {
  background-color: #34495e;
  color: #ffffff;
}
.btn-dark:hover,
.btn-dark:focus {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #ffffff;
}
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #ffffff;
  background: #2a2a2a;
}
.btn-info {
  background-color: #3498db;
  color: #ffffff;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #5dade2;
  border-color: #5dade2;
  color: #ffffff;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #5dade2;
  border-color: #5dade2;
  color: #ffffff;
  background: #2c81ba;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info.active {
  background-color: #3498db;
}
.btn-danger {
  background-color: #e74c3c;
  color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #ec7063;
  border-color: #ec7063;
  color: #ffffff;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #ec7063;
  border-color: #ec7063;
  color: #ffffff;
  background: #c44133;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger.active {
  background-color: #e74c3c;
}
.btn-success {
  background-color: #2ecc71;
  color: #ffffff;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #58d68d;
  border-color: #58d68d;
  color: #ffffff;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #58d68d;
  border-color: #58d68d;
  color: #ffffff;
  background: #27ad60;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success.active {
  background-color: #2ecc71;
}
.btn-warning {
  background-color: #f1c40f;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #f5d313;
  border-color: #f5d313;
  color: #ffffff;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #f5d313;
  border-color: #f5d313;
  color: #ffffff;
  background: #cda70d;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning.active {
  background-color: #f1c40f;
}
.btn-inverse {
  background-color: #3a3a3a;
  color: #ffffff;
}
.btn-inverse:hover,
.btn-inverse:focus {
  background-color: #454545;
  border-color: #454545;
  color: #ffffff;
}
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  border-color: #454545;
  color: #ffffff;
  background: #303030;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse.active[disabled],
fieldset[disabled] .btn-inverse.active {
  background-color: #34495e;
}
.btn-stroke {
  background: rgba(0, 0, 0, 0);
  font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
  letter-spacing: 2px;
  padding: 15px 20px;
  text-align: center;
  border-radius: 0;
  min-width: 200px;
  text-transform: uppercase;
  border: 2px solid #fff;
  color: #fff !important;
}
.btn-stroke.lite {
  border: 2px solid #ffffff;
  color: #ffffff !important;
}
.btn-stroke.lite:hover {
  background: #ffffff;
  color: #303030 !important;
}
.btn-stroke.dark {
  border: 2px solid #303030;
  color: #303030 !important;
}
.btn-stroke.dark:hover {
  background: #303030;
  color: #ffffff !important;
}
.btn-stroke.thin {
  border-width: 1px;
  font-size: 12px;
  padding-left: 40px;
  padding-right: 40px;
}
.btn-dark {
  background: #303030;
  font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
  letter-spacing: 2px;
  padding: 15px 20px;
  text-align: center;
  border-radius: 0;
  min-width: 200px;
  text-transform: uppercase;
  border: 2px solid #303030;
  color: #fff !important;
}
.btn-dark:hover {
  background: #fff;
  color: #303030 !important;
  border-color: #fff;
}
@media only screen and (max-width: 767px) {
  .btn-dark {
    letter-spacing: 1px;
    padding: 10px 15px;
    min-width: 160px;
  }
}
.btn-gray {
  background: #c8c8c8;
  font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
  letter-spacing: 2px;
  padding: 15px 20px;
  text-align: center;
  border-radius: 0;
  min-width: 200px;
  text-transform: uppercase;
  border: 2px solid #ccc;
  color: #fff !important;
}
.btn-gray:hover {
  background: #fff;
  color: #303030 !important;
  border-color: #fff;
}
@media only screen and (max-width: 767px) {
  .btn-gray {
    letter-spacing: 1px;
    padding: 10px 15px;
    min-width: 160px;
  }
}
.btn-stroke-dark {
  background: rgba(0, 0, 0, 0);
  font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
  letter-spacing: 2px;
  padding: 15px 20px;
  text-align: center;
  border-radius: 0;
  min-width: 200px;
  text-transform: uppercase;
  border: 2px solid #303030;
  color: #303030 !important;
}
.btn-stroke-light {
  background: rgba(0, 0, 0, 0);
  font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
  letter-spacing: 2px;
  padding: 15px 20px;
  text-align: center;
  border-radius: 0;
  min-width: 200px;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  color: #ffffff !important;
}
.btn-stroke-dark:hover {
  background: #303030;
  color: #ffffff !important;
}
.btn-stroke-light:hover {
  background: #ffffff;
  color: #303030 !important;
}
.btn-site {
  padding: 5px 0;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  display: block;
  text-decoration: none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
}
.fb_button {
  background: #658ad0;
  color: #ffffff;
  display: block;
  text-align: center;
  text-decoration: none;
}
.btn-fb {
  background: #658ad0;
  color: #ffffff;
}
.fb_button:hover,
.btn-fb:hover {
  background: #4e6fae;
  color: #ffffff;
  text-decoration: none;
}
.btn-tw {
  background: #1dadeb;
  color: #ffffff;
}
.btn-tw:hover {
  background: #35c5ff;
  color: #ffffff;
  text-decoration: none;
}
/* ===== Ende btn.css ===== */

/* Template Theme color skin */

/* ===== local-fonts.css (früher per @import, jetzt direkt eingebunden) ===== */
@font-face {
    font-family: 'DM Serif Text';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/google/dm-serif-text-400.ttf') format('truetype');
}

@font-face {
    font-family: 'DM Serif Text';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/google/dm-serif-text-400-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/google/oswald-300.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/google/oswald-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/google/oswald-700.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/google/source-sans-pro-200.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/google/source-sans-pro-300.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/google/source-sans-pro-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/google/source-sans-pro-600.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/google/source-sans-pro-700.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/google/source-sans-pro-900.ttf') format('truetype');
}
/* ===== Ende local-fonts.css ===== */


/* google webfont */

/* =============================================================== */


/* FOUNDATION/* =============================================================== */

* {
    box-sizing: border-box;
}

a {
    color: #454545;
    text-decoration: none;
    outline: none !important;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover,
a:focus {
    text-decoration: none;
    cursor: pointer;
}

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

body {
    margin: 0;
    padding: 0;
    color: #454545;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    /*    line-height: 21px;*/
    position: relative;
    background: #fff;
}

}


/* =============================================================== */


/* TYPOGRAPHY + GLOBAL CLASS/* =============================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    margin: 0;
    padding-bottom: 15px;
}

h1 {
    font-size: 30px;
    line-height: 35px;
}

h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 20px;
    line-height: 24px;
}

h4 {
    font-size: 17px;
    line-height: 20px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 20px;
}


p.lead {
    font-size: 20px;
    line-height: 1.4;
}

blockquote {
    background-color: lightyellow;
    padding: 15px 20px;
}

h3 code {
    font-size: 14px;
    font-weight: normal;
}

.block-title-1 {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 15px 20px 0 0;
    text-transform: uppercase;
}

.block-title-2 {
    border-bottom: 1px solid #CECECE;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

.block-title-3 {
    border-bottom: 1px solid #CECECE;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 10px;
    position: relative;
    text-transform: uppercase;
}

.block-title-4 {
    display: inline;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin: 0 auto;
    padding: 0 12px;
    text-transform: uppercase;
}

.block-title-5 {
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 700;
    letter-spacing: 0.2em;
    padding: 0;
    text-transform: uppercase;
}

.border-title {
    border-bottom: 1px solid #CECECE;
    margin: 0 0 15px;
    padding: 10px 0 10px;
}

/* Helper class */

.error label.error {
    color: red;
}

.section-block {
    margin-bottom: 30px;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.relative {
    position: relative;
}

.no-margin {
    margin: 0 !important;
}

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

.no-margin-right {
    margin-right: 0;
}

.no-margin-left {
    margin-left: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-border {
    border: 0;
}

.width100,
.w100 {
    width: 100%;
}

.width50,
.w50 {
    width: 100%;
    display: block;
}

.full-container {
    width: 100%;
    display: block;
    clear: both;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.maxheight100 {
    max-height: 100px;
}

.maxheight200 {
    max-height: 200px;
}

.maxheight300 {
    max-height: 300px;
}

.maxheight400 {
    max-height: 400px;
}

.maxheight500 {
    max-height: 500px;
}

.maxheight600 {
    max-height: 600px;
}

.maxheight700 {
    max-height: 700px;
}

.maxwidth100 {
    max-width: 100px;
}

.maxwidtht200 {
    max-width: 200px;
}

.maxwidth300 {
    max-width: 300px;
}

.maxwidth400 {
    max-width: 400px;
}

.maxwidth500 {
    max-width: 500px;
}

.maxwidth600 {
    max-width: 600px;
}

.maxwidth700 {
    max-width: 700px;
}

.padd {
    margin-top: 60px;
}

.globalPadding {
    padding: 50px 0;
}

.globalPaddingTop {
    /*padding: 50px 0 0;*/
}

.globalPaddingBottom {
    padding-bottom: 50px;
}

.hr2 {
    border-width: 2px;
    border-color: #DDDDDD;
}

.hr3 {
    border-width: 4px;
    border-color: #DDDDDD;
}

ul.list-dot li {
    list-style: inside disc;
}

ul.list-number li {
    list-style: inside decimal;
}

ul.list {
    list-style: disc;
    padding-left: 40px;
}

ul.list ul {
    list-style: circle;
    padding-left: 40px;
}

ul.list-check {
    list-style: none;
}

ul.list-border li {
    border-bottom: 1px solid #E0EDED;
    display: block;
    padding: 10px 15px;
}

ul.list-border li:hover {
    background: #ebebeb;
}

.transitionfx {
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
}

.hw100 {
    height: 100%;
    width: 100%;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.product_search_style {
    height: 32px;
}


/* ================================================================== */


/* CUSTOMIZE THE BOOTSTRAP MODAL + INPUT FORM ELEMENT + BUTTON + ALERT/* ================================================================== */

.modal {
    overflow: auto;
}

.signUpContent .modal-dialog {
    max-width: 460px;
}

.modal-dialog.modal-xs {
    max-width: 460px;
}

#product-details-modal .modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

.modal-dialog .product-share {
    border-top: 0 none;
    margin-top: 0;
}

.modal-dialog .modal-product-thumb {
    padding-top: 15px;
}

.modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

.modal-header {
    border-bottom: 1px solid #E5E5E5;
    color: #FFFFFF;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.modal-title-site {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 38px;
    font-weight: lighter;
    padding: 13px 0;
    text-transform: uppercase;
}

.modal-content {
    border: 0 solid #ddd;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.modal-footer {
    background: #eee;
    border-top: 1px solid #E5E5E5;
    padding: 10px 20px;
}

.form-control:focus {
    box-shadow: NONE;
    outline: 0 none;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    border-color: #DDDDDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    /*color: #888888;*/
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    height: 36px;
}


/*btn style moved to btn.css in V.5@import (btn.css);also less file available btn.less*/

p.required,
.required sup {
    color: #E74C3C;
}

.pagination li.active a {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2) inset;
}

.checkbox {
    padding-left: 0;
    margin-left: 0;
}

legend {
    padding-bottom: 10px;
}

.alert {
    border: none;
    border-left: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.alert .close {
    font-size: 30px;
    line-height: 20px;
}

.input-group-btn .btn {
    font-size: 14px;
    padding: 7.2px 12px;
}

.product_search_header .input-group-btn .btn {
    padding: 8px 12px;
}


/* =============================================================== */


/* CUSTOMIZE NAVBAR/* =============================================================== */


/*.navbar-toggle {    background: rgba(0, 0, 0, 0.2);}*/

.navbar-tshop {
    width: 100%;
    /*box-shadow: 3px 3px 15px #CCC;*/
}

.menuWrap {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.brandWrap {}

.navbar-brand {
    padding: 3px;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
}

.navbar .navbar-top {
    height: 30px;
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    text-transform: uppercase;
}

.navbar.stuck .navbar-top {
    margin-top: -30px;
}

.brandWrap {
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    height: auto;
}


/***  ------- Mega Menu Start ------- ***/

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

.megamenu .navbar-inner,
.megamenu .container {
    position: relative;
}

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

.megamenu .dropdown-menu>li {
    display: block;
}

.megamenu .nav.pull-right .dropdown-menu {
    right: 0;
}

@media (min-width: 768px) {
    .megamenu .megamenu-content {
        padding: 20px 30px;
    }
}

.megamenu .megamenu-content:before,
.megamenu .megamenu-content:after {
    display: table;
    content: "";
    line-height: 0;
}

.megamenu .megamenu-content:after {
    clear: both;
}

.megamenu.navbar .nav>li>.dropdown-menu:after,
.megamenu.navbar .nav>li>.dropdown-menu:before {
    display: none;
}

.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-50width .dropdown-menu {
    width: 50%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-40width .dropdown-menu {
    width: 40%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}

@media (max-width: 969px) {
    .megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
        width: auto;
    }

    .megamenu .megamenu-content {
        padding-left: 0;
        padding-right: 0;
    }

    .megamenu .dropdown-menu>li>ul {
        display: block;
    }
}


/* megamenu end */

.megamenu-content img {
    max-width: 100%;
}

.megamenu-content ul li {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.megamenu-content ul li a {
    font-size: 16px;
}

.itemInMenu {
    margin-bottom: 0 !important;
}

.itemInMenu .image {
    max-height: 170px !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.social-icon li {
    display: inline-block;
}

.social-icon li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    height: auto;
    margin-left: 0;
    padding: 6px 9px;
    position: relative;
    text-align: center;
    z-index: 10;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) inset;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.21s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.social-icon li a:hover {
    opacity: 0.8;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
}

.navbar-toggle .icon-bar {
    border: solid 2px #fff;
}

.userMenu>li {
    display: block;
    float: left;
}

.userMenu>li>a {
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 30px;
    padding: 0 20px 0 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out 0s;
    -webkit-transition: opacity 0.21s ease-out 0s;
    -moz-transition: opacity 0.2s ease-out 0s;
    -ms-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
}

.userMenu>li>a:hover {
    opacity: 0.9;
}

.phone-number span {
    float: left;
}

.hasUserMenu>.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    left: auto !important;
    right: 0 !important;
}

.hasUserMenu>.dropdown-menu>li>a {
    color: #454545;
    font-size: 12px;
    padding: 5px 15px;
}

.hasUserMenu>.dropdown-menu>li>a i {
    margin-right: 10px;
}


/***  ------- Main Navigation onhover issue for ipad and mobile ------- ***/

@media (min-width: 979px) {
    .navbar-tshop ul.nav li.dropdown ul.dropdown-menu {}

    .navbar-tshop ul.nav li.dropdown:hover ul.dropdown-menu,
    div.cartMenu.dropdown:hover div.dropdown-menu {
        display: block;
        filter: none;
        opacity: 1;
    }

    .megamenu-content ul li a {
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        display: block;
    }

    .megamenu-content ul li a:hover {
        padding-left: 5px;
    }

    .megamenu-content ul li.productPopItem a:hover,
    .megamenu-content ul li a.newProductMenuBlock:hover {
        padding-left: 0;
    }

    .navbar.stuck .brandWrap {
        height: 0;
        overflow: hidden;
    }
}

.navbar-nav>li>a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    padding-left: 9px;
    padding-right: 9px;
    /*text-transform: uppercase;*/
    /*padding: 19px;*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav>li>a {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.search-box {
    float: right;
    height: 48px;
    width: 38px;
}

.search-box .input-group .getFullSearch {
    padding-left: 10px;
    padding-right: 10px;
}

.search-box.static-search {
    width: auto;
    min-width: 143px;
}

.search-box.static-search #search-form {
    padding-right: 0;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.search-box .input-group {
    margin-top: 8px;
    max-width: 34px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box:hover .input-group {
    max-width: 183px;
}

.search-box .form-control {
    width: 0;
    padding: 0;
    height: 34px;
    border: 0;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box:hover .form-control {
    border: solid 1px #fff;
}

.btn-nobg {
    background: none;
    color: #fff;
}

.search-box:hover .btn-nobg {
    background: #fff;
}

.search-box.static-search .input-group {
    margin-top: 1px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box.static-search .form-control {
    width: auto;
    padding: 0;
    height: 35px;
    border: solid 1px #fff;
    opacity: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box.static-search:hover .form-control {
    opacity: 1;
    border: solid 1px #fff;
    color: #333;
    background: #fff;
}

.search-box.static-search button {
    border: 0 !important;
    margin: 0 !important;
}


/***  ------- Search Bar Full ------- ***/

.search-full {
    bottom: 0;
    letter-spacing: 1px;
    min-height: 50px;
    position: absolute;
    right: 0;
    text-align: right;
    white-space: nowrap;
    width: 100%;
    z-index: 10;
    display: none;
}

.searchInputBox {
    display: block;
    max-width: 90%;
    text-align: right;
    width: 100%;
}

.search-close {
    background: rgba(0, 0, 0, 0.3);
    display: table;
    float: right;
    font-size: 32px;
    height: 51px;
    padding: 0 15px;
}

.search-close i {
    display: table-cell;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.search-close:hover i {
    transform: scale(1.15) rotate(-180deg);
    -webkit-transform: scale(1.1) rotate(-180deg);
    -moz-transform: scale(1.1) rotate(-180deg);
    -ms-transform: scale(1.1) rotate(-180deg);
    -o-transform: scale(1.1) rotate(-180deg);
}

.search-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0 none;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    outline: medium none;
    text-align: right;
    padding: 13px 0 13px 15px;
    width: 100%;
    max-width: 90%;
}

.search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.search-input::-moz-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.searchInputBox .search-btn {
    border: none;
    padding: 0 10px 0 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
}

.search-full.active {
    display: block;
}

.navbar-cart {
    border-top: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    /*max-height: 340px; change TW*/
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
}

.colorWhite,
.colorWhite i {
    color: #fff !important;
}

.promo-1 {
    color: #FFFFFF;
    font-family: Oswald, Helvetica Neue;
    margin-bottom: 15px;
    font-weight: lighter;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

.promo-1sub {
    background: #F2F2F2;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}


/***  ------- Cart Dropdown Menu Style ------- ***/

.dropdown-left .dropdown-menu {
    left: 0;
}

.cartMenu {
    float: left;
    display: block;
}

.cartMenu a.dropdown-toggle,
.cartMenu a#cart-sidebar-toggle {
    padding: 15px 5px 15px 5px;
    color: #FFFFFF;
    /*font-size: 17px;*/
    font-weight: 600;
    line-height: 20px;
    display: block;
}

.cartMenu .dropdown-menu {
    padding-bottom: 0;
    border-radius: 0;
    margin-top: 0;
}

.miniCartTable {
    max-height: 300px;
    width: 100%;
    display: block;
}

.miniCartProductThumb {
    text-align: center;
}

.cart h3 {
    padding-bottom: 0;
}

.cart h4 {
    padding-bottom: 0;
    font-size: 15px;
    font-weight: 400;
}

#cart_row_templatte,
#cart_row_templatte_single_pieces,
#overview_row_templatte,
#overview_row_templatte_single_pieces {
    display: none;
}

.old-price {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
}

.cartMenu table {
    width: 100%;
    height: auto;
}

.cartMenu table tr {
    border-bottom: solid 1px #ddd;
}

.cartMenu table tr td {
    padding: 5px 0;
}

.miniCartFooter {
    padding: 10px;
}

.cart_total_table td {
    padding: 5px 0;
    vertical-align: top;
}


.miniCartFooter .subtotal {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
    /*text-transform: uppercase;*/
}

.cartMiniTable .subtotal {
    padding-top: 10px;
    padding-left: 8px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
    /*text-transform: uppercase;*/
}

.miniCartFooterInMobile .subtotal {
    font-size: 18px;
    color: back;
}

.miniCartTable .mCSB_container {
    margin-right: 15px !important;
}

.newProductMenuBlock {
    display: block;
    position: relative;
}

.ProductMenuCaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE FIX */
    zoom: 1;
}

.ProductMenuCaption:nth-child(n) {
    filter: none;
}

.ProductMenuCaption i {
    font-size: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.newProductMenuBlock:hover i {
    font-size: 16px;
}

.newCollectionUl ul li:first-child {}

.newCollectionUl li {
    font-weight: 600;
}

.productPopItem {
    border: solid 1px #ddd;
}

.productPopItem .productInfo {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin-top: -50px;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 4;
}

.popProImg a {
    display: block;
    max-height: 270px;
    overflow: hidden;
}

.productPop h4 {
    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    line-height: normal !important;
    padding: 3px 0 0 !important;
    position: absolute;
    width: 100%;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE FIX */
    zoom: 1;
}

.productPop h4:nth-child(n) {
    filter: none;
}

.productPop h4 a {
    color: #fff !important;
}


/* =============================================================== */


/* HOME PAGE BOXES SLIDER /* =============================================================== */


/* =============================================================== */


/* HOME PAGE SLIDER  /* =============================================================== */


/* =============================================================== */


/* HOME PAGE LOOK 2  /* =============================================================== */


/* =============================================================== */


/* HOME PAGE LOOK 3  /* =============================================================== */


/* =============================================================== */


/* MAIN CONTAINER || TOP CONTAINER START (NEW ARRIVALS)/* =============================================================== */

.section-block {
    margin-bottom: 30px;
}

.section-title {
    border-bottom: 2px solid #DDDDDD;
    border-top: 2px solid #DDDDDD;
    font-size: 22px;
    line-height: 24px;
    margin: 10px 0 10px;
    padding: 0;
}

.section-title span {
    color: #454545;
    display: inline-block;
    padding: 5px 15px 5px 0;
    text-transform: uppercase;
    width: auto;
}


/***  -------  Style 2  ------- ***/

.style2 .section-title,
.section-title.style2 {
    font-size: 42px;
    font-weight: lighter;
    line-height: 44px;
    margin: 10px 0 20px;
    padding: 0;
    position: relative;
    border: none;
}

.section-title-style2,
.section-title.style2 {
    position: relative;
}

.style2 .section-title:after,
.section-title-style2:after,
.section-title.style2:after,
.section-title-style2:after {
    background: #DDDDDD;
    content: "";
    display: block;
    height: 1px;
    margin-left: 20%;
    position: absolute;
    top: 28px;
    width: 60%;
    z-index: 1;
}

.section-title-style2 span,
.section-title.style2 span {
    background: #FFFFFF;
    display: inline-block;
    padding: 10px;
    position: relative;
    width: auto;
    z-index: 2;
}

.style2 .section-title span,
.section-title.style2 span {
    color: #454545;
    display: table;
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
}

.productslider {
    width: 100%;
    display: block;
}

#productslider .item {
    margin: 0 15px 15px;
}

.row-fb .item {
    flex: 1 1 auto;
    width: 100%;
    /*display: block;*/
    /*    height: 80px;*/
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    margin-bottom: 10px;
}

.row-fb .item-ml,
.row-fb .item-mls {
    flex: 1 1 auto;
    width: 100%;
    /*display: block;*/
    /*    height: 80px;*/
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    margin-bottom: 10px;
}

#SimilarProductSlider .item {
    height: auto !important;
}

.product,
.shop-recipe {
    position: relative;
    height: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    /*text-align: center;*/
    box-shadow: 3px 3px 15px #CCC;
    display: flex;
    flex-direction: column;
}

.shop-recipe h4 {
    padding: 0 0 3px;
}

.start-page-ad {
    display: block;
    height: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
}

.start-page-ad h3 {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.start-page-ad p {
    margin: 10px 10px;
}


/*.start-page-ad p:after {    content: 'mehr Lesen';    display: table-cell;    height: 129px;    width: 100%;    text-align: center;        vertical-align: middle;    align-items: center;}*/

#read-more {
    /*    vertical-align: middle;        display: table-cell;        align-items: center;*/
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 160px;
    /*background-color: lightblue;*/
    /*line-height: 90px;*/
}

#read-more .fade-out {
    /*background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));*/
    background-image: linear-gradient(to bottom, transparent, white);
    /*background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));*/
    height: 140px;
}

#read-more .text-read-more {
    background-color: lightgray;
    height: 20px;
}

.product:hover {
    background: #fff;
}

.add-fav {
    border: 1px solid;
    border-radius: 50%;
    height: 30px;
    line-height: 31px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 15px;
    width: 30px;
    z-index: 10;
    transform: scale(1.15);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: opacity .3s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .3s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .3s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .3s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .3s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.list-view .product .add-fav {
    right: 40px;
    top: 8px;
}

.product:hover .add-fav {
    opacity: 1;
    webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.add-fav i {
    webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    transition: all .3s ease;
}

.add-fav:active i {
    webkit-transform: scale(0.85) rotate(0deg);
    -moz-transform: scale(0.85) rotate(4deg);
    -o-transform: scale(0.85) rotate(0deg);
    -ms-transform: scale(0.85) rotate(0deg);
    transform: scale(0.85) rotate(4deg);
}


.item.list-view .action-control {
    text-align: right;
}

.item.list-view .product {
    padding-right: 20px;
    min-height: 260px;
}

.item:hover .action-control {
    border-bottom-color: #fff;
}

.product-box .item {
    margin: 0 10px;
}

.product-box .item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.image {
    display: block;
    /*overflow: hidden;*/
    position: relative;
    text-align: center;
    width: 100%;
    max-height: 240px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.image a {
    display: block;
    overflow: hidden;
}

.image a img {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    /*height: 128px;*/
    margin: 0 auto;
    /*    width: 100%;        margin-left: 0;        margin-right: 0;*/
}

.product:hover .image a img {
    /*    transform: scale(1.15) rotate(-1.5deg);        -webkit-transform: scale(1.1) rotate(-1.5deg);        -moz-transform: scale(1.1) rotate(-1.5deg);        -ms-transform: scale(1.1) rotate(-1.5deg);        -o-transform: scale(1.1) rotate(-1.5deg);*/
    transform: scale(1.15);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.promotion {
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 0;
    min-height: 24px;
    width: auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: 3px 3px 15px #CCC;*/
    line-height: 18px;
    margin: 0 !important;
}

.promo-product-detail-large {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 0;
    min-height: 24px;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: 3px 3px 15px #CCC;*/
    line-height: 18px;
    margin: 0 !important;
    font-size: 26px;
}


.sp-thumbs .promo-product-detail-large {
    display: none;
}

.description {
    /*    margin: 0 auto;        min-height: 50px;        max-width: 235px;*/
    /*margin: 0 3px;*/
    /*margin-left: 40%;*/
    flex: 10 1 auto;
}

.list-view .description {
    margin: 0 auto;
    min-height: auto;
    max-width: 100%;
}

.new-product {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    height: 100%;
    padding: 3px 10px;
}

.discount {
    background: #eb5e58;
    /* old browser */
    border-radius: 0 4px 4px 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    white-space: nowrap;
    padding: 3px 5px;
}

.promo-product-detail-large .discount {
    font-size: 26px;
    height: 36px;
    line-height: 25px;
}

.item .product h4 {
    padding: 0 0 3px 0;
}

.ml-view {
    flex-direction: column;
}

.short-view h4,
.short-view p,
.ml-view h4 {
    text-align: center;
}

.ml-view h4 {
    padding: 0 0 5px;
    text-align: left;
}

.item h4 a,
.item-ml h4 a,
.item-mls h4 a,
#super-offer-product h4 a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    color: #3a3a3a;
    text-decoration: none;
    /*text-transform: uppercase;*/
    font-size: 17px;
}


/*.description p {    font-size: 14px;    min-height: 10px;    max-height: 35px;    overflow: hidden;    line-height: 18px;    text-overflow: ellipsis;        display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}*/

.description p {
    font-size: 13px;
    /*    min-height: 10px;        height: 2.40em;         line-height: 1.2em;        position: relative;        overflow: hidden;        margin-bottom: 1px;*/
}

.description p.important_text {
    font-size: 14px;
}

.short-view .description p,
.ml-view .description p {
    text-align: center;
    margin: 0;
}


/*.description p:after {    content: "";    text-align: right;    position: absolute;    bottom: 0;    right: 0;    width: 40%;    height: 20px;    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}*/

.price {
    font-size: 18px;
    font-weight: bold;
    color: #454545;
}

.short-view .price {
    align-self: center;
    text-align: center;
}

.ml-view .price {
    align-self: flex-start;
    flex: 1;
    margin: 0 5px;
    text-align: left;
}

.long-view .price {
    align-self: flex-end;
    flex: 1 1 90px;
}

.price p {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    line-height: 1.3em;
}

.action-control {
    width: 130px;
}

.short-view .action-control,
.short-view .action-control_single_piece {
    align-self: center;
    margin-top: 5px;
}

.ml-view .action-control {
    align-self: flex-end;
    margin-top: 5px;
}

.long-view .action-control,
.long-view .action-control_single_piece {
    align-self: flex-end;
    /*flex: 0 0 127px;*/
    display: flex;
    flex-direction: column-reverse;
}

.short-view .div_cart_quantity {
    align-self: center;

}

.ml-view .div_cart_quantity {
    align-self: flex-end;
}

.long-view .div_cart_quantity,
.long-view .div_cart_quantity_single_piece {
    align-self: flex-end;
    /*flex: 0 0 140px;*/
}


.action-control a {
    cursor: pointer;
}

.cart a {
    font-size: 15px;
    /*color: #454545;*/
    margin: 0 0;
}



.load-more-block {
    padding-bottom: 30px;
    position: relative;
}

.load-more-block .btn-thin {
    background: #fff;
    z-index: 2;
    position: relative;
    box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -webkit-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -moz-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -o-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
}

.load-more-block:after {
    background: none repeat scroll 0 0 #DDDDDD;
    content: "";
    display: block;
    height: 1px;
    margin-left: 30%;
    position: absolute;
    top: 18px;
    width: 40%;
    z-index: 1;
}

.featureImg a {
    display: block;
    overflow: hidden;
}

.featureImg a img {
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.featureImg a img:hover {
    transform: scale(1.1) rotate(-1.1deg);
    -webkit-transform: scale(1.1) rotate(-1.1deg);
    -moz-transform: scale(1.1) rotate(-1.1deg);
    -ms-transform: scale(1.1) rotate(-1.1deg);
    -o-transform: scale(1.1) rotate(-1.1deg);
}


/* =============================================================== */


/* PARALLAX CONTENT 1/* =============================================================== */


h1.xlarge {
    color: #FFFFFF;
    font-size: 44px;
    font-weight: 800;
    padding-bottom: 0;
    line-height: normal;
    /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #FFFFFF; */
    text-transform: uppercase;
}

h1.x2large {
    color: #FFFFFF;
    font-size: 56px;
    line-height: normal;
    font-weight: 800;
    padding-bottom: 0;
    /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #FFFFFF; */
    text-transform: uppercase;
}


/* =============================================================== */


/*  FOOTER/* =============================================================== */

.gap {
    height: 40px;
    width: 100%;
    clear: both;
    display: block;
}

.footer {
    background: #f2f2f2;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #DDDDDD;
}

.footer p {
    margin: 0;
}

.footer img {
    max-width: 100%;
}

.footer h3 {
    border-bottom: 1px solid #DDDDDD;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    padding: 40px 0 15px;
    text-transform: uppercase;
    color: #3a3a3a;
}

.footer ul {
    font-size: 13px;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
    color: #888888;
}

.footer ul li a {
    margin: 0 0 7px 0;
    display: block;
}

.footer a,
.footer h3 {
    color: #888888
}

.supportLi h4 {
    font-size: 20px;
    font-weight: lighter;
    line-height: normal;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.supportLi h4 a {
    color: #454545;
}

.newsLatterBox input#appendedInputButton {
    background: #FFFFFF;
    display: inline-block;
    float: left;
    height: 30px;
    clear: both;
    width: 100%;
}

.newsLatterBox .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    height: 40px;
    letter-spacing: 0.5px;
    padding: 0;
    width: 100%;
}

.newsLatterBox {
    overflow: hidden;
}

.bg-gray {
    background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
    box-shadow: 0 1px 0 #B4B3B3;
}

ul.social {
    margin-top: 10px;
}

.social li {
    background: none repeat scroll 0 0 #1aad20;
    border: 2px solid #1aad20;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.social li:hover {
    transform: scale(1.15) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}

.social li a {
    color: #EDEFF1;
}

.social li:hover {
    border: 2px solid #454545;
    background: #454545;
}

.social li a i {
    font-size: 16px;
    margin: 0 0 0 8px;
    color: #EDEFF1 !important;
}

.footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.footer-bottom p.pull-left {
    padding-top: 6px;
}

.paymentMethodImg img {
    margin-left: 5px;
}

@media (max-width: 767px) {
    .footer-bottom {
        text-align: center;
    }

    .footer-bottom p.pull-left {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    .paymentMethodImg {
        width: 100%;
        float: none !important;
        text-align: center;
    }

    .paymentMethodImg img {
        display: inline-block;
        float: none !important;
        max-height: 24px;
    }
}


/* =========================HOMEPAGE END==========================*/


/* =============================================================== */


/* CATEGORY PAGE START/* =============================================================== */

.breadcrumb {
    border: 1px solid #DDDDDD;
    background: none;
}

.main-container {
    min-height: 580px;
}

.headerOffset {
    padding-top: 20px;
}

.category-top>h2 {
    color: #303030;
    font-weight: 700;
    letter-spacing: 0;
}

.subCategoryList .thumbnail {
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.tree .dropdown-menu {
    position: relative !important;
    float: none !important;
    box-shadow: none !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.open-tree>.dropdown-menu {
    display: block;
}

.dropdown-menu-tree {
    display: none;
    margin-bottom: 20px;
}

.open-tree>.dropdown-menu-tree {
    display: block;
}

.tree>li.active>a,
.tree>li.active>a:hover,
.tree>li.active>a:focus {
    background: none;
    color: #454545;
}

.nav-stacked.tree>li a:hover {
    color: #454545;
    font-weight: bold;
}

.tree>.active>a>.badge {
    background: #999999;
    color: #fff;
}

.category-level-2 {
    border-left: 1px solid #DDDDDD !important;
    margin-left: 13px;
}

.category-level-2 li {
    margin-top: 2px;
}

.category-level-2 li a {
    font-weight: normal !important;
    padding: 2px 15px;
}

.category-level-2 li a.active,
.category-level-2 .dropdown-tree.active .dropdown-tree-a,
.category-level-2 .open-tree .dropdown-tree-a {
    font-weight: bold !important;
}

.priceFilterBody .form-inline .form-group {
    max-width: 30%;
    float: left;
}

.priceFilterBody .form-inline .form-group .form-control {
    width: 100%;
}

.priceFilterBody .sp {
    padding: 10px;
}

.subCategoryThumb {
    height: 80px;
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.subCategoryThumb img {
    max-width: 100%;
}

.subCategoryList {
    margin-top: 30px;
    overflow: hidden;
}

.color-details {
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
}

.productFilter {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 7px;
    padding-top: 10px;
    margin-top: 20px;
}

.productFilter p {
    display: block;
    font-size: 14px;
    margin-top: 6px;
}

.change-view {
    margin-right: 10px;
}

.subCategoryTitle {
    font-size: 13px;
    color: #444;
    font-weight: 600;
}

.change-view a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 34px;
    line-height: 23px;
    margin-left: 5px;
    overflow: hidden;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.productFilter select,
.productFilter input {
    font-size: 13px;
}

.categoryFooter {
    border-top: solid 1px #eee;
    padding-top: 20px;
    margin-top: 0;
}

.nav-stacked>li {
    border-bottom: solid 1px #eee;
}

.nav-stacked>li a {
    font-size: 13px;
}

.nav-stacked>li a:hover {
    color: #fff;
}

.nav-stacked>li.active a,
.nav-stacked>li.active {
    background: none;
    color: #454545;
    font-weight: bold;
}


/***  -------  according panel style  ------- ***/

.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    color: #454545;
    font-size: 15px;
}

.panel-heading,
.panel-group .panel {
    border-radius: 0;
}

.clearFilter {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    line-height: normal;
    padding: 2px 5px;
    text-transform: capitalize;
}

.labelRounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.clearFilter:hover {
    opacity: 0.7;
}

.collapseWill i {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    margin-right: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.collapseWill.pressed i,
.collapseWill.active i {
    margin-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.minus {
    display: block;
}

.collapseWill .minus {
    display: none !important;
}

.collapseWill.collapsed .minus {
    display: none !important;
}

.collapseWill {}

.color-filter small {
    border: 1px solid #DDDDDD;
    display: inline-block;
    height: 14px;
    margin: 0 3px 0 1px;
    width: 14px;
}


/* =============================================================== */


/* PRODUCT DETAILS PAGE/* =============================================================== */

.categoryFilter {
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    height: 50px;
}

.categoryFilter .minict_wrapper {
    max-width: 180px;
    max-height: 28px;
    height: 28px !important;
}

.categoryFilter .minict_wrapper input {
    height: 28px !important;
    font-size: 12px !important;
}

.minict_wrapper input {
    border: 0 !important;
}

.categoryFilter .minict_wrapper ul li {
    font-size: 12px !important;
}

.nav-tabs>li.active,
.nav-tabs>li {
    background: none;
}

.nav-tabs>li>a {
    border: 0;
    border-radius: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li:hover>a {
    color: #fff !important;
    border: 0;
    border-radius: 0;
}


/* -------- zoom ------- */
.cumulative-layout-shift-stopper {
    height: 350px;
}



@media (min-width: 450px) {
    .cumulative-layout-shift-stopper {
        height: 403px;
    }
}


.sp-wrap {
    border: none !important;

}


.sp-thumbs {
    text-align: center !important;
}

/*.sp-large a img {
    width: 380px;
    height: 380px;
}*/

.sp-wrap {
    z-index: 10;
    width: 100%;
    background: none !important;
}

.sp-large {

    max-width: 90%;

}



.sp-thumbs {
    position: absolute;
    right: 0 !important;
    text-align: left;
    bottom: 140px !important;
    width: 100px !important;
    z-index: 70;
}

.sp-thumbs a:link,
.sp-thumbs a:visited {
    border: 2px solid #EEEEEE;
    display: inline-block;
    margin-bottom: 10px;
    float: right;
    transition: margin 0.2s ease 0s;
}


.main-image .sp-thumbs a:link,
.sp-thumbs a:visited {
    margin-right: 0 !important;
}

.sp-thumbs a:hover {
    margin-right: 4px !important;
}

.sp-thumbs img {
    height: auto !important;
    width: 60px !important;
}


/***  -------  Product details style 2   ------- ***/

.style2 .sp-thumbs {
    top: 0 !important;
    width: 19% !important;
}

.style2 .sp-thumbs img {
    height: auto !important;
    width: 100px !important;
    max-width: 100%;
    width: 102px !important;
}

.style2 .sp-thumbs a:link,
.style2 .sp-thumbs a:visited {
    float: left !important;
    width: 100%;
}

.style2 .sp-large {
    max-width: 80% !important;
    /*border: 1px solid #DDDDDD;*/
}

.product-title {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;

}

.product-title h1 {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0.25px;
    line-height: 1;
    color: #1aad20;
    margin: 0;
}

.product-title span {
    /*color:green;*/
    color: gray;
    font-size: 18px;
    font-weight: bold;
}


.product-price {
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.product-price p {
    font-size: 14px;
    font-weight: normal;
}

.price-standard {
    color: #999999;
    font-size: 18px;
    text-decoration: line-through;
}

.product-code {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
}

/*------- product-details style 4 ------- */

.zoomThumb {
    text-align: center;
    margin-top: 10px;
}

.zoomThumb a {
    display: inline-block;
    width: 120px;
    margin-bottom: 10px;
    border: 2px solid #eee;
    display: inline-block;
    margin-right: 5px;
}

.zoomThumb a img {
    max-width: 100%;
}

.zoomImg {
    cursor: crosshair;
}


/*------- product tab ------- */

.nav-tabs {
    margin-bottom: 20px;
}

.product-tab {
    width: 100%;
    display: inline-block;
    clear: both;
}

.nav-tabs li a {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px;
    margin: 0 0 0 0;
    text-transform: uppercase;
}

.color-details {
    margin-top: 14px;
}

.swatches {
    margin: 0.5em 0;
    padding-left: 0;
}

.swatches li {
    border: 2px solid #FFFFFF;
    display: inline-block;
    margin: 2px 1px;
    vertical-align: top;
    list-style: none;
}

.swatches .selected,
.swatches li:hover {
    border: 2px solid #ddd;
}

.swatches a {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #FFFFFF;
    box-shadow: 1px 1px 2px #C5C5C5;
    display: block;
    height: 33px;
    text-align: center;
    transition: all 0.25s ease 0s;
    width: 33px;
}

.swatches a img {
    height: 29px;
    width: 29px;
}

.swatches li a:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 0;
    font-weight: lighter;
    color: #fff;
    transition: font-size 0.25s ease 0.1s;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.swatches .selected a:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 100%;
    font-weight: lighter;
    color: #fff;
    transition: font-size 0.25s ease 0.1s;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}


/***  ------- filterBox ------- ***/

.filterBox {
    display: inline-block;
}

.productFilterLook2 .filterBox {
    display: block;
    float: left;
    margin-right: 0;
    width: 100%;
}

.cart-actions {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 12px;
    clear: both;
}

.cart-actions button,
.cart-actions .btn-cart,
.cart-actions .wishlist {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Oswald, Helvetica Neue, Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    line-height: 1em;
    margin: 0 20px 0 0;
    padding: 14px 20px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
}

button.first {
    margin-right: 20px;
    margin-bottom: 10px;
}

.cart-actions .wishlist {
    background: #CCCCCC;
    line-height: 1em;
    text-decoration: none;
    border: solid 2px #CCCCCC;
    text-align: center;
}

.cart-actions .wishlist:hover {
    background: #fff;
    color: #666;
    border: solid 2px #CCCCCC;
}

.incaps {
    display: block;
    float: left;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 15px 20px 0 0;
    text-transform: uppercase;
}

.incaps i {
    font-size: 20px;
}

.color-in {
    color: #1aad20;
}

.color-out,
.red {
    color: red;
}

.product-share {
    border-top: 1px solid #DDDDDD;
    clear: both;
    display: inline-block;
    margin-top: 20px;
    padding-top: 14px;
    width: 100%;
}

.socialIcon a {
    background: #CCCCCC;
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    padding: 6px 3px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}

.socialIcon a:hover {
    color: #fff;
}


/***  ------- You may also like ------- ***/

.recommended {
    border-top: solid 2px #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

.recommended h1 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

#SimilarProductSlider .item {
    padding: 30px 0px 0;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.recommended .description {
    min-height: 70px;
}

.product-image {
    max-width: 100%;
}

.product-image img {
    max-width: 100%;
}

#SimilarProductSlider .product-image img {
    max-height: 200px;
}


/* =============================================================== */


/* CART PAGE/* =============================================================== */

.quanitySniper {
    height: 30px;
    padding: 0;
    text-align: center;
    width: 40px;
}

tr.CartProduct td,
tr.CartProduct th {
    text-align: center;
}

tr.CartProduct td:nth-child(1) {
    text-align: left;
}

tr.CartProduct td:nth-child(1)>div {
    margin-left: 7px;
}

.cartTable {
    border-top: solid 1px #EBEDEF;
}

.cartTableHeader {
    background: #EBEDEF;
}

.cartFooter {
    padding: 20px;
    border-top: solid 1px #eee;
    background: #EBEDEF;
    display: inline-block;
    width: 100%;
}

.cart-summary tr td:nth-child(2) {
    text-align: right;
}


/* =============================================================== */


/* Right side bar  //> .rightSidebar //> if needed/* =============================================================== */

.caps {
    border-top: 0 none;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0 0 16px;
    text-align: right;
    text-transform: uppercase;
}

.rightSidebar .cart-summary {
    margin: 0;
}

.rightSidebar .cart-summary:first-child tr:first-child td {
    border: none;
}

.cartMiniTable {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}

.cartMiniTable div>table>tbody>tr:nth-child(odd) {
    background: #DEDEDE;
}

.cartMiniTable.cartMiniTable div>table>tbody>tr>td {
    padding: 3px 8px;
}

.rightSidebar img {
    max-width: 100%;
}

.rightSidebar .section-title-inner {}

.categoryListPanel {
    background: #EBEDEF;
}

.contentBox {
    margin-bottom: 15px;
}

.rightSidebar .product-image img {
    float: left;
    max-width: 100%;
    width: 90px;
    margin-right: 10px;
}

.rightSidebar .product {
    padding: 10px 0;
}

.rightSidebar .item {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
}

.rightSidebar .item h4 {
    margin-top: 0;
}

.couponForm input[type="text"] {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    height: 35px;
}

.couponForm .btn {
    border-radius: 0 3px 3px 0;
}

span.success,
p.success div.success {
    color: #8BB418;
}

#total-price {
    font-size: 22px;
    font-weight: bold;
}


/* =============================================================== */


/*  CHECKOUT PAGE START/* =============================================================== */

label {
    font-weight: normal;
}

label.error {
    color: #e74c3c;
    font-size: 90%;
}

.orderStep {
    clear: both;
    display: inline-block;
    height: auto;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
}

.orderStep li {
    display: inline-block;
    float: left;
    height: 85px;
    margin: 0;
    min-height: 55px;
    padding: 0;
    width: 20%;
}

.orderStep li.active a {
    color: #fff;
}

.orderStep li.active a {
    position: relative;
}

.orderStep li.active a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-left: -10px;
}

.orderStep li a {
    background: #EFF0F2;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: normal;
    padding: 20px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
}

.orderStep li a i {
    background: rgba(0, 0, 0, 0.05);
}

.orderStep li.active a i {
    background: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
}

.orderStep li a i {
    border-radius: 0;
    display: block;
    font-size: 20px;
    height: auto;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
    padding: 0;
    text-align: center;
    width: auto;
    float: none !important;
}

.orderStep li a span {
    display: block;
    padding: 5px 0;
}


/* payment */

.paymentBox {
    margin-bottom: 30px;
    display: block;
}

.checkoutReview .CartProductThumb a img,
.checkoutReview .CartProductThumb a img {
    width: 50px;
}

.paymentBox .panel {
    box-shadow: none;
}


/* =============================================================== */


/* USER END || Account// Address // Order //  Creation/* =============================================================== */

.myAccountList li {
    text-align: center;
}

.myAccountList li a {
    font-size: 14px;
    display: block;
}

.myAccountList .thumbnail {
    padding: 10px 0 0;
}

.myAccountList .thumbnail:hover {
    background: #F5F5F5;
}

.myAccountList li a i {
    display: block;
    clear: both;
    font-size: 44px;
    margin-bottom: 10px;
}

h2.block-title-2,
.formBox h3,
.block-title-2 {
    border-bottom: 1px solid #CECECE;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

.panel-footer-address .btn {
    margin-right: 5px;
}


/***  ------- Cart & Wisth list ------- ***/

.CartProductThumb a img,
.CartProductThumb a img {
    width: 86px;
    max-width: 100%;
}

tr.CartProduct {
    border-bottom: 1px solid #E7E9EC;
}

tr.CartProduct td,
tr.CartProduct th {
    padding: 5px 1px;
}


/* mycart */

.cartTableHeader {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}


/* =============================================================== */


/* ABOUT PAGE/* =============================================================== */


/* =============================================================== */


/* CONTACT US PAGE/* =============================================================== */

.whitebg {
    background: #fff;
}

.fixedContent {
    position: fixed;
    top: 0;
    width: 100%;
    display: block;
}

.wrapper.contact-us {
    background: #FFFFFF;
    display: block;
    margin-top: 450px;
    position: relative;
    width: 100%;
    z-index: 4;
}

.h1error {
    font-size: 80px;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.err404 {
    font-weight: lighter;
}


/* =============================================================== */


/* PRODUCT DETAILS POPUP MODAL/* =============================================================== */


/* quick view btn */

div.quickview {
    display: block;
    margin-top: 40%;
    max-height: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
    visibility: hidden;
}

.product:hover div.quickview {
    visibility: visible;
}

.btn-quickview {
    border-radius: 2px;
    font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
    letter-spacing: 2px;
    color: #454545 !important;
    text-transform: uppercase;
    background: #fff;
    /* old borwser */
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-o-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    left: auto;
    min-width: 100px;
    max-height: 40px;
    height: 40px !important;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    padding: 10px;
    visibility: hidden;
    width: auto;
    display: inline-block !important;
    z-index: 2;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.product:hover .btn-quickview {
    visibility: visible;
    opacity: 0.85;
    -webkit-opacity: 0.85;
    -ms-opacity: 0.85;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}

.list-view .product:hover div.quickview {
    margin-top: 45%;
}

@media (max-width: 460px) {
    div.quickview {
        margin-top: 25%;
    }
}

@media (max-width: 400px) {
    div.quickview {
        margin-top: 35%;
    }
}

.product>.btn-quickview:hover {
    opacity: 0.95;
}


/* quick view btn end */

#product-details-modal .modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

#product-details-modal .close,
#productSetailsModalAjax .close {
    color: #454545;
    display: block;
    font-size: 34px;
    font-weight: lighter;
    line-height: 10px;
    opacity: 0.6;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: 1;
}

#productSetailsModalAjax .main-image {
    margin-top: 40px;
}

#product-details-modal .close:hover,
#productSetailsModalAjax .close:hover {
    opacity: 0.8;
}

@media (max-width: 800px) {

    #product-details-modal .modal-dialog,
    #productSetailsModalAjax .modal-dialog {
        max-width: 90%;
        margin: 20px auto;
    }
}

@media (min-width: 840px) {
    .modal-details-inner {
        min-height: 552px;
    }
}

@media (max-width: 600px) {
    #product-details-modal .modal-dialog {
        max-width: 96%;
        margin: 20px auto;
    }
}

#product-details-modal .modal-content {
    background: #fff;
    display: block;
    height: auto;
    padding: 0;
    box-shadow: none;
}

.modal-details-inner {
    padding: 30px;
}

#product-details-modal .productFilter {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#product-details-modal .filterBox {
    display: inline-block;
}

#product-details-modal .cart-actions {
    margin-bottom: 0;
    margin-top: 0;
}

#product-details-modal .color-details {
    margin-top: 5px;
}

#product-details-modal .product-share {
    border-top: 0 none;
    margin-top: 0;
    padding-top: 0;
}

.modal-product-thumb {
    border-top: 1px solid #ddd;
    clear: both;
    display: block;
    text-align: center;
}

.modal-product-thumb a {
    border: 1px solid #ccc;
    display: inline-block;
    float: none;
    margin-right: 10px !important;
    margin-top: 5px;
    height: 75px;
    overflow: hidden;
    width: 60px !important;
}

.modal-product-thumb a.selected,
.modal-product-thumb a:hover {
    border: 1px solid #000 !important;
}

.modal-product-thumb a img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 75px;
    width: 60px !important;
}




.modal-bg-1 .close {
    color: #454545;
    display: block;
    font-size: 34px;
    font-weight: lighter;
    line-height: 10px;
    opacity: 0.6;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: 1;
}



.discountLg {
    color: #000;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 46px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 46px;
    text-transform: uppercase;
}



.newsletter {
    border: 2px solid #ddd;
    display: inline-block;
    width: auto;
}

.newsletter input[type="text"] {
    background: #fff;
    border: medium none;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.newsletter input[type="text"]:focus {
    text-shadow: none;
    color: #666;
}

.newsletter .subscribe-btn {
    background: #ddd;
    border: 0 none;
    border-radius: 0;
    color: #3a3a3a;
    float: left;
    font-weight: normal;
    height: 40px;
    line-height: normal;
    padding: 0 10px;
}

@media (max-width: 442px) {
    .discountLg {
        font-size: 36px;
        letter-spacing: 2px;
        line-height: 40px;
    }

    #modalAds h3 {
        color: #444;
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 26px;
    }

    .newsletter input[type="text"] {
        width: 100%;
    }

    .newsletter .subscribe-btn {
        margin-left: 0;
        margin-top: 5px;
        width: 100%;
    }
}

.newsletter .subscribe-btn:hover {
    background: #b7b7b7;
}

.shoplink {
    color: #000;
    display: inline-block;
    clear: both;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    left: 2px;
    margin-top: 20px;
    text-decoration: underline;
    text-transform: uppercase;
}


/* =============================================================== */


/* =============================================================== */


/* CUSTOM RESPONSIVE/* =============================================================== */

@media (min-width: 1800px) {

    .banner,
    .slider-content,
    .slider,
    .slider-v2 {
        max-height: 700px;
    }

    .sliderImg {
        width: 100%;
    }
}

@media only screen and (max-width: 1224px) {
    input.quanitySniper {
        width: 35px !important;
    }
}

@media (max-width: 1024px) {
    .navbar.stuck .navbar-top {
        margin-top: 0 !important;
    }

    .banner {
        margin-top: 70px !important;
    }

    .header-version-2 .banner {
        margin-top: 130px !important;
    }

    .social li {
        margin: 0 6px 0 0;
    }

    .cartMenu.static-search-box a.dropdown-toggle {
        padding-left: 10px;
        padding-right: 10px;
    }

    .search-box.static-search .form-control {
        max-width: 104px
    }
}


/*@media (max-width: 979px) and (min-width: 768px) { Chaged by TW*/

@media (max-width: 991px) and (min-width: 768px) {
    .cartMenu a.dropdown-toggle {
        height: 50px;
    }

    .cartRespons {
        display: none;
    }
}


/* // NEW  */

@media (max-width: 991px) and (min-width: 768px) {

    /*    .navbar-nav > li > a {            padding-left: 10px;            padding-right: 10px;            font-size: 12px;        }*/
    .cartMenu a.dropdown-toggle {
        font-size: 12px;
        padding: 15px 15px;
    }
}

@media (max-width: 767px) {
    .container {
        width: 100% !important;
    }
}

@media (max-width: 979px) {

    /*** iPads (portrait and landscape) ***/
    .subCategoryThumb img {
        height: 100% !important;
    }

    /*    .container {            width: 100% !important;            max-width: 900px !important;        }*/
    .category-top {
        margin-top: 30px;
    }

    .cartRespons {
        font-size: 0;
    }

    .hidden-xs .cartMenu .dropdown-toggle {
        padding-bottom: 9px;
        padding-top: 16px;
    }

    .sliderText {
        margin-top: 6%;
    }

    .header-version-2 .sliderText {
        margin-top: 10%;
    }

    .sliderText .inner {
        padding: 15px;
    }

    .sliderText h1 {
        font-size: 30px;
    }

    .sliderText.white h1 {
        padding-bottom: 0;
    }

    .sliderText.white h3.price {
        font-size: 18px;
        padding-bottom: 0;
    }

    .sliderText.white .inner {
        padding: 5px 0;
    }

    h1.xlarge {
        font-size: 36px;
    }

    .sliderTextFull h3 {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    .sliderInfo .btn-lg,
    .sliderText.white .btn {
        font-size: 14px;
        line-height: 1.471;
        padding: 5px 15px;
    }


    .sliderControl {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }

    .sliderControl .fa-3x {
        font-size: 2.5em;
    }

}

@media (min-width: 768px) {
    .megamenu-content.has20 {
        width: 202px;
    }

    .megamenu-content.has40 {
        width: 460px;
    }

    .megamenu-content.has60 {
        width: 670px;
    }

    .megamenu-content.has4col {
        width: 700px;
    }

    .hasMega {
        position: relative !important;
    }

    .hasMega .dropdown-menu {
        min-width: 202px;
    }

    .hasMega.megamenu-20width .dropdown-menu {
        min-width: 202px;
    }

    .hasMega.megamenu-40width .dropdown-menu {
        min-width: 460px;
    }

    .hasMega.megamenu-60width .dropdown-menu {
        min-width: 670px;
    }

    .hasMega.megamenu-70width .dropdown-menu {
        min-width: 700px;
    }
}

@media (max-width: 767px) and (min-width: 0) {

    /***  ipad 4 , iphone 4 fixed  ***/
    .hidden-xs {
        display: none !important;
        visibility: hidden !important;
    }
}

@media screen and (max-width: 767px) {

    /* phones */
    .static-search.navbar-formbox {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .static-search.navbar-formbox {
        margin: 0;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }

    .static-search.navbar-formbox .navbar-form {
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .search-box.static-search .input-group {
        max-width: 100%;
        width: 100%;
    }

    .search-box.static-search .form-control {
        max-width: 100%;
        width: 100%;
    }

    .search-box.static-search:hover .form-control {
        max-width: 100%;
        width: 100%;
    }

    .userMenu li a {
        padding-top: 3px;
        line-height: normal;
    }

    .phone-number i.glyphicon-phone-alt {
        padding-top: 2px !important;
    }

    .navbar-brand {
        padding: 3px;
    }

    .search-box .input-group {
        margin-top: 9px;
    }

    .search-box .input-group .btn {
        box-shadow: none;
        padding: 9px 10px;
    }

    .miniCartFooter {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border-top: 2px solid rgba(255, 255, 255, 0.5) !important;
        margin-top: 10px !important;
    }

    .cartMenu table tr {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }

    .cartRespons {
        font-size: 14px;
    }

    .navbar-cart {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-cart.in .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #fff;
        background: rgba(255, 255, 255, 0.7) !important;
    }

    .miniCartFooter .btn {
        color: #fff !important;
    }

    .miniCartProduct,
    .miniCartProduct a,
    .miniCartProduct p,
    .miniCartProduct .size,
    .miniCartProduct .price,
    .dropdown-header {
        /*color: #FFFFFF; TW*/
    }

    /*    .megamenu-content ul li a, .megamenu-content ul li p, .megamenu-content ul li, .navbar-nav .dropdown a, .navbar-nav .dropdown {            color: #fff;        }*/
    .searchInputBox {
        max-width: 80%;
    }

    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu .dropdown.megamenu-50width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu .dropdown.megamenu-40width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu-content ul li {
        border-color: rgba(255, 255, 255, 0.2);
    }

    /***  banner slider responsive  ***/
    /*    .banner {            margin-top: 70px !important;        }*/
    .sliderTextFull .inner.dark {
        max-width: 100%;
        padding: 5px;
    }

    .parallaximg.ismobile {
        margin-top: 0 !important;
    }

    /*    h1.xlarge {
            font-size: 20px;
            font-weight: 800;
            line-height: normal;
            padding-bottom: 0;
        }*/
    .sliderTextFull h3 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 5px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .sliderText h1 {
        font-size: 24px;
        padding-bottom: 0;
    }

    .sliderInfo .btn-lg {
        font-size: 12px;
        padding: 5px 10px;
    }

    .sliderText .inner {
        padding: 5px;
    }

    .sliderText h3.price {
        font-size: 16px;
        padding-bottom: 2px;
    }

    .featureImg a {
        margin-bottom: 20px;
    }

    .navbar-top i {
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        padding: 3px 0 0;
    }

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

    /* Home v5 Slider */
    .ps-nav {
        top: 34%;
    }

    .ps-nav img {
        width: 80px;
    }

    .cart-actions button,
    .cart-actions .btn-cart,
    .cart-actions .wishlist {
        margin-bottom: 15px;
    }
}

@media (min-width: 0) and (max-width: 991px) {

    .cart-actions button,
    .cart-actions .btn-cart,
    .cart-actions .wishlist {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 580px) {

    /* phones (portrait and landscape) ----------- */
    .xs3Response {
        width: 50% !important;
    }

    .sliderTextFull {
        color: #FFFFFF;
    }

    .parallax-content h2 {
        color: #FFFFFF;
        display: inline-block;
        font-size: 20px;
        line-height: 22px;
    }

    .parallax-content h3 {
        font-size: 16px;
        line-height: normal;
    }

    .style2 .section-title,
    .section-title.style2 {
        font-size: 24px;
    }

    .style2 .section-title:after,
    .section-title-style2:after,
    .section-title.style2:after,
    .section-title-style2:after {
        margin-left: 10%;
        top: 32px;
        width: 80%;
    }

    .orderStep li a span {
        font-size: 11px;
    }

    .categoryFooter .pagination {
        margin-bottom: 10px;
    }

    .sp-thumbs {
        bottom: 0 !important;
    }

    .CartProductThumb a img {
        margin-right: 5px;
    }


    .sliderControl {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }

    .sliderControl .fa-3x {
        font-size: 2em;
    }


    /* Home v5 Slider */
    .ps-nav {
        top: 28%;
    }

    .ps-nav img {
        width: 80px;
    }

    #imageShowCase .product-slide h1 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 22px;
    }

    .newsletter {
        border: 0;
    }

    #subscribe {
        border: solid 1px #ddd;
    }

    .modal-dialog {
        background: #fff none repeat scroll 0 0;
        margin: 6% auto;
        max-width: 95%;
        overflow: auto;
        width: 100%;
    }

    #modalAds .modal-dialog {
        display: block;
        margin: 10% auto;
        max-width: 94%;
        min-height: 340px;
        overflow: auto;
        padding: 10px 0;
        position: relative;
    }
}

@media (max-width: 480px) {

    .navbar-toggle {
        background: none !important;
    }

    h1.xlarge {
        font-size: 20px;
        font-weight: 800;
        line-height: normal;
        padding-bottom: 0;
    }

    h1.x2large {
        font-size: 38px;
    }

    .title-big {
        font-size: 38px;
    }

    .supportLi h4 {
        font-size: 14px;
    }

    .cartTableHeader {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .CartProduct .delete i {
        font-size: 16px !important;
    }


    .CartProductThumb a img {
        max-width: 60px !important;
    }



    .CartDescription h4 a {
        font-size: 14px !important;
        line-height: normal;
    }

    .cart-actions button,
    .cart-actions .wishlist {
        font-size: 14px !important;
        padding: 10px !important;
    }

    .navbar-brand.windowsphone {
        display: block;
        float: left;
    }

    .navbar-brand.windowsphone img {
        max-width: 65px;
    }

    .featuredPostContainer.globalPadding {
        padding: 10px 0 !important;
    }

    .col-xs-mini-6 {
        width: 50%;
    }

    .col-xs-min-12,
    .col-xxs-12 {
        width: 100%;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-center-xs .caps {
        font-size: 14px;
        text-align: center;
    }

    .home-intro h2 {
        font-size: 18px;
        font-weight: 200;
        letter-spacing: 1px;
    }

    .no-float-xs {
        float: none !important;
    }
}


/*@media (max-width: 359px) {*/

@media (max-width: 580px) {

    .container,
    .container-fluid {
        min-width: 310px;
    }

    .cartFooter .box-footer div {
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }

    .navbar-brand {
        padding: 3px 0 0 10px;
    }

    .navbar-brand img {
        max-width: 100px;
        top: 7px;
        position: relative;
    }

    .navbar-header.isios .navbar-brand img {
        max-width: 60px !important;
    }

    /*    .navbar-header .navbar-toggle {            margin-right: 10px;            padding: 9px 2px;        }*/
    .cartFooter {
        padding: 5px 0;
    }

    .checkoutReview th {
        font-size: 13px;
    }

    .col-xs-mini-6 {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .container {
        width: 100% !important;
        max-width: 320px !important;
    }

    .banner {
        width: 100% !important;
        max-width: 320px !important;
        overflow: hidden !important;
    }
}


/* IMAGE HOVER */

.itemauto {
    height: auto;
    max-height: none;
}

.imageHover {
    display: block;
    max-height: 404px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.imageHover a {
    display: block;
    overflow: hidden;
}

.img-responsive.primaryImage {
    position: relative;
    z-index: 1;
    transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    transform-style: preserve-3d;
    opacity: 1;
}

.secondaryImage {
    left: 0;
    position: absolute;
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
    top: 0;
    opacity: 0;
}

.imageHoverFlip .primaryImage {
    transform-style: preserve-3d;
    transform: rotateY(0);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}

.imageHoverFlip .secondaryImage {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}

.product:hover .secondaryImage {
    opacity: 1;
}

.product:hover .img-responsive.primaryImage {
    opacity: 0;
}

.product:hover .imageHoverFlip .img-responsive.primaryImage {
    transform: rotateY(180deg);
}

.product:hover .imageHoverFlip .img-responsive.secondaryImage {
    opacity: 1;
    transform: rotateY(0deg);
}


/* carousel-inner */

.carousel-inner>.item {
    height: auto;
    margin-bottom: 0;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    display: block;
}

.imageHover .glyphicon-chevron-right::before {
    content: "\f105";
    font-family: 'FontAwesome' !important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999 !important;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}

.imageHover .glyphicon-chevron-left::before {
    content: "\f104";
    font-family: 'FontAwesome' !important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999 !important;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}

.imageHover .carousel-control.left {
    background-image: none !important;
    z-index: 5;
}

.imageHover .carousel-control.right {
    background-image: none !important;
    z-index: 5;
}

.hoverNav .carousel-control {
    transform: scale(0.1);
    visibility: hidden;
    transition: all 0.3s ease 0.1s;
}

.product:hover .hoverNav .carousel-control {
    transform: scale(1);
    visibility: visible;
}

.imageHover div.quickview {
    margin-top: 60%;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media (max-width: 767px) {
    .imageHover .glyphicon-chevron-right::before {
        height: 25px;
        width: 25px;
    }

    .imageHover .glyphicon-chevron-left::before {
        height: 25px;
        width: 25px;
    }
}


/* ORDER STATUS */

.order-box {
    background: #fff;
    border: solid 1px #ccc;
    margin-bottom: 30px;
}

.order-box-header {
    background: #ebeded;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}

.order-box-content {
    padding: 15px;
}

.order-box-content table td {
    padding: 5px;
}

.statusTop {
    margin-bottom: 20px;
}

.statusTop p {
    font-size: 16px;
    margin-bottom: 5px;
}

.order-details-cart {
    width: 100%;
}

.order-details-cart tr {
    border-bottom: solid 1px #ddd;
}

.order-details-cart img {
    width: 80px;
}

.cartTotalTr {
    border: none !important;
}

.cartTotalTr td {
    text-align: right;
}


/* Thanks Page */

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.thanxContent {
    padding: 70px 0 30px;
}

.thanxContent a {
    color: #A2C15A;
}

.thanxContent h1 {
    margin-bottom: 0;
    font-size: 40px;
}

.thanxContent h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
}

.cartTableBorder {
    border: solid 1px #EBEDEF;
}


/* review modal */

.rating-here .fa,
.rating .fa {
    color: #E7711B;
}

.reviewtitle {}


/* NAV TREE */

.nav-category {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.nav-category li a {
    border-top: 1px solid #ddd;
    clear: both;
    display: block;
    font-weight: 600;
    position: relative;
    padding: 10px 20px;
}

.nav-category li a:hover {
    background: #f5f5f5;
}

.nav-category li a.child-has-open:hover {
    background: #fff;
}

.nav-category a span {
    padding-right: 5px;
    display: inline-block;
}

.nav-category li ul {
    margin: 0;
    padding: 0;
    background: #f5f5f5;
}

.nav-category ul a {
    padding-left: 30px;
    font-size: 13px;
}

.nav-category ul ul a {
    padding-left: 45px;
}

.nav-category ul ul ul a {
    padding-left: 60px;
}

.nav-category ul ul ul ul a {
    padding-left: 75px;
}

.nav-category li a.child-has-open {
    font-weight: bold;
}

.child-has-open::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}

.child-has-close::after {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}


/* SELECT 2 PLUGIN CUSTOMIZE */

.select2-container .select2-selection--single {
    height: 37px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 3px 3px;
    border-style: solid;
    border-width: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888;
    line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.productFilter .select2-container,
.form-group .select2-container {
    width: 100% !important;
}


/* iCheck Customize */

.radio-inline,
.checkbox-inline,
.radio label,
.checkbox label {
    padding-left: 0;
}

.iCheck-margin {
    margin-right: 5px;
}


/* MENU OVERLAPPED */

@media screen and (min-width: 768px) {
    .ProductDetailsList.megamenu-content ul {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ProductDetailsList.megamenu-content ul li a {
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 1px;
    }

    .ProductDetailsList.megamenu-content ul li strong a {
        font-size: 14px;
    }
}


/* ONEPAGE PAYMENT */

.payment-method {
    display: block;
    float: left;
    margin: 10px 0;
    width: 100%;
}


/* OWL PAGINATION ARROW */

.owl-theme .owl-controls .owl-has-nav {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    height: 22px;
    position: relative;
    width: 12px;
    cursor: pointer;
    transition: 0.3s ease;
    opacity: 1;
}

.owl-has-nav:hover {
    opacity: .5;
}

.owl-has-nav i {
    position: absolute;
    top: 0;
}

.owl-has-nav.owl-next i {
    right: 0;
}

.owl-has-nav.owl-prev i {
    left: 0;
}


/* PAGE v-7.1 MENU  */

.container.static,
.static {
    position: static;
}

.container.static .megamenu-content.container {
    padding-left: 0;
    padding-right: 0;
}


/* PAGE About 3   */

.about-3 {
    height: auto;
    max-height: none;
    background-position: 50% center;
    background-size: cover;
}

.about-3 .parallax-content {
    padding: 60px 0;
}

.about-3 .w100 {
    background: rgba(0, 0, 0, 0.3);
}

.about-3 .intro-heading {
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    padding: 150px 0;
}

.about-content {
    max-width: 800px;
    margin: 0 auto;
    clear: both;
}

.lead-2 {
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.4;
}

.about-content .lead-2 {
    margin: 50px 0;
}

.abt-img {
    width: 350px;
    margin: 0 auto;
}

.about-content-text {
    max-width: 380px;
    margin: 0 auto;
}

.about-content-text h3 {
    color: #303030;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    margin-top: 0;
    padding-top: 0;
}

.about-content-text>h3::after {
    border-bottom: 2px solid #888888;
    content: "";
    display: block;
    height: 2px;
    margin-top: 30px;
    width: 50px;
}

.about-content-text p {
    color: #888888;
    font-size: 16px;
    line-height: 24px;
}

.preson-row {
    text-align: center;
}

.preson-row .preson {
    display: inline-block;
    width: 230px;
    margin-right: 15px;
    margin-bottom: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.preson-row .preson:last-child {
    margin-right: 0;
}

.preson-row .preson img {
    max-width: 80%;
    margin: 0 auto;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    opacity: 1;
}

.preson-row .preson:hover img {
    opacity: .8;
}

.preson-details {
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
}

.preson-details p {
    font-size: 16px;
    color: #303030;
    font-weight: 700;
}

.preson-details p span {
    color: #888888;
    font-size: 14px;
}

.about-title {
    color: #888888;
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0;
    text-transform: uppercase;
    position: relative;
    display: block;
}

.about-title::after {
    border-bottom: 2px solid #888888;
    content: "";
    display: block;
    height: 2px;
    margin: 15px auto 0;
    width: 50px;
}

.section-people {
    margin-top: 60px;
}

.section-about-bottom {
    padding: 60px 0 200px;
}

@media screen and (max-width: 1200px) {
    .preson-row .preson {
        margin-right: 15px;
        width: 200px;
    }
}

@media screen and (min-width: 1400px) {
    .section-about-bottom {
        background-position: top center !important;
    }
}

@media screen and (max-width: 991px) {
    .preson-row .preson {
        margin-right: 15px;
        width: 160px;
    }
}

@media screen and (max-width: 767px) {
    .section-about-bottom {
        padding: 30px 0 80px;
    }

    .about-content-text h3 {
        margin-top: 15px;
        font-size: 18px;
    }

    .about-3 .intro-heading {
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        padding: 20px 0;
    }

    .about-content-text p {
        font-size: 14px;
    }

    .lead-2 {
        font-size: 16px;
    }

    .about-content .lead-2 {
        margin: 0 0 15px;
    }
}

.white-bg {
    background: #fff;
}


/*.bootstrap-touchspin {    width: 50px;    margin: 0 0 0 20px;}*/

.div_cart_quantity,
.div_cart_quantity_single_piece {
    /*display: none;*/
    width: 130px;
    align-self: center;
    /* margin: 5px 0 0 0 !important; */
}

.cart_quantity,
.cart_quantity_entry {
    height: 32px;
    width: 100%;
}

input.cart_quantity,
input.cart_quantity_entry {
    text-align: center;
}

input.cart_quantity_entry {
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid #1aad20;
    border-radius: 0;
    box-shadow: none;
}


.bootstrap-touchspin-up {
    background-color: #1aad20;
}

.bootstrap-touchspin-down {
    background-color: #1aad20;
}

#nutrition_table {
    border-spacing: 0;
    border: solid 1px;
    margin: 0 20px 20px 0;
}

#nutrition_table thead tr:first-child th {
    padding-top: 10px;
}

#nutrition_table thead tr:last-child th {
    padding-bottom: 10px;
    border-bottom: solid 1px
}

#nutrition_table thead tr th:first-child {
    padding-left: 15px;
}

#nutrition_table thead tr th:last-child {
    padding-right: 15px;
}

#nutrition_table tbody tr:first-child td {
    padding-top: 10px;
}

#nutrition_table tbody tr:last-child td {
    padding-bottom: 10px;
}

#nutrition_table tbody tr td:first-child {
    padding-left: 15px;
}

#nutrition_table tbody tr td:last-child {
    padding-right: 15px;
}

#nutrition-facts {
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

div#vegan {
    /*    position: absolute;        bottom: 5px;        left: 5px;*/
    width: 75px;
    height: 60px;
    background: transparent url(https://www.vegusto.ch/shop/img/vegan60b.png);
    z-index: 1;
    margin-bottom: 20px;
}

table#nav-bar-cart-table tr:nth-child(odd) {
    background: #F1F1F1
}

table#nav-bar-cart-table tr:nth-child(even) {
    background: #FFF
}

#cart_products_table>tbody>tr:nth-child(odd) {
    background: #DEDEDE
}

#cart_products_table>tbody>tr:nth-child(even) {
    background: #f2f2f2;
}



/*#cart tr:nth-child(even) {
    background: #f2f2f2;

}*/


.nav-desk-slider-cart .add-products-with-jquery tr:nth-child(even) {
    background-color: #f2f2f2;
}

.nav_mobile_slider-cart-div .add-products-with-jquery tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.nav_mobile_slider-cart-div .cart_total_table tr:nth-child(odd),
.nav-desk-slider-cart .cart_total_table tr:nth-child(odd) {
    background-color: #f2f2f2;
}




#cart_scrollbar {
    /*overflow:auto;*/
    border-color: #DDD;
    border-style: solid;
    border-width: 1px 0 1px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#cart_scrollbar>table>tfoot {
    border-top: 1px #DDD solid;
}

.cartDecorator {
    position: relative;
    box-shadow: 3px 3px 15px #CCC;
    border-color: #DDD;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    background-color: white;
}

.cartDecorator:before {
    background-color: #1aad20;
    background: -webkit-linear-gradient(left, #1aad20, #009f44);
    background: linear-gradient(to right, #1aad20, #009f44);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1,startColorstr=#1aad20,endColorstr=#009f44)";
    content: '';
    position: absolute;
    height: 6px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.addto {
    width: 160px;
    float: left;
}

#recipes>div>div {
    min-height: 230px;
}

.header-img-back-div {
    height: 100%;
    width: 100%;
    /*background:  url(http://www.vegusto.ch/de/images/kopf.png) no-repeat;*/
    /*background:  url(/bs-shop/images/header/header-2017.jpg) no-repeat;*/
    /*background:  url(/bs-shop/images/header/header-middle.svg) no-repeat;*/
    background: url(/m/images/header/header-middle.svg) no-repeat;
    /*background:  url(/bs-shop/images/header/header-2017.png) no-repeat;*/
    background-size: 100%;
    padding-top: 10.01%;
    /*background: green;*/
}

.flow_green {
    margin: auto;
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* Opera */
    background-image: -o-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECF7E5), color-stop(0.7, #42B300));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* W3C Markup, IE10 Release Preview */
    /*background-image: linear-gradient(to bottom, #ECF7E5 0%, #42B300 70%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF7E5', endColorstr='#42B300', GradientType=0);
}

.flow {
    background: rgba(73, 155, 234, 1);
    background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(42%, rgba(88, 167, 240, 1)), color-stop(67%, rgba(255, 252, 239, 1)), color-stop(100%, rgba(255, 252, 239, 1)));
    background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#fffcef', GradientType=0);
}

#navbar {
    /*display:none;*/
    position: static;
    margin: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {}

.ui-menu {
    z-index: 1050 !important;
}

.equal {
    display: flex;
    flex-wrap: wrap;
}

.equal>div[class*='col-'] {
    display: flex;
    flex-direction: column;
}


.biColoredUnderline {
    line-height: 1;
    margin: 18px 0 10px;
    padding: 0;
    border-bottom: 3px solid #7ede1a;
}

.biColoredUnderline span {
    border-bottom: 3px solid #1aad20;
    display: inline-block;
    margin-bottom: -3px;
    padding-bottom: 10px;
}


.img-group {
    width: 100%;
    /*    box-shadow: 3px 3px 15px #CCC;
        margin-bottom: 10px;*/
}

.alert {
    box-shadow: 3px 3px 15px #CCC;
}


/* Product Search*/

.ps_content {
    display: flex;
}

.ps_content input,
.ps_content textarea {
    font-size: 16px;
}

.product_search_error {
    font-weight: bold;
    color: red;
    display: none;
}

#product_added_text,
#fast-inupt-product_added_text {
    font-weight: bold;
    color: green;
    display: none;
}

input.product_search_text {
    font-size: 17px;
}

hr {
    border-bottom: 3px solid #7ede1a;
}

.gray_border {
    background: #efe;
    border: solid 1px #1aad20;
    padding: 0px 20px 15px 20px;
    border-radius: 5px;
    overflow: auto;
}

.green_border {
    background: #efe;
    border: solid 1px #1aad20;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    overflow: auto;
}

.red_border {
    background: #fdd;
    border: solid 1px #ad1a20;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    overflow: auto;
}

.search-navbar-collapse-form {
    margin: 8px 0px;
}

.navbar span.free-shipping-soon {
    color: black;
}

.cart-qty {
    top: -16px;
    left: 9px;
    height: 23px;
    min-width: 23px;
    line-height: 23px;
    font-size: 12px;
    background-color: #e74c3c;
    font-family: sans-serif;
}

@media (max-width: 767px) {
    .cart-qty {
        top: -7px;
        left: 17px;
    }
}

.cart-qty,
.user-log-in-mark,
.user-log-out-mark {
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: right;
    cursor: pointer;
    position: absolute;
}

.user-log-out-mark {
    top: 17px;
    height: 17px;
    min-width: 17px;
    line-height: 17px;
    font-size: 8px;
    background-color: #e74c3c;
}

.user-log-out-mark::before,
.user-log-out-mark::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 3px;
    background-color: #fff;
    border-radius: 1px;
}

.user-log-out-mark::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.user-log-out-mark::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.user-log-in-mark {
    display: none;
    top: 17px;
    height: 17px;
    min-width: 17px;
    line-height: 17px;
    font-size: 8px;
    background-color: #1fda26;
}

.user-log-in-mark::before {
    content: '';
    position: absolute;
    top: 45%;
    left: calc(50% + 2px);
    width: 10px;
    height: 5px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-radius: 1px;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.pull-right .user-log-out-mark,
.pull-right .user-log-in-mark {
    right: -3px;
    top: 25px;
}

.dropdown-menu-login {
    width: 250px;
}

.user-login-navbar-collapse a {
    width: 100%;
}

@media (max-width: 767px) {

    .user-login-navbar-collapse,
    .navbar-collapse {
        color: black;
        background-color: #e8e8e8;
    }

    .user-login-navbar-collapse>ul>li>a,
    .navbar-collapse>ul>li>a {
        color: black;
    }
}

.user-login-navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -7.5px;
    margin-bottom: -7.5px;
    padding-right: 15px;
    padding-left: 15px;
}

.collapsing {
    width: 100%;
}

.header-text h4 {
    font-size: 22px;
}

.header-text {
    position: absolute;
    top: 10%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;

    text-shadow:
        2px 2px 5px rgba(0, 0, 0, 0.7),
        /* Dunklerer, stärkerer Schatten */
        -2px -2px 5px rgba(0, 0, 0, 0.7),
        /* Zweiter Schatten in die andere Richtung */
        0 0 10px rgba(255, 255, 255, 0.7);
    /* Ein heller Schein für zusätzliche Kontraste */
}

@media (max-width: 767px) {

    /* Bootstrap 'xs' */
    .header-text {
        bottom: 10%;
        top: auto;
        /* Überschreibt die obere Position */
    }
}

@media (min-width: 768px) {
    .header-text.splash-screen {}

    .header-text {
        top: 0;

    }
}

.header-text div div {
    /*background: rgba(214, 214, 214, 0.73);*/
    display: block;
    padding: 10px 0px;
    /* margin: 0 10%; */
}



.header-text h1 span,
.header-text h4 span {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: white;
    padding: 1px 6px;
    /* background-color: #1aad20; */
    /* line-height: 165%; */
    /*line-height: 1.7;*/
}

.header-text h4 span {
    line-height: 120%;
}

@media (min-width: 768px) {
    .container>.navbar-collapse {
        margin-right: 15px;
    }
}

.overlay {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.overlay>a {
    position: absolute;
    pointer-events: all;
}

.shop-button {
    left: calc(50% - 107px);
    top: 70%;
}

a.eu-shop-button {
    left: calc(50% - 107px);
    top: calc(70% + 55px);
}

@media (min-width: 768px) {
    .overlay>a>button {
        font-size: 24px
    }

    .classic-shop {
        left: 27%;
        top: 70%;
    }

    .responsiv-shop {
        left: 60%;
        top: 70%;
    }

    a.eu-shop-button>button {
        font-size: 15px;
        text-decoration: underline;
        background-color: white;
        background: white;
        color: #1aad20;
        font-weight: bold;
        border-radius: 3px;
        height: 35px;
        width: 214px;

        text-decoration: none;
    }


}

@media (max-width: 767px) {
    .classic-shop {
        left: 17%;
        top: 70%;
    }

    .responsiv-shop {
        left: 60%;
        top: 70%;
    }
}

#nav-bar-cart-table {
    margin-top: 5px;
    width: 100%;
}

tr.miniCartProduct:nth-child(2)>td {
    padding: 0 0;
}

tr.miniCartProduct>td {
    padding: 3px 0;
    /*background-color: lightskyblue;*/
}

#nav-bar-cart-table tr.miniCartProduct td:last-child {
    display: none;
}

.navbar-toggle {
    margin-right: 20px;
}

#cart_scrollbar table {
    width: 100%;
}

.carousel-content {
    color: black;
    display: flex;
    align-items: center;
}

#text-carousel {
    width: 100%;
    height: auto;
    padding: 50px;
}

#text-carousel .carousel-indicators li {
    border-color: black;
}

#text-carousel .carousel-indicators li.active {
    background-color: lightslategray;
}

.carousel-content p:nth-child(1) {
    width: 100%;
    text-align: center;
    font-size: large;
}

.important_text {
    color: red;
    font-weight: bold;
}


/*Flexbox*/

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

.row-fb {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-fb {
    flex: 1 0 auto;
    width: 100%;
}

.item-org {
    margin: 5px;
}


/*@media only screen and (min-width: 576px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/


/*@media only screen and (min-width: 768px) {    .item-fb {        flex-basis: calc(100% - 12px);    }}*/


/*@media only screen and (min-width: 992px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/


/*@media only screen and (min-width: 992px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/


/*@media only screen and (min-width: 1200px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/

body {
    margin: 0
}

.product-fb {
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
}

.product-fb img {
    flex: 0 0 110px;
    margin-right: 10px;
    max-width: 110px;
}


/*h4 {font-family: arial;}*/

.product-fb .description-fb {
    flex: 1 1 auto;
    width: calc(70% - 10px);
    position: relative;
    height: 100%;
}

.description-fb h4 {
    margin-top: 5px;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #3a3a3a;
}

.add2cart-fb {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.img-group-fb {
    width: calc(100% - 14px);
    box-shadow: 3px 3px 15px #CCC;
    margin: 7px;
}

.product .image {
    /*    width: 18%;        float: left;*/
    flex: 0 0 90px;
}

.long-view,
.short-view,
.ml-view {
    display: flex;
}

.long-view div,
.short-view div,
.ml-view {
    margin: 5px 5px;
    /*  border: 1px solid #eee;        box-sizing: border-box;*/
}

.long-view>.description {
    flex: 10 1 200px;
}

.short-view div {
    /*    border:1px solid #eee;        box-sizing: border-box;*/
}

@media only screen and (max-width: 576px) {
    .long-view {
        display: none;
    }

    /*    .item {            height: 170px;        }*/
    .row-fb .item-org {
        flex: 1 1 calc(100% - 10px);
        max-width: calc(100% - 10px);
        padding: 5px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .short-view {
        display: none;
    }

    /*    .item {            height: 90px;        }*/
    .row-fb .item h4 {
        text-align: left;
    }

    .row-fb .item-ml,
    .row-fb .item-mls {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-org {
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
        padding: 10px;
    }
}

/*@media only screen and (min-width: 768px) and (max-width: 991px) {
    .long-view {
        display: none;
    }
    .row-fb .item-ml,
    .row-fb .item-mls {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 5px;
        margin: 0;
    }
    .row-fb .item-org {
        flex: 1 1 calc(33% - 10px);
        max-width: calc(33% - 10px);
        padding: 10px;
    }
}*/

/*@media only screen and (min-width: 992px) and (max-width: 1199px) {*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .short-view {
        display: none;
    }

    /*    .item {            height: 90px;        }*/
    .row-fb .item h4 {
        text-align: left;
    }

    .row-fb .item-ml {
        flex: 1 1 33.333%;
        max-width: 33.333%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-mls {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-org {
        flex: 1 1 calc(33.333% - 10px);
        max-width: calc(33.333% - 10px);
        padding: 10px;
    }
}

@media screen and (min-width: 1200px) {
    .short-view {
        display: none;
    }

    .row-fb .item-ml {
        flex: 1 1 25%;
        max-width: 25%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-mls {
        flex: 1 1 33.333%;
        max-width: 33.333%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-org {
        flex: 1 1 calc(25% - 10px);
        max-width: calc(25% - 10px);
        padding: 10px;
    }
}

.comlum-grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
}

.ml-view-inner {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
}

.comlum-grid div,
.ml-view-inner div {
    margin: 0;
}

#textarea_fast_input {
    width: 100%;
    height: 255px;
    resize: vertical;
}

.ml-view-inner .image {
    flex: 0 0 110px;
    position: relative;
}

.ml-view-inner .important_text {
    margin: 0 5px;
}

.ml-view .promotion {
    left: -5px;
}

.cart_total_table {
    width: 100%;
    font-size: 16px;
    /*font-weight: bold;*/
    color: black;
}

.cart_total_table a {
    font-size: 16px;
    font-weight: bold;
    color: black;
}

.glyphicon-trash {
    margin: 0 5px;
}

#overview h4 {
    padding-bottom: 3px;
    margin: 5px 0 0;
}

.validation_error {
    background-color: #f2dede;
    border-color: #a94442 !important;
}

@media print {

    .no-print,
    .no-print * {
        display: none !important;
    }

    a[href]:after {
        content: "";
    }
}

.owl-carousel>div {
    text-align: center;
    padding: 12px 0 8px 0;
}

.owl-stage-outer span {
    margin: 0 0 5px 0;
    vertical-align: middle;
    font-size: 15px;
}

.owl-stage-outer i {
    vertical-align: middle;
    font-size: 22px;
}

#buy-resanons {
    /*    border-style: solid;        border-width: 1px 0 1px 0;        border-color: black;*/
    border-radius: 0;
    position: relative;
    margin: 5px 0 0;
}

#buy-resanons>a.close {
    position: absolute;
    height: 30px;
    top: calc(50% - 10px);
    right: 5px;
    font-size: 30px;
    line-height: 20px;
    z-index: 2;
}

/*a[href]::after {
    content: "";
}*/

#popup-box {
    position: fixed;
    z-index: 999999;
    width: 300px;
    bottom: 10px;
    right: 10px;
}

@media only screen and(max-width: 767px) {
    #popup-box {
        width: 100%;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
    }

    .cartMenu {
        display: none;
    }
}

#navbar .navbar-header {
    background-color: #1aad20;
}

.miniCartDescription p {
    margin: 3px 0;
    font-size: 16px;
}

.form-control {
    color: #000
}

.checkcontainer {
    display: flex;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 0.5rem;
}


/* Hide the browser's default checkbox */

.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border: 2px solid #aaa;
    border-radius: 3px;
}


/* On mouse-over, add a grey background color */

.checkcontainer:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.checkcontainer input:checked~.checkmark {
    background-color: #1aad20;
    border-color: #1aad20;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.checkcontainer input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.checkcontainer .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
}

.percent_advertising {
    position: fixed;
    bottom: 30px;
    right: 30px;
    /*background-color: red;*/
    /*    color:white;
        background-color: red;*/
    /*border: solid 1px red;*/
    /*border-radius: 50%;*/
    padding: 20px;
    animation: shake-animation 6s ease infinite;
    transform-origin: 50% 50%;




}

div.plus_minus_box,
div.plus_minus_box_single_piece,
div.entry_box {
    width: 140px;
    display: flex;
    border: solid #1aad20 1px;
    border-radius: 5px;
    overflow: hidden;
    align-items: stretch;

    margin-top: 5px;
    font-size: 24px;
    position: relative;
    /*    line-height: 5px;*/

}

@media (max-width: 768px) {

    .product-text div.plus_minus_box,
    .product-text div.plus_minus_box_single_piece,
    .product-text div.plus_minus_box_single_piece,
    div.entry_box {
        width: 170px;
        height: 45px;
    }
}

div.entry_box {
    display: none;
}

.short-view div.plus_minus_box,
.short-view div.plus_minus_box_single_piece {
    align-self: center;
}

.long-view div.plus_minus_box,
.long-view div.plus_minus_box_single_piece {
    align-self: flex-end;
}

.div_cart_quantity,
.div_cart_quantity_single_piece {
    text-align: center;
    height: 32px;
}

.entry_box .div_cart_quantity {
    margin: 0;
    flex: 1 1 auto;
    height: 100%;
}

button.product_minus,
button.product_plus,
button.product_single_piece_minus,
button.product_single_piece_plus,
a.product_minus,
a.product_plus,
a.product_single_piece_minus,
a.product_single_piece_plus,
button.product_entry {
    font-size: 24px;
}

span.product_minus,
span.product_plus {
    font-size: 21px;
}

/*.delete i {
    font-size:20px;
}*/


.product_plus,
.product_single_piece_plus,
.product_entry {
    padding: 2px 12px 0px;

    border-radius: 0px 4px 4px 0px;
}

.product_minus,
.product_single_piece_minus {
    padding: 1px 12px 1px;
    border-radius: 4px 0px 0px 4px;
    /*font-size: 26px;*/

}

button.product_minus,
button.product_plus,
button.product_single_piece_minus,
button.product_single_piece_plus {
    height: 32px !important;
    min-height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    line-height: 32px !important;
    padding: 0 !important;
}

button.product_entry {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 38px !important;
    font-size: 0 !important;
    color: transparent !important;
    background: #1aad20 !important;
    border: 0 !important;
    border-left: 1px solid #1aad20 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    vertical-align: top;
    position: relative;
}

button.product_entry::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: translate(-50%, -58%) rotate(45deg);
}

input.cart_quantity_entry {
    height: 100%;
}

input.cart_quantity_entry:focus {
    outline: none;
    box-shadow: none;
}



.percent_advertising img {
    height: 64px;
    width: 64px;

}

@keyframes shake-animation {
    0% {
        transform: scale(1.3);
    }

    13% {
        transform: rotate(-3deg);
    }

    15% {
        transform: rotate(3deg);
    }

    17% {
        transform: rotate(-3deg);
    }

    19% {
        transform: rotate(3deg);
    }

    21% {
        transform: rotate(-3deg);
    }

    32% {
        transform: rotate(0deg);
    }

}

.swiper-container {
    position: relative;
    overflow: hidden;
}

.twint-img {
    width: 150px;
    margin: -7px 0 0;
}


.homepage-slider-title {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: white;
    background-color: #009f44;
    padding: 1px 6px;
    background-color: #1aad20;
    line-height: 135%;
}

header.small_header img {
    height: auto;
    /*flex: 0 0 auto;*/
    transition: all 0.3s ease;
    /*height: 50px;*/
    width: 100px;
    margin: 5px 0 5px;
    /*transform: scale(0.6);*/


}

header .nav_desktop > a > img {
    height: auto;
    width: 280px;
    transition: all 0.3s ease;
    margin: 20px 0 10px;
}

.small_header header .nav_desktop > a > img {
    width: 120px;
}



.nav_desktop {
    position: relative;
}

/*.product_search_header {
    position: absolute;
    right: 0px;
}*/

.header_desktop_top {
    display: flex;
    justify-content: space-between;
}

.header_desktop_top>div {
    /*flex: 1 1 1;*/
    align-self: center
}

.header_desktop_top .cart_desk i {
    font-size: 50px;

}

.small_header .header_desktop_top .cart_desk i {
    font-size: 25px;
    margin: 0;
}

.header_desktop_top form {
    flex: 0.3 1 300px;
    align-self: center;
}

.product_search_header button {
    background-color: #1aad20;
}

.product_search_header .form-control {
    border-color: #1aad20;
}

.nav_desktop table li {
    /* padding: 0 20px; */
    margin: 0 10px;
}

.nav_mobile_slider-cart-div,
.nav-desk-slider-cart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*.product_search_mobile_output {
    overflow-y: auto;
}*/

/*#product_search_mobile,  {
    border-radius: 0;
}*/

#product_form_search_mobile * {
    border-radius: 0;
}

.product_search_mobile_output ul {
    overflow-y: auto;
    height: 100%;
}

/*.nav_mobile_slider-cart-div > div:nth-child(1) {    
    overflow-y: auto;
    position: absolute;
    bottom: 100px;
    top:0;
    right: 0;
    left: 0;
    flex: 1 1 auto;
    
}

.nav_mobile_slider-cart-div > div:nth-child(2) {    
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    height: 100px;
    right: 0;
    left: 0;
    flex: 0 1 100px;
    
}

*/

.cart-text {
    text-align: right;
    margin: 0;
    font-size: 16px;
}

header {
    position: fixed;
    /*display: flex;*/
    width: 100%;
    /*height: 100px;*/
    transition: height 0.3s ease;

    background-color: white;
    z-index: 1200;
    top: 0;
}



/*    header .container {
        display: flex;
    }*/

.header_div {
    /*padding: 0 15px;*/
    display: flex;
    flex: auto 1 1;
    flex-direction: column;
}

/*    nav {
        display: flex;
    }*/

header .nav_desktop a:hover {
    color: white;
}

nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: space-between;


}

nav ul li {

    position: relative;
    align-self: flex-end;
    flex: none;
}

/*nav li > a, nav li > div, nav li > button {*/
nav li>a,
nav li div,
nav li button {
    padding: 8px 6px;
    font-weight: 600;
    display: block;
}

nav ul li:hover {
    background-color: #009f44;
}

nav ul li:hover ul a {
    color: black;
}

nav ul li:hover ul li:hover a {
    color: white;
}

nav ul li ul li a {
    color: black;
    font-weight: normal;
    padding: 2px 15px;
}

nav ul li:hover {
    background-color: #177900;
}

nav ul li:hover a {
    color: white;
}

nav ul li ul {
    display: none;
    z-index: 10;
    position: absolute;
    border: rgba(0, 0, 0, 0.15) solid 1px;
    background-color: white;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    left: 0;
    top: 100%;
    width: max-content;
    border-radius: 0 0 4px 4px;
    padding: 0 0 5px;

}

nav ul li:hover ul {
    display: block;
}

.sub_point,
.recipe_categroy .sub_point {
    font-size: 0.9em;
    padding: 1px 10px 1px 30px;

}


.selected_menu a {
    font-size: 1.2em;
    /* padding: 1px 10px 1px 30px; */
    font-weight: bold;
    color: #1aad20;
    
}


.nav_mobile_slider-2 li a.selected_menu  {
    color: #42b8d5;
}

.nav_mobile_slider-2 div.selected_menu a{
/* .nav_mobile_slider-2 div.selected_menu a {  */
font-size: 1.2em;
    padding: 0;
    font-weight: bold;
    color: #42b8d5;

}


nav tbody {
    vertical-align: top;
}

@media only screen and (max-width: 992px) {
    header .nav_desktop {
        display: none;
    }

    nav ul a,
    nav ul div {
        color: black;

    }

    .anchor {
        position: relative;
        top: -40px;
    }

}

@media only screen and (min-width: 993px) {
    header .nav_mobile {
        display: none;
    }

    @media only screen and (min-width: 993px) {
        .nav-bar {            
                background: #1aad20;            
        }

    }



    nav ul a,
    nav ul div {
        color: white;

    }

    .anchor {
        position: relative;
        top: -95px;
    }



}

header .nav_mobile img {
    height: auto;
    width: 145px;
    margin: 5px 0;

}

header .nav_mobile {
    border-bottom: gray solid 1px;
}

header .nav_mobile nav,
header div.mobile_logo {
    display: flex;
    justify-content: space-between;
}

header .nav_mobile nav a,
header .nav_mobile div.mobile_logo a,
header .nav_mobile nav div,
header .nav_mobile div.mobile_logo div {
    align-self: center;
    font-size: 1.2em;
}

.nav_mobile .burger {
    font-size: 2em;
}

.nav_mobile .cart {
    font-size: 1.6em;
}

.mobile-menu-cart-div {
    transition: .4s ease;
    height: 0;
    overflow: hidden;
    border: black solid 1px;
    background-color: white;
}

.mobile-menu-slide-div.div_visable {
    height: auto;

}

.nav_mobile_shop_cover,
.nav_desk_shop_cover {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 1300;
    cursor: pointer;
    opacity: 1;
    background: rgba(155, 155, 155, 0.5);
    backdrop-filter: blur(2px);
    visibility: hidden;
}

.nav_mobile_shop_cover.div_visable,
.nav_desk_shop_cover.div_visable {
    visibility: visible;
}

.nav_mobile_slider-2,
.nav_mobile_slider-products {
    position: fixed;
    border-right: black solid 1px;
    background-color: white;
    left: -310px;
    transition: .4s ease;
    width: 310px;
    bottom: 0;
    z-index: 1400;
    /*top: 104px;*/
    top: 0;
    font-size: 1.3em;
    overflow-y: auto;
    /* cursor: pointer; */

}



/*.small_header .nav_mobile_slider-2 , .small_header .nav_mobile_slider-products, .small_header .nav_mobile_slider-cart-div, .small_header .nav_mobile_slider-search-div {
    top: 46px;
}*/

.nav_mobile_slider-2 a,
.nav_mobile_slider-products a,
.nav_mobile_slider-2 div,
.nav_mobile_slider-products div,
.group-menu p {
    font-weight: bold;
}

/*.nav_mobile_slider-2 .sub_point a , .nav_mobile_slider-products  .sub_point a, .group-menu .sub_point a {*/
.nav_mobile_slider-2 .sub_point a,
.nav_mobile_slider-products .sub_point a {
    font-weight: normal;
}

.nav_mobile_slider-2.div_visable,
.nav_mobile_slider-products.div_visable {
    left: 0;

}



.nav_mobile_slider-2 ul,
.nav_mobile_slider-products ul {

    padding: 10px 0px 10px 15px;

}

/*    .nav_mobile_slider-2 ul li {
        cursor: pointer;
    }*/

.nav_mobile {
    position: relative;
}

@media only screen and (max-width: 992px) {
    .no_scroll {
        overflow: hidden;
    }
}


/*    .menu-hide {
        position: fixed;
        right: 0;
        width: calc((100% - 720px) / 2);
        background-color: tomato;
        height: 100px;
    }*/

.sub_menu_products i {
    vertical-align: -2.5px;
}



.mobile_logo {
    display: flex;
    max-height: 60px;
    transition: max-height 0.3s ease;

}

.mobile_logo img {
    transition: opacity 0.3s ease;
    opacity: 1;
}

.small_header .mobile_logo img,
.small_header .mobile_logo a {
    opacity: 0;

}

.small_header .mobile_logo {
    max-height: 0px;


}

.nav_mobile_slider-cart-div,
.nav_mobile_slider-search-div {
    position: fixed;
    border-left: black solid 1px;
    background-color: white;
    right: -95%;
    transition: .4s ease;
    width: 95%;
    max-width: 450px;
    bottom: 0;
    z-index: 1400;
    /*top: 104px;*/
    top: 0;
    /*font-size: 1.3em;*/
    font-size: 17px;

    /*overflow-y: auto;*/
    cursor: pointer;


}

.nav_mobile_slider-cart-div.div_visable,
.nav_mobile_slider-search-div.div_visable,
.nav-desk-slider-cart.div_visable {
    right: 0;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #1aad20 !important;
    border-color: #1aad20 !important;
    color: #ffffff !important;

}

.ui-menu-item-wrapper {
    font-size: 14px;
}

.nav-desk-slider-cart {
    position: fixed;
    border-left: black solid 1px;
    background-color: white;
    right: -580px;
    transition: .4s ease;
    width: 580px;
    bottom: 0;
    z-index: 1400;
    top: 0;
    font-size: 17px;
    cursor: pointer;
}


.slider-nav-scrolbar {
    overflow-y: auto;
    flex: 1 1 auto;
}

.modal {
    z-index: 1200;
}

div.modal a {
    color: #454545;
}

div.modal a:hover {
    color: #1aad20;
}

.sp-lightbox {
    z-index: 1200;
}

.delete button,
.delete_single_pieces button,
header button,
.delete_cold_shipping button {
    border: 0;
    background: transparent;
}

.footer h4 {
    margin: 10px 0;
}

.form-control {
    font-size: 16px;
}

.promo_code_error {
    color: red;
    font-weight: bold;
}

.promo_code_success {
    color: green;
    font-weight: bold;
}

.grid-layout-container {
    display: grid;

    gap: 15px 15px;

}

@media only screen {
    .grid-layout-container {
        grid-template-columns: 1fr;
    }
}


@media only screen and (min-width: 550px) {
    .grid-layout-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width: 992px) {
    .grid-layout-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}


.product .short-view .img-responsive {
    max-width: 150%;
    margin: 0 -25px;
}

#buy-resanons span {
    vertical-align: text-bottom;
}

#important_infos {
    margin: 10px 0 -10px;
}

#important_infos .alert {
    margin: 0 0 10px;
}

/*
div.gentle-hover-shake:hover {
  animation: tilt-shaking 0.25s 1;
}


@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}*/


/*.shop-recipe-image {
    background-size:110%;
    background-position: center;
    height: 150px;
    margin: 0 0 5px; 
    overflow:hidden;
    transition: transform .5s ease-in-out; 
}

.shop-recipe-image:hover {
    transform: scale(2) rotate(25deg);
}*/

.shop-recipe-image {
    margin: auto;
    height: 210px;
    overflow: hidden;
    width: 100%;

}

.short-view .shop-recipe-image {

    height: 250px;

}

.long-view .shop-recipe-image img {
    transition: transform 0.5s ease-in-out;
    transform: scale(1.3) translateX(4%);
}

.long-view .shop-recipe-image:hover img {
    transform: scale(1.6) rotate(15deg);
}



.short-view .shop-recipe-image img {
    transition: transform 0.5s ease-in-out;

}

.short-view .shop-recipe-image:hover img {
    transform: scale(1.6) rotate(15deg);

}

/*.long-view .shop-recipe-image:hover img {        
    transform: scale(1.4) translateX(-10%) translateY(-55%) rotate(3deg) ;
}
.short-view .shop-recipe-image:hover img {        
    transform: scale(1.4) translateX(-20%) translateY(-65%) rotate(5deg);
}*/
.shop-recipe-image-title {
    position: absolute;
    top: -1px;
    left: 7px;
    text-shadow: #000 0 0 10px;
    font-size: 18px;
    color: rgb(255 252 239);

}

.shop-recipe-descript {
    margin: 0 5px 0 0;

}

.short-view .shop-recipe-descript {
    text-align: center;
    margin: 0 5px 0 5px;
}



.items-grid-container {
    display: grid;

    gap: 15px 15px;

}

@media only screen {
    .items-grid-container {
        grid-template-columns: 1fr 1fr;
    }
}


@media only screen and (min-width: 550px) {
    .items-grid-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 992px) {
    .items-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 1200px) {
    .items-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.recipe-grid-container {
    display: grid;

    gap: 15px 15px;

}


@media only screen {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr;
    }
}


@media only screen and (min-width: 550px) {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 992px) {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 1200px) {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}


.grid-layout-container-sponsoring {
    display: grid;
    gap: 15px 15px;

    grid-template-areas:
        'sia-title'
        'sia-text'
        'sia-img-1'
        'sia-img-2'
        'sia-img-3'
        'sia-img-4'
        'sia-img-5'
        'sia-img-6'
        'sia-img-7'
        'sia-video';

}

@media only screen and (min-width: 992px) {


    .grid-layout-container-sponsoring {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'sia-title sia-title'
            'sia-text .'
            'sia-text sia-img-1'
            'sia-img-2 sia-img-3'
            'sia-img-4 sia-img-5'
            'sia-img-6 sia-img-7'
            'sia-video sia-video';

    }


}

.grid-layout-container-sponsoring .si-title {
    grid-area: sia-title;
}

.grid-layout-container-sponsoring .si-text {
    grid-area: sia-text;
}

.grid-layout-container-sponsoring .si-img-1 {
    grid-area: sia-img-1;
}

.grid-layout-container-sponsoring .si-img-2 {
    grid-area: sia-img-2;
}

.grid-layout-container-sponsoring .si-img-3 {
    grid-area: sia-img-3;
}

.grid-layout-container-sponsoring .si-img-4 {
    grid-area: sia-img-4;
}

.grid-layout-container-sponsoring .si-img-5 {
    grid-area: sia-img-5;
}

.grid-layout-container-sponsoring .si-img-6 {
    grid-area: sia-img-6;
}

.grid-layout-container-sponsoring .si-img-7 {
    grid-area: sia-img-7;
}

.grid-layout-container-sponsoring .si-video {
    grid-area: sia-video;
}


.grid-layout-container-sponsoring .si-video video {
    width: 100%;
}


.invoce-email-required {
    margin-top: 10px;
    display: none;
}


.buttons div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttons div a {
    margin: 7px 20px;
}

:root {
    --swiper-theme-color: #1aad20;
}

.shop-buttons {
    text-align: center;
    margin: 10px 0;
}

.shop-buttons button.btn {

    margin: 10px 0;


}

:root .swiper-texts {
    --swiper-navigation-size: 32px;
}

:root .swiper-texts {
    --swiper-navigation-top-offset: 90%;
    --swiper-pagination-bottom: 22px;
}

@media (min-width: 768px) {
    .swiper-texts .swiper-slide div:nth-child(1) {
        height: 120px;
    }

    .swiper-texts {
        height: 225px;

    }
}


.swiper-texts .swiper-slide div p {
    text-align: center;
    font-weight: 600;
    margin: 0;

}

.swiper-texts .swiper-slide div:nth-child(2) {
    flex: auto 1 1;
    /*background-color: lawngreen;*/

    display: inline-block;
    text-align: center;

    position: relative;
    top: -26px;

}

.swiper-texts .swiper-slide span {

    /*background-color: lawngreen;*/
    /*background-color: #b5ff6d;*/

    background-color: #1aad20;
    color: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 1.3rem;
}

.swiper-texts.desktop {
    display: none;
}

.swiper-texts.mobile {
    display: block;
}



/*@media (min-width: 768px) {*/
.swiper-texts .swiper-slide div:nth-child(1) {
    height: 120px;

}

.swiper-texts {
    height: 350px;
    margin: 0 0 10px;

}

/*}*/
@media (min-width: 992px) {
    .swiper-texts.desktop {
        display: block;
    }

    .swiper-texts.mobile {
        display: none;
    }

}

/*.swiper-texts .swiper-slide div p {
    text-align: center;
    font-weight: 600;
    margin:0;
}*/
/*.swiper-texts .swiper-slide div:nth-child(2) {
    flex: auto 1 1;
    background-color: lawngreen;

    display: inline-block;
    text-align: center;

    position: relative;
    top: -26px;

}*/

.swiper-texts span {
    background-color: #1aad20;
    color: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
    position: absolute;
    bottom: -15px;
    /* align-self: center; */
    left: 23px;

}

/* .rating span, .swiper-texts span { */
.rating span {
    background-color: #1aad20;
    color: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
    /* left: 50%; */
    /* transform: translateX(-50%);     */
    position: absolute;
    bottom: -15px;
    left: 23px;
}

/* .swiper-texts p {
    margin: 40px 10px 5px;
    overflow: hidden;
    font-size: 18px;
} */

.swiper-texts div:first-child {
    flex: auto 0 0;
    /* background-color: #eee; */
    border-radius: 2px;
    padding: 23px;
    margin: 10px 5px;
    border: 1px solid #dddddd;
    box-shadow: 3px 3px 15px #ccc;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    min-height: 270px;
    position: relative;
}

.swiper-texts svg {
    position: absolute;
    top: 17px;
    left: 17px;
}

.nutrition {

    border: 1px solid black;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px 10px 40px;
    max-width: 600px;


}

.nutrition .title {
    position: absolute;
    top: -15px;
    width: 100%;
    text-align: center;



}

.nutrition .title span {
    background-color: white;
    padding: 0 10px;
    font-size: 18px;
}

.nutrition .item {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 12px 5px 10px;
}

.mosaik {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 0 0 20px;
}

@media screen and (min-width: 992px) {
    .mosaik {
        grid-template-columns: repeat(3, 1fr);
    }

    .mosaik.with_big>div:nth-child(4n+3),
    .mosaik.with_big>div:nth-child(4n+2) {

        grid-column: span 2;
        /*grid-row: span 2;*/
    }

    .mosaik.with_big>div:nth-child(4n) {
        justify-content: flex-end;
    }


    /*    .mosaik.with_big > div:nth-child(6n+5) {
            margin: -170px 0 0 0;
        }
        
        .mosaik.with_big > div:nth-child(6n){
                    margin: -100px 0 0 0;
        }*/


}

.mosaik>div {
    display: flex;
    flex-direction: column;
    border: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
}


.mosaik.with_big>div>div {
    display: flex;
    flex-direction: column;
    border: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
}

.mosaik.with_big>div {
    border: none;
    box-shadow: none;
}

.mosaik>div>div>div {
    margin: 5px;
}

.mosaik p {
    margin: 0;
}



.layout_homepage {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}



@media screen and (min-width: 992px) {
    .layout_homepage {
        grid-template-columns: 1fr 1.6fr 1.0fr;
    }
}

.layout_homepage>div {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.layout_homepage h3 {
    margin: 10px 10px 0;
    font-weight: bold;
    text-align: center;

}

.layout_homepage p {
    margin: 10px;
}

.times_close,
.times_close_desk {
    position: absolute;
    right: 15px;
    /*width: 10px;*/
    font-size: 40px;
    font-weight: bold;
    top: -5px;
}

#product_search_mobile {
    width: calc(100% - 50px);
}

#product_search_autocomplete_result {
    border: 1px solid silver;
    position: absolute;
    overflow: auto;
    max-height: 450px;
    background: #fff;
    display: none;
    z-index: 4000;
    left: 5%;
    right: 0%;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 7px;
}

#product_search_autocomplete_result a {
    display: block;
}

#product_search_autocomplete_result p {
    margin: 0;
}

#product_search_autocomplete_result a:hover {
    color: white;
    background-color: #1aad20;
}

#product_search_autocomplete_result_mobile {
    display: none;
    /* overflow: scroll; */
}

#product_search_autocomplete_result a,
#product_search_autocomplete_result_mobile a {
    padding: 3px 10px;
    font-size: 16px;
}

#product_search_autocomplete_result h2,
#product_search_autocomplete_result_mobile h2 {
    margin: 0 5px 2px;
    font-size: 20px;
}

#product_search_mobile {
    margin: 0;
}

.nav_mobile_slider-search-div .times_close {
    right: 15px;
    top: -10px;

}

.header-info {
    background-color: #1aad20;
    color: white;
    font-weight: 600;
    padding: 3px 0 5px;
    max-height: 400px;
    transition: 0.3s ease;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .header-info {
        font-size: 14px;
    }
}


.small_header .header-info {

    max-height: 0;
    padding: 0;

}

/*.infotext_parsedown h1,.infotext_parsedown h2,.infotext_parsedown h3,.infotext_parsedown h4,.infotext_parsedown h5,.infotext_parsedown h6 {
    font-weight: bold;
}*/

.infotext_parsedown r {
    color: red;
}

.infotext_parsedown img {
    width: 100%;
}

.infotext_parsedown ul {
    list-style: initial;
    margin-bottom: 10px;
    padding-inline-start: 40px;
}

.infotext_parsedown a {
    text-decoration: underline;
    color: #1aad20;
    font-weight: bold;
}

.infotext_parsedown a:hover {
    font-style: italic;
}

.same_category_product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;

}

@media screen and (max-width: 580px) {
    .same_category_product {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (min-width: 992px) {
    .same_category_product {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 1200px) {
    .same_category_product {
        grid-template-columns: repeat(5, 1fr);
    }
}

.same_category_product h4 {
    padding-bottom: 5px;
}

.product p {
    margin-bottom: 0;
}

.group-title-picture {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
    margin: 0 0 10px;

}

.group-title-picture p {
    margin: 5px;
}

/*.img_gastro {
    position:relative;
}

.img_gastro h1 {
    position: absolute;
    bottom: 75px;
    left: 30px;
    font-weight: 800;
    font-size: 30px;
    color: white;
    -webkit-text-stroke: 1px black;


}
.img_gastro h2 {
    position: absolute;
    bottom: 190px;
    left: 30px;
    font-weight: 800;
    font-size: 26px;
    color: white;
    -webkit-text-stroke: 1px black;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        background-color: black;
}
.img_gastro h3 {
    position: absolute;
    bottom: 120px;
    left: 30px;
    font-size: 66px;
    font-weight: 800;
    color: white;
    line-height: 100%;
    -webkit-text-stroke: 1px black;
}
.img_gastro h4 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 22px;
    font-weight: 600;
    color: red;
    background: #FFDE1B;
    border-radius: 5px;
    padding: 10px;

}

.img_gastro h5 {
    position: absolute;
    top: 10px;
    left: 30px;
    font-size: 22px;
    font-weight: 600;
    color: white;
    line-height: 100%;

}

.img_gastro div {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 40%;
    width: 60%;
    background-color: #ffffff96;

}*/
.text-image-layout {
    display: flex;
    margin: 0 -15px 15px;
}

.text-image-layout div img {

    width: 100%;
    height: 100%;
    margin-bottom: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;

}

.text-image-layout div {
    position: relative;
}

.text-image-layout div:first-child {
    color: white;
    font-weight: 600;
    background-color: #1aad20;
    padding: 15px;
    width: 25%;
    padding: 15px 15px 60px;
}

@media screen and (max-width: 640px) {
    .text-image-layout div:first-child {
        padding: 15px 15px 85px;
    }
}

@media screen and (max-width: 360px) {
    .text-image-layout div:first-child {
        padding: 15px 15px 105px;
    }
}

.text-image-layout div:last-child {
    width: 75%;

}

.text-image-layout div:last-child a,
.gastro-img-2 a {
    position: absolute;
    color: white;
    padding: 10px;
}

.text-image-layout h1 {
    font-size: 23px;
    padding: 0;
    line-height: normal;
}

.text-image-layout h2 {
    font-size: 18px;
    padding: 0;
    line-height: normal;
}

.text-image-layout h3 {
    font-size: 16px;
    padding: 0;
}

.text-image-layout a h4 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    font-size: 22px;
    font-weight: 600;
    color: #1aad20;
    background: white;
    border-radius: 5px;
    padding: 10px;

}


@media screen and (max-width: 992px) {
    .text-image-layout {
        flex-direction: column-reverse;
    }

    .text-image-layout div {
        width: 100% !important;

    }
}

.gastro-img-2 {
    position: relative;
}

.cold-shipping {
    display: none;
}

.button-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.long-view .button-panel {
    flex: 0 0 130px;
}

[class^='cart_response_message_'] {
    font-size: 14px;
    font-weight: 600;
    color: red;
    text-align: center;
}

.DirectSaleProducts h4 {
    height: 50px;
}

.group-menu {
    font-size: 1.3em;
    margin: 14px 0;
}

.group-menu li {
    list-style: none;
}

.product_group_products {
    display: grid;
    gap: 15px;
    margin: 15px 0 0;

}

@media screen and (max-width: 580px) {
    .product_group_products {
        grid-template-columns: 1fr 1fr;
    }
}


@media screen and (min-width: 581px) {
    .product_group_products {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1200px) {
    .product_group_products {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.product_group_products h4 {
    padding-bottom: 5px;
}

nav.group-menu li div a,
nav.group-menu li p a {
    padding: 1px;
}

.group-menu p {
    margin: 7px 0 -2px;
}

.same_category_product .product,
.product_group_products .product,
{
display: flex;
}

.same_category_product .product>div,
.product_group_products .product>div {
    display: flex;
    flex-direction: column;
    margin: 5px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-grow: 1;
}

.same_category_product .product>div>div,
.product_group_products .product>div>div {
    display: flex;
    flex-direction: column;
    text-align: center;

    align-self: stretch;

}

.same_category_product .product>div>div:last-child,
.product_group_products .product>div>div:last-child {
    align-self: center;
}

.same_category_product .product h4,
.product_group_products h4 {
    margin: 10px 0 0;
}



.point_svg {
    padding: 0 8px;
}

.point_svg a {
    display: flex;
    align-items: center;

}

.point_svg a img {
    flex-basis: 43px;
    flex-shrink: 0;
    flex-grow: 0;
}

.point_svg a div {
    flex: 1 1 auto;
}

.nav_mobile_slider-2 .point_svg a div {
    margin: 10px 0 10px 8px;
}

.glyphicon-plus-sign,
.glyphicon-minus-sign {
    font-size: 21px;
    padding: 2px 6px 0px;
}


button.cart_desk {
    padding: 8px 6px 8px 10px;

}

.same_category_product .product .subtitle,
.product_group_products .product .subtitle {
    font-size: 13px;
    line-height: 1.3;
    /* font-style: italic; */
    margin: 5px 0 7px;
}

.footer table {
    margin: 20px 0 0 0;
}

.footer table tr:not(:last-child) {
    border-bottom: 1px solid #c3c3c3;
}


.footer table td {
    padding: 5px 0;

}

.footer table td:nth-child(1) {

    width: 100px;
}

.footer table td:nth-child(2) {
    text-align: right;
    width: 70px;
}

.product-text p {
    margin: initial;
}

.product-text {
    font-size: 24px;
}

.addd2cart {
    font-size: large;
}

@media (min-width: 991px) {
    .product-text .addd2cart {
        font-size: 18px;
    }
}

/* Browser-spezifisches CSS zum Ausblenden der Pfeile */
/* Chrome, Safari, Edge */
input.cart_quantity_entry[type=number]::-webkit-inner-spin-button,
input.cart_quantity_entry[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.cart_quantity_entry[type=number] {
    -moz-appearance: textfield;
}

.ad_button {
    text-align: center;
    padding: 20px 0 0;
}

.ad_button a {
    white-space: normal;

}

.swiper-slide .quantity-discount {
    position: absolute;
    z-index: 10;
    bottom: 30px;
    /* Positionierung von unten */
    left: 50%;
    /* Zentriert horizontal */
    transform: translateX(-50%);
    /* Korrektur für zentrierte Position */
    width: auto;
    background: #eb5e58;
    padding: 15px 6px 18px 6px;
    border-radius: 4px;
    height: 24px;
    line-height: 0;
}


.swiper-slide .quantity-discount span {
    color: white;
    font-weight: lighter;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

.product_group_products .quantity-discount,
.same_category_product .quantity-discount {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    /* Positionierung von unten */
    left: 50%;
    /* Zentriert horizontal */
    transform: translateX(-50%);
    /* Korrektur für zentrierte Position */
    height: 24px;
    width: auto;
    border-radius: 4px;
    line-height: 18px;
    margin: 0 !important;
}

.product_group_products a,
.same_category_product a,
.mosaik a {
    position: relative;
}

.product_group_products .quantity-discount span,
.same_category_product .quantity-discount span {


    color: #fff;
    display: inline-block;

    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;

    padding: 3px 5px;

    background: #eb5e58;
    border-radius: 4px;
    color: white;
    line-height: 130%;



}


.nav_mobile_slider-2 p {
    margin: 12px 0 7px 0;
    font-weight: bold;
}

.news-letter {

    animation: wackeln 4.5s ease-in-out infinite;


}

.news-letter a strong {


    animation: colorChange 4.5s ease-in-out infinite;

}

/* Wackel- und Dreh-Animation */

@keyframes wackeln {
    0% {
        transform: translateX(0);
    }

    5% {
        transform: translateX(-5px);
    }

    10% {
        transform: translateX(5px);
    }

    15% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(0);
    }
}


@keyframes colorChange {
    0% {
        color: #888888;
    }

    70% {
        color: #888888;
    }

    80% {
        color: #1aad20;
    }

    100% {
        color: #1aad20;
    }

}

@media (max-width: 768px) {
    :root .ad-slider {
        --swiper-pagination-bottom: 57px;
    }
}

.recipe_categroy nav div {
    padding: 2px 5px;

}

.recipe_categroy nav li>a {
    padding: 0;

}

.ingredients a {
    color: #1aad20;
    text-decoration: underline;
}

.ingredients a:hover {
    color: #000;
    text-decoration: underline;
}

.copyrigth {
    display: none;
}

.qrcode {
    display: none;
}

.img-recipe {
    flex: 0 1 auto;
}

.recipe-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

.recipe-cuisine-label {
    display: block;
    width: fit-content;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 4px 10px;
    font-size: 13px;
}

/*            .img-recipe {
                    flex: 1 1 auto;
                }*/


@media print {

    .copyrigth {
        display: inherit;
        margin-bottom: 10px;
        font-size: 11px;
    }

    .qrcode {
        display: block;
        flex: 1 1 auto;
        align-self: flex-end;
        text-align: right;
    }

    .qrcode img {
        margin: 10px 0 -12px -12px;
    }

    /* .img-recipe {
        flex: 1 1 7%;
    } */

    * {
        font-size: 12px;
    }
}

.online_payment p {
    margin: 0 0 0 30px;
    font-size: 90%;
}

html {

    scroll-padding-top: 150px;
    /* Abstand von 100px vom oberen Rand */
}

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

.benefits p {
    padding: 3px 0;
}

.recipe-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.recipe-action-buttons .btn-primary,
.add-vegusto-products-btn {
    background-color: #ffffff;
    color: #1aad20;
    border: 1px solid #1aad20;
    text-shadow: none;
    box-shadow: none;
}

.recipe-action-buttons .btn-primary:hover,
.recipe-action-buttons .btn-primary:focus,
.add-vegusto-products-btn:hover,
.add-vegusto-products-btn:focus {
    background-color: #1aad20;
    color: #ffffff;
}

.recipe-prev-next {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.recipe-prev-next a,
.recipe-prev-next-disabled {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #1aad20;
    border-radius: 20px;
    color: #1aad20;
    font-size: 14px;
}

.recipe-prev-next a:hover {
    color: #ffffff;
    background-color: #1aad20;
}

.recipe-prev-next-disabled {
    opacity: 0.3;
    border-color: #ccc;
    color: #ccc;
    cursor: default;
}

.pagination > li > a,
.pagination > li > span {
    color: #1aad20;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #ffffff;
    background-color: #1aad20;
    border-color: #1aad20;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #ffffff;
    background-color: #1aad20;
    border-color: #1aad20;
}


.quote-container {
    width: 330px;
    background: #f9f9f9;
    border-top: 5px solid #4CAF50;
    padding: 15px;
    margin: 20px 20px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.quote-title {
    font-size: 22px;
    font-weight: bold;
    color: #4caf50;
    margin-bottom: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.quote-text,
.quote-text div {
    font-style: italic;
    color: #333;
    font-size: 20px;
    text-align: center;
}

.quote-author {
    text-align: center;
    font-weight: bold;
    color: #555;
    margin-top: 10px;
}



.responsive-columns {
    column-count: 3;
    /* 3 Spalten für größere Bildschirme */
    column-gap: 20px;
    /* Abstand zwischen den Spalten */
}

@media (max-width: 991px) and (min-width: 768px) {
    .responsive-columns {
        column-count: 2;
        /* 2 Spalten auf Tablets */
    }
}

@media (max-width: 767px) {
    .responsive-columns {
        column-count: 1;
        /* 1 Spalte auf mobilen Geräten */
    }
}


.movie-item {
    display: flex;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 25px 0;

}

.movie-item p {
    margin: 0;
}

.thumbnail-section {
    flex: 0 0 40%;
    max-width: 40%;
    background-color: #f5f5f5;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.thumbnail-section iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    max-height: 400px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.content-section {
    flex: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
}

.movie-title {
    font-size: 22px;
    margin-bottom: 12px;
    color: #333;
    font-weight: 600;
}


.movie-summary {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}


.movie-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
    .movie-item {
        flex-direction: column;
    }

    .thumbnail-section {
        flex: 1;
        max-width: 100%;
        min-height: 200px;
    }

    .content-section {
        padding: 20px;
    }
}

.full-width-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.popup-ongoing-orders {
    position: fixed;
    bottom: -200px;
    /* Startposition außerhalb des Bildschirms */
    left: 20px;
    width: 350px;
    padding: 5px;
    background-color: #fff;
    /* background-color: #333; */
    /* color: white; */
    /* border-radius: 10px; */
    border: 1px solid #DDDDDD;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: bottom 0.5s ease;
    z-index: 1000;
    display: flex;
    align-items: center;
    font-family: sans-serif;
}

.popup-ongoing-orders.show-ongoing-orders {
    bottom: 20px;
    /* Endposition: sichtbar */
}

.popup-ongoing-orders img {
    width: 80px;
    height: auto;
    /* border-radius: 5px; */
    margin-right: 15px;
}

.popup-ongoing-orders-content {
    flex: 1;
}

.popup-ongoing-orders button {
    background: #ff5555;
    border: none;
    color: white;
    padding: 5px 10px;
    /* border-radius: 5px; */
    cursor: pointer;
    margin-left: auto;
}

.popup-ongoing-orders button:hover {
    background: #ff2222;
}

.rating {
    display: flex;
    /* align-items: center; */
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    /* text-align: center; */
    box-shadow: 3px 3px 15px #CCC;
    flex-direction: column;
    align-self: center;
    padding: 20px;
    position: relative;
    background-color: white;
}

.rating img {
    width: 180px;

}

.lang-edit-form {
    border: 2px dashed orange;
    display: inline;
}



.pop-message {
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    background: #e74c3c;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    display: none;
    z-index: 1000;
    font-size: 16px;
    width: 145%;
}

.event-image img {
    width: 100%;
    /* oder feste Größe */
    display: block;
    border-radius: 6px;
    /* optional */
}

.webpage-cms .webpage-text,
.webpage-cms .webpage-text p {
    font-size: 18px;    
}

.webpage-cms .webpage-image-caption {    
    color: #666;
    font-size: 14px;
}

.webpage-cms .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.webpage-cms .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 767px) {
    .webpage-cms .webpage-image {
        margin-bottom: 20px;
    }
}

.event-date {
    min-width: 50px;
    text-align: center;
    font-family: Arial, sans-serif;
    color: #000;
    background: #fff;
    /* grüner Block */
    border-radius: 4px;
    overflow: hidden;
    /* display: inline-block; */
    float: left;
    margin-bottom: 10px;
    /* position: absolute;
            left: 10px;
            bottom: 10px; */
}

.event-date .month {
    background: #1aad20;
    font-size: 16px;
    padding: 4px 0 0;
    color: #FFF;
    font-weight: bold;

}

.event-date .day {

    font-size: 36px;
    color: #212b36;
    padding: 10px 10px 5px;
    line-height: 30px;
    border-style: solid;
    /* Damit der Rahmen überhaupt sichtbar ist */
    border-color: #000;
    border-width: 0px 1px 0 1px;
    font-weight: bold;
}



.event-date .weekday {
    font-size: 10px;
    padding: 0 5px 2px;
    text-transform: uppercase;
    border-style: solid;
    /* Damit der Rahmen überhaupt sichtbar ist */
    border-color: #000;
    border-width: 0px 1px 1px 1px;
    border-radius: 0px 0px 4px 4px;
}

@media (max-width: 767px) {

    .event-date .month {
        font-size: 14px;
        padding: 2px 0;
    }

    .event-date .day {
        font-size: 24px;
        padding: 2px 4px 0;

    }

    .event-date .weekday {
        font-size: 12px;
        padding: 0;
    }
}

.event-date-container {
    display: flex;
    gap: 15px;
}

.event-date-container>div {
    flex: 1;
}

.event-date-container .biColoredUnderline {
    margin: 5px 0 15px;
}

td.weight-fee-label-cell {
    white-space: nowrap;
    padding: 12px 0 5px;
    /* Alles auf einer Linie */
}

.weight-fee-icon {
    height: 33px;
    vertical-align: middle;
    margin: 0 5px -5px 2px;
    position: relative;
    top: -7px;
}


tr.CartProduct.row-weight-fee td {

    padding: 15px 0 5px;
}


.nav_mobile_slider-2,.nav_mobile_slider-products {
    background-color: #fbf8f1;
}

.nav_mobile_slider-2 .sub_point,
.nav_mobile_slider-products .sub_point {
    display: block;
    border: solid 3px #c8d6db;
    border-radius: 5px;
    margin: 7px 10px;
    padding: 3px 10px;
    background: #d3eaf3;
    font-weight: normal;
}

.nav_mobile_slider-2 .sub_point:hover, .nav_mobile_slider-products .sub_point:hover {
    background: #b9dfe8;
    /* etwas dunkleres Blau für Hover */
    border-color: #91c1cd;
    /* dezenter Kontrast zum ursprünglichen Rand */
    cursor: pointer;
    /* zeigt an, dass es klickbar ist */
    transition: all 0.3s ease;
    /* sanfter Übergang */
    /* font-weight: bold; */
    color: black;
    /* optional: ändert die Textfarbe bei Hover */
}

.nav_mobile_slider-2 .sub_point.selected_menu, .nav_mobile_slider-products .sub_point.selected_menu {
    background: #b9dfe8;
    /* etwas dunkleres Blau für Hover */
    border-color: #42b8d5;
    /* dezenter Kontrast zum ursprünglichen Rand */
    cursor: pointer;
    /* zeigt an, dass es klickbar ist */
    transition: all 0.3s ease;
    /* sanfter Übergang */
    /* font-weight: bold; */
    color: black;
    /* optional: ändert die Textfarbe bei Hover */
}

.nav_mobile_slider-2 a:hover, .nav_mobile_slider-products a:hover {
    color: #42b8d5;
    /* font-weight: bold; */
}

.graduated_pricing {
    margin:30px auto 35px;
}



.product-tab th,
.product-tab td {
    vertical-align: top;
}

.product-tab td {
    padding: 0 0 7px;
}

.product_search_header .input-group-btn > .btn {
    height: 36px; /* Gleiche Höhe wie das Input-Feld */
    padding: 6px 12px;
    border: 1px solid #1aad20; /* Falls der Rahmen fehlt */
}