Agen Template css Code

/* 
Theme Name: Agen
Version: 2.4 ( November 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.  Main Color (Green)                     #333333; /* color 1 */
                      3.  Primary dark Color (Wet asphalt)       #2c3e50; /* color 2 */
                      4.  Secondary dark Color                   #457F89; /* color 3 */

          
----------------------------------------------------------------------------------- */


/*  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 */
#hs-container h1 {
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    font-weight:800;
    text-transform:uppercase;
}
#hs-container h2 {
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    font-weight:700;
   
}
#hs-container h3 {
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    font-weight:600;
   
}

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

.hs-left {
    float:left;
}

.hs-right {
    float:right;
}

.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;
}

.inner {
    width: 970px;
    margin: 0 auto;
    position:relative;
}

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

#cc-inner,#cc-inner p{
    font-weight:400;
}

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

#hs-container {
    width: 1020px;
    margin: 30px auto 0 auto;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

#hs-header {
    background: #fff;
    padding: 5px 0px;
}

#hs-header .inner,#hs-footer .inner {
    width: 960px;
}


#logo {
    display: inline-block;
    margin: 0;
    float: left;
    padding: 5px 0 10px 0;/* 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;
    width: auto;
    padding:0;
}

#description p {
    color: #777;
    font-size: 11px;
    padding: 5px 0;
    text-align: right;
}

.sc-wrapper {
    float:right;
    height:31px;
    width:31px;
    margin:0;
    position:absolute;
    bottom:5px;
    right:0;
}

/* 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(dropmenu-white.png) 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 {
    top:0px!important;
    z-index:3000030!important;
}

#top-nav {
    width: 960px;
    background: #457F89; /* color 3 */
    margin:0 auto;
}

#hs-pagenav {
    float:left;
    padding:8px;
}

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

#hs-main {
    width: 1020px;
    float:left;
    background:#fff;  
}

#hs-content {
    float:left;
    width: 720px;
}

#hs-sidebar{
   float:right;
   width:250px;
}

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

/*** matrix page style ***/
#page-1868042799 #hs-content{
    display:none;
}

#page-1868042799 #hs-sidebar {
    width: 970px;
    float:left;
}

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

#hs-sidebar .j-hgrid {
    display:none;
}

/*** full width pages **/
.cc-indexpage #hs-content,#page-xxxxxxxxxx #hs-content {
    width:970px;
}

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

.cc-indexpage #hs-content .hs-gutter {
    padding: 20px 0px;
}


#hs-footer {
    width: 1020px;
    margin: 0 auto 30px auto;
    background:#457F89; /* color 3 */
    color: #fff;
    border-top:5px solid #333333; /* color 1 */
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

/* cookies */
#cc-notification-gutter {
   height:auto!important;
}

#hs-footer h1,#hs-footer h2,#hs-footer h3 {
    padding: 0 0 10px;
    margin: 0 0 15px;
    border-bottom: 1px solid #fff; /* color 1 */
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-transform:uppercase;
    color: #fff;
}

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

#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:right;
   width:100%;
}

#hs-footer div#contentfooter div.leftrow p {
    color: #F8A835;
}

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

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

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

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

#hs-footer #contentfooter div.rightrow a#login {
   color:#457F89; /* color 3 */
}

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

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

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

#hs-subnav .hs-gutter {
    padding: 0 0 20px 5px;
}


/*** Jimdo navigation ***/
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,.hs-menu ul.mainNav1 li a:visited {
    display: block;
    padding: 20px;
    color: #fff;
    font-size: 13px;
    line-height:100%;
    font-family:  'Open Sans', sans-serif; /* Web fonts */
    text-transform:uppercase;
    font-weight:700;
    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: #333333; /* color 1 */
    color:#fff;
}

/*** 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,#hs-subnav ul.mainNav2 li a:visited {
    display: block;
    float: left;
    color:#888;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-transform:uppercase;
    font-size: 13px;
    width:215px;
    border-bottom:1px solid #457F89;
    margin: 0 !important; 
    padding:8px 12px; 
    -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.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: #333;
    background:#f0f0f0;
}

/*** 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,#hs-subnav ul.mainNav3 li a:hover,#hs-subnav ul.mainNav3 li a:visited {
    display: block;
    float: left;
    color:#999;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-transform:uppercase;
    font-size: 11px;
    width:203px;
    border-bottom:1px solid #457F89;
    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,#hs-pagenav ul.mainNav3 li a:visited {
    display: block;
    float: left;
    color:#fff;
    background:#457F89; /* color 3 */
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    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: #333333; /* 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,.hs-menu nav ul li a:visited {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height:100%;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-transform:uppercase;
    font-weight:700;
    margin: 0;
    padding: 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-parent>a:visited,.hs-menu nav ul li.cc-nav-current>a:link,.hs-menu nav ul li.cc-nav-current>a:visited,
