/* div, span, html, p, body{
				font-family: 'Karla', sans-serif;
			} */
			
			html, div, span, a, body, span, input{
				-webkit-font-smoothing: antialiased !important;
				-moz-osx-font-smoothing: grayscale !important;
				/*font-family: "Gotham SSm A", "Gotham SSm B" !important;*/
				font-family: 'Varela Round', sans-serif;
		}

			#link-terms
			{
			float: left;
			width: 100%;
			text-align: center;
			display: block;
			color: #fff;
			font-size: 12px;
			margin-top: 1em;
		}	


		.modal-overlay{
			z-index: 10000 !important;
			opacity: 0.8 !important;
		}

		.modal{
			z-index: 100000 !important;
		}

		.video-intro{
			min-height: 200px;
		}
		
		/* box signature styles */
	 .btn-hf-blue {
		 
		 background-color: #448aff !important;
		 color: white !important;
		 font-weight: 600 !important;
		 margin-top: 15px !important;
		 border-radius: 1.5em !important;
		 width:90% !important;
		 padding: 10px 10px 10px 10px !important; 
	 
	 }
	 
	 .lang-hi-signature {
		 font-weight: bold;
	 
	 }
	 
	 .lang-sign-message {
		 text-align:center;
		 padding: 0 12px;
	 }
	 
	 .hf-flex-container {
		 
		 display: flex;
			flex-direction: column;
			align-items: center;
			height: 100%;
			justify-content: center;
	 
	 }
	 
	 .container-signature {
	 
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 6em auto 8em auto;
	 }
	 
	 .container-signature .security {
				left: 25px;
				top: -10px;
		}

	.container-signature .security {
			text-align: right;
			color: #b0b0b0;
	}
	
	/* box signature styles */

		#html_lang_fqa a {

			color: white;
		}


	#boxMessage .formS4 img{
		margin-top: 50px;
			margin-bottom: 20px;
			max-width: 150px;
	}

	.tomuchaccount-button {
			width: 100%;
			background: #448aff;
			display: inline-block;
			padding: 10px;
			margin: 20px 0px;
			font-size: 18px;
			color: #fff;
			border-radius: 24px;
			cursor: pointer;
	}

	.tomuchaccount-button:hover {
		background: #286ee8;
	}

	.lang-send-email2-expired{
		display: block;
			margin: 23px 0px;
			width: 100%;
	}

	.lang-send-email3-expired{
		display: block;
		width: 100%;
	}


	.no-padding{
		padding: 0px !important;
		box-sizing: border-box !important;
	}
	
	.loader{
		background-color: transparent;
		z-index: 9999;
		width: 100%;
		display:none;
		width: 100%;
		text-align: center;
		padding: 20px 0px;
	}

	#box4 .details{
		padding: 60px 20px !important;
	}

	#box4 .semi-title{
		margin-top: 30px; 
	}

	.cursor{
		cursor: pointer;
	}

	.title-extra-top{
		margin-top: 30px;
	}

	.extra-margin-vertical{
		margin: 10px 0px !important;
	}

	#background{
				background-repeat: no-repeat !important;
				background-attachment: fixed !important;
				background-position: left top;
				background-size: cover !important;
	}

	.background-mobile{
		display: none;
		background-repeat: no-repeat !important;
		background-position: center  !important;
		background-size: cover !important; 
		width: 100%;
		height: 220px;
		display: block;
		position: absolute;
		top:0px;
		left: 0px;
		z-index: -100;
	}

	.background-black{
		z-index: 0;
		position: fixed;
		top: 0px;
		width: 100%;
		height: 100%;
		display: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18091f+0,18091f+100&0+0,1+42 */
		/*background: -moz-linear-gradient(top,  rgba(24,9,31,0) 0%, rgba(24,9,31,1) 42%, rgba(24,9,31,1) 100%); /* FF3.6-15 */
		/*background: -webkit-linear-gradient(top,  rgba(24,9,31,0) 0%,rgba(24,9,31,1) 42%,rgba(24,9,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
		/*background: linear-gradient(to bottom,  rgba(24,9,31,0) 0%,rgba(24,9,31,1) 42%,rgba(24,9,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0018091f', endColorstr='#18091f',GradientType=0 ); /* IE6-9 */

	}

	.logo{
		margin-top: 10px;
		margin-bottom: 20px;
		width: 100%;
		z-index: 100;
		position: relative;
		text-align: center;
		padding: 0px 20px;
		min-height:80px;
	}

	.logo img{
		max-width: 60%;
		max-height: 80px;
	}


	#section-donation .bullet, #section-donation .bullet div,#section-donation{
			-webkit-user-select: none;
			-moz-user-select: none;
			-khtml-user-select: none;
			-ms-user-select:none;
	}
		

	.donation-box {
			background: #061726;
			width: 100%;
			float: left;
			clear: both;
			padding: 20px 15px;
			position: relative;
			border-radius: 0.7em;
			z-index: 100;
			margin-top: 60px;
			overflow: auto;
		 }
	
	
	#section-donation{
		float: left;
		z-index: 100;
		width: 100%;
	}

	#section-donation .bullet{
		text-align: center;
		width: 100%;
		clear: both;
		padding: 0px 0px 15px 0px;
	}

	#section-donation .bullet div{
		display: inline-block;
		border-radius: 50%;
		height: 9px;
		width: 9px;
		border: 1px solid #ccc;
		margin: 0px 2px 0px 2px;
		cursor: pointer;
		background-color: #ccc; 
	}

	#section-donation .action{
		background-color: #448aff !important; 
		border: 1px solid #448aff !important;
	}

	#section-donation .security{
		text-align: right;
		color: #b0b0b0;
	}

	#section-donation .security .padlock{
		width: 11px;
		position: relative;
		top: 3px;
	}
	
	#box3 .totalAmount, #box3 .currency{
		position:relative;
		top:-7px;
	}

	.lang-remember-label{
		line-height: 16px !important;
		padding-left: 25px !important;
	}


	@media only screen and (min-width: 600px) {
		
		
		.logo img{
			max-width: 100%;
			max-height: 100px;
		}

		#section-donation{
			max-width: 450px;
		}


		.donation-box{
			padding: 20px 20px;
			max-width: 450px;
			min-width: 432px;
			z-index: 1000;
			margin: 0px 0px 0px 30px;
		}

		.logo{
			margin: 20px 0px;
			margin-left: 30px;
			max-width: 450px;
			padding: 0px;
		}
		
		.background-mobile{
			display: none;
		}

		.background-black{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18091f+1,18091f+100&1+19,0+100 */
			/*background: -moz-linear-gradient(left,  rgba(37,37,37,1) 1%, rgba(37,37,37,1) 19%, rgba(37,37,37,0) 100%); /* FF3.6-15 */
			/*background: -webkit-linear-gradient(left,  rgba(37,37,37,1) 1%,rgba(37,37,37,1) 19%,rgba(37,37,37,0) 100%); /* Chrome10-25,Safari5.1-6 */
			/*background: linear-gradient(to right,  rgba(37,37,37,1) 1%,rgba(37,37,37,1) 19%,rgba(37,37,37,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18091f', endColorstr='#0018091f',GradientType=1 ); /* IE6-9 */
		}

		#section-donation .security{
			left: 25px;
			top: -10px;
		}

		.video-intro{
				min-height: 300px;
			}

	}

	@media only screen and (min-width: 1280px) {

		.video-intro{
				min-height: 370px;
			}

	}

	@media only screen and (min-width: 1600px) {
		
		.video-intro{
				min-height: 440px;
			}
	}


	@media only screen and (min-width: 1900px) {
		
		.video-intro{
				min-height: 500px;
			}
	}

	/**
	 * 
	 */
	
	#section-donation .garbage{
		clear: none;
		float: left;
		width: 50px;
		height: 50px;
		text-align: right;
	}

	#section-donation .garbage  img{
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 3px;
		cursor: pointer;
	}

	#section-donation .garbage  img:hover{
		background-color: #eee !important; 
	}

	#section-donation .select-garbage{
		clear: none;
		float: left;
		width: calc(100% - 50px);
	} 

	#section-donation .selection-global{
		clear: both;
		float: left;
		width: 100%;
	}

	.Non-garbage .select-garbage{
		width: 100% !important;
	}

	.Non-garbage .garbage{
		display: none !important;
	}

	#section-donation .select-wrapper input.select-dropdown
	{
		font-size: 17px;
		border: 1px solid #ccc;
		font-weight: 300;
		margin:0px !important;
		color: #fff;
		border-radius: 0.3em !important;
		padding: 0.5em !important;
	}

	.dropdown-content li > a, .dropdown-content li > span{
		color: #484848 !important;
		font-weight: 300;
		font-size: 17px;
	}

	.page-footer .select-wrapper input.select-dropdown{
		border: 0px;
	}



	/**	
	 * 
	 */
	
	#section-donation .select-mount{
		margin: 30px 0px;
		float: left;
		width: 100%;
	}
	
	#section-donation .select-cell{
		border: 1px solid #ccc;
		border-radius: 5px;
		margin: 10px 0px;
		width: 100%;
		box-sizing: border-box;
		float: left;
		overflow-x: hidden;
	}
	
	#section-donation .select-cell div{
		text-align: center;
		width: 25%;
		float: left;
		clear: none;
		margin:  0px !important;
		padding: 10px 0px !important;
		cursor: pointer;
	}

	#section-donation .select-cell .active{
		background-color: #448aff; 
		color: #fff;
	}

	#section-donation .select-cell .active:hover{
		background-color: #448aff !important; 
		color: #fff !important;
	}

	#section-donation .select-cell div:hover{
		background-color: #eee;
	}

	#section-donation .cell-0, 
	#section-donation .cell-1,
	#section-donation .cell-2{
		border-bottom : 1px solid #ccc;
		border-right  : 1px solid #ccc;
	}

	#section-donation .cell-3{
		border-bottom : 1px solid #ccc;
	}

	#section-donation .cell-4,
	#section-donation .cell-5,
	#section-donation .cell-6{
		border-right: 1px solid #ccc;
	}

	#section-donation .select-cell div input{
		height: 18px;
		margin: 0px; 
		padding: 0px;
		padding-left: 4px !important; 
		border: none !important;
		width: 50%;
		background-color: transparent !important;
	}

	#section-donation .select-cell div input:hover{
		border: none !important;
	}

	.newDonation{
		float: left;
		clear: none;
		display: none;
		width: 100%;
	}

	.newDonation .warning-cell{
		display: none;
		clear: both;
		float: left;
	}

	.newDonation .validate-warning-cell .warning-cell{
		display: block !important;
	}

	.validate-warning-cell .select-cell{
		border: 1px solid red !important;
	}

	.validate-warning-cell .cell-0, 
	.validate-warning-cell .cell-1,
	.validate-warning-cell .cell-2{
		border-bottom : 1px solid red !important;
		border-right  : 1px solid red !important;
	}

	.validate-warning-cell .cell-3{
		border-bottom : 1px solid red !important;
	}

	.validate-warning-cell .cell-4,
	.validate-warning-cell .cell-5,
	.validate-warning-cell .cell-6{
		border-right: 1px solid red !important;
	}

	.warning-cell, label.error{
		width: 100% !important;
		color:red !important;
		font-size: 12px;
		text-align: left;
		display: inline-block;
	}

	/**	
	 * 
	 */

	.title{
		font-size: 20px;
		font-weight: 400;
		color: #fff;
		padding: 5px 0px 20px 0px;
		text-transform: uppercase;
	}

	.title-modal{
		font-size: 20px;
		font-weight: 400;
		color: #448aff;
		padding: 5px 0px 0px 0px;
		text-transform: uppercase;
	}

	.title-modal-2{
		width: 100%;
		text-align: center;
		font-size: 28px;
		font-weight: 400;
		color: #448aff;
		padding: 5px 0px 0px 0px;
		text-transform: uppercase;
	}

	.label-amount{
		color: #fff;
		font-size: 18px;
		margin-bottom: 9px;
		margin-top: 10px;
		/* float: left; */
	}
	#lang-cost{
		font-weight: 700;
	}	
	#lang-regular-price{
		font-weight: 700;
	}
	#lang-offer{
		font-weight: 700;
	}

	#modal1{
		z-index: 11004 !important;
		width: 320px;
			margin: 155px 0 0 20px;
	}		    

	.semi-title{
		font-size: 18px;
		font-weight: 600;
		color: #fff;
		padding: 5px 0px 10px 0px;
		line-height: normal;
	}

	.subtitle{
		font-size: 15px;
		font-weight: 600;
		color: #fff;
	}

	.text-light{
		font-size: 13px;
		font-weight: 300;
		color: #fff;
		padding: 3px 0px 15px 0px;
		float: left;
		width: 100%;
		line-height: 25px;
	}

	.text-strong{
		font-size: 15px;
		font-weight: 500;
		color: #fff;
	}

	.grey-small{
		font-size: 14px !important;
		color: #fff;
		font-weight: 100 !important;
		line-height: normal;
		padding: 3px 0px 3px 0px;
	}
	
	.grey-small-bold{
		font-size: 14px;
		color: #fff;
		font-weight: 600 !important;
		line-height: normal;
		padding: 3px 0px 3px 0px;
	}

	.grey-soft-small{
		color: #b0b0b0;
	}


	@media only screen and (min-width: 600px) {

		.label-amount{
			font-size: 18px;
		}

		
		#lang-cost{
			font-weight: 700;
		}

		#modal1{
			z-index: 11004 !important;
			width: 406px;
				margin: 65px;
		}
		.semi-title{
			font-size: 20px;
		}
	}


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

	.separator table{
		width: 100%;
		max-width: 100%;
	}

	.separator td{
		color: #fff;
		vertical-align: middle;
		text-align: center;
		width: auto;
		white-space: nowrap;
		font-size: 13px;
		padding: 0px;
	}

	.separator td.large{
		width: 60%;
	}

	.separator td.short{
		width: 20%;
	}

	.separator hr { 
		display: block;
			position: relative;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
			margin: 0px 3px;
			border: 0;
			height: 0;
			border-top: 1px solid rgba(255, 255, 255, 0.5);
	}
	
	.element-card 
	{
		padding: 0.8em;
		border-radius: 0.3em;
		border: 0.0625em solid #fff;
	}


	/**	
	 * 
	 */
	
	
	.button-blue, .button-transparent-blue {
		width: 100% !important;
		float: left;
		clear: both;
	}

	.button-donate a{
		width: 100% !important;
		margin: 10px 0px 10px 0px;
		text-transform: none !important;
		border-radius: .3em !important;
		box-shadow: none !important;
		height: auto !important;
		padding: 0.3em; 
		font-size: 17px;
	}

	.button-border-green{
		width: 100%;
		margin: 10px 0px 10px 0px;
		text-transform: none;
		border-radius: 0.3em;
		box-shadow: none;
		height: auto;
		padding: 0.5em 0.3em; 
		font-size: 17px;
		color: #448aff;
		border: 1px solid #448aff;
		background-color: #fff;
		text-align: center;
		float: left;
		cursor: pointer;
	}
	
	.button-border-green2{
		width: 100%;
		margin: 0px 0px 0px 2px;
		text-transform: none;
		border-radius: 0.3em;
		box-shadow: none;
		height: auto;
		padding: 0.3em; 
		font-size: 17px;
		color: #448aff;
		border: 1px solid #448aff;
		background-color: #fff;
		text-align: center;
		cursor: pointer;
	}
	
	.button-blue a{
		background-color: #448aff;
		color: #fff !important;
	}

	.button-transparent-blue a{
		background-color: transparent;
		color: #448aff;
		border: 1px solid #448aff;
	}

	.button-blue a:hover{
		background-color: #286ee8;
		color: #fff !important;
	}

	.button-transparent-blue a:hover{
		background-color: #286ee8;
		color: #fff;
		border: 1px solid #fff;
	}

	#bntContinue span{
		position: relative;
		top: -2px;
	}

	#addDonation{
		display: none;
	}

	/**
	 * Container
	 */
	
	#section-donation .container{
		width: 100%;
	}

	.button-donate a i{
			position: relative;
			top: 3px;
	}

	@media only screen and (min-width: 600px) {
		
		#section-donation .container{
			width: 90%;
		}

		.button-donate a i{
			position: relative;
			top: 4px;
		}
	}


	/**
	 * 
	 */
	
	.divisor{
		width: 100%;
		clear: both;
		float: left;
	}
	
	.line{
		width: 45%;
		clear: none;
		float: left;
	}

	.line hr{
		position:relative;
		top: 4px;
		color: #ccc;
		background-color: #ccc;
		height: 1px;
		border: none;
	}
	
	.line-text{
		width: 10%;
		clear: none;
		float: left;
		text-align: center;
		color: #b8b8b8;
	}
	
	.line-space-2 {
		width: 20%;
		float: left;
		clear: none;
	}

	.line-space-1 {
		width: 60%;
		float: left;
		clear: none;
		text-align: center;
	}

	.line-center{
		border-bottom: 1px solid #ccc;
		position: relative;
		top: 12px;
	}

	/*
	*
	* 
	 */
	.menu{
			top: 750px;
			z-index: 10000;
	}

	.menu .idiom {
			width: 110px;
	}
	
	.menu .select-dropdown{
		font-size: 17px !important;
		left: -6px;
	}

	.menu .select-dropdown, .menu i{
		color: #fff !important;
		border: none !important;
	}

	.menu-footer{
		width: 100%;
		float: left;
		clear: both;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	#lang-is-registered3, #lang-sign-in3{
		position: relative;
			display: inline-block;
			padding: 10px 0px;
	}

	.menu-footer-middle-1{
		width: 100%;
		float: left;
		clear: none;
		position: relative;
		text-align: left;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.menu-footer-middle-1 a{
		color: #fff;
		font-size: 15px;
		text-decoration: none;
		font-weight: 400;
	}

	.menu-footer-middle-2{
			width: 40%;
			float: right;
			clear: none;
			box-sizing: border-box;
			position: absolute;
			top: 130px;
			text-align: right;
			right: 15px;
	}	

	.menu-footer-middle-2 .world{
		position: absolute;
		top: 13px;
		left: 13px;
		color: white;
		font-size: 20px;
	}

	.menu-footer .select-wrapper input.select-dropdown{
		padding-left: 45px !important;
		background-color: rgba(255,255,255 ,0.1);
		border-radius: 0.5em;
		margin-bottom: 20px;
		box-sizing: border-box;
		color: white;
	}

	.menu-footer .select-wrapper i{
		color: white;
	}

	.lang-secure{
		position: relative;
	}	

	

	@media only screen and (min-width: 600px) {
		
		.menu-footer{
			position: relative;
		}

		.menu-footer-middle-1{
			width: 60%;
			float: left;
			clear: none;
			text-align: left;
			padding-top: 15px;
			padding-bottom: 0px;
			border: 0px;
		}

		.menu-footer-middle-2{
			width: 40%;
			float: left;
			clear: none;
			box-sizing: border-box;
			position: relative;
			top: 0px;
			left: 0px;
		}

		.menu{
			border-radius: 50%;
			background: -moz-radial-gradient(center, ellipse cover, rgba(70,70,70,0.33) 0%, rgba(70,70,70,0) 71%, rgba(70,70,70,0) 100%);
			background: -webkit-radial-gradient(center, ellipse cover, rgba(70,70,70,0.33) 0%,rgba(70,70,70,0) 71%,rgba(70,70,70,0) 100%);
			background: radial-gradient(ellipse at center, rgba(70,70,70,0.33) 0%,rgba(70,70,70,0) 71%,rgba(70,70,70,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#00000000',GradientType=1 );
		}

	}

	/***
	**/

	.recursiveDonation{
		width: 100%;
		float: left;
		clear: both;
	}


	.recursiveDonation .switch{
		width: 60px;
		float: left;
		clear: none;
		position: relative;
		top: 12px;
	}

	.recursiveDonation .select{
		width: calc(100% - 60px);
		float: left;
		clear: none;
	}

	.recursiveDonation .select_box{
		width: 50px;
		display: inline-block;
		margin: 0px 7px;
	}


	/*
	*
	* 
	 */
	
	#foot{
		float: left;
			z-index: 9999;
			clear: both;
			color: white;
			text-align:center;
			width: 100%;
			padding: 0px 5px 0px 15px;
	}
	#page-footer{
		width: 100%;
			display: inline;
	}
	#lang-sign-in {
			color: #448aff;
		text-align: center;
		cursor: pointer;
	}
	#lang-sign-in:hover{
		color: #448aff;
	}
	#lang-sign-in2 {
			color: white;
		text-align: center;
		cursor: pointer;
	}
	#lang-sign-in2:hover{
		color: #448aff;
	}
	#lang-sign-in3 {
			color: #448aff;
		text-align: center;
		cursor: pointer;
	}
	#lang-term{
		margin-top: 10px;
		font-size: 12px;
		color: rgba(255,255,255,0.7);
	}
	#lang-footer{
		font-size: 12px;
		color: white;
		position: relative;
	}


	#lang-url-footer{
		font-size: 12px;
		color: rgba(255,255,255,0.7);

	}


