/* werbekontur.de */

:root {
        --werbekontur--preset--aspect-ratio--square: 1;
        --werbekontur--preset--aspect-ratio--4-3: 4/3;
        --werbekontur--preset--aspect-ratio--3-4: 3/4;
        --werbekontur--preset--aspect-ratio--3-2: 3/2;
        --werbekontur--preset--aspect-ratio--2-3: 2/3;
        --werbekontur--preset--aspect-ratio--16-9: 16/9;
        --werbekontur--preset--aspect-ratio--9-16: 9/16;
        --werbekontur--preset--color--black: #000000;
        --werbekontur--preset--color--cyan-bluish-gray: #abb8c3;
        --werbekontur--preset--color--white: #ffffff;
        --werbekontur--preset--color--pale-pink: #f78da7;
        --werbekontur--preset--color--vivid-red: #cf2e2e;
        --werbekontur--preset--color--luminous-vivid-orange: #ff6900;
        --werbekontur--preset--color--luminous-vivid-amber: #fcb900;
        --werbekontur--preset--color--light-green-cyan: #7bdcb5;
        --werbekontur--preset--color--vivid-green-cyan: #00d084;
        --werbekontur--preset--color--pale-cyan-blue: #8ed1fc;
        --werbekontur--preset--color--vivid-cyan-blue: #0693e3;
        --werbekontur--preset--color--vivid-purple: #9b51e0;
        --werbekontur--preset--color--base: #f9f9f9;
        --werbekontur--preset--color--base-2: #ffffff;
        --werbekontur--preset--color--contrast: #111111;
        --werbekontur--preset--color--contrast-2: #636363;
        --werbekontur--preset--color--contrast-3: #A4A4A4;
        --werbekontur--preset--color--accent: #cfcabe;
        --werbekontur--preset--color--accent-2: #c2a990;
        --werbekontur--preset--color--accent-3: #d8613c;
        --werbekontur--preset--color--accent-4: #b1c5a4;
        --werbekontur--preset--color--accent-5: #b5bdbc;
       
        --werbekontur--preset--font-size--small: 0.9rem;
        --werbekontur--preset--font-size--medium: 1.05rem;
        --werbekontur--preset--font-size--large: clamp(1.39rem, 1.39rem +((1vw - 0.2rem) * 0.575), 1.85rem);
        --werbekontur--preset--font-size--x-large: clamp(1.85rem, 1.85rem +((1vw - 0.2rem) * 0.813), 2.5rem);
        --werbekontur--preset--font-size--xx-large: clamp(2.5rem, 2.5rem +((1vw - 0.2rem) * 0.963), 3.27rem);
       
    --werbekontur--preset--font-family--heading: "Merriweather", serif ;
     --werbekontur--preset--font-color--menu: #333 ;
        
    --werbekontur--preset--font-family--body: "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    
        --werbekontur--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        --werbekontur--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        --werbekontur--preset--spacing--20: min(1.5rem, 2vw);
        --werbekontur--preset--spacing--30: min(2.5rem, 3vw);
        --werbekontur--preset--spacing--40: min(4rem, 5vw);
        --werbekontur--preset--spacing--50: min(6.5rem, 8vw);
        --werbekontur--preset--spacing--60: min(10.5rem, 13vw);
        --werbekontur--preset--spacing--70: 3.38rem;
        --werbekontur--preset--spacing--80: 5.06rem;
        --werbekontur--preset--spacing--10: 1rem;
        --werbekontur--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
        --werbekontur--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
        --werbekontur--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
        --werbekontur--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
        --werbekontur--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}



div.c > img:nth-child(n) {
max-width: 40vw;
padding-right: 15px;
padding-top: 20px;
vertical-align: middle;
}

/***columns plays ***/
.matrix .is-fullwidth .cc-m-all.cc-m-all-opened {
    width: 95%;
    margin:0 auto;
   position: relative;
   left: auto;
   right: auto;
   margin-left: auto;
   margin-right: auto;
}
.cc-m-hgrid-column .cc-imagewrapper.cc-m-image-align-3 img,
.cc-m-hgrid-column .cc-imagewrapper.cc-m-image-align-3 figcaption {
   width:100%!important; /* only the center aligned image will have 100% width by default */
}

.j-hgrid .j-textWithImage,.cc-m-hgrid-column {
   position:relative;
}

.cc-m-hgrid-column .cc-m-textwithimage-inline-rte {
    position:absolute;
    bottom:20%;
    left: 50%;
    width: 50%;
    opacity: 0.9;
    background: #000;
    box-shadow: 0px 17px 35px rgba(74,74,115,0.1), 0px 5px 15px rgba(0,0,0,0.07);
    min-height: 50%;
    padding:30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    z-index:99;
}

.cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte {
    left:-12%;
    background: #fff;
    
}
.cc-m-hgrid-column .cc-m-textwithimage-inline-rte p,
.has-custom-caption .cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte p{
    color:#fff;
    
}

.cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte p,
 .is-white .cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte p{
    color:#000;    
}

#hs-container .cc-m-all.cc-m-textwithimage .cc-m-textwithimage-inline-rte{
    z-index: 100012;
}
#hs-container .cc-m-all div.cc-m-all-toolbox {
    z-index: 1000014;
} 

.has-custom-caption .cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte{
    position:absolute;
    bottom:20%;
    left: 5%;
    width: 30%;
    opacity: 0.9;
    background: #000;
    box-shadow: none;
    min-height: 50%;
    padding:30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    z-index:99;
}
 .is-white .cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte{
    right: 5%;
    left:auto;
    background: #fff;
}

 .is-left .cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte{
    right: 50%;
    left:auto;
    width:50%;
    box-shadow: 0px 17px 35px rgba(74,74,115,0.1), 0px 5px 15px rgba(0,0,0,0.07);
}


.no-controls .bx-wrapper .bx-controls{
  display:none;
}

.no-controls.has-custom-alt .cc-m-gallery-slider .bx-wrapper .bx-caption, #cc-inner .j-module .caption.cc-m-image-align-3 {
    font-size:300%;
    height:100%;
    line-height:100%;
    bottom:0;
    width: 100%!important;
    margin:0!important;
    background: rgba(0,0,0,.35);
    display: flex;
    flex-direction: column;
    justify-content: center;  
}
.has-custom-alt .cc-m-gallery-slider .bx-wrapper .bx-caption span {
   max-width:800px;
   margin:0 auto;
   font-family: var(--brand-font);
}

.has-custom-alt .cc-m-gallery-slider .bx-wrapper .bx-viewport ul li {
    margin-right: 0!important;
}

.pull-top {
   margin-top:-15px;
}
.pull-btm {
   margin-bottom:-15px;
}

.matrix .hs-content .cc-m-dropzone__target--activated,.matrix .hs-content .cc-m-all.cc-m-gallery div.cc-m-all-content {
    overflow: visible!important;
}

.slider_holder .n, .is-tile .n, .is-tile .cc-m-hgrid-column__, .is-tile .cc-m-hgrid-column.last__ {
  padding:0!important;
}
.is-tile .cc-m-hgrid-column.last>div {padding:20px;box-sizing: border-box;}

.is-tile .cc-imagewrapper img,.is-img-maxed .j-imageSubtitle img {
   width:100%;
}

.has-left-text {padding:20px!important;box-sizing: border-box;}

#cc-inner .is-img-100 .j-imageSubtitle figure,#cc-inner .is-img-100 .j-textWithImage figure,
#cc-inner .is-img-100 .j-imageSubtitle img,#cc-inner .is-img-100 .cc-m-hgrid-column .cc-imagewrapper.cc-m-image-align-3 img{
   min-height:100vh;
   height:100vh;
}
.has-custom-heading .j-header{
    margin-left:-20%;
    background:#fff;
    box-sizing: border-box;
    padding: 5px!important;
    width:50%;
    margin-bottom:5px;
}
/*** list styles ***/
ul.m-quote,ul.m-play,ul.m-check {
   list-style:none;
   padding-left:2em;
}

ul.m-check,ul.m-timeline,ul.m-timeline2,ul.m-check li {
   padding:0!important;
   margin:0!important;
   right:0!important;
}

ul.m-quote:before {
    content: "\f10d";
    font-family: FontAwesome;
    padding-left: 0;
    font-size: 300%;
    position: absolute;
    left: 0;
}

ul.m-quote2 {
   list-style:none;
   padding-left: 0.5em;
   border-left: 4px solid #c4c4c4;
}

ul.m-check li:before {
    content: "\f00c";
    font-family: FontAwesome;
    padding:5px;
    left: 0;
}

ul.m-timeline li {
    padding-left: 1em;
    list-style:none;
}

ul.m-timeline2 li {
    list-style:none;
    right:0!important;
    text-align:center;
    padding-right: 0!important;
}

ul.m-timeline+p{
    padding: 4em 2em 1em;
    margin-top: -50px;
    position: relative;
    color: inherit;
    border-left: 2px solid;
}

ul.m-timeline:before {
    content: "\f111";
    font-family: FontAwesome;
    padding-left: 0;
    position: absolute;
    left: 0;
}

#hs-container ul.m-timeline2 {
    float:left;
    margin: 0px 10px 50px 0px!important;
    background:#000;
    padding: 3px 7px!important;
    color:#fff;
    
}

