body {
         font-size: 20px;
         line-height: 1.3em;
         color: #cccccc;
         background-color: #000000;
}

.container {width: 100%}

[itemprop="articleBody"] td {padding: 3px 0;}

.row {
         margin-left: 0px;
         margin-right: 0px;
}

.row.inner-bottom {margin: 40px 0;}

.navbar-header {
    float: right;
}

#topwrapper {

}

#wrapper.topwrappernichtvorhanden {
    margin-top: 117px;
}

#wrapper .container {
}

.headnavbarfixed {
         padding: 0;
         position: fixed;
         top: 0;
         width: 100%;
         min-height: 70px;
         z-index: 1000;
}

.headnavbarfixed .container {
         background-color: transparent;
         height: 117px;
}

.headnavbarfixed a {
         color: #262626;
         font-size: 18px;
         text-transform: none;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 0px;
}

.navbar-brand .moduletable p {
    margin-left: -30px;
}
.navbar-brand img {
    height: 50px; margin-top: 20px; transition: all 0.5s ease 0s;
    padding-left: 30px;  transition: all 0.5s ease 0s;
}

.navbar-right {
    margin-right: 0px;
    margin-top: 36px;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    overflow: visible;
}

.nav-pills > li > a, .nav-pills > li > a, .nav-pills > li > a {
    color: #ffffff;
}

.dropdown-menu > li > a {
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: transparent;
    color: #cccccc;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #cccccc;
}

.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #666666;
    color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #d5d5d5;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
         background-color: rgba(255, 255, 255, 0.9);
}

.non-active-link {pointer-events: none;cursor: default;}

#topwrapper .container {
}

#wrapper .contentwrapper {
    margin-top: 30px;
}

.article-info {
    font-size: 12px;
}
.article-info dd {
    display: inline-block;
    margin-right: 10px;
}

.biologosimtext img {margin-right: 30px;}