.hs-menu nav ul li a:link:hover,.hs-menu nav ul li a:link:active,.hs-menu nav ul li a:link:focus,.hs-menu nav ul li a:visited:hover,.hs-menu nav ul li a:visited:active,.hs-menu nav ul li a:visited:focus {
    background: #333333; /* color 1 */
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

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

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

.hs-menu nav ul ul li a:link,.hs-menu nav ul ul li a:visited {
    padding: 10px 20px;
    font-size:12px;
    color: #fff;
    width:150px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

.hs-menu nav ul ul li.cc-nav-parent>a:link,.hs-menu nav ul ul li.cc-nav-parent>a:visited,.hs-menu nav ul ul li.cc-nav-current>a:link,.hs-menu nav ul ul li.cc-nav-current>a:visited,
.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,.hs-menu nav ul ul li a:visited:hover,.hs-menu nav ul ul li a:visited:active,.hs-menu nav ul ul li a:visited:focus {
    background: #333333; /* color 1 */
    color:#fff;
}

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

/* hidden menu links in admin mode */ 
li.cc-invisible {
   text-decoration:line-through;
}

/*** slimmenu - responsive nav ***/
.menu-collapser {
    display: none;
    vertical-align: middle;
    padding:16px;
    color:#fff;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    font-weight:400;
    font-size: 13px;
    text-transform:uppercase; 
}

.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: #fff;
}

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

ul.slimmenu li {
    position: relative;
    display: inline-block;
    background-color: #2c3e50; /* 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: #fff;
    padding: 12px 64px 12px 16px;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    font-weight:400;
    font-size: 13px;
    text-transform: uppercase;
    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;
}

ul.slimmenu li a:hover {
    background-color: #333333; /* color 1 */
    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: #2c3e50; /* 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: #fff;
    padding: 12px 64px 12px 26px;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    font-weight:400;
    font-size: 12px;
}

ul.slimmenu li>ul>li ul a {
    display: block;
    color: #fff;
    padding: 12px 64px 12px 46px;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    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:#777;
    padding-left:.75em;
}	
	
#hs-pagenav ol li a {
    background:url(arrow.png) no-repeat right center;
    display:block;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    padding:0 15px 0 0;
    color:#777;
    text-decoration:none;
}	

#hs-pagenav ol li:only-child a { 
    display:none;
}

#hs-pagenav ol li:last-child a { 
    background: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:#000;
    text-decoration:none;
}			


/*  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/s3144e8696b5aa0e8/userlayout/img/ajax-loader.gif?t=1419411045) 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/s3144e8696b5aa0e8/userlayout/img/bg-direction-nav.png?t=1419411097) 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 { background-position: -36px 7px; right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px; background-position: -36px 7px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.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-caption{
        display:none;
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 10px;
	max-width: 50%;
        background: rgba(255, 255, 255, 0.6); /* color 1 */
}

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

.flex-caption h1{
        font-family: 'Open Sans', sans-serif; /* Web fonts */
        font-weight:700;
	font-size: 18px;
        text-transform:uppercase;
}

.flex-caption p{
}

.flex-caption p a{ border-bottom: 1px solid #fff; color: #fff; text-decoration:none; }

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

@media screen and (max-width: 746px) {
  .flex-active-slide .flex-caption { 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:203003;
    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:203004;
    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: #457F89;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index:100044;
}

.mfp-preloader a {
    color: #457F89;
}

.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: #457F89;
    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;
}

/*** advanced package elements ***/

/* Styles for dialog window */
#hs-dialog,#hs-dialog2,#hs-dialog3 {
    background:#fff;
    padding:20px 30px;
    text-align:left;
    max-width:400px;
    margin:40px auto;
    position:relative
}

/* Fade-zoom animation for first dialog */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity:0;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8)
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
    opacity:0
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity:.001;
/* Chrome opacity transition bug */
    -webkit-transition:opacity .3s ease-out;
    -moz-transition:opacity .3s ease-out;
    -o-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity:.8
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity:0
}

.image-popup img,.popup-youtube img,.popup-vimeo img,.popup-gmaps img,.popup-modal img{
    width:100%;
    height:auto;
}

.popup-gallery:after {
   content: "";
   display: table;
   clear: both;
}

.popup-gallery img {
   width:90px;
   height:90px;
   display:block;
   float:left;
   background:#e5e8ea;
   padding:2px;
   margin:5px 5px 0 0;
   -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.popup-gallery img:hover {
    background: #333333; /* color 1 */
}

/*  6.Custom Jimdo elements
--------------------------------- */

/*** content area form ***/
#hs-container .cc-checkout-user-note-form textarea,#hs-container #cc-checkout-billing-address-form input[type="text"],#hs-container #cc-checkout-shipping-address-form input[type="text"],#hs-container .commententry textarea,#hs-container .commententry input[type="text"],#hs-container .j-formnew .cc-m-form-view-sortable input[type='text'],#hs-container .j-formnew .cc-m-form-view-sortable input[type='email'],#hs-container .j-formnew .cc-m-form-view-sortable textarea, #hs-container .j-newsletterbox input[type='email'],.cc-pagemode-overlay
#hs-container #password,#hs-container .newsletterbox input.newsletterInput {
    background-color: #f5f5f5;
    margin-bottom: 7px;
    color: #000;
    border: 1px solid #ededed;
    padding: 10px 0;
    outline: none;
    width:99%!important;
}

/*** footer area forms ***/
#hs-footer .cc-checkout-user-note-form textarea,#hs-footer #cc-checkout-billing-address-form input[type="text"],#hs-footer #cc-checkout-shipping-address-form input[type="text"],#hs-footer .commententry textarea,#hs-footer .commententry input[type="text"],#hs-footer .j-formnew .cc-m-form-view-sortable input[type='text'],#hs-footer .j-formnew .cc-m-form-view-sortable input[type='email'],#hs-footer .j-formnew .cc-m-form-view-sortable textarea, #hs-footer .j-newsletterbox input[type='email'],.cc-pagemode-overlay
#hs-footer #password,#hs-footer .newsletterbox input.newsletterInput {
    background: none;
    background-color: #2c3e50; /* color 2 */
    margin-bottom: 5px;
    color: #457F89;
    border: none;
    padding: 10px 0;
    outline: none;
    width:99%!important;
}