@media (max-width: 600px) {

		#lang-footer{
		font-size: 12px;
		color: white;
		position: relative;


	}
		#lang-term {

			color: white;
		}

	#lang-url-footer{
		font-size: 12px;
		color: white;
	}

	}



	.upline{
		position: relative;
		top:-4px;
	}
	.upimg{
		margin-top: 8px;
		width: 100%;
		float:left;
		clear: both;
		 padding-left: 5%;
			padding-right: 5%;
	}
	.imgSingle{
		width: 33%;
		float: left;
	}
	#lang-scheduled{
		font-size: 14px;
	}

	.paypal{
		width: 80px;
		position: relative;
		top: -16px;
	}

	@media only screen and (min-width: 600px) {

		#foot{
			float: left;
				z-index: 9999;
				position: relative;
				clear: both;
				color: white;
				margin-left: 40px;
				text-align:center;
				max-width: 450px;
				width: 100%;
				padding-top: 0;
		}

		.upimg{
			margin-top: 8px;
			width: 100%;
			float:left;
			clear: both;
			 padding-left: 15%;
				padding-right: 15%;
		}

	}
	
	/*#448BFF*/
	
	/**
	**/


			.language{
		width: 100%;
		clear: both;
		text-align: right;
		padding: 20px 0px 30px 0px;
		background-color: transparent;
	}

	.language .select{
		display: inline-block;
		cursor: pointer;
		padding: 6px 10px 2px 10px;
		border-radius: 0.5em 0.5em 0.5em 0.5em;
		border: 1px solid #fff;
		background-color: rgba(255,255,255,0.4);
	}

	.language .select.active{
		border-radius: 0em 0em 0.5em 0.5em;
		background: rgba(255,255,255,0.6);
		border: 1px solid #eee;
	}

	.language .select .text{
		position: relative;
		top: -5px;
		color: #fff;
		margin: 0px 5px 0px 5px;
		font-weight: 400;
	}

	.language .select .world{
		display: inline-block;
		width: 20px;
		height: 20px;
	}

	.language .select .carret{
		 width: 8px;
		 height: 8px;
		 position: relative;
		 top: -5px;
		 display: inline-block;
	 }

				.option-language{
		position: absolute;
		top: 0px;
		left: 0px;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 0.5em 0.5em 0em 0em;
		display: none;
		color: #575757;
 }


 .option-language .option{
	 padding: 7px 0px 7px 20px;
	 cursor: pointer;
	 font-size: 1.2em;
	 color: #575757;
 }

 .option-language .option:hover{
	 background: rgba(0, 0, 0, 0.25);
 }

	

	.input-right{
		border-left: 1px solid #ccc !important;
		border-top:  1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		border-right: 1px solid #ccc !important;
		border-radius: 0.5em !important;
	}

	.input-left{
		border-left: 1px solid #ccc !important;
		border-top:  1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		border-right: 1px solid #ccc !important;
		border-radius: 0.5em !important;
	}
	
	.grey-box{
		background-color:#061726;
		padding: 0 !important;
		border-radius: 1.5em;
		box-sizing:border-box; 
		-moz-box-sizing:border-box; /* Firefox */ 
		-webkit-box-sizing:border-box; /* Safari */
	}
	
	.donation-box .details{
		box-sizing:border-box; 
		-moz-box-sizing:border-box; /* Firefox */ 
		-webkit-box-sizing:border-box; /* Safari */
		padding: 0px 20px;
	}

	.donation-box .row{
		margin:0px;
		padding:0px;
	}
	
	.donation-box .input{
		 padding:0px 0px 10px 0px !important;
	}
	
	input, input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
		border:1px solid #ccc;
		margin:0px;
		text-align:left;
		padding:0px 0px 0px 10px !important;
		box-sizing:border-box; 
		-moz-box-sizing:border-box; /* Firefox */ 
		-webkit-box-sizing:border-box; /* Safari */
		background: #fff;
		font-size:18px;
		border-radius: 0.3em !important;
	}

	input, input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
		box-shadow: none !important;
		border: 1px solid #ccc;
	}

	input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid{
		box-shadow: none !important;
		border: 1px solid #ccc;
	}

	[type="checkbox"].filled-in:checked + label:after{
				border: 2px solid #448aff !important;
				background-color: #448aff !important;
	}
	
	::-webkit-input-placeholder {
		 color: #363636;
		 font-size:17px;
	}

	:-moz-placeholder { /* Firefox 18- */
		 color: #363636;  
		 font-size:17px;
	}

	::-moz-placeholder {  /* Firefox 19+ */
		 color: #363636;
		 font-size:17px;  
	}

	:-ms-input-placeholder {  
		 color: #363636;
		 font-size:17px;  
	}

	.active ::-webkit-input-placeholder {
		 color: #fff !important;
	}

	.active :-moz-placeholder { /* Firefox 18- */
		color: #fff !important;
	}

	.active ::-moz-placeholder {  /* Firefox 19+ */
		color: #fff !important;
	}

	.active :-ms-input-placeholder {  
		color: #fff !important;
	}


	
	@media only screen and (min-width: 600px) {
		.input-right{
			border-left: none !important;
			border-top:  1px solid #ccc !important;
			border-bottom: 1px solid #ccc !important;
			border-right: 1px solid #ccc !important;
			border-radius: 0.5em 0.5em 0.5em 0.5em !important;
		}

		.input-left{
			border-left: 1px solid #ccc !important;
			border-top:  1px solid #ccc !important;
			border-bottom: 1px solid #ccc !important;
			border-right: 1px solid #ccc !important;
			border-radius: 0.5em 0.5em 0.5em 0.5em !important;
		}

		
	}

	/**
	*/

	html {
			-webkit-text-size-adjust: none
	}

	.logo_mundo {
		position: relative;
		top: 31px;
		left: -22px;
	}

	.select-wrapper span.caret {
		top: -13px !important;
		right: 4px;
	}

