/**/
/* font */
/**/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);


/**/
/* defaults */
/**/
/*.tcd-tabs,
.tcd-tabs * {margin: 0; padding: 0; outline: none; border: 0; background: none;}*/

.tcd-tabs-wrap { margin: 0 auto; max-width: 1170px; width: 100%;}
.tcd-tabs {position: relative; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0; text-align: left; color: #666;}
.tcd-tabs > input {position: absolute; display: none;}
.tcd-tabs > label {position: relative; z-index: 1; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 1px; padding-top: 0; padding-left: 0; font-size: 13px; line-height: 45px; cursor: pointer;}
.tcd-tabs > label.inverse {float: right; padding-right: 0; padding-left: 1px;}
.tcd-tabs > label.disabled {cursor: default;}
.tcd-tabs > label span { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; display: block; font-family: "Lato",sans-serif; font-size: 18px; padding: 2px; text-align: center; font-weight: 600;}
.tcd-tabs > label span span {background: #444 none repeat scroll 0 0; color: #ffffff; padding: 0 20px; transition: background 0.4s, color 0.4s; -o-transition: background 0.4s, color 0.4s; -ms-transition: background 0.4s, color 0.4s; -moz-transition: background 0.4s, color 0.4s; -webkit-transition: background 0.4s, color 0.4s;}
.tcd-tabs > label:hover span span {background: #316F91; color: #fff;}
.tcd-tabs > label.disabled span span {background: transparent; color: inherit;}
.tcd-tabs > input:checked + label {cursor: default;}
.tcd-tabs > input:checked + label span span {background: #8eb7d7; color: #fff;}
.tcd-tabs > .switcher {display: none;}
.tcd-tabs > .switcher a {display: block; margin: 0 -20px; padding: 0 20px; text-decoration: none; color: inherit;}
.tcd-tabs > ul { display: block; font-size: 13px; list-style: outside none none; margin: 0;padding: 0; overflow:hidden; position: relative;}
.tcd-tabs > ul > li {position: absolute; top: 0; left: 0; width: 100%; overflow: auto; padding: 0; background: rgba(255,255,255,0); box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: opacity 0.8s, -o-transform 0.8s;	-ms-transition: opacity 0.8s, -ms-transform 0.8s;	-moz-transition: opacity 0.8s, -moz-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;}
.tcd-tabs > .tcd-tab-content-1:checked ~ ul > .tcd-tab-content-1,
.tcd-tabs > .tcd-tab-content-2:checked ~ ul > .tcd-tab-content-2,
.tcd-tabs > .tcd-tab-content-3:checked ~ ul > .tcd-tab-content-3,
.tcd-tabs > .tcd-tab-content-4:checked ~ ul > .tcd-tab-content-4,
.tcd-tabs > .tcd-tab-content-5:checked ~ ul > .tcd-tab-content-5,
.tcd-tabs > .tcd-tab-content-6:checked ~ ul > .tcd-tab-content-6,
.tcd-tabs > .tcd-tab-content-7:checked ~ ul > .tcd-tab-content-7,
.tcd-tabs > .tcd-tab-content-8:checked ~ ul > .tcd-tab-content-8,
.tcd-tabs > .tcd-tab-content-9:checked ~ ul > .tcd-tab-content-9 {position: relative; z-index: 1; opacity: 1;}

.tcd-tab-content-4 {padding: 0 10px !important;}


/**/
/* positions */
/**/
.tcd-tabs-pos-top-center {text-align: center;}
.tcd-tabs-pos-top-right {text-align: right;}
.tcd-tabs-pos-top-right > label {padding-right: 0; padding-left: 1px;}
.tcd-tabs-pos-top-justify > label {padding-right: 0; padding-left: 1px;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-2 > label {width: 50%;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-3 > label {width: 33.33%;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-4 > label {width: 25%;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-5 > label {width: 20%;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-6 > label {width: 16.66%;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-7 > label {width: 14.28%;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-8 > label {width: 12.5%;}
.tcd-tabs-pos-top-justify.tcd-tabs-amount-9 > label {width: 11.11%;}
.tcd-tabs-pos-top-justify > input:first-child + label {padding-left: 0;}
.tcd-tabs-pos-left > label,
.tcd-tabs-pos-right > label {display: block; width: 25%; float: left; clear: left; margin-right: 0;}
.tcd-tabs-pos-right > label {float: right; clear: right;}
.tcd-tabs-pos-left > ul {margin-left: 25%;}
.tcd-tabs-pos-right > ul {margin-right: 25%;}
.tcd-tabs-pos-right > label {padding-right: 0; padding-left: 1px;}
.tcd-tabs-pos-top-center > ul > li,
.tcd-tabs-pos-top-justify > ul > li {-o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;}
.tcd-tabs-pos-right > ul > li,
.tcd-tabs-pos-top-right > ul > li {-o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%;}


/**/
/* animations */
/**/
.tcd-tabs-anim-slide-up > ul > li {-o-transform: translateY(-15%); -ms-transform: translateY(-15%); -moz-transform: translateY(-15%); -webkit-transform: translateY(-15%);}
.tcd-tabs-anim-slide-right > ul > li {-o-transform: translateX(15%); -ms-transform: translateX(15%); -moz-transform: translateX(15%); -webkit-transform: translateX(15%);}
.tcd-tabs-anim-slide-down > ul > li {-o-transform: translateY(15%); -ms-transform: translateY(15%); -moz-transform: translateY(15%); -webkit-transform: translateY(15%);}
.tcd-tabs-anim-slide-left > ul > li {-o-transform: translateX(-15%); -ms-transform: translateX(-15%); -moz-transform: translateX(-15%); -webkit-transform: translateX(-15%);}
.tcd-tabs-anim-slide-up-left > ul > li {-o-transform: translate(-15%,-15%); -ms-transform: translate(-15%,-15%); -moz-transform: translate(-15%,-15%); -webkit-transform: translate(-15%,-15%);}
.tcd-tabs-anim-slide-up-right > ul > li {-o-transform: translate(15%,-15%); -ms-transform: translate(15%,-15%); -moz-transform: translate(15%,-15%); -webkit-transform: translate(15%,-15%);}
.tcd-tabs-anim-slide-down-right > ul > li {-o-transform: translate(15%,15%); -ms-transform: translate(15%,15%); -moz-transform: translate(15%,15%); -webkit-transform: translate(15%,15%);}
.tcd-tabs-anim-slide-down-left > ul > li {-o-transform: translate(-15%,15%); -ms-transform: translate(-15%,15%); -moz-transform: translate(-15%,15%); -webkit-transform: translate(-15%,15%);}
.tcd-tabs > .tcd-tab-content-1:checked ~ ul > .tcd-tab-content-1,
.tcd-tabs > .tcd-tab-content-2:checked ~ ul > .tcd-tab-content-2,
.tcd-tabs > .tcd-tab-content-3:checked ~ ul > .tcd-tab-content-3,
.tcd-tabs > .tcd-tab-content-4:checked ~ ul > .tcd-tab-content-4,
.tcd-tabs > .tcd-tab-content-5:checked ~ ul > .tcd-tab-content-5,
.tcd-tabs > .tcd-tab-content-6:checked ~ ul > .tcd-tab-content-6,
.tcd-tabs > .tcd-tab-content-7:checked ~ ul > .tcd-tab-content-7,
.tcd-tabs > .tcd-tab-content-8:checked ~ ul > .tcd-tab-content-8,
.tcd-tabs > .tcd-tab-content-9:checked ~ ul > .tcd-tab-content-9 {-o-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate(0,0);}

.tcd-tabs-anim-scale > ul > li {-o-transform: scale(0.1,0.1); -ms-transform: scale(0.1,0.1); -moz-transform: scale(0.1,0.1); -webkit-transform: scale(0.1,0.1);}
.tcd-tabs-anim-scale > .tcd-tab-content-1:checked ~ ul > .tcd-tab-content-1,
.tcd-tabs-anim-scale > .tcd-tab-content-2:checked ~ ul > .tcd-tab-content-2,
.tcd-tabs-anim-scale > .tcd-tab-content-3:checked ~ ul > .tcd-tab-content-3,
.tcd-tabs-anim-scale > .tcd-tab-content-4:checked ~ ul > .tcd-tab-content-4,
.tcd-tabs-anim-scale > .tcd-tab-content-5:checked ~ ul > .tcd-tab-content-5,
.tcd-tabs-anim-scale > .tcd-tab-content-6:checked ~ ul > .tcd-tab-content-6,
.tcd-tabs-anim-scale > .tcd-tab-content-7:checked ~ ul > .tcd-tab-content-7,
.tcd-tabs-anim-scale > .tcd-tab-content-8:checked ~ ul > .tcd-tab-content-8,
.tcd-tabs-anim-scale > .tcd-tab-content-9:checked ~ ul > .tcd-tab-content-9 {-o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1);}

.tcd-tabs-anim-rotate > ul > li {-o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.tcd-tabs-anim-rotate.tcd-tabs-pos-right > ul > li,
.tcd-tabs-anim-rotate.tcd-tabs-pos-top-right > ul > li {-o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.tcd-tabs-anim-rotate > .tcd-tab-content-1:checked ~ ul > .tcd-tab-content-1,
.tcd-tabs-anim-rotate > .tcd-tab-content-2:checked ~ ul > .tcd-tab-content-2,
.tcd-tabs-anim-rotate > .tcd-tab-content-3:checked ~ ul > .tcd-tab-content-3,
.tcd-tabs-anim-rotate > .tcd-tab-content-4:checked ~ ul > .tcd-tab-content-4,
.tcd-tabs-anim-rotate > .tcd-tab-content-5:checked ~ ul > .tcd-tab-content-5,
.tcd-tabs-anim-rotate > .tcd-tab-content-6:checked ~ ul > .tcd-tab-content-6,
.tcd-tabs-anim-rotate > .tcd-tab-content-7:checked ~ ul > .tcd-tab-content-7,
.tcd-tabs-anim-rotate > .tcd-tab-content-8:checked ~ ul > .tcd-tab-content-8,
.tcd-tabs-anim-rotate > .tcd-tab-content-9:checked ~ ul > .tcd-tab-content-9 {-o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}

.tcd-tabs-anim-flip > ul {perspective: 2000px; -o-perspective: 2000px; -ms-perspective: 2000px; -moz-perspective: 2000px; -webkit-perspective: 2000px; perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -webkit-perspective-origin: 50% 50%;}
.tcd-tabs-anim-flip > ul > li {-o-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg);}
.tcd-tabs-anim-flip.tcd-tabs-pos-left > ul > li {-o-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg);}
.tcd-tabs-anim-flip.tcd-tabs-pos-right > ul > li {-o-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg);}
.tcd-tabs-anim-flip > .tcd-tab-content-1:checked ~ ul > .tcd-tab-content-1,
.tcd-tabs-anim-flip > .tcd-tab-content-2:checked ~ ul > .tcd-tab-content-2,
.tcd-tabs-anim-flip > .tcd-tab-content-3:checked ~ ul > .tcd-tab-content-3,
.tcd-tabs-anim-flip > .tcd-tab-content-4:checked ~ ul > .tcd-tab-content-4,
.tcd-tabs-anim-flip > .tcd-tab-content-5:checked ~ ul > .tcd-tab-content-5,
.tcd-tabs-anim-flip > .tcd-tab-content-6:checked ~ ul > .tcd-tab-content-6,
.tcd-tabs-anim-flip > .tcd-tab-content-7:checked ~ ul > .tcd-tab-content-7,
.tcd-tabs-anim-flip > .tcd-tab-content-8:checked ~ ul > .tcd-tab-content-8,
.tcd-tabs-anim-flip > .tcd-tab-content-9:checked ~ ul > .tcd-tab-content-9 {-o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}


.tcd-tabs .product-container.first-item {padding: 0 !important; padding: 0 !important;}
.tcd-tabs .productBlockContainer {margin: 0;padding: 0 2px;}
#modNewReleases > ul, #modTopSellers > ul { float: left; margin: 0; width: 100%;}

/**/
/* 3dcart top sellers */
/**/
#topsell .product-container.first-item { padding: 4px !important; width: 25% !important;}

/**/
/* 3dcart new releases */
/**/
#newrel .product-container.first-item { padding: 4px !important; width: 25% !important;}
#topsell, #newrel {display: block !important;}

@media screen and (max-width:960px) {
#topsell .product-container.first-item, #newrel .product-container.first-item { float: left; width: 33.33% !important;}
}

@media screen and (max-width:640px) {
#topsell .product-container.first-item, #newrel .product-container.first-item { float: left; width: 50% !important;}
}

@media screen and (max-width:440px) {
#topsell .product-container.first-item, #newrel .product-container.first-item { float: none; width: 100% !important;}
}

/**/
/* pad */
/**/
@media screen and (max-width: 1000px) {.tcd-tabs > label span span {padding: 0 15px; }
	.tcd-tabs > label .fa {margin-right: 10px; margin-left: -5px; }
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
	.tcd-tabs-response-to-stack > label,
	.tcd-tabs-response-to-stack.tcd-tabs-pos-top-justify > label {display: block; width: 100%; padding-right: 0; padding-left: 0; text-align: left; }
	.tcd-tabs-response-to-stack > ul {margin-top: 0; margin-right: 0; margin-left: 0; }
	.tcd-tabs-response-to-stack > ul > li {-o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; }
	.tcd-tabs-response-to-stack.tcd-tabs-anim-flip > ul > li {-webkit-transform: rotateX(-90deg); }
	
	.tcd-tabs-response-to-icons > label {font-size: 0; }
	.tcd-tabs-response-to-icons > label .fa {width: 45px; margin: 0; font-size: 16px; }
	.tcd-tabs-response-to-icons > label span span {padding: 0; }
	.tcd-tabs-response-to-icons.tcd-tabs-pos-left > label,
	.tcd-tabs-response-to-icons.tcd-tabs-pos-right > label {width: 56px; }
	.tcd-tabs-response-to-icons.tcd-tabs-pos-left > ul {margin-left: 56px; }
	.tcd-tabs-response-to-icons.tcd-tabs-pos-right > ul {margin-right: 56px; }

}