/* input button */
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard,#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#hs-container .j-blogarticle .blogreadmore:link,#hs-container .j-blogarticle .blogreadmore:visited,#hs-container .j-blogarticle .comment:link,#hs-container .j-blogarticle .comment:visited,#hs-container .post .blogreadmore:link,#hs-container .post .blogreadmore:visited,#hs-container .post .comment:link,#hs-container .post .comment:visited,#hs-container .commententry input[type="submit"],#hs-container .j-formnew input[type='submit'],#hs-container .j-downloadDocument .cc-m-download-link,#hs-container .j-newsletterbox input[type='submit'],.cc-pagemode-overlay #hs-container input[type="submit"].submitUser,#hs-container .j-rss br+a[target="_blank"],.hs-button,
#hs-footer .j-product .cc-shop-product-desc .cc-shop-addtocard,#hs-footer #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#hs-footer #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#hs-footer .j-blogarticle .blogreadmore:link,#hs-footer .j-blogarticle .blogreadmore:visited,#hs-footer .j-blogarticle .comment:link,#hs-footer .j-blogarticle .comment:visited,#hs-footer .post .blogreadmore:link,#hs-footer .post .blogreadmore:visited,#hs-footer .post .comment:link,#hs-footer .post .comment:visited,#hs-footer .commententry input[type="submit"],#hs-footer .j-formnew input[type='submit'],#hs-footer .j-downloadDocument .cc-m-download-link,#hs-footer .j-newsletterbox input[type='submit'],.cc-pagemode-overlay #hs-footer input[type="submit"].submitUser,#hs-footer .j-rss br+a[target="_blank"]{
    background: #333333; /* color 1 */
    text-decoration: none;
    float: left;
    cursor:pointer;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-transform: uppercase;
    margin: 0;
    color: #fff!important;
    height: auto;
    border:none;
    padding: 15px 45px;
    -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;
    -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 .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover,#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover,#hs-container .j-blogarticle .blogreadmore:hover:link,#hs-container .j-blogarticle .blogreadmore:hover:visited,#hs-container .j-blogarticle .comment:hover:link,#hs-container .j-blogarticle .comment:hover:visited,#hs-container .post .blogreadmore:hover:link,#hs-container .post .blogreadmore:hover:visited,#hs-container .post .comment:hover:link,#hs-container .post .comment:hover:visited,#hs-container .commententry input[type="submit"]:hover,#hs-container .j-formnew input[type='submit']:hover,#hs-container .j-downloadDocument .cc-m-download-link:hover,#hs-container .j-newsletterbox input[type='submit']:hover,#hs-container .cc-pagemode-overlay input[type="submit"].submitUser:hover,#hs-container .j-rss br + a[target="_blank"]:hover,#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:active,#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active,#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active,#hs-container .j-blogarticle .blogreadmore:active:link,#hs-container .j-blogarticle .blogreadmore:active:visited,#hs-container .j-blogarticle .comment:active:link,#hs-container .j-blogarticle .comment:active:visited,#hs-container .post .blogreadmore:active:link,#hs-container .post .blogreadmore:active:visited,#hs-container .post .comment:active:link,#hs-container .post .comment:active:visited,#hs-container .commententry input[type="submit"]:active,#hs-container .j-formnew input[type='submit']:active,#hs-container .j-downloadDocument .cc-m-download-link:active,#hs-container .j-newsletterbox input[type='submit']:active,#hs-container .cc-pagemode-overlay input[type="submit"].submitUser:active,#hs-container .j-rss br + a[target="_blank"]:active,#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:focus,#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus,#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus,#hs-container .j-blogarticle .blogreadmore:focus:link,#hs-container .j-blogarticle .blogreadmore:focus:visited,#hs-container .j-blogarticle .comment:focus:link,#hs-container .j-blogarticle .comment:focus:visited,#hs-container .post .blogreadmore:focus:link,#hs-container .post .blogreadmore:focus:visited,.post .comment:focus:link,#hs-container .post .comment:focus:visited,#hs-container .commententry input[type="submit"]:focus,#hs-container .j-formnew input[type='submit']:focus,#hs-container .j-downloadDocument .cc-m-download-link:focus,#hs-container .j-newsletterbox input[type='submit']:focus,#hs-container .cc-pagemode-overlay input[type="submit"].submitUser:focus,#hs-container .j-rss br+a[target="_blank"]:focus,#hs-container .hs-button:hover,#btm-container .hs-button:hover,