/* NEW AUTHENTICATION */ 


/* radio buttons */ 

#radio-form-default [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {

border: 1px solid #448AFF;
}

#radio-form-default [type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {

background-color: #448AFF !important;
}

#radio-form-default .item-card .col.s1 p {

-webkit-margin-before: 0em !important;
-webkit-margin-after: 0em !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;
margin: 0 !important;
}

#radio-form-default [type="radio"] + label:before, [type="radio"] + label:after {

content: '';
position: absolute;
left: 0;
top: 0;
margin: 5px;
width: 10px;
height: 10px;
z-index: 0;
transition: .28s ease;
}

#radio-form-default .edit-card-btn img {

transform: scale(0.8);
cursor: pointer;
}

.lang-dont-close-window.center-align {

display: block;
margin-top: 5px;
margin-bottom: 10px;
}

.msg-sent-other-code, .msg-sent-other-code-pass {

cursor: pointer;
}

#lang-otp-login1_ph, #lang-otp-login2_ph, #lang-pass-otp_ph {
text-align: center;
}


.otp-input {
text-align: center;
font-size: 35px !important;
height: 60px !important;
color: #464646;
letter-spacing: 15px;
}

/* radio buttons */

#radio-form-default {

margin-top: 5em;
}

#radio-form-default .col.s10 {