.label-info {background-color: #aaaaaa;}

.row.copyright {color: #333}

#wrapper .contentwrapper .fa {
    font-size: 50px;
}

/* Anfang Module sidebar */
.moduletable.sidebarbox {
    margin-bottom: 0px;
    padding-bottom: 34px;
}

.moduletable.sidebarbox h3 {
    font-size: 1.6em;
    text-transform: none;
    font-weight: 700;
    margin-top: 34px;
    color: #666666;
}

.shoplogin.sidebarbox .inputbox {
    width: 100%;
}

.moduletable.sidebarbox.socialbookmarks p {margin:0;}
.moduletable.sidebarbox.socialbookmarks a {font-size:20px;text-align: left;padding: 0;}
.moduletable.sidebarbox.socialbookmarks a .fa.fa-facebook {color: #666666;}
.moduletable.sidebarbox.socialbookmarks a:hover {text-decoration: underline;}

.moduletable.sidebarbox.sidebarmenu ul {padding-left: 0px; }
.moduletable.sidebarbox.sidebarmenu li {list-style: outside none none; }

.moduletable.sidebarbox a {color: #000000;}

.moduletable.sidebarbox.sidebarmenu a::before  {content: "\25B6 "; padding-right: 11px; color: #666666;}

.moduletable.sidebarbox .glyphicon {color: #b31217; width: 26px;}

.moduletable.sidebarbox.bluebox {background-color: #cbe3fb;}
.moduletable.sidebarbox.redbox {background-color: #523339;}
.moduletable.sidebarbox.dbluebox {background-color: #666666; color: #ffffff;}
.moduletable.sidebarbox.dbluebox .module_cart_summ td.goto_cart {padding-top: 10px;}
.moduletable.sidebarbox.dbluebox a {color: #c1c1c1; text-decoration: underline;}
.moduletable.sidebarbox.dbluebox h3 {color: #ffffff;}
.moduletable.sidebarbox.lgreybox {background-color: #d0d3d8;}
.moduletable.sidebarbox.whitebox {background-color: #ffffff;}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}

.moduletable.sidebarbox .fa {width: 25px;}

/* Ende Module sidebar */
/* Anfang Module bottom */
.bottom .retail {
    height:180px;
    padding-top: 10px;
    transition: all 0.5s ease 0s;
}
.bottom .retail:hover {
    background-color: #cbe3fb;
}
/* Ende Module bottom */

/* Anfang Module Header */
.moduletable.dotted h3 {
    background: rgba(0, 0, 0, 0) url("../images/subtle_dots_@2X.png") repeat scroll 0 0;
    display: block;
    font-size: 1.8em !important;
    padding: 16px 0px 11px !important;
    text-align: left !important;
}
/* Ende Module Header*/

/* Anfang Module bannerview */
.bannerview-banners img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.bannerview-banners .mask {
   background-color: rgba(27, 96, 163, 0.8);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.bannerview-banners h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.bannerview-banners p {
   -webkit-transform: translateX(300px) rotate(90deg);
   -moz-transform: translateX(300px) rotate(90deg);
   -o-transform: translateX(300px) rotate(90deg);
   -ms-transform: translateX(300px) rotate(90deg);
   transform: translateX(300px) rotate(90deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.bannerview-banners a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.bannerview-banners:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.bannerview-banners:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.bannerview-banners:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.bannerview-banners:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.bannerview {max-width:100%;overflow: hidden;position: relative;text-align: center;cursor: default;}
.bannerview .mask,.bannerview .content {width:88%;height: 88%;position: absolute;overflow: hidden;top: 6%;left: 6%;}
.bannerview img {display: block;position: relative;max-width: 100%;}
.bannerview h2 {text-transform: none; color: #fff;text-align: center;position: relative;font-size: 36px;padding: 10px 25px 0; margin: 10px 0 0 0;}
.bannerview a.info {display: inline-block; font-size: 24px; text-decoration: none;padding: 14px 14px 14px 14px;color: #fff;text-transform: none;background:none}
.bannerview a.info: hover {background:none;}
/* Ende Module bannerview */
/* Start Frontpage */
body.home-start, body.home {background: transparent url("../images/ictra-ito-startseite.jpg") no-repeat fixed center top / cover ;}
body.home-start .navbar-header .navbar-brand, body.home .navbar-header .navbar-brand {display: none;}
body.home-start .headnavbarfixed, body.home .headnavbarfixed {background-color: transparent;}
body.home-start .headnavbarfixed .container, body.home .headnavbarfixed .container {background-color: transparent;}
body.home-start .headnavbarfixed .container:hover, body.home .headnavbarfixed .container:hover {background-color: transparent;}

body.home-start .row.footer ul, body.home .row.footer ul {background-color: rgba(255, 255, 255, 0.4);}

#topwrapper .row.top .question .custom {
    text-align: center;
    background-color: #666666;
    padding-bottom: 15px;
}
#topwrapper .row.top .question h3 {
    font-size: 110px;
    font-weight: 700;
    text-transform: none;
}
#topwrapper .container .footerimpress {

}
#topwrapper .row.top .footerimpress .custom {
    background: #000000 url("../images/banner_golf.jpg") no-repeat fixed center center / cover ;
    text-align: center;
    padding-bottom: 15px;
}
#topwrapper .row.top .footerimpress .custom h2 {
    font-size: 110px;
    font-weight: bold;
}
#topwrapper .container .firstpagebigquote {
}
#topwrapper .container .firstpagebigquote .custom {
    background: #000000 url(../images/first-fall-background.jpg) no-repeat fixed center center / cover ;
    padding: 30px 0;
    text-align: center;
}
#topwrapper .container .firstpagebigquote .custom h2 {
    font-size: 110px;
    font-weight: bold;
    color: #666666;
}


.frontpageofferimg .product_label {position:absolute; margin: 10px 0 0 10px;}
/* Ende Frontpage */

/* Anfang Module footer */
.footermenu.nav-tabs > li > a {
    font-size: 0.6em;
    padding: 2px 2px 2px 0;
    color: #333333;
}

.footer .moduletable h3 {
    font-size: 1em;
    color: #ffffff;
    text-transform: none;
    background-color: #666666;
    padding: 15px;
}

.nav-stacked.footermenu {padding:15px;}

.footer .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #666666;
}

.row.footer .nav-tabs {
    border-bottom: 0 solid #ddd;
}

.homecontent.copyright {
    background-color: #d0d0d0;
    padding: 5px;
    position: relative;
    z-index: 20;
}

.glider_newspro {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #000;
}
.glider_newspro .mask,.glider_newspro .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.glider_newspro img {
   display: block;
   position: relative;
}
.glider_newspro h2 {
   text-transform: none;
   color: #363636;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.glider_newspro p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 14px;
   position: relative;
   color: #fff;
   padding: 10px 20px 12px;
   text-align: center;
}
.glider_newspro a.info {
   display: inline-block;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   padding: 7px 14px;
   background: #cbe3fb;
   color: #333333;
   text-transform: none;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.glider_newspro a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.glider_newspro img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.glider_newspro .mask{
   background-color: rgba(27, 96, 163, 0.9);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.glider_newspro h2 {
   background: rgba(255, 255, 255, 0.5);
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.glider_newspro p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.glider_newspro:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.glider_newspro:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.glider_newspro:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
/* Ende Module footer */

/* Anfang FirstSite Text */
.textfirstsite {background-color: rgba(255, 255, 255, 0.4); padding: 30px; text-align: justify;}
.textfirstsite h1, .textfirstsite h2, .textfirstsite h3, .textfirstsite p {display: inline; color: #262626;}
.firstsitetext_01 {font-size: 24px; padding: 0 10px;}
.firstsitetext_02 {font-size: 20px; font-weight:bold; padding: 0 10px;}
.firstsitetext_03 {font-size: 18px; padding: 0 10px; font-style: italic;}
.firstsitetext_04 {font-size: 36px; padding: 0 10px;}
.firstsitetext_05 {font-size: 30px; padding: 0 10px;}
/* Ende FirstSite Text */

/* Anfang Accordion FAQ */
.accordion { padding: 1px;  }
.accord-header::before {content: " + "; padding-left: 15px;}
.accord-header { background: #cbe3fb; margin: 10px 0; }
.accord-header:hover { cursor: pointer; }
.accord-content { display: none; padding: 0 30px; }
/* Ende Accordion FAQ */

/* Anfang Top Banner */
#topwrapper .topbanner {position: relative;}
#topwrapper .topbanner .unoslider_caption {position: absolute; top: 0;}

/* Ende Top Banner */

/* Anfang Blog */
.pull-left.item-image  {margin-right: 20px; width: 100%; margin-bottom: 20px;}
.pull-left.item-image img  {display: block; height: 100%; max-width: 100%; width: 100%;}

.blog .items-row .span6.col-md-6 {padding-left: 0px; padding-right: 0px;}

.img_caption p.img_caption, figcaption.img_caption {font-size: 14px;}
figcaption.img_caption {margin-bottom: 25px;}

.moduletable.bloglist li {margin-bottom: 5px;}

.blog.newblog .pagination p {float:none;}
.pagination ul, .blog.newblog .pagination p {width: 100%; padding-left: 0;}
.pagination ul li {display: inline-block; width: 90px;}
/* Ende Blog */

/* Anfang Easy Image Gallery */
.li-banner .nav-btns {
    text-align: center !important;
}

/* Ende Easy Image Gallery  */

h1 {
    color: #666666;
}

h2, .h2 {
    font-size: 30px;
}

a {
    color: #666666;
    text-decoration: none;
}
a:hover, a:focus {
    color: #999999;
    text-decoration: underline;
}

a.redlink {
    color: #bc2c50;
    text-decoration: none;
}

/*
Hardcore for Joomla!
Commercial Software
Copyright 2013 Monev Software LLC
All Rights Reserved
www.joomlaxtc.com
*/

.unoslider_title {
  display: block;
  text-transform:none;
  color:#666666;
  line-height:90%;
  font-weight: normal !important;
}

.descriptionwrap {
    background: rgba(27, 96, 163, 0.65) none repeat scroll 0 0;
    color: #ffffff;
    text-transform:none;
}

.row-fluid .span12{margin-left:0;}
img{max-width:100%;}
/* CSS3 Animation Effects */
#menuwrap ul.menu li.parent > ul > li > a,#menuwrap ul.menu li.parent > ul > li > a:hover,

#header ul.menu > li > a:hover,#header ul.menu > li > a,#header ul.menu li.parent > ul > li,
#header ul.menu li.parent > ul > li > a,.login_slide_btn,.logout_slide_btn,.search_menu_btn,
.social a,.flatgreybutton,.bargraphv a,.circle1,.ca-main, ul.menu.iconside li,
ul.menu.iconside li:hover,.info:hover,.retail:hover  {
               -webkit-transition-property: all;
                             -moz-transition-property: all;
                -o-transition-property: all;
                           -ms-transition-property: all;
                               transition-property: all;
               -webkit-transition-duration: 0.15s, 0.15s;
                             -moz-transition-duration: 0.15s, 0.15s;
                               -o-transition-duration: 0.15s, 0.15s;
                           -ms-transition-duration: 0.15s, 0.15s;
                                   transition-duration: 0.15s, 0.15s;
        -webkit-transition-timing-function: ease-in, ease-out;
           -moz-transition-timing-function: ease-in, ease-out;
         -o-transition-timing-function: ease-in, ease-out;
            -ms-transition-timing-function: ease-in, ease-out;
                    transition-timing-function: ease-in, ease-out;
}

#header ul.menu li.parent > ul > li,
#header ul.menu li.parent > ul > li > a { -webkit-transition-property: border,color;
                             -moz-transition-property:   border,color;
                -o-transition-property:   border,color;
                           -ms-transition-property:   border,color;
                               transition-property:   border,color;
               -webkit-transition-duration: 0.15s, 0.15s;
                             -moz-transition-duration: 0.15s, 0.15s;
                               -o-transition-duration: 0.15s, 0.15s;
                           -ms-transition-duration: 0.15s, 0.15s;
                                   transition-duration: 0.15s, 0.15s;
        -webkit-transition-timing-function: ease-in, ease-out;
           -moz-transition-timing-function: ease-in, ease-out;
         -o-transition-timing-function: ease-in, ease-out;
            -ms-transition-timing-function: ease-in, ease-out;
                    transition-timing-function: ease-in, ease-out;
}


/* UnoSlider CSS3 */
.slidefirst {
 -webkit-animation: titleAnimation1 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -moz-animation: titleAnimation1 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -o-animation: titleAnimation1 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -ms-animation: titleAnimation1 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    animation: titleAnimation1 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
}
.slidesecond {
 -webkit-animation: titleAnimation2 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -moz-animation: titleAnimation2 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -o-animation: titleAnimation2 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -ms-animation: titleAnimation2 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    animation: titleAnimation2 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
}
.slidelast {
background-color: #ffffff;
color: #000;
padding-bottom: 10px;
padding-top: 1px;
vertical-align: bottom;
 -webkit-animation: titleAnimation3 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -moz-animation: titleAnimation3 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -o-animation: titleAnimation3 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    -ms-animation: titleAnimation3 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
    animation: titleAnimation3 4.5s cubic-bezier(0.505, 0.070, 0.240, 0.955) 1 0s;
}

.roterlayer .slidelast {
background-color: #bc2c50;
color: #fff;
}

.layer_bull {
background-color: #bc2c50;
color: #000;
padding-bottom: 10px;
padding-top: 1px;
vertical-align: bottom;
}

.layer_bull_Logo {
background-color: #bc2c50;
color: #fff;
padding-bottom: 5px;
padding-top: 1px;
vertical-align: middle;
}

@-webkit-keyframes titleAnimation1 {
        0% {opacity: 0; -webkit-transform: translateX(80px);}
        12% {opacity: 0; -webkit-transform: translateX(80px);}
        18% {opacity: 1; -webkit-transform: translateX(0px);}
        100% {opacity: 1; -webkit-transform: translateX(0px); }
}
@-webkit-keyframes titleAnimation2 {
        0% {opacity: 0; -webkit-transform: translateX(-80px);}
        38% {opacity: 1; -webkit-transform: translateX(0px);}
        65% {opacity: 1; -webkit-transform: translateX(0px);}
        100% {opacity: 1; -webkit-transform: translateX(0px); }
}
@-webkit-keyframes titleAnimation3 {
        0% {opacity: 0; -webkit-transform: translateY(80px);}
        65% {opacity: 0; -webkit-transform: translateY(80px);}
        83% {opacity: 1; -webkit-transform: translateY(0px);}
        100% {opacity: 1; -webkit-transform: translateX(0px); }
}
@-moz-keyframes titleAnimation1 {
        0% {opacity: 0; -moz-transform: translateY(0px);}
        12% {opacity: 0; -moz-transform: translateY(0px);}
        18% {opacity: 1; -moz-transform: translateY(80px);}
        100% {opacity: 1; -moz-transform: translateX(0px); }
}
@-moz-keyframes titleAnimation2 {
        0% {opacity: 0; -moz-transform: translateX(-80px);}
        38% {opacity: 0; -moz-transform: translateX(-80px);}
        65% {opacity: 1; -moz-transform: translateX(0px);}
        100% {opacity: 1; -moz-transform: translateX(0px); }
}
@-moz-keyframes titleAnimation3 {
        0% {opacity: 0; -moz-transform: translateY(80px);}
        65% {opacity: 0; -moz-transform: translateY(80px);}
        83% {opacity: 1; -moz-transform: translateY(0px);}
        100% {opacity: 1; -moz-transform: translateX(0px); }
}
@-o-keyframes titleAnimation1 {
        0% {opacity: 0; -o-transform: translateX(80px);}
        12% {opacity: 0; -o-transform: translateX(80px);}
        18% {opacity: 1; -o-transform: translateX(0px);}
        100% {opacity: 1; -o-transform: translateX(0px); }
}
@-o-keyframes titleAnimation2 {
        0% {opacity: 0; -o-transform: translateX(-80px);}
        38% {opacity: 0; -o-transform: translateX(-80px);}
        65% {opacity: 1; -o-transform: translateX(0px);}
        100% {opacity: 1; -o-transform: translateX(0px); }
}
@-o-keyframes titleAnimation3 {
        0% {opacity: 0; -o-transform: translateY(80px);}
        65% {opacity: 0; -o-transform: translateY(80px);}
        83% {opacity: 1; -o-transform: translateY(0px);}
        100% {opacity: 1; -o-transform: translateX(0px); }
}
@-ms-keyframes titleAnimation1 {
        0% {opacity: 0; -ms-transform: translateX(80px);}
        12% {opacity: 0; -ms-transform: translateX(80px);}
        18% {opacity: 1; -ms-transform: translateX(0px);}
        100% {opacity: 1; -ms-transform: translateX(0px); }
}
@-ms-keyframes titleAnimation2 {
        0% {opacity: 0; -ms-transform: translateX(-80px);}
        38% {opacity: 0; -ms-transform: translateX(-80px);}
        65% {opacity: 1; -ms-transform: translateX(0px);}
        100% {opacity: 1; -ms-transform: translateX(0px); }
}
@-ms-keyframes titleAnimation3 {
        0% {opacity: 0; -ms-transform: translateY(80px);}
        65% {opacity: 0; -ms-transform: translateY(80px);}
        83% {opacity: 1; -ms-transform: translateY(0px);}
        100% {opacity: 1; -ms-transform: translateX(0px); }
}
@keyframes titleAnimation1 {
        0% {opacity: 0; transform: translateX(80px);}
        12% {opacity: 0; transform: translateX(80px);}
        18% {opacity: 1; transform: translateX(0px);}
        100% {opacity: 1; transform: translateX(0px); }
}
@keyframes titleAnimation2 {
        0% {opacity: 0; transform: translateX(-80px);}
        38% {opacity: 0; transform: translateX(-80px);}
        65% {opacity: 1; transform: translateX(0px);}
        100% {opacity: 1; transform: translateX(0px); }
}
@keyframes titleAnimation3 {
        0% {opacity: 0; transform: translateY(80px);}
        65% {opacity: 0; transform: translateY(80px);}
        83% {opacity: 1; transform: translateY(0px);}
        100% {opacity: 1; transform: translateX(0px); }
}

/* START */

/* startpage animation CSS3 */
.ca-slideshow {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    min-height: 350px;
    position: relative;
    width: 50%;
}
.ca-slideshow .slideimage {

  position:relative;
}
.ca-slideshow .slideimage img {width:65%; display: block; margin:auto;}
.ca-slideshow .slideimage img.img1 {
    left: 49px;
    position: absolute;
    top: 0;
    width: 600px;
    -webkit-animation: bounceIn 2s, imageInvert 18s linear infinite 0s;
    -moz-animation: bounceIn 2s, imageInvert 18s linear infinite 0s;
    -o-animation: bounceIn 2s, imageInvert 18s linear infinite 0s;
    -ms-animation: bounceIn 2s, imageInvert 18s linear infinite 0s;
    animation: bounceIn 2s, imageInvert 18s linear infinite 0s;
}
.ca-slideshow .slideimage img.img2 {
    left: 49px;
    position: absolute;
    top: 0;
    width: 600px;
    animation-duration: 2s;
    animation-name: fadeInUp;
}
.ca-slideshow .slideimage img.img3 {
    left: 49px;
    position: absolute;
    top: 0;
    width: 65%;
    animation-duration: 2s;
    animation-name: bounceIn;
}

dddd.ca-slideshow .slideimage img.img1 {
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageInvert 18s linear infinite 0s;
    -moz-animation: imageInvert 18s linear infinite 0s;
    -o-animation: imageInvert 18s linear infinite 0s;
    -ms-animation: imageInvert 18s linear infinite 0s;
    animation: imageInvert 18s linear infinite 0s;
}

@-webkit-keyframes imageInvert {
        0% { -webkit-filter: invert(0); }
        16% { -webkit-filter: invert(1); }
        34% { -webkit-filter: invert(1); }
        50% { -webkit-filter: invert(1);  }
        100% { -webkit-filter: invert(0); }
}
@-moz-keyframes imageInvert {
        0% { -moz-filter: invert(0); }
        16% { -moz-filter: invert(1); }
        34% { -moz-filter: invert(1); }
        50% { -moz-filter: invert(1);  }
        100% { -moz-filter: invert(0); }
}
@-o-keyframes imageInvert {
        0% { -o-filter: invert(0); }
        16% { -o-filter: invert(1); }
        34% { -o-filter: invert(1); }
        50% { -o-filter: invert(1);  }
        100% { -o-filter: invert(0); }
}
@-ms-keyframes imageInvert {
        0% { -ms-filter: invert(0); }
        16% { -ms-filter: invert(1); }
        34% { -ms-filter: invert(1); }
        50% { -ms-filter: invert(1);  }
        100% { -ms-filter: invert(0); }
}
@keyframes imageInvert {
        0% { filter: invert(0); }
        16% { filter: invert(1); }
        34% { filter: invert(1); }
        50% { filter: invert(1);  }
        100% { filter: invert(0); }
}

@-webkit-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-ms-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -0-transform: none;
    transform: none;
  }
}
@-ms-keyframes fadeInUp {
  from {
    opacity: 0;
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ca-slideshow .starttext1 {
  animation: animationBounceInLeft ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationBounceInLeft ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  -moz-animation: animationBounceInLeft ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationBounceInLeft ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationBounceInLeft ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

.ca-slideshow h1.starttext1 {font-size: 3.5em; margin-left: 116px; margin-top: 0px; margin-bottom: 20px;}

@keyframes animationBounceInLeft{
  0% {
    opacity:0;
    transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    transform:  translate(30px,0px)  ;
  }
  80% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationBounceInLeft{
  0% {
    opacity:0;
    -moz-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -moz-transform:  translate(30px,0px)  ;
  }
  80% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationBounceInLeft {
  0% {
    opacity:0;
    -webkit-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -webkit-transform:  translate(30px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationBounceInLeft {
  0% {
    opacity:0;
    -o-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationBounceInLeft {
  0% {
    opacity:0;
    -ms-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

xxx.ca-slideshow p.starttext2 {
        color: rgba(15, 63, 107, 0.9);
        font-family: LeagueGothicRegular,sans-serif !important;
        font-size: 40px;
        left: 260px;
        min-width: 200px;
        position: absolute;
        text-transform: uppercase;
        top: 280px;
        -webkit-animation: rotateInUpLeft linear 2s;
        -webkit-animation-iteration-count: 1;
        -webkit-transform-origin: 50% 50%;
        -moz-animation: rotateInUpLeft linear 2s;
        -moz-animation-iteration-count: 1;
        -moz-transform-origin: 50% 50%;
        -o-animation: rotateInUpLeft linear 2s;
        -o-animation-iteration-count: 1;
        -o-transform-origin: 50% 50%;
        -ms-animation: rotateInUpLeft linear 2s;
        -ms-animation-iteration-count: 1;
        -ms-transform-origin: 50% 50%;
        animation: rotateInUpLeft linear 2s;
        animation-iteration-count: 1;
        transform-origin: 50% 50%;
}

.ca-slideshow p.starttext2 {
    color: rgba(15, 63, 107, 0.9);
    font-family: 'Roboto Slab', serif !important;;
    font-size: 20px;
    left: 300px;
    min-width: 150px;
    position: absolute;
    top: 94px;
    width: 30%;
    -webkit-animation: 1.9s linear 0s normal none 1 running rotateInUpLeft;
    -webkit-transform-origin: 50% 50% 0;
    -moz-animation: 1.9s linear 0s normal none 1 running rotateInUpLeft;
    -moz-transform-origin: 50% 50% 0;
    -o-animation: 1.9s linear 0s normal none 1 running rotateInUpLeft;
    -o-transform-origin: 50% 50% 0;
    -ms-animation: 1.9s linear 0s normal none 1 running rotateInUpLeft;
    -ms-transform-origin: 50% 50% 0;
    animation: 1.9s linear 0s normal none 1 running rotateInUpLeft;
    transform-origin: 50% 50% 0;
}
.ca-slideshow p.starttext3 {
    color: rgba(15, 63, 107, 0.9);
    font-family: LeagueGothicRegular,sans-serif !important;
    font-size: 40px;
    left: 237px;
    min-width: 200px;
    position: absolute;
    text-transform: uppercase;
    top: 257px;
        -webkit-animation: rotateInUpLeft linear 2s;
        -webkit-animation-iteration-count: 1;
        -webkit-transform-origin: 50% 50%;
        -moz-animation: rotateInUpLeft linear 2s;
        -moz-animation-iteration-count: 1;
        -moz-transform-origin: 50% 50%;
        -o-animation: rotateInUpLeft linear 2s;
        -o-animation-iteration-count: 1;
        -o-transform-origin: 50% 50%;
        -ms-animation: rotateInUpLeft linear 2s;
        -ms-animation-iteration-count: 1;
        -ms-transform-origin: 50% 50%;
        animation: rotateInUpLeft linear 2s;
        animation-iteration-count: 1;
        transform-origin: 50% 50%;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(80px, -70px);
    opacity: 1;
  }

  25% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(10px, -70px);
    opacity: 1;
  }

  50% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 60deg) translate(10px, -50px);
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(80px, -70px);
    opacity: 1;
  }

  25% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(10px, -70px);
    opacity: 1;
  }

  50% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 60deg) translate(10px, -50px);
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(80px, -70px);
    opacity: 1;
  }

  25% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(10px, -70px);
    opacity: 1;
  }

  50% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 60deg) translate(10px, -50px);
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@-ms-keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(80px, -70px);
    opacity: 1;
  }

  25% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(10px, -70px);
    opacity: 1;
  }

  50% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 60deg) translate(10px, -50px);
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(80px, -70px);
    opacity: 1;
  }

  25% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 90deg) translate(10px, -70px);
    opacity: 1;
  }

  50% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 60deg) translate(10px, -50px);
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.ca-slideshow p.starttext4 {
        font-family: LeagueGothicRegular,sans-serif !important;
        color: rgba(15, 63, 107, 0.9);
        font-size: 40px;
        left: 260px;
        min-width: 200px;
        position: absolute;
        text-transform: uppercase;
        top: 280px;
}
.ca-slideshow p.starttext5 {
    font-family: LeagueGothicRegular,sans-serif !important;
    display: inline-block;
    margin: 20px 0 150px 116px;
    padding: 2px 5px;
    white-space: nowrap;
    text-transform: uppercase;
}

/* ca-slideshow */
/* ENDE */
/* START */
/* cb-slideshow */
.home-start #topwrapper .tz_zoomslider .cb-slideshow, .home-start #topwrapper .custom .cb-slideshow {
    list-style: outside none none;
}
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
        -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 18s linear infinite 0s;
    -moz-animation: imageAnimation 18s linear infinite 0s;
    -o-animation: imageAnimation 18s linear infinite 0s;
    -ms-animation: imageAnimation 18s linear infinite 0s;
    animation: imageAnimation 18s linear infinite 0s;
}
.cb-slideshow li span.otherside {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
        -webkit-backface-visibility: hidden;
    -webkit-animation: image2Animation 18s linear infinite 0s;
    -moz-animation: image2Animation 18s linear infinite 0s;
    -o-animation: image2Animation 18s linear infinite 0s;
    -ms-animation: image2Animation 18s linear infinite 0s;
    animation: image2Animation 18s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 5;
    position: absolute;
    bottom: 10%;
    left: 0px;
    width: 100%;
    text-align: right;
    opacity: 0;
    -webkit-animation: lktstatement6 18s linear infinite 0s;
    -moz-animation: lktstatement6 18s linear infinite 0s;
    -o-animation: lktstatement6 18s linear infinite 0s;
    -ms-animation: lktstatement6 18s linear infinite 0s;
    animation: lktstatement6 18s linear infinite 0s;
}
.cb-slideshow li div h2 {
    font-size: 80px;
    padding: 0 30px;
    line-height: 100px;
    color: #bc2c50;
    text-transform: uppercase;
}
.cb-slideshow li div h3 {
    font-size: 40px;
    padding: 0 30px;
    line-height: 40px;
    color: rgba(255,255,255, 0.8);
    text-transform: none;
    margin-top: 5px;
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/ictra-proto-startseite.jpg); }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/ictra-keo-startseite.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/ictra-ito-startseite.jpg); background-position: 50% top;;
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
@-webkit-keyframes imageAnimation {
        0% {
            opacity: 0;
            -webkit-animation-timing-function: ease-in;
        }
        16% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            -webkit-animation-timing-function: ease-out;
        }
        34% {
            opacity: 1;
            -webkit-transform: scale(1.1);
        }
        50% {
            opacity: 0;
            -webkit-transform: scale(1.1);
        }
        100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
        0% {
            opacity: 0;
            -moz-animation-timing-function: ease-in;
        }
        16% {
            opacity: 1;
            -moz-transform: scale(1.05);
            -moz-animation-timing-function: ease-out;
        }
        34% {
            opacity: 1;
            -moz-transform: scale(1.1);
        }
        50% {
            opacity: 0;
            -moz-transform: scale(1.1);
        }
        100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
        0% {
            opacity: 0;
            -o-animation-timing-function: ease-in;
        }
        16% {
            opacity: 1;
            -o-transform: scale(1.05);
            -o-animation-timing-function: ease-out;
        }
        34% {
            opacity: 1;
            -o-transform: scale(1.1);
        }
        50% {
            opacity: 0;
            -o-transform: scale(1.1);
        }
        100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
        0% {
            opacity: 0;
            -ms-animation-timing-function: ease-in;
        }
        16% {
            opacity: 1;
            -ms-transform: scale(1.05);
            -ms-animation-timing-function: ease-out;
        }
        34% {
            opacity: 1;
            -ms-transform: scale(1.1);
        }
        50% {
            opacity: 0;
            -ms-transform: scale(1.1);
        }
        100% { opacity: 0 }
}
@keyframes imageAnimation {
        0% {
            opacity: 0;
            animation-timing-function: ease-in;
        }
        16% {
            opacity: 1;
            transform: scale(1.05) ;
            animation-timing-function: ease-out;
        }
        34% {
            opacity: 1;
            transform: scale(1.1) ;
        }
        50% {
            opacity: 0;
            transform: scale(1.1) ;
        }
        100% { opacity: 0 }
}
@-webkit-keyframes titleFrontAnimation {
        0% {
            opacity: 0;
            -webkit-transform: translateX(200px);
        }
        8% {
            opacity: 1;
            -webkit-transform: translateX(0px);
        }
        17% {
            opacity: 1;
            -webkit-transform: translateX(0px);
        }
        19% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
        }
        25% { opacity: 0 }
        100% { opacity: 0 }
}
@-moz-keyframes titleFrontAnimation {
        0% {
            opacity: 0;
            -moz-transform: translateX(200px);
        }
        8% {
            opacity: 1;
            -moz-transform: translateX(0px);
        }
        17% {
            opacity: 1;
            -moz-transform: translateX(0px);
        }
        19% {
            opacity: 0;
            -moz-transform: translateX(-400px);
        }
        25% { opacity: 0 }
        100% { opacity: 0 }
}
@-o-keyframes titleFrontAnimation {
        0% {
            opacity: 0;
            -o-transform: translateX(200px);
        }
        8% {
            opacity: 1;
            -o-transform: translateX(0px);
        }
        17% {
            opacity: 1;
            -o-transform: translateX(0px);
        }
        19% {
            opacity: 0;
            -o-transform: translateX(-400px);
        }
        25% { opacity: 0 }
        100% { opacity: 0 }
}
@-ms-keyframes titleFrontAnimation {
        0% {
            opacity: 0;
            -ms-transform: translateX(200px);
        }
        8% {
            opacity: 1;
            -ms-transform: translateX(0px);
        }
        17% {
            opacity: 1;
            -ms-transform: translateX(0px);
        }
        19% {
            opacity: 0;
            -ms-transform: translateX(-400px);
        }
        25% { opacity: 0 }
        100% { opacity: 0 }
}
@keyframes titleFrontAnimation {
        0% {
            opacity: 0;
            transform: translateX(200px);
        }
        8% {
            opacity: 1;
            transform: translateX(0px);
        }
        17% {
            opacity: 1;
            transform: translateX(0px);
        }
        19% {
            opacity: 0;
            transform: translateX(-400px);
        }
        25% { opacity: 0 }
        100% { opacity: 0 }
}
@-webkit-keyframes image2Animation {
        0% {
            opacity: 0;
            -webkit-animation-timing-function: ease-in;
        }
        8% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            -webkit-animation-timing-function: ease-out;
        }
        17% {
            opacity: 1;
            -webkit-transform: scale(1.1) rotate(3deg);
        }
        25% {
            opacity: 0;
            -webkit-transform: scale(1.1) rotate(3deg);
        }
        100% { opacity: 0 }
}
@-moz-keyframes image2Animation {
        0% {
            opacity: 0;
            -moz-animation-timing-function: ease-in;
        }
        8% {
            opacity: 1;
            -moz-transform: scale(1.05);
            -moz-animation-timing-function: ease-out;
        }
        17% {
            opacity: 1;
            -moz-transform: scale(1.1) rotate(30deg);
        }
        25% {
            opacity: 0;
            -moz-transform: scale(1.1) rotate(30deg);
        }
        100% { opacity: 0 }
}
@-o-keyframes image2Animation {
        0% {
            opacity: 0;
            -o-animation-timing-function: ease-in;
        }
        8% {
            opacity: 1;
            -o-transform: scale(1.05);
            -o-animation-timing-function: ease-out;
        }
        17% {
            opacity: 1;
            -o-transform: scale(1.1) rotate(30deg);
        }
        25% {
            opacity: 0;
            -o-transform: scale(1.1) rotate(30deg);
        }
        100% { opacity: 0 }
}
@-ms-keyframes image2Animation {
        0% {
            opacity: 0;
            -ms-animation-timing-function: ease-in;
        }
        8% {
            opacity: 1;
            -ms-transform: scale(1.05);
            -ms-animation-timing-function: ease-out;
        }
        17% {
            opacity: 1;
            -ms-transform: scale(1.1) rotate(30deg);
        }
        25% {
            opacity: 0;
            -ms-transform: scale(1.1) rotate(30deg);
        }
        100% { opacity: 0 }
}
@keyframes image2Animation {
        0% {
            opacity: 0;
            animation-timing-function: ease-in;
        }
        16% {
            opacity: 1;
            transform: scale(1.05);
            animation-timing-function: ease-out;
        }
        34% {
            opacity: 1;
            transform: scale(1.1) translateX(-20px);
        }
        50% {
            opacity: 0;
            transform: scale(1.1) translateX(-40px);
        }
        100% { opacity: 0 }
}

