@charset "utf-8";
/* Animationen */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

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

100% {
opacity: 1;
}
}

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

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

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

100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

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

100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}

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

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

100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
#wrapper {
font-family: 'Source Sans Pro', sans-serif;
max-width: 1390px;
margin: 0 auto;
}
#header {
margin-bottom: 10px;
margin-top:30px;
border-bottom: 1px solid #ebebeb;
padding-bottom:30px;
}
#logoContainer {
display: inline-block;
margin-left:20px;
}
#logoContainer img {
max-width: 280px;
margin-bottom:20px;
margin-right:-25px;
}
#navbar {
display: inline-block;
margin: 0 0 0 60px;
}
.navElement {
float:left;
text-decoration: none;
color:#ffffff;
width: 120px;
height: 105px;
border: 1px solid #dddddd;
margin: 0 25px 0 0;
padding: 15px 0 0 0;
text-align: center;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.navElement * {
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.navElement:hover {
cursor: pointer;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.navElement:hover * {
opacity: 1.0;
cursor: pointer;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.navElement > h2 {
font-family: "open sans";
font-size: 13px;
font-weight: 400;
color: #ffffff;
opacity: 0.8;
}
.navElement i {
color: #ffffff;
opacity: 0.7;
}
#navElementBlue {
	/*background-color: #e62369;*/
	background-color:  #f7ccc9;
	margin-top: 1px;
}
#navElementBlue i {
font-size: 55px;
}
#navElementOrange {
	/*background-color: #FFCC00;*/
	background-color: #bba3bd;
}
#navElementOrange i {
font-size: 52px;
margin-top: 4px;
}
#navElementGreen {
	/*background-color: #00CCCC;*/
	background-color: #fcbcca;
}
#navElementGreen i {
font-size: 51px;
margin-top: 5px;
}
#navElementPurple {
	/*background-color: #FF99CC;*/
	background-color:#b55f90;
}
#navElementPurple i {
font-size: 43px;
margin-top: 11px;
}
#navElementPurple h2 {
padding-top: 2px;
}
#navElementRed {
/*background-color: #545454;*/
background-color: #733a5c;
}
#navElementRed i {
font-size: 55px;
margin-top: 1px;
}
#shortDescription h2 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 21px;
font-weight: 400;
color: #424242;
margin:25px 0 0 0;
}
#shortDescriptionContainer {
padding: 0 20px;
}
#referralContainer {
width: 300px;
float: right;
}
#overviewContainer {
float: left;
width: 50%;
}
#overview {
border: 1px solid #ddd;
}
.tabContainer {
margin-top: 0px;
padding-right:320px;
}
#leftContainer {
padding-right:300px;
position: relative;
}
#overviewPadding {
padding: 0 20px;
}
#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:110px;
text-align: center;
font: 0/0 a;
vertical-align: left;
}
.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 {
margin-top:-30px;
padding-top: 0px;
text-align: center
}
#overview > h1 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 34px;
font-weight: 400;
color: #424242;
padding: 0 20px;
margin: 25px 0 0 0;
}
#overview > h3 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: 400;
color: #424242;
padding: 0 20px;
margin: 10px 0 35px 0;
}
#priceContainer {
height: 100px;
background-color: #ebebeb;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 0 20px;
line-height: 90px;
}
#priceContainer > h2 {
display: inline;
font-family: 'Source Sans Pro', sans-serif;
font-size: 28px;
font-weight: 400;
color: #424242;
}
#priceContainer > h2 span {
display: inline;
font-family: 'Source Sans Pro', sans-serif;
font-size: 28px;
font-weight: 400;
color: #e57e21;
}
#priceContainer h4 {
display: inline;
position: relative;
top: 15px;
left: -25px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
font-weight: 400;
color: #e57e21;
}
.actionButton {
display: inline-block;
width: 150px;
height: 45px;
text-align: center;
line-height: 45px;
margin: 35px 0 35px 20px;
-o-transition: .1s;
-ms-transition: .1s;
-moz-transition: .1s;
-webkit-transition: .1s;
transition: .1s;
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: 400;
color: #ffffff;
padding: 0;
text-decoration: none;
}

.actionButton a {
color:#ffffff;
text-decoration: none;
}

.actionButton h2 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: 400;
color: #ffffff;
padding: 0;
margin: 0;
}
.actionButton:hover {
cursor: pointer;
-o-transition: .1s;
-ms-transition: .1s;
-moz-transition: .1s;
-webkit-transition: .1s;
transition: .1s;
}
#buyItNowButton {
background-color: #3398DA;
}
#buyItNowButton:hover {
background-color: #2980b9;
}
#AskNowButton {
background-color: #27AE60;
}
#AskNowButton:hover {
background-color: #1B7A44;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
#shortDescription p {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
font-weight: 400;
color: #424242;
}