ul.m-timeline2+p{
    padding: 5px 0 50px 50px;
    margin: 0px;
    margin-top:-10px;
    margin-left: 5px;
    border-left:2px solid;
}

ul.m-links {
   padding:0!important;
   margin:0!important;
   right:0!important;
}

ul.m-links li {
    padding: 0.6em;
    right:0!important;
    list-style:none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

ul.m-links.has-white-bg li {
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

#cc-inner .add-padding{
    padding:0.8em!important;
}

.wow:first-child,.has-animation .j-hgrid{
   visibility: hidden;
}

/* Jimdo online store */
#hs-container .cc-m-hgrid-column .cc-shop-addtocard {
    width:auto;
    box-sizing: border-box;
}

#hs-container .cc-m-hgrid-column .has-padding .hproduct {
   padding: 20px;
}

.has-padding .n,.has-padding .cc-m-hgrid-column{
  padding: 0!important;
}

#cc-inner .white-price .cc-shop-price {
   color:#fff!important;
}

.j-hgrid.has-mask:before {
    background-color: rgba(85,85,85,0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    position: absolute;
    top: -5%;
    right: -5%;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
}

.is-false {visibility:hidden;}
.no-animation.animated {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
visibility:visible!important;
}


@media only screen  and (max-width: 745px) {
.cc-m-hgrid-column .cc-m-textwithimage-inline-rte,
.cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte,
.has-custom-caption .cc-m-hgrid-column.last .cc-m-textwithimage-inline-rte{
   padding: 5%;
   position:relative;
   right:auto;
   left:0;
   width:100%;
   box-sizing: border-box;
   height: inherit;
   bottom: 0;
 }

.m-banner {position:relative!important;left:0!important;right:0!important;margin:0!important;}
.j-hgrid .cc-m-textwithimage-inline-rte{position:relative;padding:20px;}
.is-overlap {margin:0!important;}
.has-custom-caption .cc-m-gallery-slider .bx-wrapper .bx-caption,.has-custom-alt .cc-m-gallery-slider .bx-wrapper .bx-caption{line-height:inherit!important;font-size:20px!important;}
.is-tile .j-imageSubtitle img,.is-tile .imgleft,#hs-container .cc-m-image-align-1,.is-tile .cc-m-image-align-2,.is-tile .cc-pinterest-overlay,.is-tile .cc-m-image-resizewrapper img,.is-tile .j-textWithImage img {width: 100% !important;}
.has-custom-heading .j-header{margin-left:auto;background:transparent;box-sizing: auto;padding:auto!important;width:auto;margin-bottom:auto;}
}

.is-clone,.tabs-container .invisible,.accordeon_content .invisible,.popup-section .invisible,.item .invisible{display:none; }
.tabs-container .is-clone,.matrix .is-clone,.accordeon_content .is-clone,.popup-section .is-clone,.item .is-clone {display:block; }

#hs-container img[alt*="fullwidth"],#hs-container .j-imageSubtitle img[alt*="fullwidth"] {
   width: 100vw!important;
   max-width: 100vw!important;
   position: relative;
   left: 50%;
   right: 50%;
   display: block!important;
   margin-left: -50vw;
   margin-right: -50vw;
}

img[alt*="pull-top"] {
  margin-top:-15px;
}
img[alt*="pull-btm"] {
  margin-bottom:-15px;
}

/*** Universal Parallax ***/
.container {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.container--big {
    height: 175vh
}

.container--full {
    height: 100vh
}

.container--small {
    height: 40vh
}

.container .content {
    background: rgba(0, 0, 0, .75);
    border-radius: 8px;
    color: #fff;
    margin: 0 auto;
    padding: 30px 35px;
    text-align: center
}

.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}


.parallax__container .parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    height:inherit;
}

.parallax-mirror {
    z-index:inherit!important;
}

@media only screen and (orientation:portrait){
   .parallax {
    top: 0!important;
 }
}

.enllax {
    /* background-repeat: no-repeat; */
    background-size: cover!important;
}

/*** notification box ***/
.alert-box {
   box-sizing: border-box;
   display: block;
   padding: 5px 30px;
   color:#fff;
   text-align: center;
   position: relative;
   top: 0;
   left:0;
   width:100%;
   z-index:203001;
}

.alert-box a.close {color: #fff!important;position: absolute;left: 5px;top: 0;font-size: 18px;padding: 4px;text-decoration:none;}

.is-matrix:after, .is-matrix:before{
   content: "";
   display: table;
   border-collapse: collapse;
   clear:both;
}

/*** end [updates]   ULTIMATE+ WIDGETS & PLAY OF COLUMNS ***/


/*** cookies message ***/
#cc-cookie-law-headline {
    font-weight:500;
    font-size:13px;
}

#cc-cookie-law-button-group {
    padding-bottom:10px;
    display: flex;
}

#cc-cookie-law-text {
    margin-bottom:10px!important;
}


#cc-cookie-law-headline, #cc-cookie-law-text a {
    color: #fff!important;
}

#cc-inner {
   padding:0!important;
}

.cc-page #cc-cookie-law {
    padding: 5px;
    vertical-align: middle;
    text-align: left;
    font-size: 11px;
    line-height: 120%;
    border-bottom:none;
    background: #000!important;
    color: #cdcfd3!important;
    position: flex;
    bottom:0;
    top:auto;
}

.cc-page #cc-cookie-law-button,.cc-page #cc-cookie-law-button:last-child {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1px;
}

#cc-cookie-law-button {
  width:inherit!important;
}

.cc-page .cc-btn-icon span {
   display:none;
}

.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,#cc-cookie-law-button a {
    display: block;
    margin:1px;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    box-shadow: none;
    text-align:center;
    border: none;
    border-radius: 0;
    line-height: 120%;
    font-size: 13px;
    text-shadow: none;
    background-color: #222!important;
    color: #fff!important;
    padding: 8px 10px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,.cc-btn.green{
    background:#f1d600!important;
    color:#000!important
}

/*** end cookies message ***/

/* 
Theme Name: Agen
Version: 2.3 ( May 2014 )
Description: Responsive Multi-Purpose Jimdo theme with dropdown navigation
Author: Serhiy Hembarevskyy
URI: http//www.hembarevskyy.com/
*/


/*-----------------------------------------------------------------------------------
    Includes the main custom elements:
                     1. Main
                     2. Layout
                     3. Custom Jimdo elements
                     4. Responsive Image slider
                     5. Magnific Popup plugin
                     6. Media Queries

    Custom theme colors:

                      1.  Color blue              #00b8e1; /* color 1 */
                      2.  Color blue dark         #488d93; /* color 1.2 */
                      3.  Color Wet asphalt       #2c3e50; /* color 2 */
                      4.  Color Wet asphalt dark  #1e2b38; /* color 2.2 */
          
----------------------------------------------------------------------------------- */



/*  1. Typography
--------------------------------- */
body,p,table,td {} /* leave blank to use jimdo style tab */

/* please remove the headings section in case you wanted to use Jimdo font gallery. 
To change the below font, please don't forget to change the google library link in header as well */

p, ul, .j-text {
    font-family: var(werbekontur--preset--font-family);
    font-weight:400 !important;
line-height: 170% !important;
color:#222 !important;
}

li {
    font-family: var(werbekontur--preset--font-family);
    font-weight:400 !important;
line-height: 170% !important;
color:#222 !important;
}
 
ol {
    font-family: var(werbekontur--preset--font-family);
    font-weight:400 !important;
line-height: 170% !important;
color:#222 !important;
} 
h1 {
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
line-height: 150%; !important;
    text-transform:normal !important;
color:#9e273b !important;
}
h2 {
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
    text-transform:normal !important;
color:#9e273b !important;
}
h3 {
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
    text-transform:normal !important;
}
#hs-container p {
    font-family: var(werbekontur--preset--font-family);
    font-weight:400 !important;
line-height: 170% !important;
color:#222 !important;
} 
#hs-container h1 {
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
line-height: 150%; !important;
    text-transform:normal !important;
color:#9e273b !important;
}
#hs-container h2 {
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
    text-transform:normal !important;
color:#9e273b !important;
}
#hs-container h3 {
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
    text-transform:normal !important;
}

#hs-footer h1,#hs-footer h2,#hs-footer h3 {
    font-family: 'Merriweather', serif !important; /* Web fonts */
    font-weight:400;
color:#333;
    margin: 0 0 15px;
    border-bottom-width:1px;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #9e273b; /* color 1 */
}

/* hidden menu links in admin mode */ 
li.cc-invisible {
   text-decoration:line-through;
   color:#000; /* add your own color */
}

/* custom line */
#hs-container div.hr {
    border-bottom-width:1px;
    height: 1px;
    border-bottom-width: 4px;
    border-bottom-style: double;
}

.hs-left {
    float:left;
}

.hs-right {
    float:right;
margin-right: 54px;
}

.hs-center {
    float:none;
    margin:0 auto;
    text-align:center;
}

.hs-iframe {
    overflow:hidden;
}

/* inline img icons */
.hs-inline {
    float:left;
    padding: 5px 15px 0 0;
    margin: 0;
}
.hs-inline img {
    display:inline;
    padding:0 0 0 5px;
}

.hs-inline img:hover,.hs-inline a img:hover {
    opacity: 0.7;
}

/* the width of content wrapper.If you change it, please don't forget to change the value in Media Queries tablet devices */
.inner {
    width: 1170px;
    margin: 0 auto;
    position:relative;
}

