*,
*::before,
*::after {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: rgb(33, 37, 41);
	text-align: left;
	background-color: rgb(255, 255, 255)
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

blockquote {
	margin: 0 0 1rem
}

b,
strong {
	font-weight: bolder
}

a {
	color: rgb(0, 123, 255);
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: rgb(0, 86, 179);
	text-decoration: underline
}

img {
	vertical-align: middle;
	border-style: none
}

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
	touch-action: manipulation
}


html {
	box-sizing: border-box
}

*,
*::before,
*::after {
	box-sizing: inherit
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-5 {
	flex: 0 0 41.6667%;
	max-width: 41.6667%
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	flex: 0 0 58.3333%;
	max-width: 58.3333%
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:576px) {
	.col-sm-4 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.offset-sm-0 {
		margin-left: 0
	}
}

@media (min-width:768px) {
	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

	.col-md-5 {
		flex: 0 0 41.6667%;
		max-width: 41.6667%
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-8 {
		flex: 0 0 66.6667%;
		max-width: 66.6667%
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%
	}
}


:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #dc3545;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #868e96;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #868e96;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 720px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

@media print {

	*,
	*::before,
	*::after {
		text-shadow: none !important;
		box-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	pre,
	blockquote {
		border: 1px solid rgb(153, 153, 153);
		page-break-inside: avoid
	}

	tr,
	img {
		page-break-inside: avoid
	}

	h2,
	h3 {
		page-break-after: avoid
	}
}

*,
*::before,
*::after {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: rgb(33, 37, 41);
	text-align: left;
	background-color: rgb(255, 255, 255)
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

blockquote {
	margin: 0 0 1rem
}

b,
strong {
	font-weight: bolder
}

a {
	color: rgb(0, 123, 255);
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: rgb(0, 86, 179);
	text-decoration: underline
}

img {
	vertical-align: middle;
	border-style: none
}

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
	touch-action: manipulation
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit
}

h1,
.h1 {
	font-size: 2.5rem
}

h2,
.h2 {
	font-size: 2rem
}

.container {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:720px) {
	.container {
		max-width: 610px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

.container-fluid {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}

.col-5 {
	flex: 0 0 41.6667%;
	max-width: 41.6667%
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	flex: 0 0 58.3333%;
	max-width: 58.3333%
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:576px) {
	.col-sm-4 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.offset-sm-0 {
		margin-left: 0
	}
}

@media (min-width:992px) {
	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}

	.col-md-5 {
		flex: 0 0 41.6667%;
		max-width: 41.6667%
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-8 {
		flex: 0 0 66.6667%;
		max-width: 66.6667%
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%
	}
}

.text-right {
	text-align: right !important
}

.text-center {
	text-align: center !important
}

.img-responsive {
	max-width: 100%;
	display: block;
	margin: 3px auto 15px
}

.form-row {
	margin: 0 auto 10px auto;
	display: flex;
	flex-direction: column;
	max-width: 400px;
}

.form-row input,
.country-select {
	padding: 10px 5px;
}

.prices {
	width: 100%;
	max-width: 400px;
	margin: 20px auto 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	font-size: 30px;
	font-weight: bold;
}

.new-price {
	color: rgb(248, 34, 34);
}

.old-price {
	position: relative;
}

.btn.second {
	display: block;
	background-color: rgb(248, 34, 34);
	color: #ffffff;
	width: 200px;
	padding: 10px;
	font-size: 17px;
	font-weight: bold;
	margin: 20px auto;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
}

.btn.second:hover {
	color: #000000;
}

input[type=checkbox] {
	margin-right: 10px;
}

.form-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto 10px;
	max-width: 400px;
}

.check-text {
	text-align: left;
	font-size: 11px;
}

.form-link {
	color: inherit;
	text-decoration: none;
}


@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/RobotoRegular.eot) format("embedded-opentype"), url(../fonts/RobotoRegular.woff) format("woff"), url(../fonts/RobotoRegular.ttf) format("truetype")
}

@font-face {
	font-family: "RobotoBold";
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/RobotoBold.eot) format("embedded-opentype"), url(../fonts/RobotoBold.woff) format("woff"), url(../fonts/RobotoBold.ttf) format("truetype")
}

@font-face {
	font-family: "RobotoBoldItalic";
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/RobotoBoldItalic.eot) format("embedded-opentype"), url(../fonts/RobotoBoldItalic.woff) format("woff"), url(../fonts/RobotoBoldItalic.ttf) format("truetype")
}

