@font-face {
	font-family: 'RotondaCBold';
	src: url('../fonts/RotondaCBold.eot');
	src: url('../fonts/RotondaCBold.eot') format('embedded-opentype'), url('../fonts/RotondaCBold.woff2') format('woff2'), url('../fonts/RotondaCBold.woff') format('woff'), url('../fonts/RotondaCBold.ttf') format('truetype'), url('../fonts/RotondaCBold.svg#RotondaCBold') format('svg');
}

@font-face {
	font-family: 'PlumbCondensed';
	src: url('../fonts/PlumbCondensed-Regular.eot');
	src: url('../fonts/PlumbCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PlumbCondensed-Regular.woff2') format('woff2'),
		url('../fonts/PlumbCondensed-Regular.woff') format('woff'),
		url('../fonts/PlumbCondensed-Regular.ttf') format('truetype'),
		url('../fonts/PlumbCondensed-Regular.svg#PlumbCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

:root {
	--main-color: #269637;
}

/*var(--main-color)


/**************************************************************************************/
body {
	background-color: #EF4046;
}
.loader-wrapper {
  left: 0;
  top: 0;
  width: 100%
}

.loader-wrapper {
  position: fixed;
  height: 100%;
  z-index: 999;
  background-color: #ef4046;
  -webkit-animation: 1.5s linear forwards loader;
  animation: 1.5s linear forwards loader
}

.loader-wrapper img {
  position: absolute;
  max-width: 110px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@-webkit-keyframes loader {

  0%,
  70% {
    opacity: 1
  }

  99% {
    opacity: 0
  }

  100% {
    display: none;
    visibility: hidden;
    z-index: -10;
    opacity: 0
  }
}

@keyframes loader {

  0%,
  70% {
    opacity: 1
  }

  99% {
    opacity: 0
  }

  100% {
    display: none;
    visibility: hidden;
    z-index: -10;
    opacity: 0
  }
}

.wrapper {
	width: 100%;
	overflow: hidden;
	position: absolute;
}

#clear {
	clear: both;
}

.mainBlock,
.mainBlockimg {
	width: 100%;
}

.mainBlock header img {
	width: 100%;
}



.spacer-lg {
	height: 100px;

}

/**************************************************************************************/
.mainBlock {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100vh;
	overflow: auto;
}

.textBlock {
	max-width: 430px;
	margin: auto;
	padding: 0 40px;
}

.mainBlock>.textBlock h1 {
	text-align: left;
	font-family: 'RotondaCBold' !important;
	font-style: normal;
	font-weight: 500;
	font-size: 52px;
	line-height: 61px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding: 28px 0;
	max-width: 320px;
}

.info p {
	color: #000000;
	font-family: 'PlumbCondensed' !important;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
	max-width: 210px;
}

.btn-disabled {
	opacity: 0.6;
	pointer-events: none;
}

.thank {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.40);
	backdrop-filter: blur(5px);
}

.thank.open {
	display: block;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.thank .block {
	max-width: 370px;
	background-color: #FFFFFF;
	padding: 80px 70px;
	border-radius: 12px;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.thank h2 {
	color: #000;
	text-align: center;
	font-size: 46px;
	font-family: 'RotondaCBold';
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 25px;
}

.thank p {
	color: #000;
	text-align: center;
	font-size: 35px;
	font-family: 'RotondaCBold';
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

/******steps***********/

/******steps***********/
/******h5***********/
.textBlock>h5 {
	font-family: 'PlumbCondensed' !important;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 0px;
	margin: 0 0 10px 0;
	font-size: 22px;
	text-align: left;
	color: #FFFFFF;
	max-width: 260px;
}

/******h5***********/
/******gift***********/

.radial1,
.radial2,
.radial3 {
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.radial1 {
	width: 291px;
	left: -2%;
	bottom: 30%;
}

.radial2 {
	width: 400px;
	right: -10%;
	top: -16%;
}

.radial3 {
	width: 500px;
	right: 10%;
	bottom: -16%;
}

.mainBlock>.textBlock>#text>form p input[type='text'],
.mainBlock>.textBlock>#text>form p input[type='tel'],
.mainBlock>.textBlock>#text>form p input[type='email'] {
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	height: 40px;
	background-color: rgba(255, 255, 255, .0);
	width: 40%;
	margin: 0 4% 0 0;
	padding: 0 15px;
	box-sizing: border-box;
	font-family: 'PlumbCondensed' !important;
	font-size: 20px;
	letter-spacing: 1px;
	color: #FFFFFF;
	width: 100%;
}

.mainBlock>.textBlock>#text>form p input::placeholder {
	color: #FFFFFF;
	font-family: 'PlumbCondensed' !important;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 1px;
}

.mainBlock>.textBlock>#text>form p input:focus {
	border-radius: 10px;
	border: 1px solid #FFF;
	box-shadow: 0px 0px 5px 0px #FFF;
	background-color: hsla(358, 60%, 49%, 0.267);
}

.input-field-wrapp .wrong-phone {
	display: flex;
	height: 0px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	overflow: hidden;
	color: #FFFFFF;
	font-family: 'PlumbCondensed' !important;
}

.input-field-wrapp.fail .wrong-phone {
	margin-top: 10px;
	height: 30px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

input.hide {
	display: none;
}

.hidden {
	display: none;
}

.tel-hidden {
	display: none !important;
}

.btn {
	display: block;
	margin: 15px auto 30px;
	border-radius: 5px;
	height: 45px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	font-family: 'PlumbCondensed' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 23px;
	text-align: center;
	color: #000000;
	padding: 0 50px;
	text-decoration: none;
	cursor: pointer;
	width: 100%;
}

.btn span {
	width: 100%;
}

.mainBlock>.textBlock>#text>form p input[type='submit'],
.menuWrapper>.menu>.button input[type='button'] {
	border-radius: 5px;
	height: 45px;
	background: linear-gradient(90deg, rgba(44, 176, 64, 1) 0%, rgba(35, 136, 50, 1) 100%);
	font-family: 'PlumbCondensed' !important;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 23px;
	text-align: center;
	color: #FFFFFF;
	padding: 0 50px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
	text-decoration: none;
	cursor: pointer;
}

.more p {
	font-family: 'PlumbCondensed' !important;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.more a {
	text-decoration: underline;
	color: #000;
	font-family: 'PlumbCondensed' !important;
}


#submit {
	text-align: center;
}

#texts>p>ul li {
	font-family: 'PlumbCondensed' !important;
	font-size: 20px;
	letter-spacing: 1px;
	padding: 8px 15px;
}

/*form*/
/**************************************************************************************/

.mainBlock>.textBlock>.showForm {
	display: none;
}

/*************************************POPUP************************************************/
#results {
	width: 500px;
	background-color: white;
	position: absolute;
	z-index: 92;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
	border-radius: 13px;
	text-align: center;
	padding: 0 20px 40px;
}

#results>#icon-close-popup {
	text-align: right;
	padding: 0;
}