/* remove underline links */
.inner a:link,.inner a:visited {
    text-decoration: none;
}


/*  2. Layout
--------------------------------- */
.body {
    background: #fff;
    margin:0;
}

#hs-container {
    width: 100%;
    padding: 0;
}

#hs-header {
    background: #fff; /* color 2 */
    background-repeat:repeat;
    background-position:left top;
    position:relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

#logo {
    display: inline-block;
    margin: 0;
    float: left;
    padding: 30px 0 30px;/* change top padding to center your logo */
}

#logo h1 {
    margin: 0 !important;
    line-height: 1em !important;
    padding: 0 !important;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
}

#description {
    float: right;
}

#description p {
color: #888 !important;
font-size: 16px;
text-align: left;
padding: 81px 0 0 0;
font-weight: 700 !important;
}

/*#button {
padding: 12px 0 12px 0;
float: right;
}*/
#button {
top:20px;
right:20px;
position:fixed;
}

.sc-wrapper {
    float:right;
    background:#1e2b38;/* color 2.2 */
    height:30px;
    width:282px;
    margin:5px 0;
    position:relative;
}

.sc-wrapper p{
    position:absolute;
    top:5px;
    left:5px;
    color:#ccc;
    font-size:12px;
    font-style:normal;
}

.sc-icon{
    float:right;
    height:30px;
    width:30px;
    background:#9e273b url(sc-icon.png);/* color 1 */
    background-repeat:no-repeat;
    background-position:center;
}

/* select nav wrapper */
#m-wrapper {
    display:none;
    height: 54px;
    margin:0;
    position:relative;
    padding:0px;
    cursor: pointer !important;
    font-size:1.1rem;
    border:none;
    -webkit-appearance: none;
    -moz-appearance:none;
    background:  url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/menu.png?t=1409090463) right center no-repeat; 
}

#m-wrapper span {
    display: block;
    vertical-align: middle;
    padding:4px;
    color:#fff;
    font-size: 14px;
    text-transform:uppercase;
    z-index:999; 
}

/*** Jimdo nav panel in admin mode ***/
#cc-nav {
    margin-top:10px!important;
    z-index:900000!important;
}

#top-nav {
    background: #eee;
    width: 100%;
    z-index:999;
}

#hs-pagenav {
    float:left;
padding: 6px;
margin-bottom: 15px;
}

#hs-subnav {
    float:left;
    margin-bottom: 20px;
}

#hs-content {
    float:right;
    width: 940px;
}

#hs-sidebar {
    float:left;
    width:230px;
}

#hs-sidebar h1 {
    font-size: 17px;
    color: #777;
}

/*** matrix page styles ***/

#hs-sidebar .j-hgrid:div > first-child{
   display:none;
}

#page-1091119761 #hs-content{
    display:none;
}

#page-1091119761 #hs-sidebar {
    width: 930px;
    float:left;
}

#page-1091119761 #hs-sidebar {
    padding: 15px;
}

#hs-sidebar #cc-m-6024871061{
    visibility:hidden;
}

/*** full width pages **/
.cc-indexpage #hs-content,#page-1755322692 #hs-content {
    width:100%;
    padding:0;
    margin:0;
}

.cc-indexpage #hs-content .hs-gutter,#page-17553226932 #hs-content .hs-gutter {
    padding: 5px 0 30px 0;
}

.cc-indexpage #hs-sidebar,#page-1755322692 #hs-sidebar {
    display:none;
}

#hs-footer {
    width: 100%;
    background:#d4d4d4;/* color 2.2 */
    color: #333;
}

/* Cookies - add the same color as your footer bg */
#cc-notification-gutter {
   background:#202020!important;
}

#hs-footer h3 {
    color:#333;
    padding: 0 0 30px;
    text-transform:normal;
    margin: 0 0 15px;
    border-bottom-width:0px;
    height: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #9e273b; /* color 1 */
}

#hs-footer p {
    color: #333;
}

#footer-left {
    float:left;
}

#footer-right {
    float:right;
    padding:20px 0 0;
    width:100%;
}

#hs-footer #contentfooter div.leftrow,#hs-footer #contentfooter div.rightrow {
    float:right;
    text-align:center;
    width:100%;
}

#hs-footer div#contentfooter div.leftrow p {
    color: #333;
}
div#contentfooter {
    width: 100%;
    font-size: 13px!important;
    line-height: 150%!important;
    font-weight: 400;
    overflow: hidden;
}

#hs-footer a {
    color: #9e273b;
    text-decoration: none;
    font-weight: 400;
}

#hs-footer a:hover {
    text-decoration: none;
}

#hs-footer .inline {
    display: none;
}

#hs-footer #contentfooter {
    margin-top:20px;
    padding:5px 0;
    border-top: 0px solid #2c3e50; /* color 2 */
}

#hs-footer #contentfooter div.rightrow a#login {
    color:#1e2b38;/* color 2.2 */
}

#loginbox-header img {
    display: none !important;
}

/* Matrix themes login box */
div#loginbox div#loginbox-header {
    background: #f6f6f6 url(http://u.jimdo.com/www61/o/s1aeecbbb2a5865b1/userlayout/img/matrix.png?t=1381796802) !important;
    background-repeat: no-repeat !important;
}

#hs-container #login_container,#hs-container #password-resend {
    background: url(http://u.jimdo.com/www61/o/s1aeecbbb2a5865b1/userlayout/img/matrix.png?t=1381796802)center right !important;
    background-repeat: no-repeat !important;
}

/*** Gutter ***/
#hs-content .hs-gutter {
    padding: 0px 25px 25px 20px;
}

#hs-sidebar .hs-gutter {
    padding: 0 0 30px 0;
}

#hs-footer .hs-gutter {
    padding: 15px 0;
}

/*** Jimdo navigation ***/
/* MENÜ */


.cc-nav-level-2.j-nav-level-2.sf-js-enabled.sf-arrows {
background: white;
}

ul.mainNav1,ul.mainNav2,ul.mainNav3 {
    padding: 0 !important;
    list-style: none;
    text-align: left;
    margin: 0;   
}

ul.mainNav1 li,ul.mainNav2 li,ul.mainNav3 li {
    margin: 0 !important;
    padding: 0;
    list-style: none;
    display: inline;
}

#hs-sidebar ul.mainNav1 li{
    margin: 0 !important;
    padding: 0;
    list-style: none;
    display: block;
}

/*** 1st level - standard menu ***/
.hs-menu ul.mainNav1 li a,.hs-menu ul.mainNav1 li a:link,.hs-menu ul.mainNav1 li a:active {
    display: block;
    padding: 20px 15px;
    color:#888;
    font-size: 16px;
    line-height:100%;
    font-family: var(werbekontur--preset--font-family);
    text-transform:normal;
    font-weight:400;
    line-height:100%;
    text-decoration: none!important;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

/* .hs-menu ul.mainNav1 li a:hover,.hs-menu ul.mainNav1 li a.current,.hs-menu ul.mainNav1 li a.parent {
    background: #ccc; 
    color:#333;
} */

/*** 2nd level - standard sidebar nav ***/
#hs-subnav ul.mainNav2 li a,#hs-subnav ul.mainNav2 li a:link,#hs-subnav ul.mainNav2 li a:active,#hs-subnav ul.mainNav2 li a:hover {
    display: block;
    float: left;
    color:#888;
    text-decoration: none;
    font-family: var(werbekontur--preset--font-family);
    text-transform:uppercase;
    font-size: 13px;
    width:200px;
    border-bottom:1px solid #ccc;
    margin: 0 !important; 
    padding:8px 6px; 
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
letter-spacing: 0.05em;
}

#hs-subnav ul.mainNav2 li a:hover,#hs-subnav ul.mainNav2 li a.current,#hs-subnav ul.mainNav2 li a.parent:hover,#hs-subnav ul.mainNav2 li a.parent {
    color: #000;
    background:#e5e8ea;
}

/*** 3rd level - standard sidebar nav ***/
#hs-subnav ul.mainNav3 li a,#hs-subnav ul.mainNav3 li a:link,#hs-subnav ul.mainNav3 li a:active {
    display: block;
    float: left;
    color:#999;
    text-decoration: none;
    font-family: var(werbekontur--preset--font-family);
    text-transform:none;
    font-size: 14px;
font-style:italic;
    width:188px;
    border-bottom:1px solid #ccc;
    margin: 0 !important; 
    padding:8px 12px 8px 24px; 
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#hs-subnav ul.mainNav3 li a:hover,#hs-subnav ul.mainNav3 li a.current,#hs-subnav ul.mainNav3 li a.parent:hover,#hs-subnav ul.mainNav3 li a.parent {
    color: #000;
    background:none;
}

/*** 3rd level - standard content nav  ***/
#hs-pagenav ul.mainNav3 li a,#hs-pagenav ul.mainNav3 li a:link,#hs-pagenav ul.mainNav3 li a:active,#hs-pagenav ul.mainNav3 li a:hover {
    display: block;
    float: left;
    color:#fff;
    background:#000;
    font-family: var(werbekontur--preset--font-family);
    font-size:13px;
    text-transform:uppercase;
    text-decoration: none;
    margin: 5px 5px 5px 0;
    padding: 6px 12px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

