body {
	color: white;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	position: relative;
	line-height: 1;
	text-align: center;
}

*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section {
	clear: both;
	height: 100%;
}

header,
footer {
	height: 100%;
}

ul li {
	list-style: none;
}

a,
a:hover,
a:visited,
a:active {
	text-decoration: none;
}

input[type=submit]:hover,
button:hover {

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);

}

.button:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

h1 {
	font-size: 3em;

	line-height: 3.5rem;

	font-weight: 700;


	margin-top: 30px;

	text-align: right;
}

h1 span {
	display: inline-block;
	background: #a24e83;
	padding: 5px 19px;
}

h2 {
	font-size: 1.75em;
	padding: 54px 0;

}

h3 {
	font-size: 2em;
}

h4 {
	color: #d45b6d;
	font-size: 2.25em;

	font-weight: bold;
	text-align: left;
	margin: 15.3em 0 15px 0;
}

h5 {
	font-size: 2.25em;
	color: #5b5856;
	text-align: left;


}

h6 {
	font-size: 1.5em;
	color: #974c82;
	text-transform: none;
	text-align: right;
	margin: 15px 5px 0 0;
	margin-bottom: 15px;
}

p {
	text-transform: none;
	font-size: 1.12em;
}

article {
	padding: 10px 0;
	clear: both;
}

button,
input[type=submit],
input[type=button],
input[type=search],
.button {
	cursor: pointer;
}

input,
button,
.button,
select {
	border: none;
	background: transparent;
	color: white;
}


input,
button:focus,
.button {
	outline: none;
}