#shortDescription UL
{
	text-align: left;
	padding-left: 10px;
	list-style: none;
	/*[empty]border-top:;*/
}
#shortDescription LI
{
	list-style: none;
}
#shortDescription SPAN
{
	font-weight: bold;
}

#shortDescription TABLE
{
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #424242;
}

#referralContainerHeading {
/*background-color: #E62369;*/
background-color: #bba3bd;
height:60px;
line-height:60px;
padding-left: 20px;
margin-bottom:10px;
}

#referralContainerHeading:hover {
cursor: default;
}

#referralContainerHeading * {
color:#ffffff;
}

#referralContainerHeading i{
display: inline;
font-size: 28px;
position: relative;
top:4px;
margin-right:20px;
}

#referralContainerHeading h2{
display: inline;
font-weight:400;
font-size:20px
}

.referralItem {
display: block;
padding:10px 0px;
clear:both;
overflow: auto;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
color: #ffffff;
text-decoration: none;
}

.referralItem img {
max-width: 100px;
}

.referralItem:hover {
cursor: pointer;
background-color: #ebebeb;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.referralItem * {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.referralItem:hover * {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.referralItem img{
border: 1px solid #dddddd;
float:left;
margin-right:15px;
}

.referralItem h3{
font-size:18px;
font-weight:300;
color:#424242;
margin: 5px 0 0 0;
}

.referralItem h4{
font-size:20px;
font-weight:300;
color:#424242;
display: inline;
margin: 0;
}

.referralItem h5{
font-size:12px;
font-weight:300;
color:#424242;
display: inline;
margin: 0;
}

#tab1, #tab2, #tab3, #tab4, #tab5:hover {
}
#tab2, #tab3, #tab4, #tab5 {
display: none;
}
.tablinks {
left: 0 !important;
width: 100%;
height: 50px;
margin-bottom: 0;
padding: 0;
list-style: none;
}
.tablinks li {
float: left;
width: 150px;
height: 50px;
background-color: #bba3bd;
display: inline-block;
text-align: center;
font-size: 14px;
font-family: 'open sans', sans-serif;
color: #fff;
line-height: 50px;
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: #fcbcca;
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:active {
color: #666666;
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: 50px;
background-color: #fff;
display: inline-block;
text-align: center;
font-size: 14px;
font-family: 'open sans', sans-serif;
color: #000;
border: 1px solid #D6D6D6;
border-bottom: 1px solid #fff;
z-index: 2;
text-transform: uppercase;
position: relative;
}
.tabcontent h1, 
.tabContainer h1 {
font-size: 28px;
font-weight: 300;
font-family: 'open sans', sans-serif;
}
.tabtitle {
padding: 15 5 5 5;
border-bottom: 0;
font-size: 12px;
text-transform: uppercase;
}
.tabContainer {
padding-bottom: 80px;
font: 16px Lato;
}
.tabcontent {
max-width: 1300px;
margin: 0;
padding: 25px 30px 55px 30px;
overflow: hidden;
font-size: 16px;
color: #333;
text-align: left;;
font-family: 'open sans', sans-serif;
line-height: 1.5;
}
.tabcontent p {
margin:0;
padding:0;
}
.tabcontent ul li,
.tabcontent ol li{
font-size: 16px;
color: #333;
font-family: 'open sans', sans-serif;
text-align: left;
list-style: square outside;
padding-top: 5px;
}

.tabcontent SPAN{
	color: #e62369;
	font-weight: bold;
}
.tabcontent a {
color:#BF392B;
}
.tabcontent a:hover,
.tabcontent a:visited {
color:#c0392b;
}
.tabContainer ul, .tabContainer ol {
 position:relative;
left:0px;
font: 14px Lato;
}
.tabcontent img {
margin: 0 15px;
max-width:400px;
max-height:400px;
}
.contentImgLeft {
float: left;
margin-top: 0;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0px;
}
.contentImgRight {
float: right;
margin-top: 0;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 15px;
}
.contentImgInline {
display: inline-block;
margin-top: 0;
margin-right: 2%;
margin-bottom: 15px;
max-width:20%;
}
.contentImgInline img {
width:100%;
}
#footerContainer {
background-color: #b55f90;
width: 100%;
height: 220px;
margin: 0;
padding: 40px 0 0 0;
}
#footerContainer h1 {
font-size: 20px;
color: #fff;
margin: 0 0 26px 0;
font-weight: 300;
padding: 0;
}
#footerContainer i {
color:#ffffff;
font-size:24px;
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: 14px;
color: #D6D6D6;
margin: 0 0 0 40px;
margin-bottom:0;
padding:0;
}
#footerColumn2 p {
font-size: 14px;
color: #D6D6D6;
margin: 5px 0 0 15px;
display: block;
font-weight: 400;
float: left;
}
#footerColumn3 p {
font-size: 14px;
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;
}
.contentBorder {
border: 1px solid #D6D6D6;
}

