@charset "utf-8";

#formHolder{
	position:absolute;
	width:548px;
	height:1080px;
	left: 0px;
	top: 0px;
	z-index:45;
	/*background-image: url(../images/form_bg.png);
	background-repeat: repeat;
	background-position:left top;
	background-size: 100% auto;*/
	background-color: #000;
}


#formDiv{
	position:absolute;
	width:478px;
	height:1080px;
	left:35px;
	top:0px;
	z-index:5;
	/*background-image: url(../images/form_bg.png);
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 100% auto;*/

}

#formDiv h3{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	float: left;
	font-family: 'FbKolyaRegular', Arial, Sans-Serif;
	font-size: 40px;
	line-height: 44px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	direction: rtl;
	margin: 0;
	padding: 0;
	margin-top: 200px;
	margin-bottom: 10px;
}

.formPromt2{
	position: absolute;
	display: block;
	width: 90%;
	height: auto;
	right: 30px;
	top: 150px;
	font-family: 'FbKolyaBold', Arial, Sans-Serif;
	font-size: 30px;
	line-height: 34px;
	font-weight: 400;
	color: #fff;
	text-align: right;
	direction: rtl;
}

#thanksHolder{
	position: absolute;
	width:478px;
	height:1080px;
	left:18px;
	top:0px;
	z-index: 25;
	display: none;

}

#thanksHolder2{
	position: absolute;
	width: 1920px;
	height:1080px;
	left:0px;
	top:0px;
	z-index: 55;
	display: none;
	background-color: #000;

}

#thanksDiv{
	position:absolute;
	width: 710px;
	height:1080px;
	left:605px;
	top:0px;
	z-index:5;
	/*background-image: url(../images/form_bg.png);
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 100% auto;*/

}

#thanksPromt2{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 285px;
	direction: rtl;
	font-family: 'FbKolyaRegular', Arial, Sans-Serif;
	font-weight: 400;
	line-height: 50px;
	font-size: 54px;
	color: #fff;
	text-align: center;
}

#thanksPromt2 span{
	font-family: 'FbKolyaBold', Arial, Sans-Serif;
	font-size: 82px;
	
}

#thanksPromt3{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 25px;
	direction: rtl;
	font-family: 'FbKolyaRegular', Arial, Sans-Serif;
	font-weight: 400;
	line-height: 40px;
	font-size: 36px;
	color: #fff;
	text-align: center;
}


.thanksBig{
	font-family: 'FbKolyaBold', Arial, Sans-Serif;
	font-weight: 400;
	line-height: 72px;
	font-size: 70px;
	
}

.whiteLine{
	position: relative;
	width: 100%;
	height: 6px;
	float: left;
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
}
.thanksPromt{
	position: absolute;
	display: block;
	width: 478px;
	height: 712px;
	left: 0px;
	top: 180px;
	direction: rtl;
	font-family: 'FbKolyaRegular', Arial, Sans-Serif;
	font-weight: 400;
	line-height: 34px;
	font-size: 40px;
	color: #fff;
	text-align: center;
	/*background-image: url("../images/thanks.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 100% auto;*/
}


.tfield{
	position:relative;
	width: 430px;
	height: 52px;
	font-size:26px;
	float: left;
	margin: 10px 24px 10px 24px;
	padding:0;
	direction:rtl;
	background-color:#fff;
	border: 2px solid #fff;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	text-indent:5px;
	outline:1;
	color: #212121;
}

.sendBtn{
	position: relative;
	display: block;
	width: 230px;
	height: 52px;
	float: left;
	z-index: 5;
	font-family: 'FbKolyaBold', Arial, Sans-Serif;
	font-size: 20px;
	line-height: 52px;
	direction: rtl;
	margin: 10px 24px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ed1c24;
	background-color: #ed1c24;
	color: #fff;
}

.btn1{
	left: 0px;
	background-color: #fff;
	color: #ed1c24;
}

.btn2{
	right: 0px;
	background-color: #ed1c24;
	color: #fff;
}

#moreForm2{
	position: absolute;
	display: block;
	width: 320px;
	height: 60px;
	left: 0px;
	top: 483px;
	z-index: 2;
}

.cat{
	position: relative;
	display: block;
	width: 30px;
	height: 27px;
	float: right;
	margin: 0px 20px 20px 20px;
	background-color: #fff;
}
#cat2{
	position:absolute;
	display:block;
	right:0;
	top:0px;
}
.cbLabel{
	position: relative;
	width: 400px;
	height: auto;
	float: right;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	direction: rtl;
	margin: 0px 0px 20px 0px;
	padding: 0;
	text-align: right;
}

.cbLabel2{
	position: relative;
	width: 440px;
	height: auto;
	float: right;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	direction: rtl;
	margin: 0px 20px 20px 0px;
	padding: 0;
	text-align: right;
}

#sendMsg{
	position:absolute;
	display:none;
	direction:rtl;
	font-family: Arial, Sans-Serif;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	top:60px;
	width:300px;
}