#hs-pagenav ul.mainNav3 li a:hover,#hs-pagenav ul.mainNav3 li a.current,#hs-pagenav ul.mainNav3 li a.parent {
    background: #9e273b; /* color 1 */
    color:#fff;
    text-decoration:none!important;
}

/*** hidden nav levels ***/
.hs-menu ul.mainNav2,
#hs-pagenav ul.mainNav1 .level_1,#hs-pagenav ul.mainNav2 .level_2, 
#hs-subnav ul.mainNav1 .level_1,#hs-subnav ul.mainNav1 .level_3
/* #hs-subnav ul.mainNav3.mainNav3 .level_3 -  hide 3rd level nav in sidebar */
{
    display: none;
} 

/*** dropdown menu ***/
.hs-menu,.hs-menu nav {
    float:left; 
}

.hs-menu nav ul {
    margin: 0;
    padding: 0;
    border:0;
    list-style:none;
    position: relative;
    display: block;
    z-index: 203001;
}

.hs-menu nav ul li {
    display: inline-block;
    position: relative;
}

.hs-menu nav ul ul {
    display: none;
}

.hs-menu nav ul li:hover > ul {
    display: block;
}

.hs-menu nav ul li {
    float: left;
}

/* Main nav style */
.hs-menu nav ul li a:link {
    display: block;
    color: #999;
    font-size: 16px;
    line-height:100%;
    font-family: var(werbekontur--preset--font-family);
    text-transform:normal;
    font-weight:400;
    margin: 0;
    padding: 15px 20px;
    text-decoration: none!important;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

.hs-menu nav ul li.cc-nav-parent>a:link,.hs-menu nav ul li.cc-nav-current>a:link,
.hs-menu nav ul li a:link:hover,.hs-menu nav ul li a:link:active {
    background: #ccc; /* color 1 */
    color: #333;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

/* Sub-nav style */
.hs-menu nav ul ul {
    background:#ccc;
    top: 100%;
    left:0;
    margin:0;
    color:#333;
    position: absolute;
}

.hs-menu nav ul ul li {
    float: none;
    position: relative;
}

.hs-menu nav ul ul li a:link {
    padding: 10px 20px;
    font-size:14px;
    color: #333;
    width:190px;
line-height:150%;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
border-bottom: white 1px solid;
border-left: white 1px solid;
border-right: white 1px solid;
margin-left: -1px;
}



.hs-menu nav ul ul li.cc-nav-parent>a:link,.hs-menu nav ul ul li.cc-nav-current>a:link,
{
    background: #ccc; /* color 1 */
    color:#333;
}


.hs-menu nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

/*** slimmenu - responsive nav ***/
.menu-collapser {
    display: none;
    vertical-align: middle;
    padding:16px;
    color:#333;
    font-family: var(werbekontur--preset--font-family);
    font-weight:400;
    font-size: 13px;
    text-transform:normal; 
}

.collapse-button {
    position:absolute;
    top:0;
    left:0;
    height:60px;
    cursor: pointer;
    
}

.collapse-button:hover,.collapse-button:focus {
    background-image: none;
    background-color: transparent;
    color: #333;
}

ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display:none;
}

ul.slimmenu li {
    position: relative;
    display: inline-block;
    background-color: #ccc; /* color 2 */
}

ul.slimmenu>li {
    margin-right: -5px;
    border-left: 1px solid #999;
}

ul.slimmenu>li:first-child {
    border-left: 0;
}

ul.slimmenu>li:last-child {
    margin-right: 0;
}

ul.slimmenu li a {
    display: block;
    color: #333;
    padding: 12px 64px 12px 16px;
    font-family: var(werbekontur--preset--font-family);
    font-weight:400;
    font-size: 13px;
    text-transform: normal;
    text-decoration:none;
    transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -webkit-transition: background-color .5s ease-out;
}

.hs-menu nav ul ul li a:link:hover,.hs-menu nav ul ul li a:link:focus, .hs-menu nav ul ul li a:link:hover,.hs-menu nav ul ul li a:link:active,.hs-menu nav ul ul li a:link:focus  {
    background: #eee; /* color 1 */
    color:#9e273b;
}


ul.slimmenu li a:hover {
    background-color: #9e273b; /* color 2.2 */
color:#fff;
    text-decoration: none;
}

ul.slimmenu li .sub-collapser {
    background: none repeat scroll 0 0 rgba(0,0,0,0.075);
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}

ul.slimmenu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}

ul.slimmenu li .sub-collapser>i {
    display: inline-block;
    vertical-align: middle;
}

ul.slimmenu li .sub-collapser:nth-child(2){
    display:none!important;
}

ul.slimmenu li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#hs-container .cc-spinner {
    z-index: 1;
}

ul.slimmenu li ul li {
    background-color: #ccc; /* color 2 */
    position:relative;
    z-index: 100013;
}

ul.slimmenu li>ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}

ul.slimmenu li>ul>li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 100023;
    width: 100%;
}

ul.slimmenu li>ul>li a {
    display: block;
    color: #333;
    padding: 12px 64px 12px 26px;
    font-family: var(werbekontur--preset--font-family);
    font-weight:400;
    font-size: 12px;
}

ul.slimmenu li>ul>li ul a {
    display: block;
    color: #333;
    padding: 12px 64px 12px 46px;
    font-family: var(werbekontur--preset--font-family);
    font-weight:400;
    font-size: 12px;
}
   

ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}

ul.slimmenu.collapsed li>ul {
    display: none;
    position: static;
}


/*** Jimdo breadcrumb menu ***/
.cc-indexpage #hs-pagenav {
    display:none;
}

#hs-pagenav ol {
    padding:0;
    margin:0;
    list-style: none;
    display: inline;
}

#hs-pagenav ol li {
    float:left;
    line-height:1.3em;
    color:#707070;
    padding-left:0em;
    padding-right:0.5em;
}	
	
#hs-pagenav ol li a {
    background:url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/crumbs.png?t=1409090378) no-repeat right center;
color:#707070;
    display:block;
    font-family: var(werbekontur--preset--font-family);
    font-weight:400;
    text-transform:normal;
font-style: italic;
font-size:13px;
    padding:0 15px 0 0;
    color:#888;
    text-decoration:none;
}	
						
#hs-pagenav ol li a:hover,
#hs-pagenav ol li a.current,#hs-pagenav ol li.cc-nav-current.j-nav-current a {
    color:#9e273b;
    text-decoration:none;
}			

/*  4.Custom Jimdo elements
--------------------------------- */

/*** content  form ***/
#hs-container .cc-m-form-view-sortable input,#hs-container input.single,#hs-container input.newsletterInput,#hs-container div#cc-checkout-shipping-address-form input,#hs-container div#cc-checkout-billing-address-form input,#hs-container div#cc-checkout-billing-contact-form input,#hs-container div.cc-checkout-user-note-form textarea {
    background: #ebeff2;
    border: 1px solid #d0d7dd;
    margin-bottom: 15px;
    color: #555;
    outline: none;
    padding: 10px 0;
    margin:5px 0;
}

#hs-container .cc-m-form-view-sortable textarea,#hs-container .n.j-formnew textarea,#hs-container .n.j-comment textarea,#hs-container .commententry.cc-com-entry textarea {
    background: #ebeff2;
    border: 1px solid #d0d7dd;
    margin-bottom: 15px;
    color: #555;
    outline: none;
    padding: 10px 0;
    margin:0;
}

/* overlay pages */
#hs-container input[type="password"],#hs-container input[type="search"] {
    background: none;
    background-color: #e4e4e6;
    margin-bottom: 15px;
    color: #333;
    border: none;
    text-transform:uppercase;
    outline: none;
    padding: 15px 0; 
    margin:5px 0;
    width:95%;
}

.cc-pagemode-overlay #hs-container input.submitUser {
    margin-bottom:50px;
}

#hs-container input.cc-spinner-input,#hs-footer input.cc-spinner-input {
    margin:0;
    padding:0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

/*** footer forms ***/
#hs-footer .cc-m-form-view-sortable input,#hs-footer input.single,#hs-footer input.newsletterInput {
    background: none;
    background-color: #2c3e50; /* color 2 */
    color: #f0f0f0;
    border: none;
    outline: none;
    padding: 7px 0;
    margin:0;
}

#hs-footer .cc-m-form-view-sortable textarea,#hs-footer .n.j-formnew textarea {
    background: none;
    background-color: #2c3e50; /* color 2 */
    color: #f0f0f0;
    border: none;
    outline: none;
    padding: 10px 0;
    margin:0;
}

#hs-container input.cc-spinner-input,#hs-footer input.cc-spinner-input {
    margin:0;
    padding:0;
}

/* input button */
#hs-container input[type=submit],#hs-footer input[type=submit],#hs-container a.blogreadmore,#hs-container .hs-button,#hs-content input[type=submit],#hs-content a.blogreadmore,#hs-conten .hs-button {
    background: none;
    border:1px solid #9e273b; /* color 1 */
    cursor:pointer;
    text-decoration: none;
    text-transform:uppercase;
    font-family: var(werbekontur--preset--font-family);
    font-weight:400;
    float: left;
    margin: 0;
    color: #9e273b; /* color 1 */
    height: auto;
    padding: 10px 40px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#hs-footer input[type=submit]{
    width:100%;
}

