/*----------------------------------*/
/* TEMPLATE MADE BY PIXELSAFARI.NET */
/*----------------------------------*/
/*ANIMATIONEN*/

.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}

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

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

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

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

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

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

#wrapper {
max-width: 1390px;
padding-left: 10px;
padding-right: 10px;
position: relative;
margin: 0 auto;
}

#header {
padding-top: 30px;
margin-bottom: 40px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#header h1 {
font-family: 'Raleway', sans-serif;
font-weight: 100;
font-size: 39px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#header h1:hover {
color: #bed8e1;
cursor: default;
}

#header a,
#header a:visited {
text-decoration: none;
color: inherit;
}

#logoHelper {
display: inline-block;
width: 40%;
}

#logoHelper img {
max-width: 100%;
}

#navigation {
height: 42px;
margin-top: 44px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #DDDDDD;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #DDDDDD;
text-align: left;
}

#navigation li {
display: inline-block;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
color: #202020;
line-height: 42px;
width:25%;
margin-right:-4px;
}

#navigation li a:hover {
text-decoration: none;
background-color: #333;
color: #fff;
cursor: pointer;
}

/*
#navigation li:first-child {
text-align: left;
}
*/

#navigation a,
#navigation a:visited {
text-decoration: none;
color: #202020;
height: 42px;
display: inline-block;
padding:0 10px;
margin-right:-4px;
}

#navigation ul {
padding: 0;
margin: 0;
text-align: center;
}

.smenu {
display: none;
border-bottom: 1px solid #ddd;
height: auto;
padding: 10px 0;
}

.smenu p {

}

#smenu0 {
display: block;
}

.smenu img {
max-width: 100%;
}

.smenuImgContainer {
display: inline-block;
text-align: center;
vertical-align: top;
}

#smenu0 .smenuImgContainer {
width: 13.9%;
}

#smenu1 .smenuImgContainer {
width: 24.0%;
}

#smenu2 .smenuImgContainer {
width: 16.0%;
}

#smenu3 .smenuImgContainer {
width: 16.0%;
}

.smenuImgContainer p {
font-family: 'lato';
margin: 0;
}

#searchformContainer {
display: inline-block;
width: 59%;
text-align: right;
vertical-align: bottom;
}

#searchform {
border-radius: 3px;
padding: 0;
}

#searchText {
padding: 8px 10px;
background-color: #bfdae1;
border: 0px solid #dbdbdb;
margin: 0;
width:200px;
height: 30px;
color: #fff;
}

::-webkit-input-placeholder {
color:    #fff;
}
:-moz-placeholder {
color:    #fff;
}
::-moz-placeholder {
color:    #fff;
}
:-ms-input-placeholder {
color:    #fff;
}

#searchButton {
position: relative;
padding: 8px 15px;
margin: 0;
margin-left:-4px;
height: 30px;
vertical-align: top;
border: 0px solid #ddd;
border-left: 1px solid #ddd;
background-color: #ebebeb;
color: #fafafa;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#searchButton:hover {
cursor: pointer;
}

#searchButton i {
color: #6c7378;
}

#searchButton:hover {
background-color: #fafafa;
color: #207cca;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#searchText:focus,
#searchButton:focus {
outline: none;
}

#gallery {
width: 45%;
float: left;
margin-bottom: 40px;
}

#bigPicContainer {
height: 500px;
text-align: center;
font: 0/0 a;
vertical-align: middle;
}

#bigPicContainer:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle;
}

#bigPic {
width: 100%;
text-align: center;
vertical-align: middle;
display: inline-block;
}

#bigPic img {
width: auto;
max-width: 95%;
max-height: 500px;
vertical-align: middle;
}

.galleryThumbContainer {
display: inline-block;
margin-right: 1%;
width: 22%;
height: 120px;
text-align: center;
font: 0/0 a;
vertical-align: middle;
}

.galleryThumbContainer:last-child {
margin-right: 0;
}

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