@font-face {
	font-family: "RobotoItalic";
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/RobotoItalic.eot) format("embedded-opentype"), url(../fonts/RobotoItalic.woff) format("woff"), url(../fonts/RobotoItalic.ttf) format("truetype"), url(../fonts/RobotoItalic.svg) format("svg")
}

body {
	padding: 0;
	font-family: "Roboto", arial;
	font-size: 16px;
	line-height: 22px;
	overflow-x: hidden;
	width: 100%;
	box-sizing: border-box
}

body a {
	font-family: "RobotoBold";
	transition: all 0.5s ease 0s;
	font-weight: 400;
	text-decoration: underline;
	color: rgb(21, 139, 230)
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: center;
	color: rgb(102, 102, 102);
	font-weight: 400;
	line-height: normal;
	margin: 0 0 15px
}

b,
strong {
	font-family: "RobotoBold", arial;
	font-weight: 400
}

nav,
footer {
	padding: 20px 0;
	margin: 0
}

main {
	padding: 7px 0 20px;
	margin: 0
}

header {
	background-color: rgb(0, 0, 0);
	height: 59px;
	padding: 10px 0;
	margin: 0;
	border-top: 5px solid rgb(255, 255, 255);
	border-bottom: 5px solid rgb(255, 255, 255)
}

nav {
	background-color: rgb(41, 41, 41);
	height: 46px;
	line-height: 46px;
	padding: 0;
	font-size: 28px
}

nav a {
	text-decoration: none;
	color: rgb(99, 99, 99)
}

nav a:hover {
	color: rgb(255, 255, 255)
}

span.red {
	font-size: 15px;
	font-family: "RobotoBold";
	color: rgb(255, 1, 1);
	line-height: 26px;
	text-align: left
}

span.gray {
	display: block;
	font-size: 14px;
	font-family: "Roboto";
	color: rgb(141, 141, 141);
	line-height: 26px;
	text-align: left
}

h1 {
	font-size: 24px;
	font-family: "RobotoBold";
	color: rgb(1, 1, 1);
	line-height: 1.2;
	text-align: left;
	margin-top: 15px
}

h2 {
	font-size: 18px;
	font-family: "RobotoItalic";
	color: rgb(70, 70, 70);
	line-height: 1.2;
	text-align: left;
	margin-bottom: 15px
}

blockquote {
	font-size: 22px;
	font-family: "RobotoItalic";
	color: rgb(248, 34, 34);
	line-height: 1.2;
	text-align: center
}

.doc-quote {
	font-family: "RobotoItalic"
}

.row.commentarios {
	background: rgb(232, 232, 232) none repeat scroll 0% 0%;
	margin-left: -40px;
	margin-bottom: 20px;
	margin-top: 20px
}

.row.commentarios .col-md-12,
.otros-commentarios .col-md-12 {
	padding: 3px 0 5px 40px;
	font-family: "RobotoBold", arial
}

.otros-commentarios {
	background: rgb(232, 232, 232) none repeat scroll 0% 0%;
	border-radius: 5px;
	margin-bottom: 40px;
	margin-top: 25px
}

.otros-commentarios a {
	font-family: "RobotoBold";
	font-size: 15px;
	text-decoration: none;
	color: rgb(72, 71, 71)
}

.otros-commentarios .col-md-12 {
	font-size: 17px
}

.img-circle {
	border-radius: 50%
}

.related a {
	display: block;
	font-size: 21px;
	font-family: "RobotoBold";
	color: rgb(1, 1, 1);
	line-height: 1.2;
	text-align: left;
	text-decoration: none;
	padding-bottom: 15px
}

.related a:hover {
	text-decoration: underline
}

.comm-table {
	display: table;
	margin-top: 0
}

.col-avatar {
	display: table-cell;
	margin-left: 10px;
	max-width: 40px;
	vertical-align: top;
	padding-top: 0;
	margin-top: 0
}

.col-comm-text {
	padding-left: 15px;
	display: table-cell;
	vertical-align: top;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 20px
}

.nickname {
	font-family: "RobotoBold";
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 9px
}

.comment {
	font-family: "Roboto";
	font-size: 15px;
	line-height: 17px;
	color: rgb(1, 1, 1);
	margin-bottom: 5px
}

.date {
	font-family: "RobotoItalic";
	font-size: 15px;
	color: rgb(1, 1, 1)
}

