/* ---------------------- Base64 CSS --------------------- */
/* --------------------- ZnJlc2g0cGV0 -------------------- */


main .box .dogtags .tag {
	display: inherit;
	width: inherit;
	height: inherit;
	position: inherit;
	background-image: inherit;
}


main .box .dogtags {
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
}
main .box .dogtags section {
	display: block;
	border: 2px dashed #ccc;
	margin: 30px 0px 50px;
	padding: 0px 0px 10px;
}
main .box .dogtags section .box {
	padding: 0px 5px;
}
main .box .dogtags section h2 {
	margin: -30px 0px 10px;
}
main .box .dogtags section.series ul {
	display: block;
}
main .box .dogtags section.series ul li {
    display: block;
    width: 11.1%;
    float: left;
    text-align: center;
    font-size: 13px;
    line-height: 14px;
    color: #666;
	box-sizing: border-box;
	padding: 0px 5px;
}
main .box .dogtags section.series ul li a {
    color: #666;
    font-weight: 600;
}
main .box .dogtags section.series ul li a:hover {
    color: #EC008C;
    font-weight: 600;
    text-decoration: none;
}
main .box .dogtags section.series ul li .photo {
	display: block;
	margin: 0px;
}
main .box .dogtags section.series ul li .photo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 80px;
	margin: 0px auto;
}

main .box .dogtags section.shapes ul {
	display: block;
}
main .box .dogtags section.shapes ul li {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 13px;
    line-height: 14px;
    color: #666;
	box-sizing: border-box;
	padding: 0px 5px;
}
main .box .dogtags section.shapes ul li a {
    color: #666;
    font-weight: 600;
}
main .box .dogtags section.shapes ul li a:hover {
    color: #EC008C;
    font-weight: 600;
    text-decoration: none;
}
main .box .dogtags section.shapes ul li .photo {
	display: block;
	margin: 0px;
}
main .box .dogtags section.shapes ul li .photo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 80px;
	margin: 0px auto;
}

main .box .dogtags section.colorsize .box.color {
	float: left;
	width: 75%;
} 
main .box .dogtags section.colorsize .box.color ul {
	display: block;
	width: 100%;
}
main .box .dogtags section.colorsize .box.color ul li { 
	padding: 1%;
	width: 8.3%;
	box-sizing: border-box;
	display: block;
	float: left;
}
main .box .dogtags section.colorsize .box.color ul li span.photo {
	background: #CCCCCC;
	border-radius: 50%;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.506);
	padding-top: 100%;
	width: 100%;
	height: 0px;
	display: block;
}