.galleryThumb:hover {
cursor: pointer;
opacity: 0.7;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.galleryThumb {
width: 100%;
text-align: center;
vertical-align: middle;
display: inline-block;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.galleryThumb img {
height: auto;
width: auto;
max-height: 100px;
max-width: 100%;
vertical-align: middle;
}

#galleryNav {
padding-top: 15px;
text-align: center
}

#upperBody {
margin-left: 45%;
padding-top: 1px;
padding-left: 15px;
margin-bottom: 50px;
}

#upperBody:hover h1 {
color: #bed8e1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#upperBody h1,
#upperBody h3 {
position: relative;
left: -2px;
margin-top: 10px;
margin-bottom: 7px;
font-family: 'Open Sans', sans-serif;
font-size: 32px;
font-weight: 400;
color: #1F1F1F;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#upperBody h2 {
font-family: 'Raleway', sans-serif;
font-size: 15px;
font-weight: 300;
color: #999999;
}

#upperBody p {
font-family: 'open sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #555555;
}

#priceContainer {
width: 320px;
height: 80px;
margin: 0 0 53px 0;
padding-top: 15px;
padding-left: 30px;
}

#priceContainer h3 {
font-family: 'lato', sans-serif;
font-size: 32px;
color: #333;
display: inline-block;
}

#priceContainer h4 {
display: inline;
position: relative;
font-family: 'lato', sans-serif;
top: 15px;
left: -25px;
font-size: 12px;
font-weight: 400;
color: #333;
}

sup {
position: relative;
left: -3px;
font-family: 'lato', sans-serif;
font-size: 14px;
color: #333;
}

#buyItNowButton {
width: 125px;
height: 40px;
margin-left: 0px;
padding-left: 10px;
padding-top: 4px;
background-color: #bed8e1;
display: inline-block;
}

#buyItNowButton a,
#buyItNowButton a:hover,
#buyItNowButton a:visited {
text-decoration: none;
color: inherit;
}

#buyItNowButton:hover {
background-color: #c0392b;
cursor: pointer;
}

#buyItNowButton h3 {
font-family: 'raleway', sans-serif;
font-size: 16px;
color: #ffffff;
}

#buyItNowButton i {
color: #ffffff;
margin-right: 6px;
font-size: 18px;
}

#feedbackContainer {
width: 490px;
border-style: solid;
border-width: 1px;
border-color: #D6D6D6;
padding: 20px 15px;
display: inline-block;
}

#feedbackContainer h3 {
font-family: 'Raleway', sans-serif;
font-size: 18px;
color: #444444;
}

.feedback {
font-family: 'open sans', sans-serif;
}

.feedback p {
font-size: 14px;
color: #444444;
padding-bottom: 20px;
}

.feedback i {
font-size: 12px;
font-style: italic;
position: relative;
left: -40px;
top: 20px;
padding-top: 5px;
}

#picsNavContainer {
display: inline-block;
}

#shortdescription {
max-width: 670px;
padding-right: 15px;
overflow: hidden;
line-height: 1.5;
}

#tab2,
#tab3,
#tab4,
#tab5 {
display: none;
}

.tablinks {
left: 0 !important;
min-width: 960px;
width: 100%;
height: 40px;
margin-bottom: 0;
padding: 0;
list-style: none;
}

.tablinks li {
float: left;
width: 150px;
height: 30px;
background-color: #EFF0EB;
display: inline-block;
text-align: center;
font-size: 16px;
font-family: 'Lato', sans-serif;
color: #666666;
padding-top: 10px;
margin-right: 10px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-transform: uppercase;
}

.tablinks li:hover {
color: #fff;
background-color: #bed8e1;
cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-decoration: none;
text-transform: uppercase;
}

.tablinks li span {
width: 150px;
height: 30px;
background-color: #fff;
display: inline-block;
text-align: center;
font-size: 16px;
font-family: 'Lato', sans-serif;
color: #000;
padding-top: 9px;
border: 1px solid #D6D6D6;
border-bottom: 1px solid #fff;
z-index: 2;
text-transform: uppercase;
position: relative;
}