margin-bottom: .5em
}

#lang-type-login {


margin-bottom: 1em;
}

#loader-login {

margin-top: 1em;
}

#lang-error-login {

width: 100%; 
text-align: center; 
display: block; 
margin-top: 10px;
}


#bntContinueNew a {

background-color: #27ae61 !important;
}
#bntContinueNew a:hover  {

background-color: #219a55 !important;
}

#lang-sign-in-4 {

background-color: #448aff !important;
color: #FFF;
}
#lang-sign-in-4:hover {

background-color: #3b80f4 !important;
color: #FFF;
}

/* credit card input component */

.creditcard-input-contaier {
position: relative;
}

.creditcard-input-container .amex {

position: absolute;
width: 40px;
height: auto;
padding: 4px 0;
left: 55px;
}

.creditcard-input-container .card {
position: absolute;
margin: 13px 0;
left: 60px;
}

.creditcard-input-container .visa {

position: absolute;
padding: 16px 0;
left: 55px;
}

.creditcard-input-container .master {

position: absolute;
padding: 15px 0;
left: 60px;
}

.creditcard-input-container .discover {

position: absolute;
padding: 16px 0;
left: 59px;
}

#lang-creditcard_ph {

padding-left: 50px !important;
}

#lang-creditcard_ph_two_a {