.infoBox {
width: 260px;
padding:20px 20px;
}

#paymentShippingBox {
	background-color: #545454;
	margin-bottom:15px;
	margin-top:0px;
}

#paymentShippingBox h2 {
line-height: 1.1;
margin-bottom: 15px;
}

#contactBox {
	background-color: #e62369;
	margin-bottom: 50px;
}

.infoBox *{
color: #ffffff;
}

.infoBox i{
font-size: 46px;
margin-right:20px;
float:left;
}

.infoBox h2{
font-family: "open sans", sans-serif;
margin:0;
font-weight: 400;
}

#paymentShippingBox i{
position: relative;
}

#contactBox h2{
position: relative;
top:5px;
}

.circle {
	width: 76px;
	height: 76px;
	border-radius: 500px;
	/*background-color: #E62369;*/
	background-color:#fcbcca;
	display: block;
	margin: 0 auto;
	position: relative;
	top:-38px;
}

.circle i {
color:#ffffff;
font-size: 36px;
margin-top:20px;
}
.features {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 30px 0;
	/*background-color:#E62369;*/
	background-color:#fcbcca;
	margin:0;
}
.featuresBlockContainer {
text-align: center;
margin: 0 auto;
display: block;
}
.featuresBlock {
width: 16%;
min-height: 305px;
padding: 0 1%;
background-color: #fff;
border-radius: 5px;
display: inline-block;
vertical-align: top;
margin-left: 2%;
margin-right: 2%;
margin-top: 35px;
margin-bottom: 40px;
position: relative;
-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;
text-align: center;
}
.featuresBlock:hover {
color: #733a5c;
cursor: default;
-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;
}
.features h1 {
font-family: 'Roboto Slab', serif;
font-size: 36px;
color: #fff;
font-weight: 500;
text-align: center;
margin-bottom:30px;
}
.featuresBlock h2 {
margin-top: 0px;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: 500;
text-align: center;
}
.featuresBlock p {
margin-top: 25px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #666666;
}

#cleaner {
clear:both;
}

#rightInfoContainer {
float:right;
}






