@font-face{
	font-family: 'ploni';
	font-weight: 300; /*(light)*/
	font-style: normal;
	src: url('./../fonts/ploni-light-aaa.woff2') format('woff2'),
		url('./../fonts/ploni-light-aaa.woff') format('woff');
}
@font-face{
	font-family: 'ploni';
	font-weight: 400; /*(regular)*/
	font-style: normal;
	src: url('./../fonts/ploni-regular-aaa.woff2') format('woff2'),
		url('./../fonts/ploni-regular-aaa.woff') format('woff');
}
@font-face{
	font-family: 'ploni';
	font-weight: 500; /*(medium)*/
	font-style: normal;
	src: url('./../fonts/ploni-medium-aaa.woff2') format('woff2'),
		url('./../fonts/ploni-medium-aaa.woff') format('woff');
}
@font-face{
	font-family: 'ploni';
	font-weight: 700; /*(bold)*/
	font-style: normal;
	src: url('./../fonts/ploni-bold-aaa.woff2') format('woff2'),
		url('./../fonts/ploni-bold-aaa.woff') format('woff');
}
@font-face{
	font-family: 'ploni';
	font-weight: 900; /*(black)*/
	font-style: normal;
	src: url('./../fonts/ploni-black-aaa.woff2') format('woff2'),
		url('./../fonts/ploni-black-aaa.woff') format('woff');
}
html, body{margin:0px;padding:0px;direction:rtl;background:#F5F7FB;}
*{font-family: 'ploni', 'Dosis', sans-serif; box-sizing: border-box;color:#ffffff;}
.main{display:flex;justify-content:space-between;align-items:center;width:100%;background:url(./../images/main-bg.jpg) no-repeat center center / cover;height:100vh;position:relative;}
.main:before{content:url(./../images/blue-circle.png);position:absolute;top:5vh;right:0px;transform:translate(70%, 0px);}
.main:after{content:url(./../images/orange-circle.png);position:absolute;top:0px;left:30%;transform:translate(0px, -60%);}
.presentors{position:absolute;bottom:0px;left:24%;}
.presentors img{display:block;margin:0px auto 0px 0px;width:88%;}
.meuhedet{position:absolute;width:35%;text-align:center;bottom:5%;left:0px;}
.mobile{display:none;}
/* content */
.content-wrap{width:38%;}
.content{padding:0px 10% 0px 0px;text-align:center;}
.content-top p{font-size:56px;margin:0px;line-height:1em;}
h1{font-size:154px;margin:0px;color:#00b1d7;line-height:0.8em;font-weight:900;}
h1 span{color:#ffffff;}
.bubble{position:relative;margin:1vh auto 4vh;max-width: 90%;}
.bubble > img{max-width:100%;}
.bubble:before{content:url(./../images/bot.png);position:absolute;top:0px;right:0px;transform:translate(60%, -50%);}
.bubble p{position:absolute;bottom:32%;left:0px;right:0px;font-size:54px;line-height:1em;margin:0px;}
.flex-line{display:flex;justify-content: space-around;}
.flex-line > div{}
.flex-line > div:nth-child(2){border-left:solid 2px #ffffff;border-right:solid 2px #ffffff;padding:0px 3%;}
.flex-line p{font-size:36px;margin:0px;line-height:1em;}
.flex-line p.first{font-weight:700;color:#00b1d7;}
/* form */
.form{padding:60px;position:relative;background:#ffffff;border-radius:64px;}
.form-wrap{width:31%;padding:0px 0px 0px 3%;}
.field-wrap:not(.new){display:none;}
.form-ttl p{font-size:34px;line-height:1em;color:#0032ae;margin:0px;text-align:center;}
.form-ttl{padding-bottom:20px;}
.fields-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.fields-wrap .field-wrap{width:100%;position:relative;margin-bottom:0px;padding-bottom:20px;}
.fields-wrap.kupa .field-wrap{width:100%;}
.fields-wrap .field-wrap input, .fields-wrap .field-wrap select{width:100%;border:none;border:solid 1px #0032ae;padding:5px;font-size:1vw;direction:rtl;color:#0032ae;border-radius:30px;}
.fields-wrap .field-wrap select{background:#ffffff;}
.fields-wrap .field-wrap select option{color:#0032ae}
.btn-wrap button{width:100%;border:none;border-radius:30px;background:#0032ae;color:#ffffff;font-size:1vw;padding:10px 0px; cursor:pointer;}
.form-holder{position:relative;}
.btn-wrap{width:100%;}
.legal p, .legal p a{color:#0032ae;}
.legal p{text-align:center;}
.form-inner{position:relative;z-index:888;}
#citiesr .row .city{color:#0032ae;}
/* form messages */
.error-msg{position:absolute;bottom:0px;color:#E71111;right:0px;font-size:12px;display:none;width:max-content;}
.error-msg:before{content:"i";width:15px;height:15px;background:#E71111;color:#0032ae;display:inline-block;text-align:center;border-radius:50%;margin-left:5px;}
.error, .thankyou{position:absolute;top:80px;left:0px;right:0px;padding:6vh 4vw 1vh;text-align:center;display:none;}
.error p, .thankyou p{font-size:1vw;font-weight:600;margin:0px;line-height:1.2em;color:#0032ae;}
.error p.smaller{font-weight:400;font-size:0.8vw;}
.again-btn{width:100%;border:none;border-radius:30px;background:#189ED9;color:#ffffff;font-size:1vw;font-weight:700;padding:10px 0px;margin-top:10vh;cursor:pointer;position:relative;z-index:1000;}
.social-wrap{display:flex;align-items:center;justify-content: center;margin-top:10px;}
.social{margin-top:5vh;}
.social-wrap a{padding:0px 5px;}
#error_holder_hidden{display:none !important;}
#citiesr {background: #fff;border-radius: 11px;color: #676880;z-index: 20;position:absolute;}
#citiesr .row{padding: 20px;}
@media only screen and (max-width: 1600px){
	.presentors{left:25%;}
	.presentors img{width:56%;}
	.main:after{transform: translate(0px, -60%) scale(0.6);}
	.main:before{transform: translate(56%, 0px) scale(0.6);top:1vh}
	.meuhedet{bottom:5px;}
	.meuhedet img{max-width:14vw;}
	/* content */
	h1{font-size:90px;}
	.content-top p{font-size:36px;}
	.bubble{margin: 3vh auto 4vh;}
	.bubble p{font-size:34px;bottom:36%;}
	.bubble:before{transform: translate(60%, -50%) scale(0.8);}
	.flex-line p{font-size:22px;}
	/* form */
	.form{padding:30px 30px 10px;border-radius:30px;}
	.form-ttl p{font-size:24px;}
	.legal p, .legal p a{font-size:12px;}
}
@media only screen and (max-width: 770px){
	.mobile{display:block;}
	.pc{display:none;}
	.main{flex-direction:column;height:auto;padding:5vh 5vw;}
	.main:before{display:none;}
	.main:after{transform: translate(55%, 0px) scale(0.4);left: auto;right: 0px;top: 7vh;}
	.meuhedet{position:static;width:auto;margin-top:50px;}
	.meuhedet img{max-width:60%;}
	/* content */
	.content-wrap, .form-wrap{width:100%;}
	.content{padding:0px;}
	h1{font-size:56px;}
	.presentorsm img{display:block;margin:0px auto;z-index:1;position:relative;max-width: 73%;}
	.bubble{margin:0px auto 2vh;}
	.flex-line p{font-size: 18px;}
	.presentorsm{position:relative;}
	.presentorsm:after{content:url(./../images/blue-circle.png);position:absolute;top:0px;left:0px;transform:translate(-3%, -3%) scale(0.5);}
	.bubble:before{display:none;}
	.bubble p{font-size:24px;bottom:38%;}
	/* form */
	.form-wrap{margin-top:86px;padding:0px;}
	.fields-wrap .field-wrap input, .fields-wrap .field-wrap select{font-size:14px;padding: 4px 5px;}
	.fields-wrap .field-wrap{width:48%;padding-bottom: 10px;}
	.form{padding:15px;}
	.form-ttl p{font-size:16px;}
	.btn-wrap{width:48%;}
	.btn-wrap button{font-size:14px;padding: 4px 0px;}
	.form:before{content:url(./../images/bot.png);position:absolute;top:0px;right:0px;transform:translate(20%, -55%) scale(0.6);}
	.thankyou > img{max-height:90px;}
	.error > img{max-height:50px;}
	.social{margin-top:0px;}
	.error p, .thankyou p{font-size:18px;}
	.error, .thankyou{top:0px;}
	.error{padding-top:20px;}
	.thankyou{padding-top:5px;}
	.error p.smaller{font-size:16px;}
	.again-btn{max-width:80%;margin:10px auto 0px;font-size:18px;}
}