#hs-container input[type=submit]:hover,#hs-footer input[type=submit]:hover,#hs-container a.blogreadmore:hover,#hs-container .hs-button:hover,a.readmore:hover,#hs-content input[type=submit]:hover,#hs-content a.blogreadmore:hover,#hs-content .hs-button:hover,a.readmore:hover {
    color:#fff;
    border:1px solid #9e273b; /* color 1 */
    background:#9e273b; /* color 1 */
    text-shadow: none;
}

/* note */
#hs-content .cc-m-form-note {
    font-size:11px;
}

#hs-footer .cc-m-form-note{
    border-top: 1px solid #2c3e50; /* color 2 */
    padding: 3px 0 3px 20px;
    margin-top: 10px;
    font-size:11px;
}

/*** buttons ***/
a.readmore {
    border:1px solid #fff;
    text-decoration: none!important;
    float: none;
    display:block;
    margin:0 auto;
    cursor:pointer;
    text-transform:uppercase;
    color: #fff!important;
    text-align:center;
    width:100px;
    padding: 15px 55px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


/* newsletter style */
#hs-main #newsHeader,#hs-main strong.newslettertitel,#hs-footer #newsHeader,#hs-footer strong.newslettertitel {
    display: none;
}

#hs-sidebar input.newsletterInput,#hs-container input.submit_user {
    width:100%;
    margin-bottom:15px;
}

#hs-container input#senden,#hs-main button.onpagelogin-button {
    margin: 0px !important;
    border: 1px solid #A9A9A9;
    padding: 5px 14px !important;
    background: #E1E1E1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px 0 #FFF inset;
    color: #383838 !important;
    cursor: pointer;
    float: right !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #FFF;
}

#hs-container dt#mandFields-label,#hs-footer dt#mandFields-label {
    margin-top: 25px;
}

#hs-container input[type=submit] {
    font-size: 12px;
    text-transform: uppercase;
}

#hs-sidebar input.newsletterInput,#hs-footer input.newsletterInput {
    margin: 5px 0;
    padding:7px 0;
    width:100%;
}

/* note of newsletter in german language */
#hs-sidebar div.newsletterbox div.newsletterbox-advice,#hs-footer div.newsletterbox div.newsletterbox-advice {
    margin: 40px 0 10px 0;
    font-size: 85%;
    font-style: normal;
}

#hs-container p.newsletterbox-advice,#hs-footer p.newsletterbox-advice {
    margin: 50px 0 10px 0;
    font-size: 90%;
    font-style: normal;
}

/*** Photo gallery style 1 ***/
#hs-container div.thumb_sq1 a img,#hs-footer div.thumb_sq1 a img {
    display: block;
    border: none;
    background: #2c3e50; /* color 2 */
    -webkit-transition: color .2s linear, background .2s linear, border-color .2s linear;
   -moz-transition: color .2s linear, background .2s linear, border-color .2s linear;
   -ms-transition: color .2s linear, background .2s linear, border-color .2s linear;
   -o-transition: color .2s linear, background .2s linear, border-color .2s linear;
   transition: color .2s linear, background .2s linear, border-color .2s linear;
}

#hs-container div.thumb_sq1 a img:hover,#hs-footer div.thumb_sq1 a img:hover {
    background: #9e273b; /* color 1 */
    border: none;
}

/*** custom blog elements ***/
#hs-sidebar div.blogselection div.n {
    padding: 5px 0;
}

/* blog icon style3 */
#hs-container div.datetime.dt-style3 {
    width: auto;
    height: auto;
    margin: 0 0 10px 0;
    background: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
}

#hs-container span.comment {
    float:right;
    background-image:none;
}

#hs-sidebar div.blogselection h1 {
    font-size:15px;
}

#hs-content a.blogreadmore {
    float:left;
    margin:0 5px 0 0;
    padding:5px 10px;
    text-transform:lowercase;
}

#hs-sidebar a.blogreadmore {
    font-size:11px;
    padding:5px 8px;
    float:right;
    text-transform:lowercase;
}

#hs-sidebar span.comment {
    font-size:11px;
    float:left;
    display:none;
}

/* hide image in blog teaser of the sidebar */
#hs-sidebar .blogselection .n.j-imageSubtitle {
    display:none;
}

/*** image caption (only centered) ***/
#hs-container div.caption.cc-m-image-align-3,#hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption {
    background:#9e273b; /* color 1 */
    padding: 7px 0;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
}

/*** online store ***/
#hs-container .cc-shop-product-price {
    margin: 15px 0 10px;
    line-height: 20px;
    border: 1px solid #9e273b; /* color 1 */
}

#hs-container .cc-shop-product-price a.cc-shop-addtocard {
    float:right;
    margin-right:3px;
     -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#hs-container span.cc-shop-product-alternatives-arrow {
    display:none;
}

#hs-container span.fn {
    font-family: 'Merriweather', serif; /* Web fonts */
    font-weight:800;
    font-size:18px;
    color: #333;
    text-transform:uppercase;
    margin-top:10px;
}

/***  Shopping cart style ***/ 
#hs-container #cc-checkout-wrapper {
    background: none;
}

#hs-content div.cc-checkout-subheadings {
    border-bottom: 3px solid #1e2b38; /* color 2.2 */
}

#hs-content table.cc-checkout-products th {
    border-bottom: 3px solid #1e2b38; /* color 2.2 */
    background: #1e2b38; /* color 2.2 */
    color: #fff;
}

#hs-content th.cc-right.cc-cart-quantity{
    text-align: center!important;
}

#hs-header #cc-sidecart-wrapper {
    padding:0px;
    margin:3px 0;
    z-index:999;
    background:#1e2b38; /* color 2.2 */
}

.basket {
   float:left;
   width:240px;
   padding:0px 5px;
   position:relative;
}

/*** sc-wrapper style 1 
#hs-header .cc-sidecart-header {
    background:#444;
    margin-top: 0px;
    border-bottom:none;
    padding: 0px;
    color: #fff;
    width:210px;
    z-index:999;
}

#hs-header .cc-sidecart-header strong {
    float:left;
    font-size:14px;
    padding:3px 0 0;
    color:#ccc;
    font-style:italic;
    font-weight:normal;
    z-index:999;
    background:#444;
}

#hs-container #cc-sidecart div.cc-sidecart-content,#hs-container div.cc-sidecart-footer,#hs-footer #cc-sidecart-wrapper{
    display:none;
}

***/

/*** sc-wrapper style 2 ***/
#hs-header .cc-sidecart-header,#hs-header .cc-sidecart-loading,#hs-header .cc-sidecart-item {
    display:none;
}

#hs-header #cc-sidecart div.cc-sidecart-content {
    background:none;
    color:#ccc;
}

#hs-header .cc-sidecart-calculation {
    color:#ccc;
    padding:2px 0 0;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    font-style:italic;
}

#hs-header .cc-sidecart-calculation-price {
    color:#ccc;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}

#hs-header span.cc-sidecart-calculation-price {
    font-style:normal;
    color:#fff;
    position:absolute;
    top:5px;
    left:110px;
}

#hs-header .cc-sidecart-footer {
    overflow: hidden;
    background: none;
    padding: 0px;
    margin-bottom: 0;
    border-top: none;
    position:absolute;
    top:3px;
    right:5px;
}

#hs-header #cc-sidecart-wrapper .cc-sidecart-loading{
   display:none!important;
}

#hs-container a.cc-shop-addtocard,#hs-container  a.cc-shop-addtocard:visited,#hs-container  a.cc-sidecart-checkout,#hs-container a.cc-sidecart-checkout:visited,#hs-container input.cc-checkout-btn {
    text-shadow:none;
    -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/*** Content teaser ***/
.content-teaser {
    width: auto;
    padding: 15px;
    background: #2c3e50; /* color 2 */
    background-repeat:repeat;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    border-left: 5px solid #9e273b; /* color 1 */
}

.content-teaser .hs-left {
    padding-bottom:5px;
}

#hs-sidebar .content-teaser .hs-right,.cc-m-hgrid-column .content-teaser .hs-right {
    float:left;
}

.content-teaser,.content-teaser p,.content-teaser h1,.content-teaser h2,.content-teaser h3 {
    color:#fff;
}

/*** thumbnail image hover ***/
.hs-thumbnail {
    position: relative;
}

.hs-thumbnail img {
   display: block;
    width: 100%;
    height:auto;
    position: relative;
}

.hs-thumbnail:hover .thumbnail-hover {
    opacity: 1;
    filter: alpha(opacity=100); /*for ie older browsers*/
}

.thumbnail-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 314px;
    height: 314px;
    background-color: rgba(184,184,184,0.8);
padding:25px;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:.0;
    -ms-filter:"alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}



.thumbnail-hover a {
    display: block;
    width: 100%;
    height: 100%;
}

.thumbnail-hover p {
font-size:16px;
font-family: var(werbekontur--preset--font-family);
    font-weight:400 !important;
line-height: 170% !important;
color:#fff !important;
}

.thumbnail-hover h2 {
font-size:25px;
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
line-height: 150%; !important;
    text-transform:normal !important;
color:#fff !important;
}


/* description */
.hs-description	 {
    position:relative;
    padding: 20px;
    background:#e5e8ea;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
}

.hs-description:after{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #e5e8ea;
    border-width: 15px;
    margin-left: -15px;
}

.hs-description p {
    color: #777;
    margin-top: 5px;
}

.hs-description h3 a {
    text-decoration:none;
}