/* TABLET 1*/
@media only screen and (max-width: 1200px),only screen and (max-width: 1200px) and (-moz-min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (-o-min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (-moz-min-device-pixel-ratio: 2),only screen and (max-width: 1200px) and (-o-min-device-pixel-ratio: 2/1),only screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-width: 1200px) and (min-device-pixel-ratio: 2),only screen and (max-width: 1200px) and (-moz-min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (-o-min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (device-aspect-ratio: 9/16) {
#gallery {
width: 55%;
margin-bottom: 30px;
}
#referralContainer {
margin-top:70px;
width: 100%;
clear:both;
text-align: center;
}
.referralItem {
display: inline-block;
width:49%;
}
#referralContainerHeading {
padding:0;
text-align:center;
}
#leftContainer {
padding-right:0;
}
#navbar {
display: inline-block;
margin: 0 0 0 25px;
}
.navElement {
margin: 0 15px 0 0;
}
.contentImgLeft,
.contentImgRight{
width:50%;
}
.tabcontent img {
max-width:100%;
height:auto;
margin:0;
}
.contentImgInline {
max-width:23%;
height:auto;
margin-right:1%
}
}
/* TABLET 2*/
@media only screen and (max-width: 1024px),only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3/2),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/2),only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3/2),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) {
#cleanerTablet{
clear: both;
height:50px;
}
#bigPicContainer {
height:400px;
}
#bigPic img {
width: auto;
max-width: 95%;
max-height: 400px;
vertical-align: middle;
}
#shortDescriptionContainer {
clear: both;
}
#logoContainer img{
max-width:100%;
}
#bsContainer1,
#bsContainer2 {
margin:100px 0 0 0;
}
#leftContainer {
padding:0;
}
#navbar {
width: 100%;
text-align: center;
padding: 0;
}
.navElement {
float:left;
width: 18%;
margin-left:1%;
margin-right:1%;
border: none;
}
.actionButton {
display: inline-block;
width: 45%;
height: 45px;
text-align: center;
line-height: 45px;
margin: 35px 0 35px 10px;
}
#buyItNowButton {
margin-left:3%;
}
#overviewPadding {
padding: 0 1% 0 1%;
}
#referralContainer {
margin-top:70px;
width: 100%;
clear:both;
text-align: center;
}
.tabContainer {
clear:both;
}
#rightInfoContainer {
float: none;
text-align: center;
margin-top:50px;
margin-bottom: 70px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
padding:50px 0;
}
.infoBox {
display:inline-block;
vertical-align: top;
width:40%;
float:none;
}
.infoBox i{
margin:0;
float: none;
}
#paymentShippingBox h2 {
margin-top:10px;
}
#contactBox h2 {
margin-top:9px;
}
#contactBox,
#paymentShippingBox {
margin:0;
}
#contactBox {
margin-left:40px;
}
.referralItem {
display: inline-block;
width:49%;
}
.tabContainer {
padding:0;
margin-bottom:70px;
}
#referralContainerHeading {
padding:0;
text-align:center;
}
.featuresBlock {
width: 30%;
}
#logoContainer {
text-align: center;
display: block;
margin-bottom: 40px;
}
.contentImgLeft,
.contentImgRight{
width:50%;
}
.tabcontent img {
max-width:100%;
max-height:100%;
width:100%;
height:auto;
margin:0;
}
.contentImgInline {
max-width:23%;
height:auto;
margin-right:1%
}
#navbar {
margin:0;
padding: 0;
}
#header {
text-align: center;
border-bottom: 1px solid #dddddd;
padding-bottom:40px;
}
.figure img {
width:240px;
}
.figcaption {
opacity: 1;
}
.cap-bot .figcaption {
left: 0; 
bottom: 0;
}
#footerContainer {
overflow:auto;
height:240px;
}
#gallery {
width: 100%;
clear:both;
margin-bottom: 30px;
}
#overviewContainer {
clear:both;
width: 100%;
}
#footerColumn1,
#footerColumn2,
#footerColumn3 {
float: left;
display: block;
margin-bottom:60px;
text-align: left;
padding:0;
margin-left: 0;
width:30%;
}
#footerColumn1 {
padding-left:50px;
}
#footerColumn1 p {
font-size: 12px;
color: #D6D6D6;
margin: 0;
margin-bottom:0;
padding:0;
margin-left:40px;
}
}
/* 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 (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),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 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 (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 1.5){
#logoContainer {
margin-bottom: 20px;
}
#header {
padding-bottom:50px;
}
.navElement:first-child {
display:block;
width: 100%;
float: none;
margin: 0 auto;
margin-bottom:1%;
}
.navElement {
width: 49.5%;
margin:0 0 1% 0;
height: 110px;
border: none;
}
.navElement:hover {
cursor: pointer;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
#navElementOrange {
float:left;
margin-left:0;
}
#navElementPurple {
float:left;
margin-left:0;
}
#navElementGreen,
#navElementRed {
float:right;
margin-right:0;
}
#navbar {
width: 100%;
text-align: center;
margin: 0 auto;
}
.referralItem {
vertical-align: top;
margin-bottom:15px;
}
.referralItem img{
border: 1px solid #dddddd;
float:none;
margin-right:0;
}
#overviewContainer {
clear:both;
width: 100%;
}
#overviewPadding {
padding:0;
}
#overview > h1 {
font-size:24px;
}
#gallery {
width: 100%;
clear:both;
margin-bottom: 30px;
}
.actionButton {
width:60%;
display: block;
margin:0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
#buyItNowButton {
margin: 0 auto;
margin-top: 20px;
}
#rightInfoContainer {
margin-top:70px;
margin-bottom: 70px;
padding: 50px 0px;
text-align: center;
margin: 0 auto;
}
#contactBox {
margin: 0 auto;
margin-top: 40px;
}
#paymentShippingBox {
margin: 0 auto;
}
.infoBox {
display:block;
width:80%;
margin: 0 auto;
}
.tablinks {
display:none;
}
#tab1,
#tab2,
#tab3,
#tab4,
#tab5 {
display:block;
margin-top:50px;
}
.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;
width: 100%;
}
.contentImgInline{
margin:0 auto;
margin-bottom:20px;
text-align: center;
display: block;
max-width:60%
}
.featuresBlock {
width: 80%;
min-height: 300px;
padding: 0 1%;
margin: 0 auto;
margin-top:60px;
background-color: #fff;
border-radius: 5px;
display: block;
}
.bsitem1,
.bsitem2,
.bsitem3,
.bsitem4 {
width:240px;
margin: 0 auto;
margin-top:40px;
display: block;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
overflow: auto;
}
.bsContainer {
display:block;
clear:both;
text-align: center;
overflow: auto;
}
.figcaption {
opacity: 1;
}
.cap-bot .figcaption {
left: 0;
bottom: 0;}
#bigPic {
text-align: center;
}
#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 (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),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;
}
}