@-webkit-keyframes lktstatement6 {
        0% {
            opacity: 0;
            -webkit-transform: translate(400px,0);
        }
        16% {
            opacity: 1;
            -webkit-transform: translate(0,0);
        }
        34% {
            opacity: 1;
            -webkit-transform: translate(0,0);
        }
        42% {
            opacity: 0;
            -webkit-transform: translate(-800px,0);
        }
        50% { opacity: 0;
            -webkit-transform: translate(-800px,0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate(-800px,0);
        }
}
@-moz-keyframes lktstatement6 {
        0% {
            opacity: 0;
            -moz-transform: translate(400px,0);
        }
        16% {
            opacity: 1;
            -moz-transform: translate(0,0);
        }
        34% {
            opacity: 1;
            -moz-transform: translate(0,0);
        }
        42% {
            opacity: 0;
            -moz-transform: translate(-800px,0);
        }
        50% { opacity: 0;
              transform: translate(-800px,0);
        }
        100% {
            opacity: 0;
            -moz-transform: translate(-800px,0);
        }
}
@-o-keyframes lktstatement6 {
        0% {
            opacity: 0;
            -o-transform: translate(400px,0);
        }
        16% {
            opacity: 1;
            -o-transform: translate(0,0);
        }
        34% {
            opacity: 1;
            -o-transform: translate(0,0);
        }
        42% {
            opacity: 0;
            -o-transform: translate(-800px,0);
        }
        50% { opacity: 0;
            -o-transform: translate(-800px,0);
        }
        100% {
            opacity: 0;
            -o-transform: translate(-800px,0);
        }
}
@-ms-keyframes lktstatement6 {
        0% {
            opacity: 0;
            -ms-transform: translate(400px,0);
        }
        16% {
            opacity: 1;
            -ms-transform: translate(0,0);
        }
        34% {
            opacity: 1;
            -ms-transform: translate(0,0);
        }
        42% {
            opacity: 0;
            -ms-transform: translate(-800px,0);
        }
        50% { opacity: 0;
            -ms-transform: translate(-800px,0);
        }
        100% {
            opacity: 0;
            -ms-transform: translate(-800px,0);
        }
}
@keyframes lktstatement6 {
        0% {
            opacity: 0;
            transform: translate(400px,0);
        }
        16% {
            opacity: 1;
            transform: translate(0,0);
        }
        34% {
            opacity: 1;
            transform: translate(0,0);
        }
        42% {
            opacity: 0;
            transform: translate(-800px,0);
        }
        50% { opacity: 0;
              transform: translate(-800px,0);
        }
        100% {
            opacity: 0;
            transform: translate(-800px,0);
        }
}
@keyframes lktstatement6 {
        0% {
            opacity: 0;
            transform: translate(400px,0);
        }
        16% {
            opacity: 1;
            transform: translate(0,0);
        }
        34% {
            opacity: 1;
            transform: translate(0,0);
        }
        42% {
            opacity: 0;
            transform: translate(-800px,0);
        }
        50% { opacity: 0;
              transform: translate(-800px,0);
        }
        100% {
            opacity: 0;
            transform: translate(-800px,0);
        }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
        opacity: 1;
}

/* cb-slideshow */
/* END */

/* Tint Effect */
.tint {position: relative;cursor: pointer;}
.tint:before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);-moz-transition: all .3s linear;-webkit-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.tint:hover:before {background: none;}