#hs-footer .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#hs-footer #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover,#hs-footer #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover,#hs-footer .j-blogarticle .blogreadmore:hover:link,#hs-footer .j-blogarticle .blogreadmore:hover:visited,#hs-footer .j-blogarticle .comment:hover:link,#hs-footer .j-blogarticle .comment:hover:visited,#hs-footer .post .blogreadmore:hover:link,#hs-footer .post .blogreadmore:hover:visited,#hs-footer .post .comment:hover:link,#hs-footer .post .comment:hover:visited,#hs-footer .commententry input[type="submit"]:hover,#hs-footer .j-formnew input[type='submit']:hover,#hs-footer .j-downloadDocument .cc-m-download-link:hover,#hs-footer .j-newsletterbox input[type='submit']:hover,#hs-footer .cc-pagemode-overlay input[type="submit"].submitUser:hover,#hs-footer .j-rss br + a[target="_blank"]:hover,#hs-footer .j-product .cc-shop-product-desc .cc-shop-addtocard:active,#hs-footer #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active,#hs-footer #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active,#hs-footer .j-blogarticle .blogreadmore:active:link,#hs-footer .j-blogarticle .blogreadmore:active:visited,#hs-footer .j-blogarticle .comment:active:link,#hs-footer .j-blogarticle .comment:active:visited,#hs-footer .post .blogreadmore:active:link,#hs-footer .post .blogreadmore:active:visited,#hs-footer .post .comment:active:link,#hs-footer .post .comment:active:visited,#hs-footer .commententry input[type="submit"]:active,#hs-footer .j-formnew input[type='submit']:active,#hs-footer .j-downloadDocument .cc-m-download-link:active,#hs-footer .j-newsletterbox input[type='submit']:active,#hs-footer .cc-pagemode-overlay input[type="submit"].submitUser:active,#hs-footer .j-rss br + a[target="_blank"]:active,#hs-footer .j-product .cc-shop-product-desc .cc-shop-addtocard:focus,#hs-footer #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus,#hs-footer #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus,#hs-footer .j-blogarticle .blogreadmore:focus:link,#hs-footer .j-blogarticle .blogreadmore:focus:visited,#hs-footer .j-blogarticle .comment:focus:link,#hs-footer .j-blogarticle .comment:focus:visited,#hs-footer .post .blogreadmore:focus:link,#hs-footer .post .blogreadmore:focus:visited,.post .comment:focus:link,#hs-footer .post .comment:focus:visited,#hs-footer .commententry input[type="submit"]:focus,#hs-footer .j-formnew input[type='submit']:focus,#hs-footer .j-downloadDocument .cc-m-download-link:focus,#hs-footer .j-newsletterbox input[type='submit']:focus,#hs-footer .cc-pagemode-overlay input[type="submit"].submitUser:focus,#hs-footer .j-rss br+a[target="_blank"]:focus,#hs-footer .hs-button:hover {
    border:none;
    background: #2c3e50; /* color 2 */
    color:#fff;
}

.cc-pagemode-overlay #hs-container input[type="submit"].submitUser,.cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover {
   color:#fff!important;
}

.cc-pagemode-overlay #hs-container input[type="submit"].submitUser {
    margin-bottom:50px;
}

/* rss button */
#hs-container .j-rss br+a[target="_blank"],#hs-footer .j-rss br+a[target="_blank"] {
    background: #333333; /* color 1 */
    border:none;
    cursor:pointer;
    text-decoration: none;
    float: left;
    margin: 0;
    color: #fff;
    height: auto;
    padding: 10px 10px;
    text-transform: uppercase;
    -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;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* spinner */
#hs-container .j-formnew .cc-m-form-view-sortable input.cc-spinner-input,
#hs-footer .j-formnew .cc-m-form-view-sortable input.cc-spinner-input {
   padding:0;
   margin:0;
   background:none;
   margin-bottom: 0px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

/*** form note ***/
#hs-content .cc-m-form-note,#hs-footer .cc-m-form-note{
    padding: 3px 0 3px 20px;
    margin-top: 10px;
    font-size:11px;
}

#hs-content .cc-m-form-note {
    border-top: 1px solid #457F89;
}

#hs-footer .cc-m-form-note {
    border-top: 1px solid #2c3e50; /* color 2 */
}

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

#hs-sidebar input.newsletterInput,#hs-footer input.newsletterInput {
    width:100%;
    overflow:hidden;
    margin-bottom:7px;
}

/*** newsletter style ***/
#hs-container input.newsletterInput,#btm-container input.newsletterInput,#hs-footer input.newsletterInput {
    width:100%;
    margin-bottom:15px;
}

/* hiding newsletter title */
#hs-content #newsHeader,#hs-content strong.newslettertitel,#btm-container #newsHeader,#btm-container strong.newslettertitel,#hs-footer #newsHeader,#hs-footer strong.newslettertitel {
    display: none;
}

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

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

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

.inner dt#mandFields-label {
    margin-top: 45px;
}

/*** button in login page ***/
#hs-container input#senden,#hs-container 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;
}

/*** responsive video ***/
#hs-container .cc-m-video-wrapper {width: 100%!important;}


/*** blog styles ***/
/* custom blog icons */
#hs-container div.datetime.dt-style3 {
    width: auto;
    height: auto;
    margin: 0 0 10px 10px;
    background: none;
    border-radius: 0px;
    border:2px solid #333333; /* color 1 */
    box-shadow: none;
}

#hs-container div.datetime.dt-style4 {
    width: auto;
    height: auto;
    margin: 5px 0px 10px 10px;
    background: none;
    border-radius: 0px;
    border:2px solid #333333; /* color 1 */
    box-shadow: none;
}

/* blogreadmore link */
#hs-container .j-blogarticle .blogreadmore:link{
    float:left;
    margin:0;
    padding: 10px 20px;
    text-transform:lowercase;
}

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

/*** sidebar blog ***/
#hs-sidebar .datetime,#hs-sidebar a.blogreadmore,#hs-sidebar span.comment{
    display:none;
}

#hs-sidebar .blogselection h1 {
    border-bottom:1px solid #ededed;
    font-size:90%;
    padding-bottom:9px;
}

