@charset "utf-8";
/* CSS Document */

/*COLORS*/
:root{
	--white:#FFFFFF;
	--black:#000000;
	--warning:#df0b5b;
	--soft-yellow:#fefaf5;
	--gray:#868686;
	--green:#75b781;
}


/*LOADER*/


/*FONTS*/


/*GENERICS*/

html{width:100%; height:100%}

body{width:100%; height:100%; background:var(--soft-yellow); font-size:1em; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; color:var(--dark-gray);  -webkit-font-smoothing: antialiased; /*-webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);*/}

*:focus {outline: none;}

a{color:var(--black); text-decoration:none; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}

header, section, article, aside, footer, nav, figure, div, a{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative;}

	/*Form*/

		/*Input*/
		input{}

		/*TextArea*/
		textarea{height:140px; resize:none; padding:20px; box-sizing:border-box;}

		/*Select*/
		.select_style{height:50px; border-bottom:var(--green) 1px solid; border-right:none; border-left:none; border-top:none;}
		.select_style::before{width:17px; height:17px; position:absolute; top:0; bottom:0; right:0; margin:auto 0; background:url(../../img/bg_arrow.svg) no-repeat; pointer-events:none; content:''}

			.select_style select{border:none; background:var(--white); height:100%; color:var(--black); box-sizing:border-box; -webkit-box-sizing:border-box;}

		/*Float Label*/
		label.floating_label{position:absolute; top:14px; left:0;  font-family:'Muli', sans-serif; font-weight:400; color:var(--gray); pointer-events:none; z-index:10; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; will-change:font-size, color, top; touch-action:manipulation;}

			input:not(:placeholder-shown) + label,
			input:focus + label {top:0px; font-size:0.750rem;}

				input:not(:placeholder-shown),
				input:focus{padding:15px 0 0 !important;}

			select:focus + label, 
			select:not([value=""]):valid + label{top:0px; font-size:0.750rem;}

				select:focus, 
				select:not([value=""]):valid{padding:15px 0 0 !important;}

			textarea:not(:placeholder-shown) + label,
			textarea:focus + label {top:0px; font-size:0.750rem;}

				textarea:not(:placeholder-shown),
				textarea:focus{padding:20px 0 0 !important;}

		/*Checkbox*/
		.label-check {width:auto; float:left; position:relative; cursor:pointer; margin:0;}
	    .label-check input[type="checkbox"] { opacity:0; position:absolute; left:0; top:0; margin:0; z-index:1; cursor:pointer; width:24px; height:24px;}
	    .label-check span.label_check { position:relative; top:-2px; background:var(--gray-02); display:inline-block; vertical-align:bottom; margin-right:5px; width:24px; height:24px; border-radius:2px; box-shadow:inset 0 2px 1px 0 rgba(0, 0, 0, 0.1);}
	    .label-check input[type="checkbox"]:checked + span:after { content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:24px; height:24px; background-image:url(../../img/bg_check.svg); background-color:var(--green); background-repeat:no-repeat; border-radius:2px; background-position:center;}

	    /*Warning*/

			/*Input*/
			.warning input{border-bottom:var(--warning) 1px solid}

			/*Input*/
			.warning textarea{border:var(--warning) 1px solid}

			/*Select*/
			.warning .select_style{border-bottom:var(--warning) 1px solid}

			/*Label*/
			.warning label{color:var(--warning);}

			/*CheckBox*/
			.warning .label-check span.label_check{background:var(--warning);}

			/*Terms*/
			.warning .terms{color:var(--warning);}

/*LAYOUT*/
.row{width:100%;  float:left;}

.center_content{width:1200px; margin:0 auto;}

.content{height:100%; display:flex; flex-direction:column; justify-content: center; align-items:center;}

	.content img{width:300px}

	.content span.text{font-size:1.250rem; color:var(--gray); text-align:center; margin:30px 0;}

	.content .content_countries li{margin:0 0 30px;}
	.content .content_countries li:last-child{margin:0;}

	/*Primary*/
    .button.primary{width:245px; height:50px; border:var(--green) 2px solid; border-radius:4px; padding:0 40px; background:var(--white); display:flex; align-items:center; justify-content:center; will-change:box-shadow, transform;}
    .button.primary:hover{box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1); transform:translateY(-5px); -webkit-transform:translateY(-5px);}

        .button.primary .txt{text-align:center; font-size:1.125rem; color:var(--green); font-weight:700; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 10px 0 0;}

        .button.primary .flag{font-size:1.5rem;}

	/*Media Query Mobile General*/
	@media (max-width: 1000px) {
		
	}