padding-left: 50px !important;
}

#lang-creditcard_ph_two_b {

padding-left: 50px !important;
}

.coupon-container { 

display: flex;
}

.success-password-auth {
text-align:center;
}

.success-password-auth i.material-icons {
font-size: 80px;
color: #37d15e;
padding: 10px;
border-radius: 50%;
border: solid 2px #37d15e;
}

@media (max-width: 960px) {

.button-border-green2 {

padding: 7px;
}
}

@media (max-width: 1140px) {

.button-border-green2 {

padding: 8px;
}
}

#signature-model {
	cursor: pointer;
	width:300px;
	height: 150px;
}

#draw-signature {
	border: dotted 2px #7a797985;
	cursor: pointer;
	width:100%;
	height:auto;
}

#img-preview {
	max-width: 400px;
	max-height: 200px;
}

.img-preview-container {
	display: flex;
	border: dotted 1px #e9e9e9;
	justify-content: center;
	align-items: center;
}

.img-preview-container img 
{
	padding: 1em;
	box-sizing: border-box;
}

.modal.modal-fixed-footer {
	height: 80%;
	max-height: 80%;
	border-radius: 1.5em;
}

input[type=text].has-error {
	border: 1px solid red !important;
	box-shadow: 0 1px 0 0 red !important;
}