/*** footer blog ***/
#hs-footer .datetime,#hs-footer a.blogreadmore,#hs-footer span.comment{
    display:none;
}

#hs-footer .blogselection h1 {
    font-size:90%;
    margin-bottom:0;
    border-bottom:1px solid #2c3e50; /* color 2 */
}

#hs-footer .blogselection h1 a{
    -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-footer .blogselection h1 a:hover{
    color:#333333; /* color 1 */
    text-decoration:none;
}

.cc-page-blog .hs-matrix .n.j-blogSelection {
    display:none!important;
}

/*** Jimdo photogallery style 1 ***/
#hs-container div.thumb_sq1 a img {
    display: block;
    border: none;
    background: #2c3e50; /* color 2 */
}

#hs-footer div.thumb_sq1 a img {
    display: block;
    border: none;
    background: #2c3e50; /* color 2 */
}

#hs-container div.thumb_sq1 a img:hover,#hs-footer div.thumb_sq1 a img:hover {
    background: #333333; /* color 1 */
    transition: background-color .6s;
    -webkit-transition: background-color .6s;
    -moz-transition: background-color .6s;
}

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

/*** Twitter widget ***/
#hs-container div.cc-m-twitter ul li,#hs-footer div.cc-m-twitter ul li {
    padding: 0 0 15px 25px !important;
    background: url(twitter.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.png) no-repeat 0 3px !important;
}

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


/*** Styling online store ***/
#hs-container span.fn {
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-transform:uppercase;
    font-size:16px;
    color: #333;
    font-weight:normal;
    margin-top:10px;
}

#hs-container .cc-catalog-container-new .cc-product-title {
    font-weight:normal;
    text-align:center;
    margin-top:5px;
}

#hs-container .cc-catalog-wrapper span a {
    font-size:16px;
    line-height:20px;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
}

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

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

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

#hs-container .j-product {
    padding:30px 0;
}

#hs-container .j-product .cc-shop-product-desc h4 {
    font-weight:300;
    font-size:1.4em;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-container {
    margin:15px 0;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-item {
    display:inline;
    padding-right:15px;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard {
    border:0;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:before {
    display:none;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard span {
    text-shadow:none;
}

#hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:link,#hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:visited {
    font-size:85%;
}

#hs-container .j-product .cc-shop-product-availability {
    padding:0;
    margin-top:25px;
    border-top:1px solid #999;
}

#hs-container .j-product .cc-shop-product-availability li {
    background-image:none;
    color:#999;
    display:block;
    font-size:85%;
    list-style:none;
    margin:10px 10px 20px 0;
    padding-left:0
}

#hs-container .j-product .cc-shop-product-availability li:before {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:5px;
    background:url(https://u.jimcdn.com/cms/o/s3144e8696b5aa0e8/userlayout/img/check.png?t=1419411104) no-repeat;
    vertical-align:middle;
    background-size:100% auto;
}

#hs-container .cc-catalog-container-new .cc-catalog-sliderview {
    width:100%!important;
}

#hs-container .cc-webview-product.hlisting {
   margin-right:25px!important;
}

#hs-container .cc-catalog-container-new .cc-catalog-sliderview .cc-catalog-wrapper {
    margin:0 60px!important;
}

/* shopping cart */

#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;
}

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

#hs-container #cc-sidecart {
    position:absolute;
    top:0;
    right:0;
    overflow:hidden;
    width:242px;
    z-index:30000;
    padding:0 10px;
    background:transparent;
    color: #000;
}

#hs-container #cc-sidecart .cc-sidecart-header {
    background:transparent;
    border:none;
    color:inherit;
    line-height:0;
    margin:0;
    padding:3px 0 0;
    position:relative
}

#hs-container #cc-sidecart .cc-sidecart-header a:link,#hs-container #cc-sidecart .cc-sidecart-header a:visited {
    color: #000;
    font-size:0em!important;
    padding:0!important;
    height:41px;
    width:41px;
    background:url(icon-cart.png);
    background-repeat:no-repeat;
    background-position:center;
}

#hs-container #cc-sidecart .cc-sidecart-header strong {
    font-size:.8em;
    font-weight:300;
    line-height:40px;
    text-align:left;
    text-transform:uppercase;
    color: #333333; /* color 1 */
    display:none;
}

#hs-container #cc-sidecart .cc-sidecart-content {
    background:transparent!important;
    color:inherit!important;
    overflow:hidden;
    margin-top:5px;
}

#hs-container #cc-sidecart .cc-sidecart-item {
    background:#dbdbdb;
    border:0;
    color:inherit;
    margin:0 0 5px;
    padding:10px;
    display:none;
}

#hs-container #cc-sidecart .cc-sidecart-calculation {
    background:transparent;
    clear:both;
    color:inherit;
    font-size:.8em;
    padding:10px 0;
}

#hs-container #cc-sidecart .cc-sidecart-calculation span {
    display:inline;
    text-align:left;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-transform:uppercase;
    font-weight:700;
}

#hs-container #cc-sidecart .cc-sidecart-footer {
    background:transparent;
    border:0;
    overflow:hidden;
    padding:0;
    text-align:right;
}

#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout {
    font-size:.8em;
    color:#112611;
    font-weight:300;
    float:none!important
}

