.codes_form_1,
.codes_form_1_0  {
	/*float: left;*/
}

.codes_form_1_all{
	/*float: left;*/
}

.codes_form_2,
.codes_form_2_0{
	/*float: right;*/
}

.codes_form_2_all{
	/*float: right;*/
}

.codes_form_1, .codes_form_2 {
	border: border: 1px solid #d8eaf5; /*1px solid #000;*/
	margin: 20px 0;
	text-align: center;
	/*width: 45%;*/
	min-height: 177px;
	position: relative;
	/**/
	background: #eff4fa;
    box-shadow: 0px 0px 3px 3px #d8eaf5;
	/**/
}

 
.codes_form_2_0,
.codes_form_1_0, 
.codes_form_2_1{
	/*width: 45%;*/
	min-height: 95px;
	position: relative;	
}

.codes_form_head {
	text-transform: uppercase;
	margin: 10px 0 15px 0;
	padding: 0 20px;    
	color: #005da8;
/*	font-family: 'open-sans-light'; */
}

.codes_form_blue_in_block{		  
	color: #005da8;
	/* font-family: 'open-sans-light';*/
	text-align: center;
}
.codes_form_head.rotate_head{
	margin: 3px 15px -15px 15px;
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
    background: #ffff0b;
    /*font-size: 20px;*/
    padding: 20px 5px;
	position: relative;
    top: -28px;
}

.codes_form_head.rotate_head.from_evropa {
	background: #015da8;
	color:#ffff0b;
}

.triangle_down{
	position:absolute;
	width: 0;
    height: 0;
    border-top: 15px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
	left: 50%;
    margin-left: -5%;
	margin-top: -20px;
}
.codes_form_lbl {
	font-weight: bold;
	margin-bottom: 15px;
}

.codes_input {
	/*background: #FFFF00;
	border: 2px solid #000;*/
	background: #fff;
    border: 2px solid #FFFF00;
	/*border: 2px solid #2e88d6;*/
	height: 30px;
	width: 70%;
	margin-bottom: 15px;
	font-size: 16px;
	padding: 5px 10px;
	/*text-align: center;*/
	text-align: left;
}

.codes_input1 {
	/*background: #FFFF00;
	border: 2px solid #000;*/
	background: #fff;
    /*border: 2px solid #FFFF00;*/
	border: 2px solid #2e88d6;
	height: 30px;
	width: 70%;
	margin-bottom: 15px;
	font-size: 16px;
	padding: 5px 10px;
	/*text-align: center;*/
	text-align: left;
	margin-top: 5px;
}

.codes_form_2 .codes_form_wr2 .codes_input {
	width: 49%;
}

.codes_form_2 .codes_form_wr2 .codes_form_head {
	text-align: center;
}

.codes_btn {
	background: #0070C1;
	border: 1px solid #2e83d1;
	color: #fff;
	text-transform: uppercase;
	/*float: right;*/
	font-weight: bold;
	padding: 8px 13px;
	cursor: pointer;
	/*position: absolute;
	bottom: -1px;
	right: -1px;*/
	
	margin-bottom: 15px;
	background: linear-gradient(to bottom, #609edf, #2f61ad);
	border-radius:5px;
}

.codes_clear {
	clear: both;
}

.codes_form_wr2, 
.codes_form_wr3, 
.codes_form_wr4,
.codes_form_wr5,
.codes_form_wr6,
.codes_form_2_0,
.codes_form_1_0,
.codes_form_2_1 {
	display: none;
}

.wr_txt {
	padding: 5px;
	text-align: justify;
}

.codes_form_1 .codes_form_wr3 .codes_form_2 .codes_form_wr2 label {
	color: red;
}

.wr_txt {
	color: #005da8;
	text-align: center;
	text-transform: uppercase;
	
}

.wr_txt1 {
	/*text-align: left;
	padding: 0px 0px 8px 10px;*/
	padding:6px;
	text-align: left;
	color: #666666;
}

.wr_txt2 {

	padding:6px;
	text-align: center;
	color: #666666;
}

.codes_form_2 .codes_form_wr2 {
	/*text-align: left;*/
	
}

.confeti{
	background: url(konfeti.png)no-repeat top center;
}	

.codes_form_2 .codes_form_wr2 label {
	text-align: right;
	display: inline-block;
	width: 30%;
}

.err_inp {
	border: 2px solid red;
}

.codes_form_wr4 label {
	color: #005da8;
	text-transform: uppercase;
}

.codes_form_wr4 {
	/*text-align: left;
	padding-left: 20px;
	padding-top: 10px;*/
	text-align: center;
	padding: 8px;
}


.codes_form_1_all,
.codes_form_2_all{
	/*display: flex;
    flex-direction: column;
    width: 45%;*/
}


@media (max-width: 767px) {
	.codes_form_1, .codes_form_2 {
		/*width: 80%;*/
		float: none;
		/*margin: 0 auto 20px;*/
	}
	.codes_form_1_all,
	.codes_form_2_all{
		/*width: 80%;
		float: none;*/
	}
	.codes_form_2_0,
	.codes_form_1_0,
	.codes_form_2_1{
		/*width: 80%;*/
		float: none;
		
	}
	.codes_form_head.rotate_head{
	    margin: 80px 15px -15px 15px;
	    -o-transform: rotate(-3deg);
	    -ms-transform: rotate(-3deg);
	    -moz-transform: rotate(-3deg);
	    -webkit-transform: rotate(-3deg);
	    transform: rotate(-3deg);
        background: #ffff0b;
        /*font-size: 20px;*/
        padding: 15px 5px;
	    position: relative;
        top: -25px;
    }
	.triangle_down {
		margin-top: -15px;
	} 
}

@media (max-width: 480px) {
	.codes_form_1, .codes_form_2 {
		/*width: 100%;*/
	}	
	.codes_form_1_all,
	.codes_form_2_all{
		/*width: 100%;
		float: none;*/
	}
	.codes_form_2_0,
	.codes_form_1_0{
		/*width: 100%;*/
	}
	.triangle_down {
		margin-top: -15px;
	}
}

.codes_form_wr3,
.codes_form_wr2,
.codes_form_wr4{
	border: 2px solid #FFFF00;  	
}

.codes_form_wr2{
	background: #fff;
}

.codes_form_2_0{
	background:#fff url(avia.jpg)no-repeat top center;
	background-size: cover;
	margin-bottom: -20px;
}

.codes_form_1_0, .codes_form_2_1{
	background:#fff url(salut.jpg)no-repeat top center;
	background-size: cover;
	margin-bottom: -20px;
}

#form_2_address {
	height: 41px;
	width: 76%;
}

.wr_txt2 a {
	text-decoration: none;
}

.wr_txt2 a:hover {
	text-decoration: underline;
}

.wr_txt2 a:hover span {
	text-decoration: none;
}

.wr_txt2 a span {
	padding-right: 5px;
}

.err_a {
	color: red !important;
}

.codes_loader_wr {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999998;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	top: 0;
	left: 0;
}

.codes_loader {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
	display: none;
}

.codes_form_wr1 label {
	font-size: 12px;
}

#form_1_btn, #form_2_btn {
	margin-top: 20px;
}