.tabtitle {
padding: 15 5 5 5;
border-bottom: 0;
font-size: 12px;
text-transform: uppercase;
}

.tabContainer {
clear: both;
padding-bottom: 80px;
}

.tabcontent {
margin: 0;
padding: 25px 50px 55px 50px;
overflow: hidden;
font: 16px Lato;
color: #555555;
text-align: left;
line-height: 1.5;
}

.tabcontent p {
margin: 0;
padding: 0;
}

.tabcontent a {
color: #bed8e1;
}

.tabcontent a:hover,
.tabcontent a:visited {
color: #c0392b;
}

.tabcontent img {
max-width: 100%;
height: auto;
margin: 5px;
}

.tabcontent ol,
.tabcontent ul {
padding-left: 20px;
margin: 0;
line-height: 1.5;
}

.tabcontent h1,
.tabContainer h1 {
font-size: 28px;
font-weight: 300;
font-family: 'raleway', sans-serif;
color: #000000;
}

.contentBorder {
border: 1px solid #D6D6D6;
}

.contentImgLeft {
float: left;
max-width: 40%;
margin-top: 0;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0px;
}

.contentImgRight {
float: right;
max-width: 40%;
margin-top: 0;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
}

.crossSellerContainer {
font-family: 'lato';
}

.crossSellerContainer a,
.crossSellerContainer a:hover,
.crossSellerContainer a:visited,
.crossSellerContainer a:active{
color: inherit;
text-decoration: none;
}

#csc1 {
}

#csc2 {
border-top:1px solid #ddd;
margin-top:100px;
padding-top:50px;
}

.crossSellerContainer h2 {
font-size: 36px;
font-weight: 300;
text-align: left;
margin:0 0 50px 0;
}

.crossSeller {
display: inline-block;
width: 16%;
padding: 1%;
margin-right: -4px;
margin-left: 2.5%;
outline: 1px solid #ddd;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.crossSeller:hover {
outline: 2px solid #bfdae1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.crossSeller:first-child {
background-color: blue;
}

.crossSeller img {
max-width: 100%;
}

.crossSeller p {
font-size: 16px;
color:#666;
margin:10px 0 0 0;
padding:0;
}

.crossSeller h3 {
font-size: 20px;
font-weight: 700;
color:#e67e22;
margin:10px 0 0 0;
padding:0;
}

.crossSeller h4 {
font-size: 16px;
font-weight: 400;
color:#666;
margin:10px 0 0 0;
padding:0;
}

#footerContainer {
font-family: 'Lato', sans-serif;
background-color: #222222;
width: 100%;
height: 220px;
margin: 80px 0 0 0;
padding: 40px 0 0 0;
}

#footerContainer h1 {
font-size: 18px;
color: #fff;
margin: 0 0 26px 0;
font-weight: 300;
padding: 0;
}

#footerContainer i {
color: #ffffff;
font-size: 22px;
float: left;
line-height: 30px;
}

#footerContainer a {
color: #D6D6D6;
text-decoration: none;
}

#footerColumn1 {
float: left;
width: 220px;
height: 180px;
margin-left: 60px;
}

#footerColumn2,
#footerColumn3 {
float: left;
width: 205px;
height: 180px;
margin-left: 35px;
}

.footerRow {
height: 28px;
margin-bottom: 20px;
}

#footerColumn1 p {
font-size: 12px;
color: #D6D6D6;
margin: 0 0 0 40px;
margin-bottom: 0;
padding: 0;
}

#footerColumn2 p {
font-size: 12px;
color: #D6D6D6;
margin: 5px 0 0 15px;
display: block;
font-weight: 400;
float: left;
}

#footerColumn3 p {
font-size: 12px;
color: #D6D6D6;
font-weight: 400;
clear: both;
}

#footerColumn3 span {
font-weight: 400;
margin-top: 5px;
}

#copyright {
float: left;
color: #D6D6D6;
font-size: 9px;
margin: 10px 0 0 0;
}
}
#copyright a {
color: #ffffff;
text-decoration: none;
}
/* Desktop 1024px*/