#hs-container #cc-sidecart .cc-sidecart-footer,#hs-container #cc-sidecart .cc-sidecart-content,#hs-container #cc-sidecart .cc-sidecart-item,#hs-container #cc-sidecart .cc-sidecart-calculation {
    max-height:0;
}

#hs-container #cc-sidecart:hover,#hs-container #cc-sidecart:focus,#hs-container #cc-sidecart:active {
    background:#ededed;
    z-index:203003;
}

#hs-container #cc-sidecart:hover .cc-sidecart-content,#hs-container #cc-sidecart:hover .cc-sidecart-calculation,#hs-container #cc-sidecart:hover .cc-sidecart-item,#hs-container #cc-sidecart:hover .cc-sidecart-footer,#hs-container #cc-sidecart:focus .cc-sidecart-content,#hs-container #cc-sidecart:focus .cc-sidecart-calculation,#hs-container #cc-sidecart:focus .cc-sidecart-item,#hs-container #cc-sidecart:focus .cc-sidecart-footer,#hs-container #cc-sidecart:active .cc-sidecart-content,#hs-container #cc-sidecart:active .cc-sidecart-calculation,#hs-container #cc-sidecart:active .cc-sidecart-item,#hs-container #cc-sidecart:active .cc-sidecart-footer {
    max-height:10000px;
}

#hs-container #cc-sidecart:hover .cc-sidecart-footer,#hs-container #cc-sidecart:focus .cc-sidecart-footer,#hs-container #cc-sidecart:active .cc-sidecart-footer {
    padding:10px 0
}   

/* check-out page */

#hs-container #cc-checkout-steps {
    list-style-type:none;
    margin:0 0 1em;
    padding:40px 0 0;
    text-align:center;
    border-bottom:3px solid #457F89; /* color 3 */
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-total {
    border-top:3px solid  #457F89; /* color 3 */
    border-bottom:0;
    font-weight:700;
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-hint {
    font-style:italic;
    font-size:90%;
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products img {
    float:left;
    margin:5px 10px 5px 5px
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-paymentoption {
    padding:0;
    list-style:none
}

/*** hover image overlay ***/
#hs-container .n.j-imageSubtitle a img,#hs-footer .n.j-imageSubtitle a img,
#hs-container a.cc-webview-product-image 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,
#hs-container a.cc-webview-product-image img:hover {
   opacity:0.7;
}

/*** tagcloud style 1 ***/
.tagcloud a {
    display: block;
    float: left;
    padding: 10px 15px;
    background: #333333; /* color 1 */
    margin-bottom: 5px;
    margin-right: 5px;
    color:#fff!important;
    text-decoration: none !important;
    -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;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.tagcloud a:hover {
    background: #2c3e50; /* color 2 */
    color:#fff!important;
}

/*** Tagcloud style 2 ***/
#hs-container .tagcloud2 a,#btm-container .tagcloud2 a,#hs-footer .tagcloud2 a {
    display: block;
    float: left;
    padding: 10px 10px;
    border: 1px solid #333333; /* color 1 */
    margin-bottom: 5px;
    margin-right: 5px;
    color:#333333; /* color 1 */
    text-decoration:none;
    -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 #333333; /* color 1 */
    background:#333333; /* color 1 */
    color:#fff!important;
}

/*** Content teaser ***/
.content-teaser {
    width: auto;
    padding: 10px;
    background: #f5f5f5;
    background-repeat:repeat;
    border-left: 2px solid #333333; /* color 1 */
}

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

/*** blockquote ***/
.quote-teaser {
    background: #f5f5f5 url(https://u.jimcdn.com/cms/o/s3144e8696b5aa0e8/userlayout/img/quote-mark.png?t=1419411194) no-repeat 20px 20px;
    padding:20px;
    border-left: 2px solid #333333; /* color 1 */
}

#hs-footer .quote-teaser {
    background: #343434 url(https://u.jimcdn.com/cms/o/s3144e8696b5aa0e8/userlayout/img/quote-mark.png?t=1419411194) no-repeat 20px 20px;
}

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

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

/*** 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;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://u.jimcdn.com/cms/o/s3144e8696b5aa0e8/userlayout/img/hs-plus-small.png?t=1419411129) no-repeat scroll center center;
    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 {
     background-color: #2c3e50; /* color 2 */
}

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

/* description */
.hs-description	 {
    padding: 20px;
    background: #f5f5f5;
    -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 p {
    color: #777;
    margin-top: 5px;
}

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

/*** image caption for center aligned only ***/
#hs-container div.caption.cc-m-image-align-3,#hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption {
    background:#333333; /* color 1 */
    padding: 7px 0;
    color:#fff;
    font-family: 'Open Sans', sans-serif; /* Web fonts */
    text-align:center;
    text-transform:uppercase;
}

/*** styled links ***/
#hs-container .links ul,#hs-footer .links ul {
    margin: 0;
    padding: 0;
    list-style:none;
    text-decoration: none !important;
}

#hs-container .links li,#hs-footer .links li {
    padding: 9px 0;
    border-bottom: 1px solid #2c3e50; /* color 2 */
}

#hs-container .links li a {
    text-decoration: none;
    color: #2c3e50; /* color 2 */
}

#hs-container .links li a:hover {
    color: #333333; /* color 1 */
}

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

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

#hs-container .plus li {
    padding:10px 0;
}

#hs-container .plus li a {
     text-decoration:none;
     padding:5px 0 5px 20px;
     background:url(https://u.jimcdn.com/cms/o/s3144e8696b5aa0e8/userlayout/img/plus-grey.png?t=1419411172) no-repeat 0px 10px;
     color: #888;
}