select {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;

	background: url("../img/sel.24.delayed.png")no-repeat transparent;
	background-position: 260px 16px;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

input[type=text],
select {
	display: block;
	padding: .47em;
	position: relative;
	z-index: 400;
	font-size: 1.12em;
	border: 1px solid #a0909b;
	width: 100%;
	margin-bottom: .75em;
}
select option {
	color: black;
}




input[type=text]:nth-of-type(4) {
	margin-bottom: 24px;
}

input[type=submit],
.button {
	display: block;
	margin: auto;
	width: 240px;
	height: 55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 55px;
	border-radius: 30px;
	font-size: 1.12em;
	background: #db601b;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;


	z-index: 400;
	position: relative;
}

.button {
	width: 240px;
	margin-left: -120px;
	position: absolute;
	bottom: -27.5px;
	left: 50%;
	text-transform: none;
}


/*RELATIVE*/

.main_container,
nav,
li,
.row,
.price b,
form {
	position: relative;
}

.rel {
	position: relative;
}


/*CONTAINERS*/

.main_container {
	width: 1181px;
	margin: auto;
}


.effects_wrapp {
	width: 909px;
	margin: auto;
}

.row {
	margin: 0;
}


.col_2 {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.col_3 {
	width: 32%;
	display: inline-block;
	vertical-align: top;
}

.col_4 {
	width: 24%;
	display: inline-block;
	vertical-align: top;
}

/*FLOATS*/

.left_float {
	float: left;
}

.right_float {
	float: right;
}

.text_l {
	text-align: left;
}

.text_r {
	text-align: right;
}

.pull_bottom {
	display: inline-block;
	vertical-align: bottom;
}

/*HEADER*/

header {
	background: url('../img/header-bg_01.png') no-repeat center;
	background-size: cover;
}



.warning {
	background: rgba(72, 9, 48, 0.81);
	font-size: .93em;
	color: #d497c5;
	text-align: left;
	padding: 12px 0;

}

.warning p {
	text-align: center;
}

main {
	min-width: 320px;
	overflow: hidden;
}

.warning b {
	color: #ed7a49;

	font-weight: bold;
	text-transform: uppercase;
}

.logo {
	position: absolute;
	left: -.5em;
	top: 66px;
}


/*FORM-HEADER*/

form {
	width: 379px;
	margin-left: 10.7em;
	padding-top: 80px;
	position: absolute;
	right: 0;
}

.header_product {
	position: absolute;
	z-index: 333;
	left: -16em;
	top: 139px;
}

form::after {
	content: url(../img/arrow.png);
	position: absolute;
	right: -3em;
	bottom: 3.9em;
}

.price,
.inputs {
	padding: 39px;

	position: relative;
}

.price {
	background: rgba(199, 62, 0, 0.73);
	padding: 19px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.inputs {
	background: rgba(112, 11, 87, 0.75);
	padding-bottom: 41px;
}

.price span:first-child {
	font-size: 32px;
}

.price b {

	font-weight: bold;
}






.price span:nth-child(2) {
	font-size: 1.6em;
	color: #331a2a;
	text-transform: none;
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.price span:nth-child(2) i {
	font-style: normal;
	font-size: 1.12rem;
	width: 125px;
	text-align: right;
}

.inputs p {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: center;
	padding-bottom: 26px;
}

.inputs p span {
	font-size: 1.87rem;

	font-weight: bold;
}

.inputs_wrapper {
	padding: 1.68em 0;
}

/*HEADER-LI-ROW-FORM*/

.header_ul {
	position: relative;
	left: -16.5em;
	bottom: -27em;
}

.header_ul li {
	max-width: 210px;
	padding: 0 3.93em 0 .66em;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	text-transform: none;
	text-align: left;
	height: 66px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}
.header_ul li div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.header_ul li:first-child {
	background: #d35b6d;
}

.header_ul li:first-child:before {
	background: #d35b6d url(../img/arrow-white_03.png) no-repeat right;
}

.header_ul li:nth-child(2) {
	background: #b25f93;
}

.header_ul li:nth-child(2):before {
	background: #b25f93 url(../img/arrow-white_03.png) no-repeat right;
}

.header_ul li:nth-child(3) {
	background: #2680a0;
}

.header_ul li:nth-child(3):before {
	background: #2680a0 url(../img/arrow-white_03.png) no-repeat right;
}

.header_ul li:before {
	content: '';
	width: 47px;
	height: 66px;
	position: absolute;
	left: -3.3em;
	top: 0;
	border-bottom-left-radius: 50%;
	border-top-left-radius: 50%;
}

.header_ul b {
	font-size: 1.2em;
}

.li_before {
	color: #b25f93;
	font-size: 1.12em;
	font-style: italic;
	text-align: left;
	text-transform: none;
	padding: 0 55px;
	margin: 50px auto;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.li_before li:first-child {
	padding-bottom: 19px;
}

.li_before li:before {
	content: url(../img/header-li-before_03.png);
	position: absolute;
	left: -3.5em;
}


/*MYCO*/

.item {
	text-align: center;
	width: 25%;
	float: left;
	height: 300px;
	padding: 0 10px;
}

.item img {
	width: 100%;
	height: auto;
}

.item .col_4 {
	width: 100%;
}

.myco {
	background: url('../img/bg-myco_02.png') no-repeat center;
	height: 465px;
	position: relative;
}

.myco .button {
	position: absolute;
	bottom: -27.5px;
	left: 50%;
	margin-left: -120px;
}

.myco p {
	color: #ffcc82;
	line-height: 25px;
	padding-bottom: 57px;
}

.myco p:nth-child(3) {
	padding-right: 4.2em;
}

.myco p:nth-child(4) {
	padding-right: 1.7em;
}

.myco p:nth-child(5) {
	padding-left: 2em;
}

.myco p:nth-child(6) {
	padding-left: 4em;
}

.myco b {
	text-transform: uppercase;
}

/*EFFECT*/

/*MYCO AFTER IMG*/

.effect {
	padding-bottom: 54px;
	position: relative;
}

.effect .main_container:before {
	content: url('../img/legs_07.png');
	position: absolute;
	right: 50%;
	margin-right: -448px;
	bottom: -45px;
	z-index: -1;
}

.effect .main_container:after {
	content: url('../img/mint_07.png');
	position: absolute;
	left: -7em;
}

.effect h2 {
	color: #5b5856;
	padding: 60px 0;
	text-align: left;
}

.effect h2 span {

	font-weight: bold;
	color: #9c62a2;
}

.effect li {
	display: flex;
	align-items: center;
	padding-right: 320px;
	line-height: 20px;
	color: #5b5856;
	text-transform: none;
	text-align: left;
	margin-bottom: 42px;
	counter-increment: counter;
}

.effect li span {
	display: flex;
	justify-content: left;
	align-items: center;
	min-width: 205px;
	min-height: 54px;
	background: #9c62a2;
	border-radius: 25px;
	text-align: left;
	color: #fff;
	font-size: 25px;
	position: relative;
	padding: 5px 20px 5px 70px;
	margin-right: 20px;

}

.effect li span:before {
	content: counter(counter);
	width: 48px;
	height: 100%;
	background: #f9f9f9;
	color: #9c62a2;
	position: absolute;
	top: 50%;
	left: -2px;
	transform: translateY(-50%);
	border-bottom-left-radius: 25px;
	border-top-left-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/*REMOVING*/

.removing {
	background: #804185 url('../img/bg-removing_08.png') no-repeat center;
}

.removing h2 {
	font-size: 2.25em;
	padding: 50px 0 70px;
}

.removing p {
	color: #efbcf2;
	padding-bottom: 90px;
}

.removing .left p:first-child {
	padding-left: 6em;
}

.removing .left p:nth-child(2),
.removing .left p:nth-child(3) {
	text-align: right;
	padding-right: 16em;
}

.removing .left p:nth-child(4) {
	text-align: right;
	padding-right: 12em;
}

.removing p:last-child {
	padding-bottom: 82px;
}

.removing .right p:first-child {
	padding-right: 11em;
	padding-left: 10em;
}

.removing .right p:nth-child(2),
.removing .right p:nth-child(3) {
	text-align: left;
	padding-left: 16em;
}

.removing .right p:nth-child(4) {
	text-align: left;
	padding-left: 12em;
}

/*COMMENT*/

.comment {
	background: url('../img/bg-comments_06.png') no-repeat center top;
	padding-top: 63px;
	text-align: left;
}

.comment h3 {
	background: #157aa2;
	padding: 22px;
	margin-right: 22.3em;
	margin-bottom: 35px;

}

.comment h3 span {
	color: #07688f;

	font-weight: bold;
}

.comment h3:nth-child(3) {
	background: none;
	padding: 30px 0;
	margin: 0;
}

.rev {
	line-height: 20px;
	border-bottom: 2px solid #7dbad2;
	padding-bottom: 34px;
}

.user_name {
	color: #07688f;

	padding-bottom: 25px;
}

.user_name span {
	color: white;

	font-weight: bold;
}

.user_com {
	font-size: .87em;
	text-transform: none;
	line-height: 1.2;
}

.textin {
	position: absolute;
	top: 50px;
	right: 30px;
	width: 181px;
}

.textin span {
	display: block;
	font-size: 26px;
	margin: 0 auto;
	color: #45A0C7;
	text-align: left;
}

.textin span:nth-child(2) {
	padding: 0 0 0 8px;
	color: #ffffff;
	font-size: 16px;
}

.textin span:nth-child(3) {
	padding: 0 0 0 27px;
	color: #974C9F;
	font-size: 25px;
}

.col_3 div {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 8em;
}

.image {
	width: 40%;
}

.expert {
	width: 54%;
}

/*FOOTER*/

footer {
	background: #f2f2f3 url('../img/bg-footer_10.png') no-repeat left;
	background-size: cover;
	padding-top: 40px;
}

.footer_product {
	position: absolute;
	top: 0;
	left: 0;

}

footer form {
	position: absolute;
	top: -5em;
}

footer form:before {
	left: -56em;
	top: 22px;
}

footer h1 {
	max-width: 585px;
	margin: 0;
	margin-left: 255px;
	padding: 5px 26px;
	text-align: left;
	font-size: 35px;
	line-height: 1.2;
}

footer h1:nth-child(2) {
	margin-top: 5px;
	margin-right: 9em;
}

::-webkit-input-placeholder {
	color: #fff;
}

::-moz-placeholder {
	color: #fff;
}

:-moz-placeholder {
	color: #fff;
}

:-ms-input-placeholder {
	color: #fff;
}

footer h6 {
	text-align: left;
	margin: 1em 0 0 280px;
}

footer .warning {
	margin-top: 320px;
}

footer .price {
	padding: 20px;
	background: #E06521;
}

footer .price span:first-child {
	display: block;
	text-align: left;
}

footer .price span:nth-child(2) {}

footer .price span:first-child::before {
	top: 49px;
}


.h6header {
	display: block;
	float: right;
	padding: 10px;
	width: 531px;
	font-size: 1.5em;
	color: #fff;
	background: #a24e83;
	text-transform: none;
	text-align: center;
	margin: 15px 5px 0 0;
}

/* Container adaptive */
@media only screen and (max-width: 767px) {
	.main_container {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.main_container {
		width: 750px;
	}
}

@media only screen and (min-width: 992px) {
	.main_container {
		width: 970px;
	}
}

@media only screen and (min-width: 1200px) {
	.main_container {
		width: 1170px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
	.header_ul {
		left: -18em;
		bottom: -21em;
	}

	.header_ul li {
		display: block;
	}

	.header_ul li::after {
		content: '';
		width: 47px;
		height: 66px;
		position: absolute;
		right: -3.3em;
		top: 0;
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
		background: inherit;
		border-bottom-left-radius: 50%;
		border-top-left-radius: 50%;
	}

	.logo {
		left: -17px;
		top: 122px;
	}

	form {
		padding-top: 110px;
	}

	h4 {
		margin-top: 12.5em;
	}

	.textin {
		top: 33px;
	}

	.removing {
		background-size: cover;
	}

	.removing .left p:first-child {
		padding-left: 0;
	}

	.removing .left p:nth-child(2),
	.removing .left p:nth-child(3) {
		padding-right: 18em;
	}

	.removing .left p:nth-child(4) {
		padding-right: 14em;
	}

	.removing .right p:first-child {
		padding-right: 0;
		padding-left: 12em;
	}

	.removing .right p:nth-child(2),
	.removing .right p:nth-child(3) {
		padding-left: 18em;
	}

	.removing p:last-child {
		padding-bottom: 70px;
	}

	.comment h3 {
		max-width: 300px;
		margin-right: 0;
	}

	.comment {
		background-size: cover;
	}

	.comment div.image img {
		max-width: 100%;
		height: auto;
	}

	footer h6 {
		max-width: 300px;
	}

	footer h1 {
		margin-left: 47px;
		max-width: 560px;
	}

	.footer_product {
		top: 0;
	}

	footer form {
		top: -7em;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	.logo {
		display: none;
	}

	.header_ul {
		left: -15em;
		bottom: -18em;
	}

	.header_ul li {
		max-width: 140px;
		padding-right: 0;
		padding-top: 0;
	}

	.effect .main_container:before {
		bottom: inherit;
		top: 0;
	}

	.effect li {
		flex-direction: column;
		align-items: flex-start
	}

	.effect li span {
		margin-bottom: 10px;
	}

	.myco .item {
		width: 50%;
	}

	.myco .main_container::after {
		content: '';
		display: table;
		clear: both;
	}

	.myco {
		background-size: cover;
		height: auto;
		padding-bottom: 80px;
	}

	.textin {
		top: 75px;
		right: 70px;
	}

	.removing {
		background: #854689;
	}

	.removing .main_container {
		padding-bottom: 50px;
	}

	.removing .col_2 {
		width: 100%;
	}

	.removing .right>p,
	.removing .left>p {
		padding: 0 15px 15px !important;
		text-align: left !important;
	}

	.comment div.image {
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}

	.header_product {
		max-width: 53%;
		left: -11em;
		top: 208px;
	}

	.comment {
		background-size: cover;
		padding-bottom: 7em;
	}

	div.expert {
		width: 100%;
		margin-bottom: 0;
	}

	.user_name {
		color: #5daac7;
	}


	footer h1,
	footer h6 {
		margin-left: 0px;
	}

	.footer_product {
		width: 172px;
		top: 209px;
		left: 97px;
	}

	footer form {
		top: -8em;
	}

	footer h1 {
		max-width: 380px;
		font-size: 26px;
	}

	footer h1:nth-child(2) {
		margin-right: 13em;
	}

	footer h6 {
		margin-left: 65px;
		font-size: 20px;
		max-width: 250px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	footer .warning {
		margin-top: 200px;
	}
	header h5 {
		margin-bottom: 50px;
	}
	.li_before {
		margin: 0 auto 20px;
	}
	.li_before:last-of-type {
		margin-bottom: 50px;
	}
	.effect h2 span {
		display: block;
	}
	.effect ul {
		padding: 0 15px;
	}
	.effect .main_container:before {
		margin-right: -300px;
	}
	.h6header {
		float: none;
		text-align: right;
		width: 100%;
		padding-right: 30px;
	}

	h1 {
		line-height: 1;
	}

	h1 span {
		padding-right: 30px;
		font-size: 30px;
	}

	h6 {
		font-size: 20px;
	}

	.header_ul {
		display: none;
	}

	.form_wrap {
		text-align: center;
		padding: 0 30px;
	}
	.main_container form {
		padding-top: 50px;
	}
	form {
		width: 300px;
		padding-top: 100px;
		position: relative;
		top: auto;
		left: auto;
		margin-left: 0;
		display: inline-block;
	}

	.header_product {
		left: -10em;
		top: 7em;
		width: 200px;
	}

	header h4 {
		margin-top: 2.5em;
	}

	header h4,
	header h5 {
		text-align: center;
	}

	header .col_2.li_before {
		width: 100%;
	}

	header .col_2.li_before ul {
		margin-left: 60px;
	}

	.warning p {
		padding: 0 30px;
	}

	.price span:first-child {
		font-size: 26px;
		margin-left: 0;
	}

	.textin {
		top: 12%;
		width: 100px;
		right: auto;
		left: 45%;
		margin-left: -50px;
	}

	.textin span {
		font-size: 24px;
	}

	.textin span:nth-child(2) {
		font-size: 16px;
	}

	.textin span:nth-child(3) {
		font-size: 20px;
	}

	.effect h2 {
		padding: 60px 15px;
		font-size: 36px;
	}

	.removing h2 {
		font-size: 28px;
		padding: 40px 15px 70px;
	}

	.comment {
		background: #458cad;
	}

	.comment .main_container {
		padding: 0 15px;
	}

	footer h1,
	footer h6 {
		visibility: hidden;
	}

	footer form {
		top: -8em;
		right: 15px;
		max-width: 350px;
		width: 100%;
	}

	.inputs p {
		font-size: 18px;
	}

	.inputs p span {
		font-size: 22px;
	}

	.footer_product {
		width: 220px;
		left: 93px;
		top: 0;
	}
}
@media only screen and (max-width: 650px) {
	.effect .main_container:before {
		display: none;
	}
	.effect li {
		padding-right: 0;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 700px) {
	.header_product {
		/* position: static; */
		left: 50%;
		transform: translateX(-50%);
		z-index: 0;
		top: 10em;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

	header form {
		padding-top: 40px;
		position: relative;
		z-index: 2;
	}

	header h1 span {
		font-size: 16px;
		padding: 8px 15px;
		display: block;
	}

	.h6header {
		font-size: 18px;
	}

	.li_before {
		padding: 0 30px;
	}

	.form_wrap {
		padding: 0 5px;
	}

	.warning p {
		padding: 0 15px;
		line-height: 1.2;
		font-size: 14px;
	}

	header .inputs {
		padding-top: 15px;
	}

	header .inputs p {
		padding-bottom: 15px;
	}

	header .price {
		padding: 15px;
	}

	header h4 {
		margin-top: 1em;
	}

	header h1 {
		margin-top: 15px;
	}

	header h4,
	header h5 {
		font-size: 28px;
	}

	.myco {
		background: #eb6042;
	}

	.myco .item {
		width: 100%;
		height: 380px;
	}

	.textin {
		top: 15%;
		width: 130px;
		margin-left: -65px;
	}

	.textin span {
		font-size: 32px;
	}

	.textin span:nth-child(2) {
		font-size: 20px;
	}

	.textin span:nth-child(3) {
		font-size: 25px;
	}

	.myco p {
		padding-bottom: 0;
	}

	.effect h2 {
		font-size: 28px;
	}

	.comment .col_3 {
		display: block;
		width: 100%;
		margin: 0 auto 50px;
		max-width: 280px;
	}

	.comment div.image {
		margin-bottom: 10px;
	}

	.comment {
		padding-bottom: 15px;
	}

	.comment h3 {
		font-size: 28px;
	}

	.footer_product {
		left: 50%;
		transform: translateX(-50%);
		width: 199px;
	}

	footer {
		background: #f2f2f3;
	}

	footer form {
		right: auto;
		left: 50%;
		transform: translateX(-50%)
	}

	footer .warning {
		margin-top: 195px;
	}
}



@media only screen and (max-width: 370px) {
	.myco .item {
		height: 300px;
	}
}