input[type=text].has-error:focus {
	border: 1px solid red !important;
	box-shadow: 0 1px 0 0 red !important;
}

label.has-error {
	color: red !important;
}

label.has-error.active {
	color: red !important;
}

label.has-error.active:focus {
	color: red;
}

.tabs .tab a.active {
	color: #448aff;
	
}

.tabs .tab a:hover {
	color: #448aff;
	
}

.tabs .tab a {
	color: #535353;
}

.tabs .indicator {
	background-color: #448aff;
}

.action-btns-signature-container {
	margin-top:10px;
}

.action-btns-signature-container .clear-btn{
			text-decoration: none;
		color: #448aff;
		background-color: transparent;
		text-align: center;
		letter-spacing: .5px;
		transition: .2s ease-out;
		cursor: pointer;
		border: solid 1px #448aff;
		text-transform: none;
}

.action-btns-signature-container .clear-btn:hover{
			text-decoration: none;
		color: #3466ba;
		background-color: transparent;
		text-align: center;
		letter-spacing: .5px;
		transition: .2s ease-out;
		cursor: pointer;
		border: solid 1px #3466ba;
		text-transform: none;
}

.action-btns-signature-container .clear-btn:focus{
			text-decoration: none;
		color: #3466ba;
		background-color: transparent;
		text-align: center;
		letter-spacing: .5px;
		transition: .2s ease-out;
		cursor: pointer;
		border: solid 1px #3466ba;
		text-transform: none;
}

.action-btns-signature-container .clear-btn:visited{
			text-decoration: none;
		color: #3466ba;
		background-color: transparent;
		text-align: center;
		letter-spacing: .5px;
		transition: .2s ease-out;
		cursor: pointer;
		border: solid 1px #3466ba;
		text-transform: none;
}

.action-btns-signature-container .place-btn {

	text-decoration: none;
	color: white;
	background-color: #448aff;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 0.85;
}

.action-btns-signature-container .place-btn:hover {

	text-decoration: none;
	color: white;
	background-color: #3466ba;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 1;
}

 .action-btns-signature-container .place-btn:focus {

	text-decoration: none;
	color: white;
	background-color: #3466ba;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 1;
}

 .action-btns-signature-container .place-btn:visited {

	text-decoration: none;
	color: white;
	background-color: #3466ba;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 1;
}

.btnCancel {
	 text-decoration: none;
	color: white;
	background-color: #dc3545;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 0.85;
}

.btnCancel:hover {

	text-decoration: none;
	color: white;
	background-color: #dc3545;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 1;
}
 .btnCancel:focus {

	text-decoration: none;
	color: white;
	background-color: #3466ba;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 1;
}

.btnCancel:visited {

	text-decoration: none;
	color: white;
	background-color: #3466ba;
	text-align: center;
	letter-spacing: .5px;
	transition: .2s ease-out;
	cursor: pointer;
	border: none;
	text-transform: none;
	opacity: 1;
}

#image-signature {
	font-size: 1em;
}

.content-no-padding-top {
padding-top:0 !important;
padding-right:0 !important;
padding-left:0 !important;
}

.container-drawer {
display:flex;
flex-direction: column;
align-items:center;
}  

#signature-message-error {
color: red;
}

.input-contract {
width: 40% !important;
}

.green-success-btn {
background-color: #27b04b !important;
color: white !important;
opacity: 0.7;
}

.green-success-btn:hover {
background-color: #23a145 !important;
color: white !important;
opacity: 1;
}

.valid {
border: solid 1px #27b04b !important;
}

