﻿<style>

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

EVOAUCTION EBAY TEMPLATE MADE BY PIXELSAFARI.NET

Template Name: EvoAuction
Description: EvoAuction eBay Template by Pixelsafari.net
Author: Daniel Kolb
Author URI: https://pixelsafari.net
Version: 1.7

	1. Wrapper
	2. Header & Navigation
	3. Gallery (including Zoom)
	4. Middle Column
	5. Title & Short Description
	6. Price Container & Button
	7. Top Right Column
	8. Features (Right Column)
	9. Categories (Right Column)
	10. Tab Bar
	11. Tab Bar Payment & Delivery Boxes
	12. Why Choose us
	13. Cross Sellers
	14. Cross Seller Category 1
	15. Cross Seller Category 2
	16. Footer

	MEDIA QUERIES:
	17. Max width 1024px (Laptop / Tablet)
	18. Max width 830px (Tablets)
	19. Max width 660px (Smartphones)
	20. Max width 480px (Smartphones)

	TOOLS:
	21. Animations

------------------------------------------------------------------------------ */
	/** Hawreschkiewitz **/
	/** Farbe für Links **/
	a.Links:link {color: #660066;}
	a.Links:visited {color: #660066;}
	a.Links:active {color: #660066;}
	a.Links:hover {color: #660066;}

	/** Farbe für Links (Footer) **/
	a.LinksFooter:link {color: #333;}
	a.LinksFooter:hover {color: #660066;}


	/** 1. Wrapper **/
	#wrapper {
		max-width: 1390px;
		margin: 20px auto 0 auto;
		font-family: 'Open Sans', sans-serif;
	}

	#wrapper a {
		text-decoration: none;
		/** color: #660066; **/
	}

	#wrapper a:visited {
		color: inherit;
	}

	.clearer {
		clear: both;
	}

	.templateBody {
		margin-top: 5px;
		position: relative;
		clear: both;
	}

	/** 2. Header & Navigation **/
	.templateHeader {
		padding-top: 30px;
		margin-bottom: 50px;
		-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;
	}

	.logoHelper {
		display: inline-block;
		width: 23%;
		padding-left: 0%;
		vertical-align: bottom;
		position: relative;
	}

	.logoHelper img {
		max-width: 100%;
		max-height: 180px;
	}

	.featurelist {
		display: inline-block;
		width: 74%;
		text-align: right;
		padding-left: 0;
		vertical-align: bottom;
		margin: 0;
	}

	.featurelist li {
		font-family: 'Open Sans', sans-serif;
		padding-left: 0px;
		padding-right: 2px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		font-size: 14px;
	}

	.featurelist li i {
		font-size: 34px;
		color: #666;
		margin-left: 40px;
		display: inline;
		line-height: 40px;
		padding-left: 1%;
	}

	.featurelist li span {
		color: #888;
		font-style: italic;
	}

	.navigation a,
	.navigation a:hover,
	.navigation a:visited {
		color: inherit;
		text-decoration: none;
		clear: both;
	}

	.navigation {
		border-top: 1px solid #EBEBEB;
		border-bottom: 1px solid #EBEBEB;
		background-color: #660066;
		color: #fff;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
		height: 53px;
	}

	.navlist {
		margin: 0;
		padding-left: 0;
	}

	.navlist li {
		padding-left: 2%;
		padding-right: 2%;
		font-size: 15px;
		display: inline-block;
		border-right: 1px solid #EBEBEB;
		height: 53px;
		line-height: 53px;
		margin: 0;
	}

	.navlist li:first-child {
		border-left: 1px solid #ebebeb;
	}

	.leftContainer {
		padding-right: 280px;
		position: relative;
		padding-left: 30px;
	}

	/** 3. Gallery **/
	.gallery {
		width: 43%;
		margin-right: 2%;
		margin-top: 60px;
		float: left;
		position: relative;
	}

	.bigPic {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 500px;
		text-align: center;
		opacity: 0;
		background-color: #fff;
		transition: opacity 0.5s;
		margin: 0;
	}

	.bigPic img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
	}

	.gallery .bigPic:first-of-type {
		position: relative;
		pointer-events: auto;
		opacity: 1;
		z-index: 2;
	}

	.galleryNav {
		padding-top: 15px;
		padding-left: 0;
		text-align: left;
	}

	.galleryThumb {
		position: relative;
		display: inline-block;
		margin-right: 1%;
		margin-left: -4px;
		width: 24.2%;
		height: 100px;
		text-align: center;
		margin-bottom: 5px;
		transition: all 0.2s;
	}

	.galleryThumb:hover,
	.galleryThumb:visited,
	.galleryThumb:link {
		text-decoration: none;
	}

	.galleryThumb:nth-child(4n+1) {
		margin-left: 0;
	}

	.galleryThumb:nth-child(4n) {
		margin-right: 0;
	}

	.galleryThumb:hover {
		opacity: 0.7;
		cursor: pointer;
		transition: all 0.2s;
	}

	.galleryThumb img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 100%;
		max-height: 100%;
	}

	.gallery .control-operator {
		display: none !important;
	}

	.gallery .control-operator:target~.bigPic {
		pointer-events: none;
		opacity: 0;
		-webkit-animation: none;
		-o-animation: none;
		animation: none;
		z-index: 2;
	}

	.gallery .control-operator:nth-of-type(1):target~.bigPic:nth-of-type(1),
	.gallery .control-operator:nth-of-type(2):target~.bigPic:nth-of-type(2),
	.gallery .control-operator:nth-of-type(3):target~.bigPic:nth-of-type(3),
	.gallery .control-operator:nth-of-type(4):target~.bigPic:nth-of-type(4),
	.gallery .control-operator:nth-of-type(5):target~.bigPic:nth-of-type(5),
	.gallery .control-operator:nth-of-type(6):target~.bigPic:nth-of-type(6),
	.gallery .control-operator:nth-of-type(7):target~.bigPic:nth-of-type(7),
	.gallery .control-operator:nth-of-type(8):target~.bigPic:nth-of-type(8),
	.gallery .control-operator:nth-of-type(9):target~.bigPic:nth-of-type(9),
	.gallery .control-operator:nth-of-type(10):target~.bigPic:nth-of-type(10),
	.gallery .control-operator:nth-of-type(11):target~.bigPic:nth-of-type(11),
	.gallery .control-operator:nth-of-type(12):target~.bigPic:nth-of-type(12) {
		pointer-events: auto;
		opacity: 1;
	}
	/** Zoom Gallery **/

	.overlay {
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 1000;
		display: none;
	}

	.zoom-bigPic {
		width: 70%;
		height: auto;
		margin: 0 auto;
		background: #fff;
		text-align: center;
		padding: 2% 2% 2% 2%;
		margin-top: 20px;
	}

	.zoom-bigPic img {
		max-width: 100%;
		max-height: 800px;
	}

	.overlay a.close-text {
		margin-top: 20px;
		color: #555 !important;
		text-decoration: none;
		font-size: 15px;
		clear: both;
		display: block;
		font-weight: normal;
		text-decoration: underline;
	}

	.overlay a i {
		color: #555 !important;
		font-size: 40px;
		margin-bottom: 20px;
		z-index: 2000;
		float: right;
	}

	#zoompic-1:target,
	#zoompic-2:target,
	#zoompic-3:target,
	#zoompic-4:target,
	#zoompic-5:target,
	#zoompic-6:target,
	#zoompic-7:target,
	#zoompic-8:target,
	#zoompic-9:target,
	#zoompic-10:target,
	#zoompic-11:target,
	#zoompic-12:target {
		display: block;
	}
	/** 4. Middle Column **/
	/** 5. Title & Short Description **/
	.itemDetails {
		padding-top: 60px;
		clear: none;
		float: left;
		width: 50%;
	}

	.itemDetails h1,
	.itemDetails h4 {
		position: relative;
		left: -2px;
		margin-top: 0;
		margin-bottom: 7px;
		font-family: 'Open Sans', sans-serif;
		font-size: 32px;
		font-weight: 400;
		color: #333;
		-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;
	}

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

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

	.itemDetails ul {
		list-style: none;
		padding-left: 10px;
	}

	.itemDetails ul li {
		margin-bottom: 3px;
	}

	.itemDetails ul li span {
		color: #AAA;
		margin-right: 4px;
	}

	.itemDetails .shortdescription {
		margin-left: 20px;
		margin-right: 40px;
		padding-top: 20px;
		line-height: 1.5;
	}


	/** 6. Price Container & Button **/

	.itemDetails .priceContainer {
		height: 100px;
		border-top: 1px solid #EBEBEB;
		border-bottom: 1px solid #EBEBEB;
		padding: 0 20px;
		line-height: 90px;
		margin-top: 30px;
		margin-left: 20px;
		margin-right: 40px;
		width: 290px;
	}

	.itemDetails .priceContainer h3 {
		display: inline;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 28px;
		font-weight: 400;
		color: #333;
	}

	.itemDetails .priceContainer h3 span {
		display: inline;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 32px;
		font-weight: 400;
		color: #333;
	}

	 .itemDetails .priceContainer h5 {
		display: inline;
		position: relative;
		top: 15px;
		left: -25px;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12px;
		font-weight: 400;
		 margin: 0;
		color: #333;
	}

	.itemDetails .actionButton {
		display: inline-block;
		width: 150px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		margin: 35px 0 35px 20px;
		-o-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		transition: .2s;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18px;
		font-weight: 400;
		padding: 0;
		text-decoration: none;
		background-color: #fff;
		border: 2px solid #333;
		color: #333;
	}

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

	.itemDetails .actionButton h3 {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: #ffffff;
		padding: 0;
		margin: 0;
	}

	.itemDetails .actionButton:hover {
		cursor: pointer;
		-o-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		transition: .2s;
	}

	.itemDetails #buyItNowButton {
		margin-left: 20px;
	}

	.itemDetails #buyItNowButton:hover {
		background-color: #fff;
		color: #660066;
		border-color: #660066;
		-o-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		transition: .2s;
	}

	.itemDetails #askNowButton {
		-o-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		transition: .2s;
	}

	.itemDetails #askNowButton:hover {
		background-color: #660066;
		color: #fff !important;
		border-color: #660066;
		-o-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		transition: .2s;
	}


	/** 7. Top Right Column **/
	.rightContainer {
		padding-top: 80px;
		padding-right: 30px;
		float: right;
		width: 250px;
	}

	/** 8. Features (Right Column) **/
	.featuresContainer {
		width: 250px;
		float: right;
		min-height: 160px;
		border: 1px solid #EBEBEB;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		margin-bottom: 30px;
		background-color: #fff;
		text-align: left;
		color: #666;
		font-weight: 300;
		overflow: hidden;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	}

	.featuresList {
		list-style: none;
		padding-left: 23px;
	}

	.featuresList li {
		padding-left: 1.3em;
		margin-bottom: 5px;
	}

	.featuresList li:before {
		content: "\f00c";
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.3em;
		width: 1.3em;
		color: #660066;
	}


	/** 9. Categories (Right Column) **/
	.categoriesContainer {
		width: 250px;
		float: right;
		height: auto;
		border: 1px solid #EBEBEB;
		font-family: 'Source Sans Pro', sans-serif;
		background-color: #fff;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	}

	.categoriesContainer a {
		color: inherit;
	}

	.categoryItem {
		display: list-item;
		margin-bottom: 5px;
		padding: 5px 0 5px 23px;
		-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;
	}

	.categoryItem:hover {
		background-color: #f5f5f5;
		cursor: pointer;
		-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;
	}

	.categoryItem:hover p {
		color: #660066;
		-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;
	}

	.categoryItemImg {
		height: 60px;
		width: 60px;
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
	}

	.categoryItemImg img {
		max-width: 60px;
		max-height: 60px;
	}

	.categoryItemText {
		font-size: 16px;
		display: inline-block;
		vertical-align: top;
		font-family: 'Dosis', sans-serif;
		color: #666;
		-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;
	}

	.categoryItemText p {
		margin: 0;
		line-height: 60px;
		font-weight: 300;
		-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;
	}

	.categoriesContainer a,
	.categoriesContainer a:hover,
	.categoriesContainer a:visited {
		color: inherit;
	}

	.categoriesList {
		list-style: none;
		padding-left: 0px;
	}

	.featuresHeading,
	.categoriesHeading {
		width: 250px;
		height: 50px;
		background-color: #660066;
		margin-bottom: 10px;
		font-weight: 400;
	}

	.featuresHeading p,
	.categoriesHeading p {
		text-align: center;
		margin-top: 0px;
		color: #fff;
		font-family: 'source sans pro', sans-serif;
		font-size: 18px;
		line-height: 50px;
		margin-bottom: 0;
	}
	/** 10. Tab Bar **/
	.tabContainerWrapper {
		margin-right: -400px;
		float: left;
		width: 100%;
		margin-bottom: 50px;
		clear: both;
	}

	.tabBar {
		padding-bottom: 80px;
		margin-top: 30px;
		margin-top: 50px;
		margin-left: 30px;
		margin-right: 400px;
	}

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

	.tabBar input[type=radio] {
		visibility: hidden;
		margin: 0;
		padding: 0;
		height: 0;
		width: 0;
		position: absolute;
	}

	.tablinks {
		display: inline-block;
		margin-right: 1%;
		padding-top: 0;
		width: 160px;
		height: 50px;
		line-height: 50px;
		background-color: #EBEBEB;
		color: #666666;
		text-align: center;
		font-size: 14px;
		transition: all 0.1s;
		margin-bottom: 0;
	}

	.tabBar label:last-of-type {
		margin-right: 0;
	}

	.tablinks:hover {
		background-color: #660066;
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		transition: all 0.1s;
	}

	#tab1-btn:checked + .tablinks,
	#tab2-btn:checked + .tablinks,
	#tab3-btn:checked + .tablinks,
	#tab4-btn:checked + .tablinks,
	#tab5-btn:checked + .tablinks,
	#tab6-btn:checked + .tablinks {
		background-color: #fff;
		color: #666;
		text-decoration: none;
		cursor: pointer;
		transition: all 0.1s;
		border-top: 1px solid #EBEBEB;
		border-left: 1px solid #EBEBEB;
		border-right: 1px solid #EBEBEB;
		top: 1px;
		position: relative;
		z-index: 2;
	}

	#tab1-btn:checked ~ #tab1 {
		display: block;
	}

	#tab1-btn:checked ~ #tab2,
	#tab1-btn:checked ~ #tab3,
	#tab1-btn:checked ~ #tab4,
	#tab1-btn:checked ~ #tab5,
	#tab1-btn:checked ~ #tab6 {
		display: none;
	}

	#tab2-btn:checked ~ #tab2 {
		display: block;
	}

	#tab2-btn:checked ~ #tab1,
	#tab2-btn:checked ~ #tab3,
	#tab2-btn:checked ~ #tab4,
	#tab2-btn:checked ~ #tab5,
	#tab2-btn:checked ~ #tab6 {
		display: none;
	}

	#tab3-btn:checked ~ #tab3 {
		display: block;
	}

	#tab3-btn:checked ~ #tab1,
	#tab3-btn:checked ~ #tab2,
	#tab3-btn:checked ~ #tab4,
	#tab3-btn:checked ~ #tab5,
	#tab3-btn:checked ~ #tab6 {
		display: none;
	}

	#tab4-btn:checked ~ #tab4 {
		display: block;
	}

	#tab4-btn:checked ~ #tab1,
	#tab4-btn:checked ~ #tab2,
	#tab4-btn:checked ~ #tab3,
	#tab4-btn:checked ~ #tab5,
	#tab4-btn:checked ~ #tab6 {
		display: none;
	}

	#tab5-btn:checked ~ #tab5 {
		display: block;
	}

	#tab5-btn:checked ~ #tab1,
	#tab5-btn:checked ~ #tab2,
	#tab5-btn:checked ~ #tab3,
	#tab5-btn:checked ~ #tab4,
	#tab5-btn:checked ~ #tab6 {
		display: none;
	}

	#tab6-btn:checked ~ #tab6 {
		display: block;
	}

	#tab6-btn:checked ~ #tab1,
	#tab6-btn:checked ~ #tab2,
	#tab6-btn:checked ~ #tab3,
	#tab6-btn:checked ~ #tab4,
	#tab6-btn:checked ~ #tab5 {
		display: none;
	}

	.tabContent {
		clear: both;
		color: #222;
		text-align: left;
		font-size: 16px;
		line-height: 1.5;
		margin: 0;
		max-width: 100%;
		padding: 40px;
	}

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

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

	.tabContent a,
	.tabContent a:visited {
		color: #660066;
		text-decoration: none;
	}

	.tabContent a:hover {
		text-decoration: underline;
		font-weight: 700;
	}

	.tabContent h1,
	.tabBar h1,
	.tabContent h2,
	.tabBar h2 {
		font-weight: 300;
		font-size: 28px;
		transition: all 0.1s;
		margin-top: 0;
	}

	.tabContent h1:hover,
	.tabBar h1:hover,
	.tabContent h2:hover,
	.tabBar h2:hover {
		color: #660066;
		cursor: default;
		transition: all 0.1s;
	}

	.tabContent ul,
	.tabContent ol {
		display: block;
		text-align: left;
		margin: 0;
		position: relative;
		left: 20px;
		line-height: 1.5;
	}

	.tabContentFeaturesList {
		margin: 0 auto !important;
		padding: 0 0 0 20px;
		max-width: 350px;
		list-style: none;
		text-align: left;
	}

	.tabContentFeaturesList li {
		margin-bottom: 10px;
	}

	.tabContentFeaturesList i {
		margin-right: 8px;
	}

	.contentBorder {
		border: 1px solid #EBEBEB;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	}

	.descriptionFeatures {
		margin: 50px 0 70px 0;
		padding: 30px 0 60px 0;
		background-color: #f0f0f0;
		text-align: center;
		font-size: 18px;
	}

	.descriptionFeatures h2 {
		font-size: 40px;
	}

	.contentImgLeft {
		float: left;
		margin-top: 0;
		margin-right: 25px;
		margin-bottom: 15px;
		margin-left: 0px;
		max-width: 45%;
		height: auto;
	}

	.contentImgRight {
		float: right;
		margin-top: 0;
		margin-right: 0px;
		margin-bottom: 15px;
		margin-left: 25px;
		max-width: 45%;
		height: auto;
	}

	.contentImgInline {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 15px 15px;
	}


	/** 11. Tab Bar Payment & Delivery Boxes **/

	.cardcontainerWrapper {
		float: right;
		width: 310px;
		font-family: 'Source Sans Pro', sans-serif;
		margin-right: 30px;
		margin-top: 100px;
		margin-bottom: 50px;
		padding-bottom: 28px;
		background-color: white;
		padding-left: 35px;
		padding-top: 30px;
		border: 1px solid #EBEBEB;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	}

	.cardcontainerWrapper h2 {
		text-align: center;
		font-size: 20px;
		padding-top: 25px;
		color: white;
		font-weight: 400;
		overflow: hidden;
		margin: 0 0 15px 10px;
	}

	#cardcontainer1 {
		max-width: 240px;
		min-height: 170px;
		background-color: #660066;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 10px;
		color: #333;
	}

	#cardcontainer2 {
		max-width: 240px;
		min-height: 170px;
		background-color: #660066;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 10px;
		margin-top: 60px;
	}

	.cardtext1,
	.cardtext2 {
		color: white;
		margin: 0 0 0 10px;
		padding: 0 0 20px 0;
	}

	.circle1,
	.circle2 {
		border-radius: 100%;
		float: left;
		width: 80px;
		height: 80px;
		background-color: white;
		position: relative;
		margin-top: -30px;
		margin-left: -50px;
		text-align: center;
	}

	.circle1 i {
		font-size: 25px;
		line-height: 80px;
		color: #660066;
	}

	.circle2 i {
		font-size: 25px;
		color: #333;
		line-height: 80px;
		color: #660066;
	}


	/** 12. Why Choose Us **/

	#awardWrapper {
		float: right;
		border: 1px solid #EBEBEB;
		height: 536px;
		width: 345px;
		background-color: white;
		text-align: center;
		margin-top: -100px;
		margin-right: 30px;
		font-family: 'lato', sans-serif;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	}

	#awardWrapper h4 {
		margin-top: 30px;
		margin-bottom: 30px;
		color: #333;
		font-weight: 300;
		font-size: 25px;
	}

	.awardItem {
		height: 60px;
		width: 85%;
		margin: 0 auto;
		margin-bottom: 50px;
		text-align: left;
		padding: 0 10px;
		margin-top: 62px;
	}

	.awardCircle {
		background-color: #660066;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		float: left;
		vertical-align: top;
		text-align: center;
	}

	.awardCircle i {
		color: white;
		line-height: 60px;
		font-size: 21px;
	}

	.awardText {
		display: table-cell;
		vertical-align: middle;
		height: 60px;
	}

	.awardText p {
		margin: 0 0 0 20px;
		vertical-align: middle;
		font-family: 'lato' sans-serif;
		color: #333;
	}

	.whyChooseUs {
		margin: 0;
		padding: 30px 0;
		width: 100%;
		background-color: #660066;
		clear: both;
	}

	.whyChooseUsBlockContainer {
		margin: 0 auto;
		text-align: center;
	}

	.whyChooseUsBlock {
		display: inline-block;
		margin: 35px 2% 40px 2%;
		padding: 0 1%;
		min-height: 200px;
		width: 22%;
		border-radius: 5px;
		background-color: #fff;
		vertical-align: top;
		text-align: center;
		transition: all 0.2s;
	}

	.whyChooseUsBlock:hover {
		color: #660066;
		cursor: default;
		transition: all 0.2s;
	}

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

	.whyChooseUs .circle i {
		margin-top: 20px;
		color: #ffffff;
		font-size: 36px;
	}

	.whyChooseUs h2 {
		color: #fff;
		text-align: center;
		font-weight: 400;
		font-size: 36px;
		font-family: 'lato', serif;
	}

	.whyChooseUsBlock h3 {
		margin-top: 0px;
		text-align: center;
		font-weight: 400;
		font-size: 20px;
		font-family: 'lato', serif;
	}

	.whyChooseUsBlock p {
		margin-top: 0;
		color: #666666;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
	}

	.subDescription {
		border: 1px solid #EBEBEB;
		height: 400px;
		width: 100%;
		clear: both;
		padding-top: 70px;
		background-color: white;
		float: left;
		border-right: none;
		border-left: none;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
	}
	/** 13. Cross Sellers **/
	.crossSellerWrapper {
		margin-right: -400px;
		float: left;
		width: 100%;
	}

	.crossSellerContainer {
		margin-right: 400px;
		text-align: center;
	}
	/** 14. Cross Seller Category 1 **/
	.bestsellerWrapper {
		display: inline-block;
		vertical-align: top;
		margin-left: 3%;
		text-align: center;
	}

	.bestsellerWrapper h4 {
		text-align: center;
		font-family: 'Lato';
		font-weight: 100;
		font-size: 21px;
		color: #444;
		margin-bottom: 40px;
		margin-top: 0;
	}

	.bestsellerContainer {
		height: 300px;
		width: 255px;
		display: inline-block;
	}
	/** 15. Cross Seller Category 2 **/
	.matchingProductsWrapper {
		display: inline-block;
		margin-left: 70px;
	}

	.matchingProductsWrapper h4 {
		text-align: center;
		font-family: lato;
		font-weight: 100;
		color: #444;
		margin-bottom: 40px;
		font-size: 21px;
		margin-top: 0;
	}

	.matchingProductsContainer {
		height: 300px;
		width: 255px;
		display: inline-block;
	}

	.quad1,
	.quad2,
	.quad3,
	.quad4,
	.quad5,
	.quad6,
	.quad7,
	.quad8 {
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		-o-transition: -o-transform 0.3s;
		-ms-transition: -ms-transform 0.3s;
	}

	.quad1:hover,
	.quad2:hover,
	.quad3:hover,
	.quad4:hover,
	.quad5:hover,
	.quad6:hover,
	.quad7:hover,
	.quad8:hover {
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		-o-transition: -o-transform 0.3s;
		-ms-transition: -ms-transform 0.3s;
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	.quad1,
	.quad5,
	.quad1:hover,
	.quad5:hover {
		-webkit-transform-origin: bottom right;
		-moz-transform-origin: bottom right;
		-o-transform-origin: bottom right;
		-ms-transform-origin: bottom right;
	}

	.quad2,
	.quad6,
	.quad2:hover,
	.quad6:hover {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
	}

	.quad3,
	.quad7,
	.quad3:hover,
	.quad7:hover {
		-webkit-transform-origin: top right;
		-moz-transform-origin: top right;
		-o-transform-origin: top right;
		-ms-transform-origin: top right;
	}

	.quad4,
	.quad8,
	.quad4:hover,
	.quad8:hover {
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-o-transform-origin: top left;
		-ms-transform-origin: top left;
	}

	.quad1 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
	}

	.quad1 img {
		max-height: 120px;
		max-width: 120px;
		float: left;
	}

	.quad2 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
		margin-left: 5px;
	}

	.quad2 img {
		max-height: 120px;
		max-width: 120px;
		float: left;
	}

	.quad3 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
		margin-right: 5px;
		margin-top: 3px;
	}

	.quad3 img {
		max-height: 120px;
		max-width: 120px;
		float: right;
	}

	.quad4 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
	}

	.quad4 img {
		max-height: 120px;
		max-width: 120px;
		float: right;
	}

	.quad5 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
	}

	.quad5 img {
		max-height: 120px;
		max-width: 120px;
		float: left;
	}

	.quad6 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
		margin-left: 5px;
	}

	.quad6 img {
		max-height: 120px;
		max-width: 120px;
		float: left;
	}

	.quad7 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
		margin-right: 5px;
		margin-top: 3px;
	}

	.quad7 img {
		max-height: 120px;
		max-width: 120px;
		float: right;
	}

	.quad8 {
		height: 120px;
		width: 120px;
		border: 1px solid #ebebeb;
		display: inline-block;
	}

	.quad8 img {
		max-height: 120px;
		max-width: 120px;
		float: right;
	}

	.cross-seller-caption {
		height: 50px;
		width: 120px;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 500;
		position: relative;
		top: 70px;
	}

	.cross-seller-caption h6 {
		font-size: 11px;
		color: #fff;
		font-weight: 100;
		position: absolute;
		margin: 0;
		padding: 0;
		margin-left: 7px;
		margin-top: 7px;
	}

	.cross-seller-caption .cross-seller-price {
		font-size: 13px;
		color: #ebebeb;
		font-weight: 100;
		position: absolute;
		margin: 0;
		padding: 0;
		margin-left: 7px;
		margin-top: 26px;
	}

	/** 16. Footer **/
	.footer {
		width: 100%;
		height: 300px;
		background-color: #333;
		margin-top: 100px;
		padding-top: 25px;
		clear: both;
	}

	.footer h2 {
		font-size: 20px;
		font-family: 'raleway', sans-serif;
		font-weight: 300;
		color: #BBB;
	}

	.footer p {
		color: #ccc;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		display: inline-block;
		vertical-align: top;
		padding: 0;
		margin: 0;
	}

	.footerBottom a,
	.footerBottom a:hover,
	.footerBottom a:visited {
		color: #660066 !important;
	}

	.footer .blockTitle i {
		font-size: 20px;
	}

	.block {
		position: relative;
		width: 18%;
		height: 200px;
		display: inline-block;
		vertical-align: top;
		margin: 30px 7% 30px 7%;
	}

	.blockTitle {
		width: 100%;
		border-bottom: 2px solid #660066;
	}

	.footerlist {
		color: white;
		list-style: none;
		padding: 0;
		margin-top: 22px;
		color: #ccc;
		font-family: 'Open Sans', sans-serif;
		font-size: 36px;
	}

	.footerlist li {
		padding-bottom: 23px;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
	}

	.footerlist li i {
		margin-right: 15px;
	}

	.footerBottom {
		width: 98%;
		height: 30px;
		background-color: #222;
		color: #999;
		line-height: 30px;
		text-align: right;
		padding-right: 2%;
		font-size: 11px;
		font-family: 'Raleway';
	}

	.blockTitle p,
	.blockTitle i {
		display: inline-block;
		vertical-align: top;
		padding: 0;
		margin: 0;
	}
	@media only screen and (max-width: 1217px),
	only screen and (max-width: 1217px) and (-moz-min-device-pixel-ratio: 3),
	only screen and (max-width: 1217px) and (-o-min-device-pixel-ratio: 3/2),
	only screen and (max-width: 1217px) and (-webkit-min-device-pixel-ratio: 3),
	only screen and (max-width: 1217px) and (min-device-pixel-ratio: 3),
	only screen and (max-width: 1217px) and (-moz-min-device-pixel-ratio: 2),
	only screen and (max-width: 1217px) and (-o-min-device-pixel-ratio: 2/1),
	only screen and (max-width: 1217px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (max-width: 1217px) and (min-device-pixel-ratio: 2),
	only screen and (max-width: 1217px) and (-moz-min-device-pixel-ratio: 3),
	only screen and (max-width: 1217px) and (-o-min-device-pixel-ratio: 3),
	only screen and (max-width: 1217px) and (-webkit-min-device-pixel-ratio: 3),
	only screen and (max-width: 1217px) and (min-device-pixel-ratio: 3),
	only screen and (max-width: 1217px) and (-webkit-min-device-pixel-ratio: 1.5) {
		.gallery {
			width: 40%;
		}
		.bigPic {
			height: 380px;
		}
	}

	@media only screen and (max-width: 1120px),
	only screen and (max-width: 1120px) and (-moz-min-device-pixel-ratio: 3),
	only screen and (max-width: 1120px) and (-o-min-device-pixel-ratio: 3/2),
	only screen and (max-width: 1120px) and (-webkit-min-device-pixel-ratio: 3),
	only screen and (max-width: 1120px) and (min-device-pixel-ratio: 3),
	only screen and (max-width: 1120px) and (-moz-min-device-pixel-ratio: 2),
	only screen and (max-width: 1120px) and (-o-min-device-pixel-ratio: 2/1),
	only screen and (max-width: 1120px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (max-width: 1120px) and (min-device-pixel-ratio: 2),
	only screen and (max-width: 1120px) and (-moz-min-device-pixel-ratio: 3),
	only screen and (max-width: 1120px) and (-o-min-device-pixel-ratio: 3),
	only screen and (max-width: 1120px) and (-webkit-min-device-pixel-ratio: 3),
	only screen and (max-width: 1120px) and (min-device-pixel-ratio: 3),
	only screen and (max-width: 1120px) and (-webkit-min-device-pixel-ratio: 1.5) {
		.cardcontainerWrapper {
			width: 100%;
			clear: both;
			height: auto;
			padding-bottom: 50px;
			padding-left: 0;
			margin-bottom: 100px;
			text-align: center;
			margin-top: 0;
		}
		#cardcontainer1,
		#cardcontainer2 {
			display: inline-block;
			vertical-align: top;
			margin: 0 20px;
		}
		.tabBar {
			margin: 0 auto;
			max-width: 100%;
			margin-top: 60px;
		}
	}

	/** 17. Max width 1024px (Laptop / Tablet) **/
	@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 (-webkit-min-device-pixel-ratio: 1.5) {
		.templateHeader {
			text-align: center;
			margin-bottom: 50px;
		}
		.templateHeader i {
			font-size: 25px;
			color: #999;
			display: inline;
			line-height: 34px;
			padding-left: 1%;
			margin-left: 20px;
		}
		.templateHeader h2 {
			float: none;
			margin: 0 auto;
			font-size: 36px;
			margin-bottom: 40px;
			max-width: 100%;
		}
		.templateHeader span {
			margin: 0;
			padding: 0;
		}
		.navlist {
			text-align: center;
			padding: 0;
		}
		.logoHelper {
			display: block;
			width: 50%;
			margin: 0 auto 40px auto;
		}
		.logoHelper img {
			display: block;
			max-width: 90%;
			max-height: 180px;
			padding: 0;
			margin: 20px auto;
			width: auto;
			height: auto;
		}
		.featurelist {
			padding: 0;
			margin: 0 auto;
			float: none;
			width: 100%;
			text-align: center;
		}
		.featurelist li {
			text-align: left;
		}

		.featurelist li i{
			margin-left: 0;
		}
		.cardcontainerWrapper {
			width: 100%;
			clear: both;
			height: auto;
			padding-bottom: 50px;
			padding-left: 0;
			margin-bottom: 100px;
		}
		.gallery {
			display: block;
			float: none;
			margin: 0 auto;
			width: 70%;
		}
		.bigPic {
			height: 650px;
			margin-right: 20px;
			float: none;
		}
		.rightContainer {
			width: 100%;
			margin: 20px auto 0 auto;
			padding: 0;
			text-align: center;
		}
		.featuresContainer,
		.categoriesContainer {
			display: inline-block;
			float: none;
			vertical-align: top;
			margin-top: 0;
			text-align: left;
			min-height: 375px;
		}
		.itemDetails {
			width: 100%;
			text-align: center;
			float: none;
			margin: 0 auto;
			padding-top: 0;
		}

		.itemDetails .shortdescription {
			float: none;
			display: block;
			width: 100%;
			margin: 0 auto;
			max-width: 500px;
		}
		.templateBody {
			margin: 0 auto;
			background-color: #fff;
			margin-top: 5px;
			width: 100%;
		}
		.priceContainer {
			width: 100%;
			display: block;
			float: none;
			border-left: none;
			border-right: none;
			padding-right: 0;
			padding-left: 0;
			margin-left: 0;
		}
		.leftContainer {
			padding-right: 0;
		}
		#buyItNowButton {
			margin-left: 0;
		}
		.tabContainerWrapper {
			margin-right: 0;
		}
		#tablinks {
			margin-bottom: 0;
		}
		#tablinks li {
			width: 49%;
			margin-left: -4px;
			margin-right: 1%;
			margin-bottom: 10px;
		}
		#tablinks li:nth-child(2n) {
			margin-left: 1%;
			margin-right: 0;
		}
		.cardcontainerWrapper {
			margin: 0 auto;
			text-align: center;
		}
		#cardcontainer1 h2,
		#cardcontainer2 h2 {
			text-align: center;
			margin-left: 0;
		}
		#cardcontainer1,
		#cardcontainer2 {
			float: none;
			display: inline-block;
			vertical-align: top;
			margin-top: 0;
			text-align: left;
		}
		#cardcontainer1 {
			min-height: 300px;
			width: 40%;
			padding-left: 30px;
			padding-top: 20px;
			margin: 0 20px 0 0;
		}
		#cardcontainer2 {
			min-height: 300px;
			padding-left: 30px;
			height: auto;
			width: 40%;
			padding-top: 20px;
		}
		.circle1 {
			float: none;
			background-color: #660066;
			position: relative;
			top: 0;
			left: 0;
			margin: 0 auto;
			border: 4px solid #fff;
		}
		.circle2 {
			float: none;
			background-color: #660066;
			position: relative;
			top: 0;
			left: 0;
			margin: 0 auto;
			border: 4px solid #fff;
		}
		.circle1 i {
			color: white;
		}
		.circle2 i {
			color: white;
		}
		.subDescription {
			clear: both;
			text-align: center;
			width: 100%;
			height: auto;
			border: 0;
			border-top: 1px solid #ccc;
			padding-top: 0;
			z-index: 99;
		}
		.crossSellerWrapper {
			margin-right: 0;
		}
		.crossSellerContainer {
			margin-right: 0;
		}
		.bestsellerWrapper,
		.matchingProductsWrapper {
			float: none;
			display: inline-block;
			margin: 30px 0 0 0;
			padding: 0;
		}
		.matchingProductsWrapper {
			margin-left: 55px;
		}
		#awardWrapper {
			clear: both;
			float: none;
			width: 100%;
			height: auto;
			margin: 0;
			padding-bottom: 100px;
			border-bottom: 1px;
			border-right: 1px;
			border-left: 1px;
			padding-top: 100px;
			background-color: #fff;
		}
		#awardWrapper h4 {
			display: none;
		}
		.awardItem {
			margin: 0;
			display: inline-block;
			width: 25%;
			padding: 0 0 20px 0;
			vertical-align: top;
			min-height: 200px;
			background-color: white;
			border-radius: 10px;
			border: 1px solid #ccc;
		}
		.awardItem:nth-child(3) {
			margin: 0 5%;
		}
		.awardItem p {
			max-width: 150px;
			color: #333;
		}
		.awardCircle {
			margin: 0 auto;
			float: none;
			margin-bottom: 15px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			width: 100%;
		}
		.awardtext {
			display: block;
			height: auto;
		}
		.awardtext p {
			width: auto;
			text-align: center;
			margin: 0 auto;
			font-family: 'open sans';
			font-size: 15px;
		}
		.cardcontainerWrapper {
			width: 100%;
			clear: both;
			height: auto;
			padding-bottom: 50px;
			padding-left: 0;
			margin-bottom: 100px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		.footer {
			width: 100%;
			height: auto;
			margin-top: 90px;
			margin: 0;
		}
		.block {
			margin: 0 0 0 50px;
			position: relative;
			width: 24%;
			height: auto;
			vertical-align: top;
		}
		.leftContainer {
			padding-top: 20px;
			padding-left: 0;
		}
	}
	/** 18. Max width 830px (Tablets) **/
	@media only screen and (max-width: 830px),
	only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 3),
	only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 3/2),
	only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 3),
	only screen and (max-width: 830px) and (min-device-pixel-ratio: 3),
	only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 2),
	only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 2/1),
	only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 2),
	only screen and (max-width: 830px) and (min-device-pixel-ratio: 2),
	only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 3),
	only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 3),
	only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 3),
	only screen and (max-width: 830px) and (min-device-pixel-ratio: 3),
	only screen and (max-width: 830px) and (device-aspect-ratio: 9/16),
	only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 1.5) {
		.videoWrapperContainer {
			width: 90%;
			margin: 0 auto;
		}
		.bigPic {
			width: auto;
			height: 350px;
		}
		.gallery {
			width: 100%;
		}
		.bigPic {
			display: inline-block;
			width: 100%;
			vertical-align: middle;
			text-align: center;
		}
		.gallery .controls {
			width: 60%;
			margin: 0 auto;
		}
	}
	/** 19. Max width 660px (Smartphones) **/
	@media only screen and (max-width: 660px) {
		.tablinks {
			margin-bottom: 10px;
		}
		.tabBar label {
			width: 47%;
			margin-right: 1%;
			margin-left: 1%;
		}
		#tab1-btn:checked + .tablinks,
		#tab2-btn:checked + .tablinks,
		#tab3-btn:checked + .tablinks,
		#tab4-btn:checked + .tablinks,
		#tab5-btn:checked + .tablinks,
		#tab6-btn:checked + .tablinks {
			outline: 1px solid #EBEBEB;
			border: none;
		}
		.contentBorder {
			width: 97%;
			margin: 20px auto 0 auto;
		}
		.contentImgLeft,
		.contentImgRight {
			max-width: 100%;
			display: block;
			margin: 20px auto;
		}
		#cardcontainer1,
		#cardcontainer2 {
			display: block;
			margin: 20px auto;
		}
	}
		/** 20. Max width 480px (Smartphones) **/

	@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: 480px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 3),
	only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
		.whyChooseUsBlock {
			width: 90%;
		}
		.featurelist li {
			display: list-item;
			text-align: center;
			padding: 0;
			margin: 0;
		}
		.templateHeader h2 {
			border-bottom: 1px solid #ebebeb;
			padding-bottom: 25px;
			margin-bottom: 0;
			padding-left: 0;
		}
		.logoHelper {
			width: 100%;
		}
		.templateHeader i {
			margin-left: 0;
		}
		.featurelist {
			list-style: none;
		}
		.navlist li {
			display: list-item;
			text-align: center;
			padding: 0;
			border-bottom: 1px solid #ebebeb;
			border-left: 1px solid #ebebeb;
		}
		.navlist {
			padding: 0;
			list-style: none;
		}
		.templateBody {
			margin-top: 0;
		}
		.navigation li {
			display: list-item;
		}
		.navigation {
			height: auto;
			box-shadow: none;
			border-color: #ebebeb;
			border-bottom: none;
		}
		.gallery .controls {
			width: 70%;
			margin: 0 auto;
		}
		.gallery {
			display: block;
			float: none;
			margin: 0 auto;
			width: 100%;
			padding: 0;
		}
		.bigPic {
			height: 230px;
			padding: 0;
			margin: 0;
		}
		.bigPic img {
			max-width: 100%;
			max-height: 100%;
		}
		.galleryThumb{
			height: 80px;
		}
		.itemDetails {
			padding-top: 0px;
		}
		.priceContainer {
			margin-top: 30px;
			margin-bottom: 30px;
		}
		#buyItNowButton,
		#askNowButton {
			display: block;
			margin: 30px auto;
		}
		.featuresContainer {
			padding-right: 0;
			float: none;
		}
		.featuresContainer {
			min-height: 100px;
		}
		.cardcontainerWrapper {
			text-align: center;
			height: auto;
			clear: both;
			margin: 0 auto;
			box-shadow: none;
		}
		#cardcontainer1,
		#cardcontainer2 {
			margin: 20px auto 20px auto;
			float: none;
			width: auto;
			padding-bottom: 20px;
			min-height: 300px;
			display: block;
		}
		#cardcontainer1 h2 {
			text-align: center;
		}
		#cardcontainer2 h2 {
			text-align: center;
		}
		.cardtext1 {
			margin-top: 20px;
			text-align: center;
			font-size: 15px;
		}
		.cardtext2 {
			margin-top: 20px;
			text-align: center;
			font-size: 15px;
		}
		.subDescription {
			float: none;
			clear: both;
			box-shadow: none;
		}
		.matchingProductsWrapper {
			margin-left: 0;
		}
		.crossSellerContainer h4 {
			font-size: 23px;
		}
		.awardItem {
			display: block;
			width: 100%;
			margin-bottom: 30px;
			min-height: 120px;
			padding-bottom: 30px;
		}
		.awardItem p {
			max-width: 250px;
		}
		.awardItem:nth-child(3) {
			margin: 0 0 30px 0;
		}
		#awardWrapper {
			padding: 50px 0 0 0;
		}
		.tabBar {
			display: block;
		}
		.tablinks li {
			height: 40px;
			line-height: 40px;
		}
		.block,
		.blockTitle {
			width: 70%;
			display: block;
			text-align: center;
			margin: 0 auto;
		}
		.block {
			text-align: left;
		}
		.footer {
			padding-bottom: 50px;
		}
		.blockTitle {
			width: 100%;
			margin-top: 40px;
		}
		.blockTitle li {
			text-align: left;
		}
		#wrapper .footerBottom span {
			display: block;
		}
		#wrapper .footerBottom {
			height: auto;
		}
		.templateHeader {
			margin-bottom: 0;
		}
		.featurelist .featurelistText {
			margin-bottom: 20px;
		}
		.featurelist .featurelistText:last-child {
			margin-bottom: 0px;
		}
		.featurelist {
			background-color: #fff;
			margin-bottom: 0px;
			padding-bottom: 40px;
			margin-top: 0;
			padding-top: 20px;
		}
		.footerlist {
			margin-bottom: 0;
		}
	}

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

	.videoWrapperContainer {
		width: 70%;
		margin: 0 auto;
	}

	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0;
	}

	.videoWrapper object,
	.videoWrapper embed {
		position: absolute;
		margin: 20px auto 0 auto;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/** 21. Animations **/
	.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;
	}
</style>