@media only screen and (max-width: 1024px),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 1024px) and (device-aspect-ratio: 9/16),
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
#bigPicContainer {
height: 400px;
}

#bigPic img {
width: auto;
max-width: 95%;
max-height: 400px;
vertical-align: middle;
}
}
/* Desktop 800px*/

@media only screen and (max-width: 800px),
only screen and (max-width: 800px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 800px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 800px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 800px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 800px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 800px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 800px) and (device-aspect-ratio: 9/16),
only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5) {
#bigPicContainer {
height: 300px;
}

#bigPic img {
width: auto;
max-width: 95%;
max-height: 300px;
vertical-align: middle;
}
}
/* SMARTPHONE / TABLET 660px*/

@media only screen and (max-width: 660px),
only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 660px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 660px) and (device-aspect-ratio: 9/16),
only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 1.5) {
#logoHelper {
display: block;
width: 90%;
margin:0 auto;
text-align: center;
}
#searchformContainer {
display: block;
margin: 0 auto;
width: auto;
text-align: center;
margin-top:30px;
}
.smenu {
background-color: #ebebeb;
}
.smenuImgContainer {
display: block;
width:auto !important;
text-align: center;
margin: 15px auto;
font-size: 16px;
}
.smentuImgContainer p {
width: 100%;
}
.smenuImgContainer img{
display: none;
}
.crossSellerContainer h2 {
text-align: center;
}
.crossSeller {
display: block;
width: 95%;
padding: 1%;
margin-right: auto;
margin-left: auto !important;
margin-bottom: 50px;
outline: 1px solid #ddd;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header img {
max-width: 100%;
}

#navigation {
height: auto;
}

#navigation li {
display: block;
padding: 10px;
margin: 0 auto;
text-align: center;
width: auto;
}

#gallery {
width: 100%;
clear: both;
margin-bottom: 30px;
}

#bigPicContainer {
height: 400px;
}

#bigPic img {
width: auto;
max-width: 95%;
max-height: 400px;
vertical-align: middle;
}

#upperBody {
clear: both;
margin-left: 0;
padding: 0;
margin-bottom: 50px;
text-align: center;
}

#shortdescription {
max-width: 820px;
padding-right: 0;
}

#priceContainer {
margin: 0 auto;
width: 180px;
height: 140px;
margin-bottom: 40px;
padding: 10px 10px 0 40px;
}

#buyItNowButton {
margin-top: 20px;
position: relative;
right: 15px;
}

#feedbackContainer {
width: auto;
display: block;
}

.tablinks {
display: none;
}

#tab1,
#tab2,
#tab3,
#tab4,
#tab5 {
display: block;
margin-top: 50px;
}

#tab5 {
background-color: blue;
}

.tabcontent {
padding: 15px;
}

.tabcontent img {
max-width: 100%;
width: auto;
max-height: auto;
height: auto;
margin: 0;
}

.contentImgLeft,
.contentImgRight {
margin: 0 auto;
text-align: center;
margin-bottom: 20px;
float: none;
clear: both;
max-width: 100%;
margin-bottom: 10px;
}

.bsItem1,
.bsItem2,
.bsItem3 {
float: none;
clear: both;
margin: 0 auto;
width: 90%;
}

#footerColumn1,
#footerColumn2,
#footerColumn3 {
float: none;
display: block;
clear: both;
margin: 0 auto;
margin-bottom: 40px;
text-align: left;
padding: 0;
width: 55%;
}

#footerColumn1 p {
font-size: 12px;
color: #D6D6D6;
margin: 0 0 0 50px;
margin-bottom: 0;
padding: 0;
}

#footerContainer {
height: 700px;
}
}
/* SMARTPHONE 480px*/

@media only screen and (max-width: 480px),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (min-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (device-aspect-ratio: 9/16),
only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
#bigPicContainer {
height: 250px;
}

#bigPic img {
width: auto;
max-width: 95%;
max-height: 250px;
vertical-align: middle;
}
}