/*** blockquote ***/
.quote-teaser {
    background: #ccc url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/quote-mark.png?t=1409090492) no-repeat 20px 20px; /* color 2 */
    padding:20px;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    border-left: 5px solid #9e273b; /* color 1 */
}

blockquote p{
    font-family: Georgia, Times, serif;
    font-size:24px;
    font-style: italic;
    color:#fff;
    padding:10px 0 10px 35px;
}

blockquote cite {
    font-style: normal;
    display: block;
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color:#fff;
    letter-spacing: 1px;
}

/*** Tagcloud style 1 ***/
#hs-sidebar .tagcloud a, #hs-content .tagcloud a, #hs-container .tagcloud a,#btm-container .tagcloud a {
    display: block;
    float: left;
    padding: 5px 10px;
    background: #eee; /* color 2 */
    margin-bottom: 5px;
    margin-right: 5px;
    color:#222!important;
    text-decoration:none!important;
    -webkit-transition: all 0.2s ease 0s; 
    -moz-transition: all 0.2s ease 0s; 
    -o-transition: all 0.2s ease 0s; 
    transition: all 0.2s ease 0s; 
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) inset;
}

#hs-sidebar .tagcloud a:hover {
    background: #666;
    color:#fff!important;
    text-decoration:none!important;
}
#hs-footer .tagcloud a:hover {
    background: #666;
    color:#fff!important;
    text-decoration:none!important;
}

#hs-container .tagcloud a:hover,#btm-container .tagcloud a:hover {
    background:#9e273b; /* color 1 */
    text-decoration:none!important;
}

#hs-footer .tagcloud a {
    font-family: 'Merriweather', serif; /* web fonts */
    font-weight:400;    
display: block;
    float: left;
    padding: 5px 10px;
    background: #fff;
    margin-bottom: 5px;
    margin-right: 5px;
    color:#222!important;
    text-decoration:none!important;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

/*** Tagcloud style 2 ***/
#hs-container .tagcloud2 a,#btm-container .tagcloud2 a,#hs-footer .tagcloud2 a {
    display: block;
    float: left;
    padding: 5px 10px;
    border: 1px solid #9e273b; /* color 1 */
    margin-bottom: 5px;
    margin-right: 5px;
    color:#9e273b!important; /* color 1 */
    text-decoration:none!important;
    -webkit-transition: all 0.2s ease 0s; 
    -moz-transition: all 0.2s ease 0s; 
    -o-transition: all 0.2s ease 0s; 
    transition: all 0.2s ease 0s; 
}

#hs-container .tagcloud2 a:hover,#btm-container .tagcloud2 a:hover ,#hs-footer .tagcloud2 a:hover {
    border: 1px solid #9e273b; /* color 1 */
    background:#9e273b; /* color 1 */
    color:#fff!important;
    text-decoration:none!important;
}

/***  Custom links ***/
.links ul{
    margin:0;
    padding:0;
    list-style:none;
}

.links li {
    padding:10px 0;
    border-bottom: 1px solid #9e273b; /* color 2 */
    font-family: 'Merriweather', serif !important;
    font-weight:400 !important;
line-height: 170% !important;
}

.links li a {
     text-decoration:none;
     color: #555!important;
}

#hs-footer .links li a {
     text-decoration:none;
     color: #333!important;
}

.links li a:hover {
    color: #9e273b!important; /* color 1 */
    text-decoration:none!important;
}

#hs-footer .links li a:hover  {
    color: #9e273b!important;
    text-decoration:none!important;
}

/* plus links */
.plus ul{
    margin:0;
    padding:0;
    list-style:none;
}

.plus li {
    padding:10px 0;
}

.plus li a {
     text-decoration:none;
     padding:5px 0 5px 20px;
     background:url(plus-grey.png) no-repeat 0px 10px;
     color: #9da4ab!important;
}

.plus li a:hover {
    color: #9e273b!important; /* color 1 */
    padding:5px 0 5px 20px;
    text-decoration:none!important;
}


/*** Twitter widget ***/
#hs-container div.cc-m-twitter ul li,#hs-footer div.cc-m-twitter ul li {
    padding: 0 0 15px 30px !important;
    background: url(twitter-bird.png) no-repeat 0 3px !important;
}

#hs-container .ie-6 div.cc-m-twitter ul li,#hs-footer .ie-6 div.cc-m-twitter ul li {
    background: url(twitter-bird.png) no-repeat 0 3px !important;
}

#hs-container div.cc-m-twitter ul li span,#hs-container div.cc-m-twitter ul li span {
    display: block;
    padding-left: 5px !important;
    overflow: hidden;
}

#hs-container a.cc-pinterest-link {
    float: left;
}

/*** hover image overlay ***/
#hs-container .n.j-imageSubtitle a img,#hs-footer .n.j-imageSubtitle a img {
   -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

#hs-container .n.j-imageSubtitle a img:hover,#hs-footer .n.j-imageSubtitle a img:hover {
    opacity:0.5;
}

#hs-container a.cc-pinterest-link {
    float: left;
}

/*** Social Bookmarks ***/
.social {
    padding: 0;
    margin-top:0;
    float:left;
}

#hs-header .social {
    padding: 0;
    margin-top:2px;
    float:right;
}
		
a.social {
    background: url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/social-sprite.png?t=1409090544) 0 0 no-repeat;
    background-color: #9e273b; /* color 1 */
    border:none;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 0 0 1px;
    text-indent: -9999px;
    transition: background .2s linear;
    -moz-transition: background .2s linear;
    -webkit-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
}

.social.behance {
    background-position: 0 0;
}

.social.behance:hover {
    background-position: 0 -40px;
    background-color: #1f70ee !important;
}

.social.blogger {
    background-position: -40px 0;
}

.social.blogger:hover {
    background-position: -40px -40px;
    background-color: #ff6a0d !important;
}

.social.deviantart {
    background-position: -80px 0;
}

.social.deviantart:hover {
    background-position: -80px -40px;
    background-color: #cfdd20 !important;
}

.social.dribbble {
    background-position: -120px 0;
}

.social.dribbble:hover {
    background-position: -120px -40px;
    background-color: #ea4c89 !important;
}

.social.evernote {
    background-position: -160px 0;
}

.social.evernote:hover {
    background-position: -160px -40px;
    background-color: #6bb130 !important;
}

.social.facebook {
    background-position: -200px 0;
}

.social.facebook:hover {
    background-position: -200px -40px;
    background-color: #6190ec !important;
}

.social.flickr {
    background-position: -240px 0;
}

.social.flickr:hover {
    background-position: -240px -40px;
    background-color: #ececec !important;
}

.social.forrst {
    background-position: -280px 0;
}

.social.forrst:hover {
    background-position: -280px -40px;
    background-color: #5b9a68 !important;
}

.social.googleplus {
    background-position: -320px 0;
}

.social.googleplus:hover {
    background-position: -320px -40px;
    background-color: #cf3b28 !important;
}

.social.grooveshark {
    background-position: -360px 0;
}

.social.grooveshark:hover {
    background-position: -360px -40px;
    background-color: #f77f00 !important;
}

.social.lastfm {
    background-position: -400px 0;
}

.social.lastfm:hover {
    background-position: -400px -40px;
    background-color: #dc1303 !important;
}

.social.linkedin {
    background-position: -440px 0;
}

.social.linkedin:hover {
    background-position: -440px -40px;
    background-color: #24a9da !important;
}

.social.myspace {
    background-position: -480px 0;
}

.social.myspace:hover {
    background-position: -480px -40px;
    background-color: #111 !important;
}

.social.paypal {
    background-position: -520px 0;
}

.social.paypal:hover {
    background-position: -520px -40px;
    background-color: #4c94de !important;
}

.social.pinterest {
    background-position: -560px 0;
}

.social.pinterest:hover {
    background-position: -560px -40px;
    background-color: #cb2027 !important;
}

.social.skype {
    background-position: -600px 0;
}

.social.skype:hover {
    background-position: -600px -40px;
    background-color: #63d5ff !important;
}

.social.tumblr {
    background-position: -640px 0;
}

.social.tumblr:hover {
    background-position: -640px -40px;
    background-color: #5c88af !important;
}

.social.twitter {
    background-position: -680px 0;
}

.social.twitter:hover{
    background-position: -680px -40px;
    background-color: #4fd7dc !important;
}

.social.vimeo {
    background-position: -720px 0;
}

.social.vimeo:hover {
    background-position: -720px -40px;
    background-color: #1ab7ea !important;
}

.social.youtube {
    background-position: -760px 0;
}

.social.youtube:hover {
    background-position: -760px -40px;
    background-color: #cd2525 !important;
}

.social.xing {
    background: url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/xing.png?t=1409090580) center center no-repeat;
}

.social.xing:hover {
    background: url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/xing-hover.png?t=1409090574) center center no-repeat;
    background-color: #02666c!important;
}

/* fix Jimdo social buttons */
#hs-container .n.j-googleplus,#hs-container .n.j-facebook,#hs-container .n.j-twitter,
#hs-footer .n.j-googleplus,#hs-footer .n.j-facebook,#hs-footer .n.j-twitter  {
    overflow:hidden;
}

/** jQuery toggles & tabs ***/

.toggle {
    color: #444;
    font-weight:bold;
} 