#hs-container .plus li a:hover {
    color: #333333; /* color 1 */
    padding:5px 0 5px 20px;
    text-decoration:none;
}

/*** social bookmarking icons ***/
.social {
    padding: 0;
    margin-top:0;
    float:left;
}

#hs-header .social {
    margin-top:3px;
    padding: 0;
    float:right;
}
		
a.social {
    background: url(https://u.jimcdn.com/cms/o/s3144e8696b5aa0e8/userlayout/img/social-sprite.png?t=1419411212) 0 0 no-repeat;
    background-color: #457F89; /* 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(xing.png) center center no-repeat;
}

.social.xing:hover {
    background: url(xing-hover.png) center center no-repeat;
    background-color: #02666c!important;
}

.social.tripadvisor {
    background: url(tripadvisor.png) center center no-repeat;
}

.social.tripadvisor:hover {
    background: url(tripadvisor-hover.png) center center no-repeat;
    background-color: #70a75a!important;
}

.social.instagram {
    background: url(instagram.png) center center no-repeat;
}

.social.instagram:hover {
    background: url(instagram-hover.png) center center no-repeat;
    background-color: #517fa6!important;
}

/*** jQuery toggles & tabs ***/
.toggle {
    border:1px solid #457F89;
    padding:10px;
    font-weight:bold;
} 

#hs-footer .toggle {
    border:1px solid #555;
}

.toggle a.switch {
    color: #999;
    display: block;
    font-size: 15px;
    font-weight:bold;
    line-height: 21px;
    margin-bottom: 0px;
    padding-top: 10px; 
    padding-bottom: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/s3144e8696b5aa0e8/userlayout/img/plus.png?t=1419411181);
    background-size: 7px 7px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-right: 10px;
    height: 21px;
    width: 21px;
}

#hs-footer .toggle a.switch  {
    background-color: #333333; /* color 1 */
}

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

.toggle a.switch.opened {
    background-color: #333333; /* color 1 */
    background-image: url(minus.png);
}

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

/*** tabs ***/
ul.tabs-nav {
    font-size: 0;
    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 #fff;
    color: #457F89;
    font-size:14px;
    display: block;
    text-decoration:none;
    padding: 8px 20px;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

#hs-footer ul.tabs-nav > li > a {
    background-color: #2c3e50; /* color 2 */
    border-right:1px solid #303030; /* color 3 */
}

ul.tabs-nav > li > a:hover,#hs-footer ul.tabs-nav > li > a:hover {
    color: #fff;
    background-color:#333333; /* color 1 */
    
}

ul.tabs-nav > li.active > a,#hs-footer ul.tabs-nav > li.active > a  {
    color: #fff;
    background-color: #333333; /* color 1 */
}

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

#hs-footer div.tabs-container {
    border: 1px solid #555;
}

/*** search style ***/
.search {
    position:absolute;
    top:20px;
    right:0;
}

#hs-footer form input.st-search-input {
   font-size: 12px;
   padding: 5px 9px 5px 30px;
   height: 22px;
   width: 70%;
   float:left;
   color: #666;
   border: 1px solid #444;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -ms-border-radius: 0px;
   -o-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
    box-shadow: none;
   outline: none;
   background: #303030 url(//swiftype-assets.a.ssl.fastly.net/assets/embed_mag-034de95a159bfc65ae00bd318e8138ed.png) no-repeat 7px 7px;
}

#hs-content #st-results-container {
    padding:20px 0;
}

div.swiftype.with-result,.st-modal-scrollable{ 
    z-index:100009!important;
}

#hs-container .st-modal-scrollable,#hs-container .swiftype.with-results,#hs-container .st-result-wrapper,#hs-container .st-modal.st-modal-overflow.st-animate.modalEnter.in{
   z-index:100009!important;
}



/*  7. Media Queries
----------------------------------------------- */

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

/* Main */
#hs-container,#hs-main,#hs-footer{ width: 720px;}
.inner,#hs-footer .inner{width: 670px;}
#top-nav,#hs-header .inner{width:660px;}
#hs-content,.cc-indexpage #hs-content {width: 100%;}
#hs-content .hs-gutter,.cc-indexpage #hs-content .hs-gutter,#hs-footer .hs-gutter {padding: 25px 0;}
#hs-sidebar {display:none;}
.hs-loading {min-height: 200px;}
#hs-footer h3 {font-size:14px;}
.flex-direction-nav a { opacity:0.5;}
.content-teaser .hs-right {float:left;}

/* cms */
#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:660px;}
#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,#hs-container .j-textWithImage img {max-width: 660px !important;height:auto!important; }
#hs-container div.caption.cc-m-image-align-3,#hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption,#hs-container .cc-imagewrapper.cc-m-image-align-3 {max-width:660px;}
#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-container form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label,#hs-footer form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label {float: left;width: 100%;max-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:660px!important;}
#hs-container .cc-catalog-container.cc-catalog-sliderview .cc-catalog-wrapper { margin:0 60px!important;}

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


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