main .box .dogtags section.colorsize .box.color ul li .blue span.photo {
	background: #0048ae;
}
main .box .dogtags section.colorsize .box.color ul li .pink span.photo {
	background: #f3b8d4;
}
main .box .dogtags section.colorsize .box.color ul li .red span.photo {
	background: #df043c;
}
main .box .dogtags section.colorsize .box.color ul li .black span.photo {
	background: #18171d;
}
main .box .dogtags section.colorsize .box.color ul li .green span.photo {
	background: #007c60;
}
main .box .dogtags section.colorsize .box.color ul li .cyan span.photo {
	background: #19a5c8;
}
main .box .dogtags section.colorsize .box.color ul li .purple span.photo {
	background: #a935a2;
}
main .box .dogtags section.colorsize .box.color ul li .grey span.photo {
	background: #848490;
}
main .box .dogtags section.colorsize .box.color ul li .alugold span.photo {
	background: #d8b468;
}
main .box .dogtags section.colorsize .box.color ul li .orange span.photo {
	background: #ef7e00;
}
main .box .dogtags section.colorsize .box.color ul li .yellow span.photo {
	background: #fdc027;
}
main .box .dogtags section.colorsize .box.color ul li .brown span.photo {
	background: #b07901;
}
main .box .dogtags section.colorsize .box.color ul li .white span.photo {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 38%, #f2f2f2 84%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(38%, #ffffff), color-stop(84%, #f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 38%, #f2f2f2 84%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 38%, #f2f2f2 84%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 38%, #f2f2f2 84%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 38%, #f2f2f2 84%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-9 */
}
main .box .dogtags section.colorsize .box.color ul li .gold span.photo {
	background: #fae6a1; /* Old browsers */
	background: -moz-linear-gradient(top, #fae6a1 1%, #c39c10 45%, #957700 67%, #fae6a1 94%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fae6a1), color-stop(45%, #c39c10), color-stop(67%, #957700), color-stop(94%, #fae6a1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fae6a1 1%, #c39c10 45%, #957700 67%, #fae6a1 94%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fae6a1 1%, #c39c10 45%, #957700 67%, #fae6a1 94%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fae6a1 1%, #c39c10 45%, #957700 67%, #fae6a1 94%); /* IE10+ */
	background: linear-gradient(to bottom, #fae6a1 1%, #c39c10 45%, #957700 67%, #fae6a1 94%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae6a1', endColorstr='#fae6a1', GradientType=0 ); /* IE6-9 */
}
main .box .dogtags section.colorsize .box.color ul li .chrome span.photo {
	background: #e2e6e9; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e6e9 1%, #787974 67%, #e2e6e9 94%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e2e6e9), color-stop(67%, #787974), color-stop(94%, #e2e6e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2e6e9 1%, #787974 67%, #e2e6e9 94%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2e6e9 1%, #787974 67%, #e2e6e9 94%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e2e6e9 1%, #787974 67%, #e2e6e9 94%); /* IE10+ */
	background: linear-gradient(to bottom, #e2e6e9 1%, #787974 67%, #e2e6e9 94%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e6e9', endColorstr='#e2e6e9', GradientType=0 ); /* IE6-9 */
}

main .box .dogtags section.colorsize .box.size {
	float: right;
	width: 23%;
} 
main .box .dogtags section.colorsize .box.size ul {
	display: block;
	width: 100%;
}
main .box .dogtags section.colorsize .box.size ul li {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
}
main .box .dogtags section.colorsize .box.size ul li a:hover {
	text-decoration: none;
	display: block;
}
main .box .dogtags section.colorsize .box.size ul li span {
    display: block;
    width : 100%;
    background-image: url(images/size_large.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    font-size: 13px;
    line-height: 60px;
    color: #333;
    font-weight: 600;
}
main .box .dogtags section.colorsize .box.size ul li.small span {
    background-image: url(images/size_small.jpg);
}

main .box .dogtags section.results {
	margin-bottom: 0px;
}
main .box .dogtags section.results .box {
	display: block;
	width: 50%;
	float: left;
}
main .box .dogtags section.results h3 {
    display: block;
    padding: 10px 0px;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    font-weight: 600;
	margin: 0px 0px 10px;
}
main .box .dogtags section.results h3 + p.price {
	float: right;
	margin: -55px 0px 0px;
    display: block;
    padding: 10px 10px 10px 0px;
    font-size: 25px;
    line-height: 25px;
    color: #EC2F8C;
    font-weight: 600;
}
main .box .dogtags section.results .showtag, main .box .dogtags section.results form {
	display: block;
	width: 100%;
	clear: both;
	margin-top: 30px;
}
main .box .dogtags section.results .showtag img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0px auto;
}
main .box .dogtags section.results .tabs .content {
	padding: 0px 20px;
}
main .box .dogtags section.results .tabs .content p {
	margin: 0px 0px 10px;
}
main .box .dogtags section.results .tabs .content label {
	display: none;
}
main .box .dogtags section.results .tabs .content input[type="text"] {
    display: block;
    width: 100%;
    float: none;
    height: 40px;
    border: 1px solid #ccc;
    padding: 0px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #fff;
    font-size: 15px;
    line-height: 40px;
}
main .box .dogtags section.results .tabs p.buttons {
	padding: 0px 20px 20px;
}
main .box .dogtags section.results .tabs input[type="button"], 
main .box .dogtags section.results .tabs input[type="submit"] {
	display: block;
	background-color: #ec2f8c;
	border: 0px none;
	width: 100%;
	height: 40px;
	color: #fff;
    font-size: 15px;
    line-height: 40px;
	float: none;
	border-radius: 3px;
}







@media all and (max-width: 800px) {
	main .box .dogtags section.results .tabs ul.titles li {
		display: block;
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 0px 15px;
	}
	main .box .dogtags section.results .box {
		display: block;
		width: 40%;
		float: left;
	}
	main .box .dogtags section.results .box + .box {
		width: 60%;
	}
}

@media all and (max-width: 700px) {
	main .box .dogtags section.series ul li {
		width: 20%;
	}
	main .box .dogtags section.series ul li:nth-child(5n+1) {
		clear: left;
	}
	main .box .dogtags section.colorsize .box.color ul li {
		width: 16.6%;
	}
	main .box .dogtags section.colorsize .box.size ul li {
		width: 100%;
		clear: both;
		float: none;
	}
	main .box .dogtags section.results .box,
	main .box .dogtags section.results .box + .box {
		width: 100%;
		float: none;
		clear: both;
	}
	main .box .dogtags section.results .tabs ul.titles li {
		width: auto;
		display: inline-block;
		float: none;
	}
	main .box .dogtags section.results .tabs ul.titles li span {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media all and (max-width: 400px) {
	main .box .dogtags section.series ul li:nth-child(5n+1) {
		clear: none;
	}
	main .box .dogtags section.series ul li {
		width: 33.3%;
	}
	main .box .dogtags section.series ul li:nth-child(3n+1) {
		clear: left;
	}
	main .box .dogtags section.colorsize .box.color ul li {
		width: 25%;
	}
	
}