.toggle a.switch {
    color: #444;
    display: block;
    font-size: 15px;
    font-weight:bold;
    line-height: 21px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.toggle a.switch:first-child {
    border: none;
    padding: 0;
}

.toggle a.switch  {
    background-color: #2c3e50; /* color 2 */
    background-image: url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/plus.png?t=1409090485);
    background-size: 7px 7px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-right: 10px;
    height: 21px;
    width: 21px;
}

.toggle a.switch.opened{
    color: #9e273b; /* color 1 */
}

.toggle a.switch.opened {
    background-color: #9e273b; /* color 1 */
    background-image: url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/minus.png?t=1409090478);
}

.toggle .content {
   margin: 10px 0 0;
   padding: 0;
   
}

/*** tabs ***/
ul.tabs-nav {
    font-size: 14px;
    list-style: none;
    margin:0;
    padding:0;
}

ul.tabs-nav > li {
    display: inline-block;
    margin-bottom: -1px;
}

ul.tabs-nav > li > a {
    background-color: #2c3e50; /* color 2 */
    border-right:1px solid #ddd;
    color: #ccc;
    display: block;
    text-decoration:none;
    font-size: 14px;
    padding: 8px 20px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

ul.tabs-nav > li > a:hover {
    color: #fff;
    background-color: #9e273b; /* color 1 */
    
}

ul.tabs-nav > li.active > a {
    color: #fff;
    background-color: #9e273b; /* color 1 */
}

div.tabs-container {
    border: 1px solid #ccc;
    padding: 20px;
}


/*  4. Responsive image slider
--------------------------------- */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.slides li {display: none;} /* fix delay */
.flexslider { margin: 0 auto 30px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.hs-loading .flex-viewport { max-height: 300px; }
.hs-loading {min-height: 300px; background: url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/ajax-loader.gif?t=1409090368) no-repeat center center;}
.flexslider .slides {zoom: 1; margin: 0; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: #333 url(https://u.jimcdn.com/cms/o/sde989eb9c89f3de9/userlayout/img/bg-direction-nav.png?t=1409090373) no-repeat 11px 7px; position: absolute; top: 45%; z-index: 10; cursor: pointer;width: 40px; height: 40px; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next { display:none; }
.flex-direction-nav .flex-prev {display:none;}
.flexslider:hover .flex-next {display:none;}
.flexslider:hover .flex-prev {display:none;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-direction-nav .disabled { opacity: .3 !important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { z-index:5; width: 100%; position: absolute; bottom: -30px; text-align: center; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 8px; height: 7px; display: block; background: #222; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.flex-control-paging li a:hover { background: #ddd; }
.flex-control-paging li a.flex-active { background: #ddd; cursor: default; position: relative; }


.flex-holder .flex-caption{
	position: absolute;
	bottom: 8%;
	left: 55%;
	padding: 15px;
        width:400px;
        background:rgba(78,78,78,0.9); /* color 1 */
}

.flex-caption{
       /* display:none;*/
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
         width:auto;
        background:rgba(78,78,78,0.9); /* color 1 */
}

.flex-caption h1,
.flex-caption p{
	text-align: left;
         color:#fff;
}

.flex-caption h1{
	font-size: 35px;
        font-family: 'Merriweather', serif !important; /* web fonts */
        font-weight:400 !important;
 color:#fff !important;
        text-transform:normal;
}

.flex-holder .flex-caption h1{
	font-size: 35px;
        font-family: 'Merriweather', serif !important; /* web fonts */
        font-weight:400 !important;
 color:#fff !important;
        text-transform:normal;
}

.flex-caption p{
     font-size: 15px;
color:#fff !important;
}


.flex-caption p a{ 
border-bottom: 0px solid #F55D2D; 
color: #d4d4d4; }

.flex-active-slide .flex-caption{
	display: block;
}

@media screen and (max-width: 768px) {
  .flex-active-slide .flex-caption { display: none; }
}

/*** Flex holder ***/
.flex-holder {
    width:100%;
    position:relative;
    padding:0;
    display:none;
}

/* displaying slider in custom pages */
.cc-indexpage .flex-holder,
#page-1582923995 .flex-holder
{
   display:block;
}

.cc-pagemode-sitetemplate .flex-holder,.cc-pagemode-overlay  .flex-holder{
   display:none;
}




/*** style for columns ***/
#hs-container .cc-m-hgrid-column .flex-direction-nav{ position: absolute; bottom:0px; left: 0px; }
#hs-container .cc-m-hgrid-column .flex-direction-nav a { opacity:1;}
#hs-container .cc-m-hgrid-column .flex-active-slide .flex-caption {display:none;}


/*  5. Magnific Popup plugin
--------------------------------- */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:100042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:100043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index:100045;
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: 0;
    cursor: 0;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: 0;
    cursor: 0;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index:100044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and max-width 800px and orientation landscape,screen and max-height 300px {
    /**
           * Remove all paddings around the image on small screen
           */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }

}

@media all and max-width 900px {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }

}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/* Simple fade transition */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/*  6. Media Queries
----------------------------------------------- */

/*** Tablet Layout 768px ***/
@media only screen and (min-width: 746px) and (max-width: 1024px) {

/* main */
.inner,#hs-content,.cc-indexpage #hs-content{ width: 702px;}
#hs-content,.cc-indexpage #hs-content {padding: 10px 0;}
#hs-content .hs-gutter {padding: 0;}
#hs-sidebar{display:none;}
#hs-footer .hs-gutter {padding: 15px 0;}
#hs-footer h3 {font-size:14px;}
.flex-direction-nav a { opacity:1;}
.flex-holder .flex-caption{
	position: absolute;
	bottom: 8%;
	left: 45%;
	padding: 15px;
        width:400px;
        background:rgba(78,78,78,0.9); /* color 1 */
}

.thumbnail-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 190px;
    height: 190px;
    background-color: rgba(184,184,184,0.95);
padding:15px;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:.0;
    -ms-filter:"alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}



.thumbnail-hover p {
font-size:12px;
font-family: 'Merriweather', serif !important;
    font-weight:400 !important;
line-height: 150% !important;
color:#fff !important;
}

.thumbnail-hover h2 {
font-size:18px;
    font-family: 'Merriweather', serif !important; /* web fonts */
    font-weight:400 !important;
line-height: 150%; !important;
    text-transform:normal !important;
color:#fff !important;
}

/* cms */
#hs-container .cc-m-video-container {width: 692px!important;}
#hs-container .n.j-hgrid .cc-m-video-container {width: 100%!important;}
#hs-content ul.com-list .commententry,#hs-content ul.com-list .com-meta,#hs-content ul.com-list .com-locked {margin-left: 5px;}
#hs-content ul.com-list li,#hs-content ul.com-list-noava li {width:692px;}
#hs-container .com-avatar.cc-entry-avatar {margin-right:10px;}
#hs-container div.j-imageSubtitle img,#hs-container .imgleft,#hs-container .cc-m-image-align-1,#hs-container .cc-m-image-align-2,#hs-container .cc-pinterest-overlay,#hs-container .cc-m-image-resizewrapper img {max-width: 692px !important;height:auto!important; }
#hs-container .cc-m-hgrid-column div.j-imageSubtitle img,#hs-container .cc-m-hgrid-column  .imgleft,#hs-container .cc-m-hgrid-column .cc-m-image-align-1,#hs-container .cc-m-hgrid-column .cc-m-image-align-2,#hs-container .cc-m-hgrid-column .cc-m-image-align-3,#hs-container .cc-m-hgrid-column .cc-pinterest-overlay,#hs-container .cc-m-hgrid-column .cc-m-image-resizewrapper img {width: 100%!important;height:auto!important;height:auto!important;}
#hs-container div.caption.cc-m-image-align-1,#hs-container div.caption.cc-m-image-align-2,#hs-container div.caption.cc-m-image-align-3 {width:100%!important;height:auto!important;}
#hs-container div.caption.cc-m-image-align-3 {text-align:left;}
#hs-container div.caption.cc-m-image-align-3:before {content: "\00a0 \00a0 \00a0 ";}
#hs-footer .cc-m-form-layout-0 .cc-m-form-view-label {float: left;margin-right: 4px;min-height: 1px;width: 100%;}
#hs-container .cc-m-form-layout-0 .cc-m-form-view-label,#hs-footer .cc-m-form-layout-0 .cc-m-form-view-label {float: left;margin-right: 4px;min-height: 1px;width: 100%;}
#hs-container .cc-m-form-layout-0 .cc-m-form-view-input,#hs-footer .cc-m-form-layout-0 .cc-m-form-view-input { width:100%;}

/* store catalogue */
#hs-container .cc-catalog-container.cc-catalog-sliderview {width:692px!important;}
#hs-container .cc-catalog-container.cc-catalog-sliderview .cc-catalog-wrapper { margin:0 60px!important;}
#hs-container .cc-catalog-container.cc-catalog-sliderview {width:692px!important;}
#hs-container .cc-catalog-container.cc-catalog-sliderview .cc-catalog-wrapper { margin:0 60px!important;}

/* nav */
#m-wrapper,.collapse-button{ display: block;width:702px;}
.hs-menu,#hs-subnav,#hs-pagenav {display:none;}
}


/*** Wide Mobile Layout: 480px ***/
@media only screen and (min-width: 460px) and (max-width: 745px) {

#button {
    top: 10px;
    right: 0px;
    position: fixed;}

/* Typography */
#hs-container p,#hs-footer p {font-size:12px;}
#hs-container h1,#hs-footer h1{font-size:20px;} 
#hs-container h2,#hs-footer h2 {font-size:16px;}
#hs-container h3,#hs-footer h3 {font-size:14px;}
#hs-container p,#hs-container table,#hs-container td,#hs-container h1,#hs-container h2,#hs-container h3,#hs-footer h3,#hs-footer,#m-wrapper span,.menu-collapser,ul.slimmenu li a,#hs-footer {-webkit-text-size-adjust: none;}

/* Main */
.inner,#hs-content,.cc-indexpage #hs-content{ width: 400px;}
#hs-content,.cc-indexpage #hs-content {padding: 20px 0;}
#hs-content .hs-gutter {padding: 0;}
#logo,#logo img {float:none;margin:0;display:block;padding:5px 0;max-width:400px; height:auto;}
#description p{display:none;}
.sc-wrapper{display:none;}
.flex-direction-nav a { opacity:1;}
.flex-caption{display:none;}
.hs-loading {min-height: 100px;}
#hs-sidebar,#hs-header .social{display:none;}
.content-teaser .hs-right {float:left;}

/* cms */
#hs-content .cc-m-hgrid-column,#hs-footer .cc-m-hgrid-column {width:100%!important;padding-bottom:10px;}
#hs-container .cc-m-video-container {width: 390px!important;}
#hs-container div.j-imageSubtitle img,#hs-container .imgleft,#hs-container .cc-m-image-align-1,#hs-container .cc-m-image-align-2,#hs-container .cc-pinterest-overlay,#hs-container .cc-m-image-resizewrapper img {max-width: 400px !important;height:auto!important; }
#hs-content ul.com-list .commententry,#hs-content ul.com-list .com-meta,#hs-content ul.com-list .com-locked {margin-left: 5px;}
#hs-container div.caption.cc-m-image-align-3 {text-align:left;}
#hs-container div.caption.cc-m-image-align-3:before {content: "\00a0 \00a0 \00a0 ";}
#hs-content ul.com-list li,#hs-content ul.com-list-noava li {width:390px;}
#hs-container .com-avatar.cc-entry-avatar {margin-right:10px;}
#hs-container .cc-m-form-layout-0 .cc-m-form-view-label,#hs-footer .cc-m-form-layout-0 .cc-m-form-view-label {float: left;margin-right: 4px;min-height: 1px;width: 100%;}
#hs-container .cc-m-form-layout-0 .cc-m-form-view-input,#hs-footer .cc-m-form-layout-0 .cc-m-form-view-input { width:100%;}

/* nav */
#m-wrapper,.collapse-button{ display: block;width:400px;}
.hs-menu,#hs-subnav,#hs-pagenav {display:none;}

/* Online store */
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-img,#hs-container div.cc-shop-product-size-2 div.cc-shop-product-img,#hs-container div.cc-shop-product-size-3 div.cc-shop-product-img,#hs-container div.cc-shop-product-img-confines,#hs-container img.cc-shop-product-main-image {max-width:380px!important;height:auto!important;}
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-desc,#hs-container div.cc-shop-product-size-2 div.cc-shop-product-desc,#hs-container div.cc-shop-product-size-3 div.cc-shop-product-desc {margin-left: 0px;clear:both;padding-top:20px;}
#hs-container .cc-catalog-container-new .cc-catalog-listview a.cc-webview-product-image {max-width: 380px !important;height:auto!important;float:none;margin:10px 0;}
#hs-container .cc-catalog-container.cc-catalog-sliderview{width:380px!important;}
#hs-container .cc-catalog-container.cc-catalog-sliderview .cc-catalog-wrapper { margin:0 60px!important;}
}

/*** Mobile Layout: 320px ***/
@media only screen and (min-width: 290px) and (max-width: 459px) {

#button {
    top: 10px;
    right: 0px;
    position: fixed;}

/* Typography */
#hs-container p,#hs-footer p {font-size:12px;} 
#hs-container h1,#hs-footer h1{font-size:20px;} 
#hs-container h2,#hs-footer h2 {font-size:16px;}
#hs-container h3,#hs-footer h3 {font-size:14px;}

/* Main */
.inner { width: 380px;}
.cc-indexpage #hs-content,#hs-content {width: 380px;padding: 20px 0px;}
#logo,#logo img {float:none;margin:0;display:block;padding:5px 0;max-width:282px; height:auto;}
#description p{display:none;}
.sc-wrapper{display:none;}
#hs-sidebar,#hs-header .social{display:none;}
#hs-content .cc-m-hgrid-column,#hs-footer .cc-m-hgrid-column {width:100%!important;padding-bottom:10px;}
#hs-content .hs-gutter {padding: 0;}
#hs-container .cc-m-video-container {width: 272px!important;}
#hs-footer .hs-gutter{padding: 10px 0;}
#hs-footer #contentfooter div.leftrow,#hs-footer #contentfooter div.rightrow {float:none;text-align:center;width:100%;}

/* custom elements */
.flex-direction-nav a { opacity:1;}
.flex-caption{display:none;}
.hs-loading {min-height: 100px;}
ul.tabs-nav > li > a {font-size: 12px;padding: 4px 10px;}
div.tabs-container {padding: 10px;}
.content-teaser .hs-right {float:left;}

/* cms */
#hs-container div.j-imageSubtitle img,#hs-container .imgleft,#hs-container .cc-m-image-align-1,#hs-container .cc-m-image-align-2,#hs-container .cc-pinterest-overlay,#hs-container .cc-m-image-resizewrapper img {max-width: 276px !important;height:auto!important;}
#hs-content ul.com-list .commententry,#hs-content ul.com-list .com-meta,#hs-content ul.com-list .com-locked {margin-left: 5px;width:95%;}
#hs-container div.caption.cc-m-image-align-3 {text-align:left;}
#hs-container div.caption.cc-m-image-align-3:before {content: "\00a0 \00a0 \00a0 ";}
#hs-content ul.com-list li,#hs-content ul.com-list-noava li {width:272px;}
#hs-container strong.number,#hs-container .com-avatar {display:none;}
#hs-container .cc-m-form-layout-0 .cc-m-form-view-label,#hs-footer .cc-m-form-layout-0 .cc-m-form-view-label {float: left;margin-right: 4px;min-height: 1px;width: 100%;}
#hs-container .cc-m-form-layout-0 .cc-m-form-view-input,#hs-footer .cc-m-form-layout-0 .cc-m-form-view-input { width:100%;}


/* nav */
#m-wrapper,.collapse-button{ display: block;width:380px;}
.hs-menu,#hs-subnav,#hs-pagenav {display:none;}

/* Online store */
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-img,#hs-container div.cc-shop-product-size-2 div.cc-shop-product-img,#hs-container div.cc-shop-product-size-3 div.cc-shop-product-img,#hs-container div.cc-shop-product-img-confines,#hs-container img.cc-shop-product-main-image {max-width:252px!important;height:auto!important;}
#hs-container div.cc-shop-product-size-1 div.cc-shop-product-desc,#hs-container div.cc-shop-product-size-2 div.cc-shop-product-desc,#hs-container div.cc-shop-product-size-3 div.cc-shop-product-desc {margin-left: 0px;clear:both;padding-top:20px;}
#hs-container .cc-catalog-container-new .cc-catalog-listview a.cc-webview-product-image {max-width: 252px !important;height:auto!important;float:none;margin:10px 0;}
#hs-container .cc-catalog-container.cc-catalog-sliderview {width:282px!important;}
#hs-container .cc-catalog-container.cc-catalog-sliderview .cc-catalog-wrapper { margin:0 30px!important;}
#hs-container .n.j-catalog {padding:5px 0;}

/* checkout page for mobile devices */
#hs-content div#cc-checkout-gutter {padding: 0;}
#hs-content div.cc-checkout-subheadings {font-size:16px;padding-bottom:5px;}
#hs-content span#cc-checkout-address-head-differs,#hs-content span#cc-checkout-address-head-same{ padding:5px 0; float:left;width:100%;font-size:95%;}
#hs-content table.cc-checkout-products {border-collapse: collapse;font-size: 10px;padding: 0;margin: 0;vertical-align: middle;}
#hs-content table.cc-checkout-products th {padding: 3px;margin: 0;vertical-align: middle;}
#hs-content table.cc-checkout-products th.cc-desc {padding-left: 0px;line-height: 1.3em;}
select#billing_country.cc-sa-country-code-select{ width: 180px;}
#hs-content div#cc-checkout-shipping-address-form input,#hs-content div#cc-checkout-billing-address-form input,#hs-content div#cc-checkout-billing-contact-form input,#hs-content div#cc-checkout-shipping-address-form select,#hs-content div#cc-checkout-billing-address-form select {margin: 6px 0 10px;width:212px;}
#hs-content table,#hs-content td,#hs-content th{font: normal 10px/120% Helvetica, Arial, sans-serif;font-weight: normal;}
#hs-content label#cc-checkout-address-checkbox-title {float: left;margin-top:5px;}
}

/*** add your custom widgets here ***/

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
*/

.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%,100%,20%,50%,80%{-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%,100%,20%,50%,80%{-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%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{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(0deg);transform:rotate(0deg)}}@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(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.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(0.9) rotate(-3deg);transform:scale(0.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(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.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}}