/* K2 Wall CSS3 Hover Effects */
.k2wall-wrap {text-align: center;margin: -150px 0 106.5px 0;}
.k2wall-hov-icon,.k2wall-hov-icon a{width: 40px;height: 40px;}
.k2wall-hov-icon:before {font-size: 20px;line-height: 45px;}

.k2wall-hov-icon,.k2wall-hov-icon a {display: inline-block;font-size: 0px;        cursor: pointer;        border-radius: 50%;        text-align: center;        position: relative;        z-index: 1;        color: #fff!important;        background:#db0001!important;}

.k2wall-hov-icon:after{ pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.k2wall-hov-icon:before, .vmwall-hov-icon:before{width: 100%;height: 100%;border-radius: 50%;speak: none;font-style: normal;font-weight: normal;font-variant: normal;        text-transform: none;display: block;}

.k2wall-hov-icon-effect .k2wall-hov-icon, .vmwall-hov-icon-effect .vmwall-hov-icon {background: rgba(255,255,255,0.1);
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        -o-transition: -o-transform ease-out 0.1s, background 0.2s;
        -ms-transition: -ms-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;

}

.k2wall-hov-icon-effect .k2wall-hov-icon:after,.vmwall-hov-icon-effect .vmwall-hov-icon:after{top: 0;left: 0;padding: 0;z-index: -1;box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
}

.no-touch .k2wall-hov-icon-effect .k2wall-hov-icon:hover,.no-touch .vmwall-hov-icon-effect .vmwall-hov-icon:hover {
        background: rgba(255,255,255,0.05);
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        -o-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
}

.k2wall-hov-icon-effect .k2wall-hov-icon:hover:after,.vmwall-hov-icon-effect .vmwall-hov-icon:hover:after{
        diplay:block;
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        -moz-animation: sonarEffect 1.3s ease-out 75ms;
        -o-animation: sonarEffect 1.3s ease-out 75ms;
        -ms-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms;
}


@-webkit-keyframes sonarEffect {
        0% {
                opacity: 0.3;
        }
        40% {
                opacity: 0.5;
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
        }
        100% {
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
                -webkit-transform: scale(1.5);
                opacity: 0;
        }
}
@-moz-keyframes sonarEffect {
        0% {
                opacity: 0.3;
        }
        40% {
                opacity: 0.5;
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
        }
        100% {
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
                -moz-transform: scale(1.5);
                opacity: 0;
        }
}
@-o-keyframes sonarEffect {
        0% {
                opacity: 0.3;
        }
        40% {
                opacity: 0.5;
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
        }
        100% {
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
                -o-transform: scale(1.5);
                opacity: 0;
        }
}
@-ms-keyframes sonarEffect {
        0% {
                opacity: 0.3;
        }
        40% {
                opacity: 0.5;
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
        }
        100% {
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
                -ms-transform: scale(1.5);
                opacity: 0;
        }
}
@keyframes sonarEffect {
        0% {
                opacity: 0.3;
        }
        40% {
                opacity: 0.5;
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
        }
        100% {
                box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #db0001, 0 0 0 10px rgba(255,255,255,0.5);
                transform: scale(1.5);
                opacity: 0;
        }
}

/* CSS3 Responsive Breakpoints */
@media(max-width:1180px){
.width35 {width:25%;}
body.frontpage #region1wrap .xtc-wrapper {padding: 110px 0!important;}
}

@media(max-width:1130px){
.logintext h2 {margin-top:16px;} .view-tenth h2 {font-size:18px !important;}
.products .qty_field {display:none!important;}
.products .k2store_cart_button {float:right !important;}
.bannerview .mask,.bannerview .content {left: 6%;top: 6%;}

}

@media(max-width:1080px){
#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a{}
}

@media(max-width:1010px){
.cols-2 .item,.cols-3 .item,.cols-4 .item,.cols-5 .item,.cols-6 .item{width:50%!important; border:1px solid #333333 !important;}
div.items-leading.xtc-leading.span12 div.span6 .category_text p {display:inline-block;margin-top:0.6em!important;}
.logintext span {line-height:144%;}
.product-field-display {max-width:28%;}
#topwrapper .rcol .button, #topwrapper button {padding:12px 0 !important;width:100%!important;}
#header ul.menu > li > a, #header ul.menu > li.active > a, #header ul.menu > li:hover > a {padding-right: 16px; padding-left: 16px; font-size:2em;}
.featured-view .width16 {width:33%}
.latest-view .width16 {width:33%}
.topten-view .width16 {width:33%}
.recent-view .width16 {width:33%}
}

@media screen and (max-width: 979px){
.leftlarge .items-leading .span6,.leftlarge .items-leading .span3{width:100%;margin-left:0;}
.leftlarge .items-leading div:first-child + div{margin-left:0;}
.xtc-intro .row-fluid .span12 div:first-child + div + div{margin-left:15px;}
.rightlarge .items-leading .span6{width:100%;margin-left:0;}
.rightlarge .items-leading .span3{width:100%;margin-left:0;}
.centerlarge .items-leading .span6{width:100%;margin-left:0;}
.centerlarge .items-leading .span3{width:100%;}
.centerlarge .items-leading div:first-child + div + div{margin-left:0;}
span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button{width:95%;}
.product .aboutwrap {min-height:225px;}
.featured-view .width16 {width:33%}
.latest-view .width16 {width:33%}
.topten-view .width16 {width:33%}
.recent-view .width16 {width:33%}
}

@media(max-width:920px){
.descriptionwrap {max-width:240px!important;}
.unoslider_description {font-size:20px;}
.browse-view .width33 {width:30%}
.acymailing_module_form input.button.subbutton.btn.btn-primary {padding: 12px 20px!important;}
}

@media(max-width:900px){
.productdetails .width40 {width:35%;}
.item-page.wtitle .article_text{padding:0 30px 0 0;}
.item-page.wtitle #section-kmt {width:100%; margin-left:0;}
#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a{}
#region9 [class*="span"], #region9 .row-fluid [class*="span"] {float: left !important; width: 48.618785% !important; margin-left: 2.76243% !important;}
#region9 [class*="span"]:nth-child(odd){margin-left:0!important;}
#region9 [class*="span"]:nth-child(even){margin-left: 2.76243% !important;}
#region9wrap {background-color:transparent !important;}
#region9wrap {background-color:transparent !important;}
#region9 .module {text-align:center!important;}
#region9 .module h3 {border:none!important; padding:12px !important; margin-bottom: 20px !important; background-color:#161616;}
.shopwall .row-fluid [class*="span"] {margin-left:0;}
.shopwall div.span2.firstcol, .shopwall div.span2.centercol, .shopwall div.span2.lastcol,
.shopwall div.span4.firstcol, .shopwall div.span4.centercol, .shopwall div.span4.lastcol {width:33% !important;padding:0!important;}
.shopwall div.span3.firstcol, .shopwall div.span3.centercol, .shopwall div.span3.lastcol,
.shopwall div.span6.firstcol, .shopwall div.span6.centercol, .shopwall div.span6.lastcol {width:50% !important;padding:0!important;}
.shopwall [class*="span"], .shopwall .row-fluid [class*="span"] {display:inline-block!important;}
.fpk2item {margin:0; padding:0!important; border:none;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
.k2-zoom {display:none;}
body.frontpage #region1wrap .xtc-wrapper {padding: 80px 0!important;}
body.frontpage #footerwrap .xtc-wrapperpad {padding-top:80px!important;}
.k2wall-wrap {text-align: center;margin: -300px auto 256px auto;}
}

@media(max-width:820px){
a.loginbutton, a.registerbutton, a.cartbuttontop, .miniCartButton i{display:none!important;}
.menutools{display:block!important;}
a.buttontools, .mobilebtn {background-color:#333!important;}
#topright,#topleft {display:hidden!important;}
.fpk2item2 .a2c {float:none;margin-left:5px;}
#menu .xtcdefaultmenu{display:none;}
.mobilebtn{display:block!important;}
}

@media(max-width:786px){
#component p {font-size:110%;line-height:133%}
div.pagination span, div.pagination a, ul.pagenav a {font-size:100%;padding:6px 15px;}
.itemImageGallery,.itemRelated {}
.itemRelTitle {display:none !important;}
#menuwrap {background:none!important;bottom:0px;position: relative;border:0px; }
#topright,#topleft {display:none!important;}
body.sticky,body.innerpage.sticky{padding:58px 0 0 0;}
body.nosticky #headerwrap{margin:0 0 0 0!important;}
div.itemInfos,div.itemsTools,div.itemToolbar ul {float:none;text-align:center!important;}
#left,#left2,#left3,#left4,#left5,#left6,#left7,#left8{margin-bottom:5%;padding-right:0;}
#right,#right2,#right3,#right4,#right5,#right6,#right7,#right8{margin-top:5%;padding-left:0;clear: both;}
.xtc-intro .row-fluid > div > div {margin-bottom:2.5%!important;}
.product-field-display {max-width:45%;}
.productdetails .width40 {width:40%;}
.orderby-displaynumber .width70 {width:100%!important;margin-bottom:14px!important;}
.orderby-displaynumber .width30 {width:100%!important;margin-bottom:14px!important;}
.orderby-displaynumber div.title {font-size:28px;margin-top:12px;padding-bottom:6px;}
.display-number {font-size:28px;margin-left:30%;}
.category-view .width25 {width:25%!important;}
.featured-view .width10,.featured-view .width20,.featured-view .width25,.featured-view .width30,.featured-view .width40,.featured-view .width50{width:50%!important;}
.latest-view .width10,.latest-view .width20,.latest-view .width25,.latest-view .width30,.latest-view .width40,.latest-view .width50{width:50%!important;}
.topten-view .width10,.topten-view .width20,.topten-view .width25,.topten-view .width30,.topten-view .width40,.topten-view .width50{width:50%!important;}
.recent-view .width10,.recent-view .width20,.recent-view .width25,.recent-view .width30,.recent-view .width40,.recent-view .width50{width:50%!important;}
.category img {width:100%;height:100%;}
.category-view .firstcol .spacer { margin-right:0px;margin-bottom:0px; }
.category-view .middlecol .spacer { margin-right:0px;margin-bottom:0px; }
.category-view .middlecol .spacer , .category-view .lastcol .spacer { margin-left:0px;margin-bottom:0px; }
.optionbar {margin-bottom:12px !important;}
.slidetitle1 {font-size:120px!important;}
.slidetitle2 {font-size:92px!important;}
.slidetitle3 {font-size:28px!important;}
.slidetitle3 i {margin-top:12px!important;}
.logoright {max-width:80%!important; padding-bottom:0!important;margin-bottom:8px!important;}
.left {margin-right:24px; padding-right:24px;}
}

@media (max-width: 767px) {
.r2spacer, .r3spacer, .r4spacer, .r5spacer, .r6spacer, .r7spacer, .r8spacer, .r9spacer {padding:20px!important;}
#region2wrap .xtc-wrapper,#region3wrap .xtc-wrapper,#region4wrap .xtc-wrapper,#region5wrap .xtc-wrapper,#region6wrap .xtc-wrapper,#region7wrap .xtc-wrapper,#region8wrap .xtc-wrapper,#region9wrap .xtc-wrapper {padding:16px !important;}
.cb-slideshow {display:none;height:0px!important;}
.mobileheader-banner {display:block!important; }
div.acymailing_form, div.acymailing_form input, div.acymailing_form textarea {text-align:center;}
p.acysubbuttons {text-align:center !important;}
input.button.subbutton.btn.btn-primary {width:85%;}
.formwrap,form#finder-search {text-align:left; width:97%; padding:0px; background:none; border:0px solid #ffffff; outline:0px solid #f1f1f1; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.module h3,.tabbed h3 span,.tabbedlight h3 span,.tabbeddark h3 span,.tabbedblue h3 span,.tabbedgreen h3 span,.tabbedred h3 span,.tabbedtan h3 span,.tabbedpurple h3 span,.tabbedorange h3 span{padding:12px 0 10px!important;text-align:center; }
.categories [class*="span"], .categories .row-fluid [class*="span"] {float:left; width:50% !important;}
.catimgwrap {border:none!important;}
.fpk2item:hover,.catimgwrap:hover {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.catwall {border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.products .moreproducts  [class*="span"], .products .moreproducts .row-fluid [class*="span"] {float: left !important;        width: 49.2% !important;margin-left: 1.6% !important;}
.products .moreproducts [class*="span"]:nth-child(odd){margin-left:0!important;}
.products .moreproducts [class*="span"]:nth-child(even){margin-left: 1.6% !important;}
.products .moreproducts .fpk2item {margin-bottom:3%!important;}
.itemRelated, .itemImageGallery {display:none;}
.k2rightcolumn {background:none;border:none;padding:20px 0;}
.itemRelated, .itemImageGallery {display:none;}
.product_name {padding-bottom:8px!important}
.mobilehide,.vmtoolstop {display:none!important;margin:0px!important;padding:0px!important;height:0px!important;}
.itemRelated, .itemImageGallery {display:none;}
.product_name {padding-bottom:8px!important}
.mobilehide {display:none!important;margin:0px!important;padding:0px!important;height:0px!important;}
.fpk2item2 .prodprice {float:left;text-align:none;}
.fpk2item2 .a2c {float:right;margin-left:0px;}
.npblogitem {margin-bottom:16px!important;}
.module h3 {text-align:center!important;}
div.twitt {text-align:center!important;}
.xtc-intro .row-fluid .span12 div:first-child + div + div{margin-left:0px;}
}

@media(max-width:720px){
.category-view .width25 {width:50%!important;}
.featured-view .width16 {width:50%}
.latest-view .width16 {width:50%}
.topten-view .width16 {width:50%}
.recent-view .width16 {width:50%}

}
@media(max-width:650px){
.xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
.productdetails .width40 {width:35%;}

}
@media(max-width:620px){
.article_date,.article_date_pad  {display:none;}
.article_info{margin-left:0;}
.row-fluid .vmcartbar .width50 {width:50%;}
.product-related-products {display:none;}
.spacer-buy-area {margin-top:20px;}
.width33 {width:100%;margin-bottom:14px!important;}
.width30 {width:100%!important;margin-bottom:14px!important;}
.width40 {width:100%;margin-bottom:14px;}
.width50 {width:100%;margin-bottom:14px;}
.width70 {width:100%!important;margin-bottom:14px!important;}
.productdetails .width40 {width:100%;margin-bottom:14px;}
.spacer-buy-area{padding:0px!important;margin-left:0px!important;}
.prodarea {background:none;border:none;padding:10px 0px!important;}
.logotop {display:block!important; margin-bottom:16px!important; max-width:50%!important;}
.slidetitle1 {font-size:130px!important;}
.slidetitle2 {font-size:100px!important;}
.right {display:block !important; float:none!important; margin-top:16px!important;}
.right img {display:none;}
.logorighttobig {display:none;}
.slidetitle3.logotop {display:block!important; float: none; margin-right: 0; position: unset; font-size: 38px !important;}
.left {border:none;float:none!important; text-align:center !important; padding:0!important;margin:0!important;}
body.frontpage #region1wrap .xtc-wrapper {padding: 20px 0!important;}
body.frontpage #footerwrap .xtc-wrapperpad {padding-top:30px!important;}
body.frontpage #header {margin-top: 0!important; padding:6px!important;}
#logo a {display:none;}
.k2wall-wrap {display:none;}
.browse-view .width33 {width:100%;}
.k2rightcolumn .rl_guest,.k2rightcolumn .rl_add,.k2rightcolumn .rl_remove {position:absolute;top:20px;right:0px;color:#333!important;}
}

@media(max-width:525px){
.xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
.products .moreproducts [class*="span"],.products .moreproducts [class*="span"]:nth-child(odd),.products .moreproducts [class*="span"]:nth-child(even){margin-left: 0 !important;}
#footer img {display:none!important}
.disclaimer {display:none!important}
#footer .row-fluid {width:50%!important;text-align:center!important;}
}

@media(max-width:480px){
.module h3, .tabbed h3 span, .tabbedlight h3 span, .tabbeddark h3 span, .tabbedblue h3 span, .tabbedgreen h3 span, .tabbedred h3 span, .tabbedtan h3 span, .tabbedpurple h3 span, .tabbedorange h3 span{width:auto!important;}
input, textarea, .uneditable-input{width:auto;}
.xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
.products .moreproducts  [class*="span"], .products .moreproducts .row-fluid [class*="span"] {float:none !important; width:100% !important;}
.itemNavigationTitle {display:none!important;}
.mobilehide {display:none!important;margin:0px!important;padding:0px!important;height:0px!important;}
.mobileshow h3 span{display:none!important;margin:0px!important;padding:0px!important;height:0px!important;}
.shopwall div.span2.firstcol, .shopwall div.span2.centercol, .shopwall div.span2.lastcol,
.shopwall div.span4.firstcol, .shopwall div.span4.centercol, .shopwall div.span4.lastcol {width:50% !important;padding:0!important;}
.category-view .firstcol .spacer { margin-right:0px;margin-bottom:0px; }
.category-view .middlecol .spacer { margin-right:0px;margin-bottom:0px; }
.category-view .middlecol .spacer , .category-view .lastcol .spacer { margin-left:0px;margin-bottom:0px; }
.featured-view .firstcol .aboutwrap { margin-right:0px; }
.featured-view .middlecol .aboutwrap { margin-right:0px; }
.featured-view .middlecol .aboutwrap , .featured-view .lastcol  .aboutwrap { margin-left:0px;}
.latest-view .firstcol .aboutwrap { margin-right:0px;}
.latest-view .middlecol .aboutwrap { margin-right:0px;}
.latest-view .middlecol .aboutwrap , .latest-view .lastcol  .aboutwrap { margin-left:0px; }
.topten-view .firstcol .aboutwrap { margin-right:0px; }
.topten-view .middlecol .aboutwrap { margin-right:0px; }
.topten-view .middlecol .aboutwrap , .topten-view .lastcol  .aboutwrap { margin-left:0px;}
.browse-view .firstcol .aboutwrap { margin-right:0px;}
.browse-view .middlecol .aboutwrap { margin-right:0px;}
.browse-view .middlecol .aboutwrap , .browse-view .lastcol .aboutwrap { margin-left:0px;}
.category-view .width25 {width:100%!important;}
.featured-view .width10,.featured-view .width16,.featured-view .width20,.featured-view .width25,.featured-view .width30,.featured-view .width40,.featured-view .width50{width:100%!important;}
.latest-view .width10,.latest-view .width16,.latest-view .width20,.latest-view .width25,.latest-view .width30,.latest-view .width40,.latest-view .width50{width:100%!important;}
.topten-view .width10,.topten-view .width16,.topten-view .width20,.topten-view .width25,.topten-view .width30,.topten-view .width40,.topten-view .width50{width:100%!important;}
.recent-view .width10,.recent-view .width16,recent-view .width20,.recent-view .width25,.recent-view .width30,.recent-view .width40,.recent-view .width50{width:100%!important;}
.slidetitle1 {font-size:96px!important;}
.slidetitle2 {font-size:74px!important;}
.right {display:block !important; float:none!important; margin-top:16px!important;}
.right img {display:none;}
.left {border:none;float:none!important; text-align:center !important; padding:0!important;margin:0!important;}
body.frontpage #region1wrap .xtc-wrapper {padding: 20px 0!important;}
body.frontpage #footerwrap .xtc-wrapperpad {padding-top:30px!important;}
body.frontpage #header {margin-top: 0!important; padding:6px!important;}
}

@media(max-width:390px){
#menuright2 {display:none!important;}
}

@media(max-width:320px){
.xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
div.pagination span, div.pagination a,ul.pagenav a {font-size:1em!important;padding:2px 8px;border:2px solid #e3e3e3;}
div.pagination ul li {padding:0 4px 0 0;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {.newsdate{margin:0 30px 0 0;}}

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */
@media (max-width: 480px) {
         .unoslider_title {font-size:24px; line-height:90%; margin: 10px 0 0 10px;}
         .descriptionwrap {margin: 5px 0 0 10px; max-width: 320px; padding: 14px 12px 11px 15px; font-size:20px; line-height:90%;}
         .navbar-brand img {height: 122px; margin-top: -3px; padding-left: 30px; transition: all 0.5s ease 0s;}
         .cb-slideshow {margin-left: -45px; margin-top: 40px; min-height: 350px; width: 100%;}
         .cb-slideshow .slideimage img.img1 {left: 60px; width: 275px;}
         .cb-slideshow .slideimage img.img2 {left: 60px;width: 275px;}
         #wrapper.topwrappernichtvorhanden {margin-top: 0;}
         .cb-slideshow p.starttext2 {top: 180px; left: 90px;}
         .cb-slideshow p.starttext2 a {color: #ffffff;}
         .biologosimtext img {margin-right: 10px;}
}

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 481px) and (max-width: 767px) {
         .unoslider_title {font-size:36px; line-height:90%; margin: 40px 0 0 40px;}
         .descriptionwrap {margin: 5px 0 0 40px; max-width: 320px; padding: 14px 12px 11px 15px; font-size:24px; line-height:90%;}
         .cb-slideshow {margin-left: -45px; margin-top: -80px; min-height: 350px; width: 100%;}
         .cb-slideshow .slideimage img.img1 {left: 60px; width: 200px;}
         .cb-slideshow .slideimage img.img2 {left: 60px;width: 200px;}
         #wrapper.topwrappernichtvorhanden {margin-top: 0;}
         .cb-slideshow p.starttext2 {top: 130px; left: 58px;}
         .ca-slideshow {width: 80%;}
         .ca-slideshow .slideimage img.img1, .ca-slideshow .slideimage img.img2 {left: 0px;}
}
@media (max-width: 767px) {
         body {
         margin-top: 0;
         }
         .headnavbarfixed {
         position: relative;
         }
         .nav > li > a.mainmenulogo {display:none;}

         #topwrapper {
         margin-top: 30px;
         }
         .nav-tabs > li, .nav-pills > li {
         float: none;
         margin-bottom: -1px;
         background-color: #cbe3fb;
         }
         .navbar-default .navbar-collapse, .navbar-default .navbar-form {
         margin-top: 20px;
         }
         .dropdown-menu {
         background-color: transparent;
         border: 1px solid rgba(0, 0, 0, 0.15);
         border-radius: 4px;
         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
         display: none;
         float: none;
         font-size: 14px;
         left: 0;
         list-style: outside none none;
         margin: 2px 0 0;
         min-width: 160px;
         padding: 5px 0;
         position: static;
         text-align: left;
         top: 100%;
         z-index: 1000;
         }
         .navbar-right .dropdown-menu, .navbar-left .dropdown-menu {
         display: list-item;
         }
         .nav-pills > li > a, .nav-pills > li > a, .nav-pills > li > a {
         color: #000000;
         }
         .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
         color: #666666;
         }
         .nav > li > a:hover, .nav > li > a:focus {
         color: #666666;
         }
         .dropdown-menu > li > a {
         margin-left: 30px;
         }
         .row {margin-left: 0px; margin-right: 0px;}
         .bannerview h2 {text-transform: none; color: #fff;text-align: center;position: relative;font-size: 28px;padding: 10px 25px 0; margin: 20px 0 0 0;}

         #wrapper .contentwrapper {margin-top: 0px;}
         #form-login-remember label.control-label {padding-right: 30px; padding-left:0;}
         #form-login-remember input.inputbox {width: 5%;}

         body.home-start, body.home {background: transparent url("../images/ictra-ito-startseite.jpg") no-repeat fixed center top / cover ;}


         body.home-start, body.home {position: relative; background-image: none;}
         body.home-start .pagebg-container, body.home .pagebg-container {
                 background: url('../images/ictra-ito-startseite-mobile.jpg');
                 background-position: center top;
                 background-repeat: no-repeat;
                 background-size: cover;
                 height: 100%;
                 position: fixed;
                 width: 100%;
                 top: 0;
                 z-index: -1;
          }
          body.home-start.slider .pagebg-container, body.home .pagebg-container {
          }
          .navbar-default .navbar-toggle {display: none;}
          .block_product .buttons a.btn.btn-small.button_detail {margin-bottom: 10px;}

          .biologosimtext img {height: 80px;}

          .moduletable.sidebarbox {padding-top: 1px;}

          .enterrabattcode input.btn.button {margin-top: 10px;}

         .ca-slideshow {width: 80%;}
         .ca-slideshow .slideimage img.img1, .ca-slideshow .slideimage img.img2 {left: 0px;}

}

@media (min-width: 768px) and (max-width: 991px) {
         ul.nav li.dropdown:hover ul.dropdown-menu{
         display: block;
         margin-top:0px
         }
         #wrapper.topwrappernichtvorhanden {margin-top: 86px;}
         .headnavbarfixed {height: 116px; background-color: transparent; transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead {height: 92px; transition: all 0.5s ease 0s;}
         .headnavbarfixed .container {height: 90px;transition: all 0.5s ease 0s;}
         .navbar-right {margin-left: 0px;margin-top: 36px;transition: all 0.5s ease 0s;}
         ul.navbar-left {text-align:center;}
         .nav-pills > li {display:inline-block;}
         .nav > li > a {padding: 5px 5px;}
         .headnavbarfixed a {font-size: 24px;}
         .headnavbarfixed.smallerhead .container {height: 70px;transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead .navbar-right {margin-left: 0px;margin-top: 17px;transition: all 0.5s ease 0s;}
         .mainmenulogo img {margin-top: -36px; width:218px; transition: all 0.5s ease 0s;}
         .navbar-brand img {height: 50px;}
         .headnavbarfixed.smallerhead .navbar-brand img {height: 40px; margin-top: 10px; padding-left: 30px; transition: all 0.5s ease 0s;}
         #topwrapper {margin-top: 116px;}
         .bannerview h2 {text-transform: none; color: #fff;text-align: center;position: relative;font-size: 24px;padding: 10px 25px 0; margin: 24px 0 0 0;}

         .unoslider_title {font-size:48px; line-height:90%; margin: 40px 0 0 40px;}
         .descriptionwrap {margin: 5px 0 0 40px; max-width: 320px; padding: 14px 12px 11px 15px; font-size:28px; line-height:90%;}

         .cb-slideshow .slideimage img.img1 {left: 60px; width: 275px;}
         .cb-slideshow .slideimage img.img2 {left: 60px;width: 275px;}
         .cb-slideshow p.starttext2 {top: 180px; left: 98px;}

         #wrapper .contentwrapper {margin-top: 0px;}
         .jshop {margin-top: 30px;}

         .textfirstsite {margin-top: 380px;}

          .login_block .login_block_input {margin-top: 9px;}

          body.home-start, body.home {position: relative; background-image: none;}
          body.home-start .pagebg-container, body.home .pagebg-container {
                 background: url('../images/ictra-ito-startseite-mobile.jpg');
                 background-position: center top;
                 background-repeat: no-repeat;
                 background-size: cover;
                 height: 100%;
                 position: fixed;
                 width: 100%;
                 top: 0;
                 z-index: -1;
          }
          body.home-start.slider .pagebg-container, body.home .pagebg-container {
                 background-image: none;
          }

          .biologosimtext img {height: 180px;}

          .jshop h1 {margin-top: 30px;}
}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) and (max-width: 1199px) {
         ul.nav li.dropdown:hover ul.dropdown-menu{
         display: block;
         margin-top:0px
         }
         .dropdown-menu > li > a {
         font-size: 18px;
         }
         .headnavbarfixed {height: 147px; background-color: transparent; transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead {height: 104px; transition: all 0.5s ease 0s;}
         .headnavbarfixed .container {height: 117px;transition: all 0.5s ease 0s;}
         .navbar-right {margin-left: 0px;margin-top: 36px;transition: all 0.5s ease 0s;}
         ul.navbar-left {text-align:center;}
         .nav-pills > li {display:inline-block;}
         .nav > li > a {padding: 10px 9px;}
         .headnavbarfixed a {font-size: 32px;}
         .headnavbarfixed.smallerhead .container {height: 78px;transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead .navbar-right {margin-left: 0px;margin-top: 17px;transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead .navbar-brand img {height: 40px; margin-top: 20px; padding-left: 30px; transition: all 0.5s ease 0s;}

         h1, .h1 {
         font-size: 44px;
         }
         .list_product .image_block .product_label img {width: 80%;}

         .unoslider_title {font-size:60px; line-height:90%; margin: 70px 0 0 70px;}
         .descriptionwrap {margin: 5px 0 0 80px; max-width: 320px; padding: 14px 12px 11px 15px; font-size:36px; line-height:90%;}

         #form-login-remember {width: 100%;}
         #form-login-remember label.control-label {padding-right: 30px; padding-left:0;}
         #form-login-remember input.inputbox {width: 5%; float: right;}

         .login_block .login_block_input {margin-top: 10px;}

         body.home-start, body.home {position: relative; background-image: none;}
         body.home-start .pagebg-container, body.home .pagebg-container {
                 background: url('../images/ictra-ito-startseite.jpg');
                 background-position: center top;
                 background-repeat: no-repeat;
                 background-size: cover;
                 height: 100%;
                 position: fixed;
                 width: 100%;
                 top: 0;
                 z-index: -1;
          }
          body.home-start.slider .pagebg-container, body.home .pagebg-container {
                 background-image: none;
          }
          .cb-slideshow {margin-left: -45px; margin-top: 10px; min-height: 350px; width: 100%;}
         .cb-slideshow .slideimage img.img1 {left: 70px; width: 380px;}
         .cb-slideshow .slideimage img.img2 {left: 70px;width: 380px;}
         #wrapper.topwrappernichtvorhanden {margin-top: 117px;}
         .cb-slideshow p.starttext2 {top: 230px; left: 148px;}
         .textfirstsite {margin-top: 480px;}

         .biologosimtext img {height: 150px;}

         .content h1 {margin-top: 0px;}

         /* Anfang NewBlog */
         .newblog .pull-left.item-image  {margin-right: 0px; width: 50%; margin-bottom: 0px; padding-right: 15px; min-height: 350px;}
         .newblog .pull-left.item-image img  {display: block; height: 100%; max-width: 100%; width: 100%;}
         .newblog .items-row .span6.col-md-6 {padding-left: 0px; padding-right: 0px;}
         .newblog .img_caption p.img_caption {font-size: 14px;}
         .blog.newblog p {width: 50%; float:right;}
         .blog.newblog .article-info {width: 50%; float:right;}
         .blog.newblog p.readmore a.btn {padding-left: 0;}
         /* Ende Blog */
}

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: 1200px) {
         ul.nav li.dropdown:hover ul.dropdown-menu{
         display: block;
         margin-top:0px;
         }
         .navbar-collapse.collapse {}
         .headnavbarfixed {height: 147px; background-color: transparent; transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead {height: 104px; transition: all 0.5s ease 0s;}
         .headnavbarfixed .container {height: 117px;transition: all 0.5s ease 0s;}
         .navbar-right {margin-left: 0px;margin-top: 36px;transition: all 0.5s ease 0s;}
         ul.navbar-left {text-align:center;}
         .nav-pills > li {display:inline-block;}
         .nav > li > a {padding: 10px 19px;}
         .headnavbarfixed .nav > li:first-child > a {padding: 10px 19px 10px 0px;}
         .headnavbarfixed .nav > li:last-child > a {padding: 10px 0px 10px 19px;}
         .headnavbarfixed a {font-size: 36px;}
         .headnavbarfixed.smallerhead .container {height: 78px;transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead .navbar-right {margin-left: 0px;margin-top: 17px;transition: all 0.5s ease 0s;}
         .headnavbarfixed.smallerhead .navbar-brand img {height: 40px; margin-top: 10px; padding-left: 30px; transition: all 0.5s ease 0s;}

         .dropdown-menu > li > a {
         font-size: 18px;
         }
         h1, .h1 {
         font-size: 48px;
         }
         .unoslider_title {font-size:60px; line-height:90%; margin: 120px 0 0 80px;}
         .descriptionwrap {margin: 5px 0 0 80px; max-width: 320px; padding: 14px 12px 11px 15px; font-size:48px; line-height:90%;}

         .login_block .login_block_input {margin-top: 10px;}

         body.home-start, body.home {position: relative; background-image: none;}
         body.home-start .pagebg-container, body.home .pagebg-container {
                 background: url('../images/ictra-ito-startseite.jpg');
                 background-position: center top;
                 background-repeat: no-repeat;
                 background-size: cover;
                 height: 100%;
                 position: fixed;
                 width: 100%;
                 top: 0;
                 z-index: -1;
          }
          body.home-start.slider .pagebg-container, body.home .pagebg-container {
                 background-image: none;
          }
          .textfirstsite {margin-top: 250px;}

          .biologosimtext img {height: 192px;}

          .content h1 {margin-top: 0px;}

          /* Anfang NewBlog */
         .newblog .pull-left.item-image  {margin-right: 0px; width: 50%; margin-bottom: 0px; padding-right: 15px; min-height: 300px;}
         .newblog .pull-left.item-image img  {display: block; height: 100%; max-width: 100%; width: 100%;}
         .newblog .items-row .span6.col-md-6 {padding-left: 0px; padding-right: 0px;}
         .newblog .img_caption p.img_caption {font-size: 14px;}
         .blog.newblog p {width: 50%; float:right;}
         .blog.newblog .article-info {width: 50%; float:right;}
         .blog.newblog p.readmore .btn {padding-left: 0;}
         /* Ende Blog */


}

.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #000;
}

.thumbnail img {
    width: 100%;
}

.thumbnail .caption {
    color: #fff;
}