.orderlink {
	font-size: 25px;
	font-family: "RobotoBold";
	color: rgb(95, 146, 230);
	text-decoration: underline;
	line-height: 1.2;
	text-align: center
}

.border {
	border: 1px solid rgb(196, 196, 196);
	padding: 5px 10px;
	font-size: 14px;
	line-height: 18px
}

.border [class*="col-"] {
	padding-right: 0;
	padding-left: 0
}

.border .sidebar-table {
	display: table;
	margin-bottom: 15px
}

.border .row:last-child .sidebar-table {
	margin-bottom: 5px
}

.border .col-sidebar-img {
	display: table-cell;
	margin-left: 10px;
	max-width: 105px;
	position: relative;
	float: left;
	min-height: 81px
}

.border .col-sidebar-img img {
	width: 105px;
	height: 81px;
	margin-top: 5px
}

.border .col-sidebar-text {
	padding-left: 10px;
	max-width: 180px;
	display: table;
	vertical-align: middle;
	min-height: 81px
}

.border .col-sidebar-text p {
	display: table-cell;
	vertical-align: middle;
	margin: 0
}

.border .col-sidebar-text a {
	font-family: "Roboto";
	text-decoration: none;
	color: rgb(1, 1, 1)
}

.border .col-sidebar-text a:hover {
	text-decoration: underline
}

footer {
	background: rgb(2, 2, 2) none repeat scroll 0% 0%;
	color: rgb(154, 154, 154);
	padding: 30px 0 20px
}

footer img.img-responsive {
	margin: 3px 0 20px
}

footer p {
	color: rgb(154, 154, 154);
	font-size: 18px;
	line-height: 17px
}

footer a {
	font-family: "Roboto";
	color: rgb(154, 154, 154);
	text-decoration: underline;
	font-weight: 400
}

footer .socialicons a {
	color: rgb(255, 255, 255);
	font-size: 21px;
	padding-right: 5px
}

footer a:hover {
	color: rgb(234, 0, 0)
}

@media (min-width:992px) {
	blockquote {
		font-size: 26px
	}

	header {
		height: 79px;
		padding: 20px
	}

	span.gray {
		float: right
	}

	h1 {
		font-size: 34px
	}

	h2 {
		font-size: 24px
	}

	body {
		font-size: 20px;
		line-height: 26px
	}

	main {
		padding: 17px 0 60px
	}

	span.red {
		font-size: 20px
	}

	.related a {
		padding-top: 0;
		padding-bottom: 0
	}
}

@media (max-width:991px) {
	.hidden-sm-down {
		display: none
	}

	.row.related img {
		width: 100%
	}
}

@media (max-width:576px) {
	.hidden-xs {
		display: none
	}

	.related a {
		font-size: 16px
	}
}

iframe {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	border: none;
}

/* form */

.form__block {
	margin: 0 auto;
	width: 70%;
	text-align: center;
	margin-bottom: 20px;
}

.input__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}

select,
input {
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 100%;
}

.button {
	width: max-content;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	border: 2px solid #dc3545;
	border-radius: 2px;
	padding: 5px 20px;
	font-weight: bold;
	background-color: transparent;
	cursor: pointer;
}

.button:hover {
	text-decoration: none;
	transform: scale(1.1);
	transition: all .5s ease 0
}

.form__price-title {
	font-size: 18px;
}

.form__price-wrapper {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: bold;
}

.form__img {
	display: block;
	margin: 0 auto;
	margin-top: -30px;
}

.price .wv_currency {
	margin-left: -5px;
}

.old-price {
	text-decoration: line-through;
}

/* TIMER */

.time-block {
	margin-bottom: 20px;
}

.time-title {
	margin-bottom: 15px;
	font-size: 32px;
	text-align: center;
}

.time-remain {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  font-weight: 300;
  text-transform: uppercase;
	color: #dc3545;
}

.time-remain-items {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
	font-size: 32px;
}

.time-text {
	font-size: 10px;
	font-weight: bold;
}

.time-dots {
	font-size: 32px;
}

/*checkbox*/

.form-checkbox {
	align-items: center;
	display: grid;
	grid-template-columns: min-content auto;
	column-gap: 10px;
	padding: 0;
	justify-content: start;
	margin-bottom: 20px;
	align-self: flex-start;
}

.form-checkbox-text,
.form-checkbox-link {
	color: #9c9c9c;
	font-size: 14px;
}

.form-checkbox-link {
	font-weight: 600;
	text-decoration: none;
	color: black;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 0;
}