.formWrapper{
	position: absolute;
	width: 400px;
	height: 20px;
	right: 30px;
	top: 200px;
	z-index: 2;
}

.cbItem{
	position: absolute;
	width: 19px;
	height: 19px;
	right: 0px;
	top: 0px;
	z-index: 2;
}

.cbText{
	position: absolute;
	width: 400px;
	height: 20px;
	right: 30px;
	top: 0px;
	font-family: 'FbKolyaRegular', Arial, Sans-Serif;
	font-size: 26px;
	line-height: 20px;
	color: #fff;
	direction: rtl;
	margin: 0;
	padding: 0;
	text-align: right;
}

.tfield2{
	position:absolute;
	width: 250px;
	height: 20px;
	right: 80px;
	top: 0px;
	font-size:26px;
	margin:0;
	padding:0;
	direction:rtl;
	background-color:#212121;
	border: none;
	border-bottom: 2px solid #fff;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	text-indent:5px;
	outline:1;
	color: #fff;
}


.formPromt3{
	position: absolute;
	display: block;
	width: 90%;
	height: auto;
	right: 30px;
	top: 400px;
	font-family: 'FbKolyaRegular', Arial, Sans-Serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
	text-align: right;
	direction: rtl;
}

#commText{
	position: absolute;
	display: block;
	width: 420px;
	height: 70px;
	left: 0px;
	top: 808px;
	direction: rtl;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	font-size: 25px;
	color: #fff;
	text-align: center;
	z-index: 15;
}

::-webkit-input-placeholder { 
    color:    #000;
}
:-moz-placeholder { 
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { 
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { 
   color:    #000;
}



#thanksText1{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 285px;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	font-size: 44px;
	line-height: 48px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	direction: rtl;
	display: none;
}

#thanksText2{
	position: absolute;
	display: none;
	width: 100%;
	height: auto;
	left: 0px;
	top: 225px;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	font-size: 44px;
	line-height: 48px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	direction: rtl;
}

.thanks3{
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	font-size: 44px;
	line-height: 48px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	direction: rtl;
}

#thanksText3{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 85px;
	display: none;
}

#selError{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	bottom: 25px;
	z-index: 5;
	font-family: 'FbKolyaLight', Arial, Sans-Serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	color: #f00;
	text-align: center;
	direction: rtl;
}

.sendBtnLong{
    position: relative;
    display: block;
    width: 430px;
    height: 52px;
	float: left;
    background-color: #ed1c24;
    color: #fff;
    z-index: 5;
    font-family: FbKolyaBold,Arial,Sans-Serif;
    font-size: 30px;
    line-height: 52px;
    direction: rtl;
    margin: 10px 24px 10px 24px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ed1c24;
	
}
.sendBtnLong:focus{
	outline: 3px solid #fff;
}
.wrapper{
	position: relative;
	width: 100%;
	height: auto;
	float: right;
}

/* Base for label styling */
	[type="checkbox"]:not(:checked),
	[type="checkbox"]:checked {
		position: absolute;
		right: 0;
		opacity: 0.01;
	}
	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label {
		position: relative;
		padding-right: 2.3em;
		font-family: 'FbKolyaLight', Arial, Sans-Serif;
		font-size: 20px;
		line-height: 20px;
		color: #fff;
		direction: rtl;
		cursor: pointer;
		float: right;
		margin: 0px 20px 20px 20px;
	}

	/* checkbox aspect */
	[type="checkbox"]:not(:checked) + label:before,
	[type="checkbox"]:checked + label:before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 1.4em;
		height: 1.4em;
		border: 1px solid #aaa;
		background: #FFF;
		border-radius: .2em;
	}

	/* checked mark aspect */
	[type="checkbox"]:not(:checked) + label:after,
	[type="checkbox"]:checked + label:after {
		content: '\2714';
		font-family: 'FbKolyaLight', Arial, Sans-Serif;
		position: absolute;
		top: 0px;
		right: 0px;
		text-align: center;
		font-size: 1.5em;
		font-weight: 600;
		color: #F00;
		line-height: 32px;
	}

	/* checked mark aspect changes */
	[type="checkbox"]:not(:checked) + label:after {
		opacity: 0;
		-webkit-transform: scale(0) rotate(45deg);
				transform: scale(0) rotate(45deg);
	}

	[type="checkbox"]:checked + label:after {
		opacity: 1;
		-webkit-transform: scale(1) rotate(0);
				transform: scale(1) rotate(0);
	}

	/* Disabled checkbox */
	[type="checkbox"]:disabled:not(:checked) + label:before,
	[type="checkbox"]:disabled:checked + label:before {
		box-shadow: none;
		border-color: #bbb;
		background-color: #e9e9e9;
	}

	[type="checkbox"]:disabled:checked + label:after {
		color: #777;
	}

	[type="checkbox"]:disabled + label {
		color: #aaa;
	}

	/* Accessibility */
	[type="checkbox"]:checked:focus + label:before,
	[type="checkbox"]:not(:checked):focus + label:before {
		/*box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);*/
		outline: 3px solid #f00;
	}