.valid:focus {
border: solid 1px #27b04b !important;
}

@media (max-width: 1100px) {
.input-contract {
width: 100% !important;
}

}

@media (max-width: 700px) {

#modal-layer {
	width: 100%;
	height: 100%;
	top: 0 !important;
	max-height: 100%;
}
}

/* width */
::-webkit-scrollbar {
width: 0.3em;
}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #aaaaaa;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
#indicator-container {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top:65%;
left: 88%;
flex-direction: column;

}			 
#indicator-container span {
font-size: 48px;
color: #3b80f4;
}

#arrow-indicator-down {
margin-top: 15px;
position: absolute;
animation: slidein 2s infinite;
top: 5px;
font-size: 68px !important;
}

@keyframes slidein {
0% {
top: 5px;
}

50% {
top: 15px;
}

100% {
top: 5px;
}
}

.flex-input-container {
align-content: center;
display: flex;
align-items: center;
}

.indicator-container {

display: flex;
align-items: center;

}			 
.indicator-container span {
font-size: 28px;
color: #3b80f4;
}

.arrow-indicator-left {
position: relative;
animation: slideleft 2s infinite;
right: -10px;
font-size: 48px !important;
}

@keyframes slideleft {
0% {
right: -10px;
}

50% {
right: -5px;
}

100% {
right: -10px;
}
}

@media(max-width: 700px) {
#signature-model {
width: 230px;
height: 115px;
}
}

#lang-email_ph.error,
.error-active,
#slang-email_ph.error:hover, 
.error-active:hover
{
border: 1px solid red !important;
}

.password
{
position: relative;
}

.password .icon-password
{
	position: absolute;
	top: 1.05em;
	right: 1em;
	cursor: pointer;
}

.form-login-comment
{
text-align: center;
width: 80%;
margin-left: 10%;
font-weight: 400 !important;
display: block;
font-size: 0.8em !important;
}

.form-grey
{
background: #061726;
padding: 0.01em 2em 1em 2em;
margin-top: 1em;
margin-bottom: 1em;
float: left;
border-radius: 1.5em;
}

.form-login-other, 
.form-login-other-title,
.form-login-other-options
{
width: 100%;
float: left;
}

.form-login-other-options{
margin-top: 0.3em;
}

.form-login-other-options .option{
margin-top: 0.3em;
}

.form-login-other-title{
padding-top: 1em;
}

.link-standar{
color: #448aff;
font-size: 0.9em;
font-weight: 600;
margin-bottom: 0.5em;
cursor: pointer;
}

#foot
{
margin-top: 1.5em;
}

.menu-footer{
padding-bottom: 1.5em;
}

#modal-login-otp,
#modal-login-link,
#modal-login-forgot,
#modal-legal-cookies
{
max-width: 30em !important;
min-width: 320px !important;
top: 20% !important;
border-radius: 1.5em !important;
}

#modal-login-opt-getEmail-loading,
#modal-login-link-getEmail-loading,
#modal-login-forgot-getEmail-loading
{
padding-top: 2em !important;
}


#modal-login-otp h4,
#modal-login-link h4,
#modal-login-forgot h4,
#modal-legal-cookies h4
{
margin: 0px !important;
padding-bottom: 0px !important;
}

#modal-login-link-getEmail-success-icon,
#modal-login-forgot-getEmailComplete-icon
{
width: 100%;
padding: 1em 7em;
}



#modal-login-forgot-getEmailSuccess .inputs{
margin: 5px 0px 10px 0px !important;
}

#modal-login-forgot-getEmailSuccess .password .icon-password {
top: 1.05em !important;
}

.go-form-suscription
{
font-weight: 400;
color: #448aff;
cursor: pointer;
}

.click-close-modal
{
width: 1.6em;
height: 1.6em;
position: absolute;
top: 1em;
right: 1em;
cursor: pointer;
}

.disabled_{
pointer-events: none;
opacity: 0.5;
display: none;
}

.g-recaptcha{
width: 100%;
float: left;
margin-top: 1em;
margin-left: 1.5em;
}

.g-recaptcha.login
{
	margin-left: 0;
}

#lang-remember{
font-size: 0.95em !important;
position: relative;
left: -20px;
}

#lang-remember-two-a{
font-size: 0.95em !important;
position: relative;
left: -20px;
}

#lang-remember-two-b{
font-size: 0.95em !important;
position: relative;
left: -20px;
}

#step3 [type="checkbox"].filled-in:not(:checked) + label:after {
height: 16px !important;
width: 16px !important;
top: 2px !important;
border: 2px solid #b0b0b0 !important;
}

#bntContinue3, 
#bntContinue3 a, 
#bntSelectCard, 
#bntSelectCard a,
#bntContinue4,
#bntContinue4 a,
#bntSelectTwoCard,
#bntSelectTwoCard a
{
margin-bottom: 0px;
}

.preloader-wrapper
{
width: 40px !important;
height: 40px !important;	
}

.section-load-cards #google-recaptcha
{
margin-bottom: 1em;
}

#indicator-container {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 86%;
	left: 45%;
	flex-direction: column;
	z-index: 99;
	cursor: pointer;
}			 

@media (width >= 992px)
{
	#indicator-container
	{
		top: 90%;
		left: 50%;
	}
}

#indicator-container span {
font-size: 30px;
color: #438AFF;
}

#arrow-indicator-down {
margin-top: 15px;
position: absolute;
animation: slidein 2s infinite;
top: 5px;
font-size: 35px !important;
}

#lang-coupon-btn-loading{
display: none;
}

@keyframes slidein {
0% {
top: 5px;
}

50% {
top: 15px;
}

100% {
top: 5px;
}
}

.flex-input-container {
align-content: center;
display: flex;
align-items: center;
}

.indicator-container {

display: flex;
align-items: center;

}			 