#results>#icon-close-popup svg {
	margin: 7px 0px;
	fill: var(--main-color);
	width: 24px;
	cursor: pointer;
}

#results>h3 {
	font-family: 'PlumbCondensed' !important;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	letter-spacing: 0.02em;
	color: var(--main-color);
	margin-bottom: 15px;
}

#results>p {
	font-family: 'PlumbCondensed' !important;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	letter-spacing: 1px;
	color: #434343;
}

#results.active {
	display: block !important;
}

#results-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 91;
	background: rgba(227, 228, 233, 0.7);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	display: none;
	margin-bottom: 0 !important;
}


/**************************************************************************************/
.focus {
	border: 1px solid #ce4040 !important;
}

.focus2 {
	border: 1px solid #b5b5b5 !important;
}

.focus3 {
	border: 1px solid rgb(239, 64, 70) !important;
}

/**************************************************************************************/


/**************************************************************************************/
.rotate-center {
	-webkit-animation: rotate-center 360s linear infinite both;
	animation: rotate-center 360s linear infinite both;
}

.pulsate-bck {
	-webkit-animation: pulsate-bck 7s ease-in-out infinite alternate-reverse both;
	animation: pulsate-bck 7s ease-in-out infinite alternate-reverse both;
}

.pulsate-fwd {
	-webkit-animation: pulsate-fwd 7s ease-in-out 1s infinite alternate-reverse both;
	animation: pulsate-fwd 7s ease-in-out 1s infinite alternate-reverse both;
}

@media screen and (max-width: 900px) {
	.radial1 {
		width: 35%;
		left: -20%;
		top: 28%;
	}

	.landscape .radial1 {
    width: 32%;
    left: -10%;
    top: 43%;
	}

	.rotate-center {
		-webkit-animation: rotate-center 140s linear infinite both;
		animation: rotate-center 140s linear infinite both;
	}

	.pulsate-bck {
		-webkit-animation: pulsate-bck 4s ease-in-out infinite alternate-reverse both;
		animation: pulsate-bck 4s ease-in-out infinite alternate-reverse both;
	}

	.pulsate-fwd {
		-webkit-animation: pulsate-fwd 5s ease-in-out 1s infinite alternate-reverse both;
		animation: pulsate-fwd 5s ease-in-out 1s infinite alternate-reverse both;
	}

	.radial2 {
		width: 40%;
		right: -12%;
		top: -7%;
	}

	.landscape .radial2 {
		width: 43%;
    right: -10%;
    top: -14%;
	}
	.radial3 {
		width: 44%;
		right: -7%;
		bottom: -5%;
	}

	.landscape .radial3 {
    width: 39%;
    right: -5%;
    bottom: -6%;
	}	
	.landscape .mainBlock{
		height: 100%!important;
	}
}

@media screen and (max-width: 430px) {

	.mainBlock>.textBlock>#text>form p input[type='text'],
	.mainBlock>.textBlock>#text>form p input[type='tel'] {
		width: 100%;
		margin-bottom: 15px;
	}


	footer {
		padding: 30px 60px;
	}


}

/************************************************************************************/



/* ----------------------------------------------
* Generated by Animista on 2023-6-28 18:21:34
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation rotate-center
* ----------------------------------------
*/
@-webkit-keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/* ----------------------------------------------
* Generated by Animista on 2023-6-28 18:28:58
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation pulsate-bck
* ----------------------------------------
*/
@-webkit-keyframes pulsate-bck {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulsate-bck {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* ----------------------------------------------
* Generated by Animista on 2023-6-28 18:33:23
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation pulsate-fwd
* ----------------------------------------
*/
@-webkit-keyframes pulsate-fwd {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulsate-fwd {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.lds-dual-ring {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	pointer-events: none;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.lds-dual-ring:after {
	content: " ";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	margin: auto;
	border-radius: 50%;
	border: 3px solid #000;
	border-color: #000 transparent #000 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}