/* 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 */
#hs-container,#hs-main,#hs-footer{ width: 440px;}
.inner,#hs-footer .inner{width: 390px;}
#top-nav,#hs-header .inner{width:380px;}
#hs-content,.cc-indexpage #hs-content {width: 100%;}
#hs-content .hs-gutter,.cc-indexpage #hs-content .hs-gutter,#hs-footer .hs-gutter {padding: 25px 0;}
#logo,#logo img {max-width:200px; height:auto;}
#description {width:380px;}
.sc-wrapper {top:0;}
#hs-footer h3 {font-size:14px;}
.flex-direction-nav a { opacity:0.5;}
.hs-loading {min-height: 100px;}
ul.tabs-nav > li {width:100%;display:block;border-bottom:1px solid #777;}
#hs-container ul.tabs-nav > li > a {border-right:none;border-bottom:1px solid #777;}
div.tabs-container {padding: 10px;}
#hs-container .ccgalerie div.thumb_sq1,#hs-container .ccgalerie div.thumb_sq1 img,#hs-container .ccgalerie div.thumb_pro {width:80px!important;height:auto!important;margin:0 5px 2px 5px!important;} 
#hs-container .ccgalerie div.thumb_sq2 img,#hs-container .ccgalerie div.thumb_sq2,#hs-container .ccgalerie div.thumb_pro2{width:80px!important;height:auto!important;margin:0px 2px 1px 0px!important;background:transparent!important;} 
#hs-container .ccgalerie div.thumb_sq3,#hs-container .ccgalerie div.thumb_sq3 img,#hs-container .ccgalerie div.thumb_pro3 {width:80px!important;height:auto!important;margin:0px 2px 1px 0px!important;padding:0!important;background:transparent!important;}   
#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 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,#hs-container .j-textWithImage img {max-width: 380px !important;height:auto!important; }
#hs-container div.caption.cc-m-image-align-3,#hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption,#hs-container .cc-imagewrapper.cc-m-image-align-3 {max-width:380px;}
#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-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-container form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label,#hs-footer form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label {float: left;width: 100%;max-width: 100%;}

/* 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;}

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

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

/* 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 */
#hs-container,#hs-main,#hs-footer{ width: 282px;}
.inner,#hs-footer .inner{width: 272px;}
#top-nav,#hs-header .inner{width:262px;}
#hs-content,.cc-indexpage #hs-content {width: 100%;}
#hs-content .hs-gutter,.cc-indexpage #hs-content .hs-gutter,#hs-footer .hs-gutter {padding: 25px 0;}
#logo,#logo img {max-width:200px; height:auto;}
#description {width:262px;}
.sc-wrapper {top:0;}
#hs-content .cc-m-hgrid-column,#hs-footer .cc-m-hgrid-column {width:100%!important;padding-bottom:10px;}
#hs-footer h3 {font-size:14px;}
#hs-container #cc-sidecart {width:242px;}
ul.tabs-nav > li {width:100%;display:block;border-bottom:1px solid #777;}
#hs-container ul.tabs-nav > li > a {border-right:none;border-bottom:1px solid #777;}
div.tabs-container {padding: 10px;}
.flex-direction-nav a { opacity:0.5;}
#hs-container .ccgalerie div.thumb_sq1,#hs-container .ccgalerie div.thumb_sq1 img,#hs-container .ccgalerie div.thumb_pro {width:80px!important;height:auto!important;margin:0 5px 2px 5px!important;} 
#hs-container .ccgalerie div.thumb_sq2 img,#hs-container .ccgalerie div.thumb_sq2,#hs-container .ccgalerie div.thumb_pro2{width:80px!important;height:auto!important;margin:0px 2px 1px 0px!important;background:transparent!important;} 
#hs-container .ccgalerie div.thumb_sq3,#hs-container .ccgalerie div.thumb_sq3 img,#hs-container .ccgalerie div.thumb_pro3 {width:80px!important;height:auto!important;margin:0px 2px 1px 0px!important;padding:0!important;background:transparent!important;}   
.hs-loading {min-height: 100px;}
#hs-sidebar,#hs-header .social{display:none;}
.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,#hs-container .j-textWithImage img {max-width: 262px !important;height:auto!important; }
#hs-container div.caption.cc-m-image-align-3,#hs-container .cc-imagewrapper.cc-m-image-align-3 figcaption,#hs-container .cc-imagewrapper.cc-m-image-align-3 {max-width:262px;}
#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 form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label,#hs-footer form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label {float: left;width: 100%;max-width: 100%;}

/* nav */
#m-wrapper,.collapse-button{ display: block;width:262px;}
.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:272px!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 */
.cc-pagemode-sitetemplate #hs-content .hs-gutter {padding:0px 0px;}
#hs-container #cc-checkout-wrapper {margin-left:-20px;background:transparent;min-width:320px;}
#hs-content div#cc-checkout-gutter {padding: 5px 2px;}
#hs-content table.cc-checkout-products tbody,#hs-content #cc-checkout-gutter {background:#fff;border-top:2px solid #333333; /* color 1 */}
#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: 5px 5px;margin: 0;vertical-align: middle;}
#hs-content table.cc-checkout-products th {padding: 5px 5px;margin: 0;vertical-align: middle;text-align: left;overflow: hidden;}
#hs-content table.cc-checkout-products th.cc-desc {line-height: 1.3em;}
#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:202px;}
#hs-content table,#hs-content td,#hs-content th{font: normal 10px/120% Helvetica, Arial, sans-serif;font-weight: normal;}
#hs-content table.cc-checkout-products .cc-right {text-align: center !important;}
#hs-content label#cc-checkout-address-checkbox-title {float: left;margin-top:5px;}
select#billing_country.cc-sa-country-code-select{ width: 180px;}
}


/*** 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}}