#indicator-container img
{
	width: 2em;
}

.indicator-container span {
font-size: 28px;
color: #438AFF;
}

.arrow-indicator-left {
position: relative;
animation: slideleft 2s infinite;
right: -10px;
font-size: 48px !important;
}

@keyframes slideleft {
0% {
right: -10px;
}

50% {
right: -5px;
}

100% {
right: -10px;
}
}

@media(max-width: 700px) {
#signature-model {
width: 230px;
height: 115px;
}
}

/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: .5em .5em 0em 0em;
}

/* Style the buttons inside the tab */
.tab div {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
border-radius: .5em .5em 0em 0em;
}

/* Change background color of buttons on hover */
.tab div:hover {
background-color: rgba(0, 0, 0, 0.1);
}

/* Create an active/current tablink class */
.tab div.active {
background-color: rgba(0, 0, 0, 0.1);
}

/* Style the tab content */
.tabcontent {
display: none;
padding:1px 10px 15px 10px;
border: 1px solid #fff;
border-top: none;
width: 100%;
border-radius: 0em 0em .5em .5em;
}

@media (max-width: 600px) { 
.tablinks {
	text-align: center;
width: -webkit-fill-available !important;
}
}

@media (max-width: 413px) { 
.tablinks {
	text-align: center;
width: -webkit-fill-available !important;
}

#lang-creditcard_ph_two_a {
font-size: small;
}

#lang-creditcard_ph_two_b {
font-size: small;
}

#lang-creditcard_ph_two_a::placeholder {
font-size: small;
}

#lang-creditcard_ph_two_b::placeholder {
font-size: small;
}
}

#modal-change-language .select-wrapper input.select-dropdown {
border: 1px solid #484848;
padding: 0px 10px;
height: 40px;
border-radius: 0.5em;
font-weight: 300;
margin: 0px !important;
font-size: 17px;
}

#lang-phone-ph {
padding: 0em 0em 0em 5em !important;
}

.dropdown-content {
max-height: 300px !important;
}

@media (max-width: 1140px) { 
#lang-coupon_ph {
height: 2.4em !important;
}
}

@media (max-width: 921px) { 
#lang-coupon_ph {
height: 2.45em !important;
}
}

.container-sold-out
{
	float: left;
	width: 100%;
	margin: 1em 0;
	display: none;
}

.container-sold-out .title
{
	font-size: 1.2em;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	color: #db1428;
	padding: 0;
}

.container-sold-out .text
{
	padding-bottom: 0;
}

#modal-password
{
	border-radius: 2.5em;
	max-height: 90%;
}

#modal-password .title
{
	text-align: center;
}

#modal-password .button-blue
{
	text-align: center;
	float: none;
	margin-top: 2em !important;
}

#modal-password .button-blue .btn
{
	display: block;
	border-radius: 1.5em;
	padding: 0.3em 2em;
	height: auto;
}

#modal-password .text span 
{
	font-weight: 600;
}

#modal-password .container-loader
{
	margin-top: 1.5em;
	display: flex;
	justify-content: center;
}

#modal-password .container-loader .button-loader
{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5em 2em;
	border: 0.0625em solid #286ee8;
	width: 100%;
	border-radius: 1.5em;
}

#modal-password .container-loader .button-loader .preloader-wrapper
{
	width: 25px !important;
	height: 25px !important;
}

#modal-password .container-loader .button-loader .loader-text
{
	margin-left: 1em;
}

@media (width >= 992px)
{
	#modal-password
	{
		width: 40%;
	}

	#modal-password .button-blue .btn
	{
		width: 15em;
		margin: 0 auto;
	}

	#modal-password .container-loader .button-loader
	{
		width: 15em;
	}
}

#modal-login-forgot-getEmailSuccess >.row {
	margin-bottom: 0px;
}

#modal-login-forgot-getEmailSuccess-button {
	margin-bottom: 0px !important;
}

footer
{
	float: left;
	width: 100%;
}

footer .top
{
	padding: 2em;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.84);
	color: #b0b0b0;
	text-align: center;
}

footer .bottom
{
	padding: 2em;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.9);
}

footer .bottom .content
{
	text-align: center;
}

footer .bottom .content p
{
	color: #b0b0b0;
}

footer .bottom .content .logo-footer
{
	margin-top: 1.5em;
}

footer .bottom .content .logo-footer img 
{
	width: 10em;
}

footer .bottom .content .links
{
	display: flex;
	justify-content: center;
	gap: 1em;
	margin-top: 1em;
}

footer .bottom .content .links a
{
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

footer .bottom .content .italic
{
	font-size: 0.8em;
	font-style: italic;
}

@media (width >= 600px)
{
	footer .top
	{
		font-size: 1.5em;
		padding: 1.3em 2em;
	}
}

@media (width >= 992px)
{
	footer .top
	{
		font-size: 1.5em;
		padding: 1.3em 5em;
	}

	footer .bottom
	{
		padding: 2em 10em;
	}
}

.btn-agree-sign
{
	background-color: #3b80f4;
	color: #fff;
	border-radius: .3em;
	margin-right: 0.5em;
}

.btn-agree-sign:hover
{
	background-color: #286ee8;
}

.btn-flat.hidden
{
	position: absolute;
	right: 6px;
	z-index: 99;
}

.captcha-required
{
	display: none;
	font-size: 0.8em;
	width: 100%;
	margin-top: 0.5em;
	color: red;
	float: left;
	text-align: center;
}

.container-signs
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
}

.container-signs img
{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.3em;
	cursor: pointer;
	padding: 1em;
	box-sizing: border-box;
}

.container-signs img.selected
{
	border-color: #3b80f4;
}

@media (width >= 600px)
{
	.container-signs img
	{
		width: 60%;
	}
}

@media (width >= 992px)
{
	.container-signs img
	{
		width: 40%;
	}
}