﻿:root{
	--black: #231f20;
	--orange: #faaf40;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { border: none}
a { text-decoration: none;}
    a:hover { text-decoration: none; }

input{
	direction: rtl
}
    
*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


body {
    font-weight: normal;
    margin: 0;
    font-family: 'Heebo', sans-serif;
    direction: rtl;
    letter-spacing: 0px;
    line-height: 1;
    color: #fff;
   /* background: #000  url(../images/bkg.jpg) no-repeat top center;*/
    font-size: 13px;
}



*{ outline: 0; }
img { border: 0; }
strong{ font-weight: bold;}

#warper {
	/*background: url(../images/bkg.jpg) no-repeat top center;*/
	margin: auto;
    max-width: 1920px;
}

.clearBoth { clear: both; height: 1px;}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.section1{
	height: 1042px;
	background: url(../images/sec1.jpg?v=2) no-repeat center top;
}
.logos {
    float: left;
    margin-top: 22px;
    margin-left: 0px;
}

.logos img{
	width: 380px;
}

.container {
    margin: 0 auto;
    max-width: 1278px;
}

.sec1Right{
	float: right;
	width: 679px;
}
.slogen {
    margin-top: 54px;
}

.mainTitles {
    font-size: 30px;
    margin: 43px auto 0;
    line-height: 1.15;
    text-align: center;
    width: 88%;
    color: #fff;
    font-weight: 700;
}

.date {
    font-weight: 500;
    font-size: 23px;
    line-height: 1.33;
    margin-top: 22px;
    text-align: center;
    margin-right: 0;
    color: #fff;
    width: 450px;
}

.date span{
	font-weight: 300;
}

.eventDate {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.15;
    margin-top: 4px;
    text-align: center;
    color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	letter-spacing: -0.4px;
}

.eventPlace {
    font-weight: 900;
    font-size: 35px;
    line-height: 1.15;
    margin: 23px auto 0;
    text-align: center;
    letter-spacing: 0px;
    color: #79bb79;
    background: rgba(0, 0, 0, 0.8);
    width: 420px;
    padding: 4px 0;
}

.dateArrow {
    background: url(../images/pres_left.png) no-repeat center bottom;
    display: inline-block;
    width: 17px;
    height: 11px;
    background-size: contain;
}

.sec1Left {
    float: left;
    width: 598px;
	margin-top: 112px;
}

.textPresent {
    font-size: 30px;
    padding: 37px 0;
    text-align: center;
    background: url(../images/pres_up.png) no-repeat center top, url(../images/pres_down.png) no-repeat center bottom;
    float: left;
    width: 236px;
    margin-top: 132px;
    line-height: 1.05;
}

.textPresent strong{
	display: block;
}

.formBox {
    background-color: rgba(0,0,0,.8);
    width: 450px;
    height: 365px;
    margin-top: 88px;
    margin-right: 0;
    box-sizing: border-box;
    padding: 28px 0;
}

.formBoxContainer{
	margin: 0 auto;
	width: 76%;
}

.formTitle{
	font-size: 30px;
	text-align: center;
	color: #fff;
}

.formTitle strong{
	display: block;
	font-weight: 900;
	color: #79bb79;
}

#ContactForm{
	margin-top: 23px;
}

#ContactForm input, #ContactForm select {
    width: 100%;
    height: 30px;
    text-indent: 12px;
    box-sizing: border-box;
    border: 0;
    margin-bottom: 9px;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/*#ContactForm select:focus{
	outline: 1px solid red;
}*/

#ContactForm input:focus{
	background: #ffe;
}

.formRow {
    display: grid;
    grid-template-columns: 80px 1.3fr 1fr 1fr;
    grid-gap: 0% 8px;
}

.formRowTitle {
    font-size: 16px;
    display: flex;
    align-items: center;
}

#ContactForm select { margin-bottom: 0px; }

#ContactForm input[type=submit] {
    text-indent: 0px;
    font-size: 30px;
    height: 45px;
    cursor: pointer;
    color: #fff;
    margin-top: 12px;
	background: #309e30;
}

#ContactForm input[type=submit]:hover {
	background: #6ac96a;
}

.fcb {
    font-size: 18px;
    text-align: center;
    letter-spacing: -0.8px;
    margin-top: 1px;
    color: #a5a4a3;
}

.section2{
	height: 764px;
	background: url(../images/sec2.jpg) no-repeat center top;
}
.sec2Left {
    float: left;
    width: 649px;
    margin-top: 244px;
}

.sec2Title {
    font-weight: 700;
    font-size: 60px;
    background: url(../images/clock.png) no-repeat right top;
    padding-right: 96px;
    padding-top: 12px;
	padding-bottom: 2px;
    letter-spacing: 1.5px;
}
ul.sec2Ul {
    font-size: 20px;
    margin-top: 72px;
    color: #fff;
    margin-right: -38px;
    letter-spacing: 0px;
}
ul.sec2Ul li {
    background: url(../images/sec2li.png) no-repeat right center;
	background: url(../images/sec2li.png) no-repeat right 3px;
    margin-bottom: 25px;
    padding-right: 30px;
	 line-height: 1.4;
}

ul.sec2Ul li:nth-child(2) {
    background: url(../images/sec2li.png) no-repeat right 6px;
   
}

.section3{
	height: 914px;
	background: url(../images/sec3.jpg) no-repeat center top;
}

.sec3Title {
    font-size: 60px;
    font-weight: 600;
    margin-top: 405px;
    padding-right: 111px;
    margin-right: 0;
    color: #fff;
    letter-spacing: 3px;
    background: url(../images/sec3_title.png) no-repeat right top;
}

ul.sec3Ul {
    font-size: 20px;
    margin-top: 72px;
    color: #fff;
    margin-right: 16px;
    letter-spacing: 1px;
}
ul.sec3Ul  a{
    color: #fff;
}
ul.sec3Ul li {
    background: url(../images/sec2li.png) no-repeat right 1px;
    margin-bottom: 20px;
    padding-right: 30px;
}
ul.sec3Ul li:nth-child(5){
	background: none;
}
/*
ul.sec3Ul li span{
	font-size: 43px;
}
*/


.topBar {
    width: 100%;
    height: 52px;
    background: #fff url("../images/logos_resp.png?v=1") no-repeat 7% center;
    position: fixed;
    padding-right: 2%;
    align-items: center;
	display: none;
	top: -52px;
}

a.topBarBtn {
    height: 40px;
    background: #faaf40;
    color: #fff;
    width: 52%;
    border-radius: 4px;
    font-size: 21px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
	transition: transform 400ms ease-out;
	
}

.topNavBkg {
   transform: translate(0, 52px);
	transition: transform 400ms ease-out;
}

.meimia, .sec3Img{ display: none;}




/*when navigating through the items using the arrow keys:*/
.atss {
    position: fixed;
    top: 20%;
    width: 3pc;
    z-index: 100020;
    background: none;
}

.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.addthis-smartlayers {
    padding: 0;
    margin: 0;
}
#at4-share{
    top: 20% !important;
    bottom: auto;
	left:0;
}

.at-icon {
    fill: #fff;
}

.atss .at-share-btn {
    border: 0;
    padding: 0;
}

.atss .at-share-btn, .atss a {
    position: relative;
    display: block;
    width: 3pc;
    margin: 0;
    outline-offset: -1px;
    text-align: center;
    float: left;
    transition: width .15s ease-in-out;
    overflow: hidden;
    background: #e8e8e8;
    z-index: 100030;
    cursor: pointer;
}

.at4-visually-hidden {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    padding: 0;
    border: 0;
    overflow: hidden;
}

.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {
    display: block;
    padding: 8px 0;
}

a .at-icon-wrapper {
    cursor: pointer;
}

.at-icon-wrapper {
    display: inline-block;
    overflow: hidden;
}

.atss .at-share-btn span .at-icon, .atss a span .at-icon {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 2pc;
    height: 2pc;
    line-height: 2pc;
    border: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
}

.at4-share .at4-share-count, .at4-share .at4-share-count-container {
    line-height: 1pc;
    font-size: 10px;
}

.at4-share .at4-share-count {
    text-indent: 0;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 200;
    width: 100%;
    height: 1pc;
}

.atss .at-share-btn:focus, .atss .at-share-btn:hover, .atss a:focus, .atss a:hover {
    width: 4pc;
}






body.white-theme .logos, body.white-theme .humborger_top, body.white-theme .date, body.white-theme .slogen, body.white-theme .textPresent, body.white-theme .sec6Box, body.dark-theme .logos, body.dark-theme .slogen, body.dark-theme .textPresent, body.dark-theme .sec5News, body.dark-theme .back2Top, body.dark-theme .sec6Box {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
}
body.white-theme .section1, body.white-theme .section3, body.white-theme .section5, body.white-theme .section7, body.white-theme a.sec7WFBtn, body.white-theme .section9 {
	background: #fff;
}
body.white-theme .section2, body.white-theme .section4, body.white-theme .section6, body.white-theme .section8, body.white-theme .formBox, body.white-theme .sec3WhiteFlah, body.white-theme a.sec1Btn, body.white-theme .sec1Sep{
	background: #efefef;
}

body.white-theme .formTitle strong{ color: #000;}
body.dark-theme .formTitle strong{ color: #fff;}

body.white-theme #ContactForm input, body.white-theme #ContactForm select{
	border: 1px solid #000;
}

body.dark-theme #ContactForm input, body.dark-theme #ContactForm select{
	border: 1px solid #fff; background: #333; color: #fff;
}

body.white-theme a, body.white-theme h2, body.white-theme h1, body.white-theme h1 span, body.white-theme .sec2BottomTitle2, body.white-theme .sec2BottomTitle1, body.white-theme .section7 label, body.white-theme .section7 input{ color: #000;}


body.white-theme .formRowRightSend {
    border: 0;
}

body.white-theme .sec2Sep, body.white-theme .sec6Sep, body.white-theme .sec5Sep, body.white-theme .sec4Sep, body.white-theme .sec3Sep, body.white-theme .sec4BoxSep {
    background: #000;
}

body.dark-theme .sec2Sep, body.dark-theme .sec6Sep, body.dark-theme .sec5Sep, body.dark-theme .sec4Sep, body.dark-theme .sec3Sep, body.dark-theme .sec4BoxSep {
    background: #fff;
}

body.white-theme .topBar, body.white-theme .slide{ background: #fff; }
body.dark-theme .topBar{ background: #222; }
body.dark-theme .slide{ background: #000; }

body.dark-theme .section1, body.dark-theme .section3, body.dark-theme .section5, body.dark-theme .section7, body.dark-theme .section9, body.dark-theme a.sec7WFBtn{
	background: #000;
}
body.dark-theme .section2, body.dark-theme .section4, body.dark-theme .section6, body.dark-theme .section8, body.dark-theme .sec7WhiteFlah, body.dark-theme .sec5WhiteFlah, body.dark-theme .sec3WhiteFlah, body.dark-theme a.sec1Btn, body.dark-theme .sec1Sep, body.dark-theme a.sec5Btn{
	background: #222;
}
body.dark-theme .sec2WhiteFlah {
	background: #000; border: 1px solid #fff;
}

body.dark-theme a.sec9Btn{
	background: #222; border-radius: 8px;
}

body.dark-theme a, body.dark-theme h2, body.dark-theme h1 span, body.dark-theme .sec2BottomTitle1{ color: #fff;}


.formTitleThanks {
    font-weight: 700;
    font-size: 33px;
    line-height: 1.5;
}
.formBoxThanks{
	display: flex;
	align-items: center;
}


@media (max-width: 1330px) {
	.container {
		max-width: 95%;
	}
	.section1 {
		height: auto;
		background: #000 url(../images/sec1_1340.jpg) no-repeat center bottom;
    	background-size: contain;
		padding-bottom: 44%;
	}
	.logos {
		float: none;
		margin-left: 0;
		text-align: left;
		margin-top: 2%;
	}
	
	.logos img{
		width: 30%;
	}
	
	.sec1Right {
		float: none;
		width: auto;
	}
	
	.slogen {
		margin-top: 1%;
		text-align: center;
	}
	
	.slogen img{
		width: 60%;
	}
	
	.mainTitles {
		width: 640px;
		margin: 2% auto 0;
	}
	
	/*.mainTitles br{ display: none;}*/
	
	.date {
		width: auto;
		/*background: url(../images/date_bg.png) no-repeat center;*/
		margin: 1% auto;
		line-height: 1.2;
		font-size: 28px;
		/* background-size: cover; */
		padding: 1% 0;
		text-align: center;
	}
	
	.sec1Left {
		float: none;
		width: auto;
		margin-top: 0;
	}
	
	.textPresent {
		float: none;
		width: 489px;
		margin: 3% auto 0;
		background: url(../images/pres_left.png) no-repeat right center, url(../images/pres_right.png) no-repeat left center;
		padding: 3px 0;
	}
	
	.textPresent strong, .formTitle strong {
		display: inline-block;
	}
	
	.formBox {
		width: 80%;
		background: rgba(121, 187, 121, .9);
		margin: 3% auto 0;
		height: auto;
	}
	
	.formTitle strong, .fcb  {
		color: #000;
	}
	
	#ContactForm input[type=submit] {
		background: rgb(0, 0, 0);
	}

	.section2 {
		height: auto;
		background: url(../images/sec2_1340.jpg) no-repeat center top;
		padding-bottom: 8%;
		background-size: cover;
	}
	.sec2Left {
		float: left;
		width: 62%;
		margin-top: 8%;
	}
	ul.sec2Ul {
		margin-right: 0;
		letter-spacing: 0;
	}
	
	.meimia {
		display: block;
		float: right;
		margin-top: 10%;
		width: 38%;
		text-align: center;
	}
	
	.meimia img{ width: 71%; }
	
	.section3 {
		height: auto;
		background: #000;
		padding-bottom: 0%;
	}
	.sec3Title {
    	margin-top: 5%;
		margin-right: 0;
	}
	
	ul.sec2Ul {
    	margin-top: 8%;
	}
	ul.sec2Ul li {
    	margin-bottom: 3%;
	}
	
	ul.sec2Ul li:last-child{ margin-bottom: 0;}
	
	
	ul.sec3Ul {
		margin-top: 4%;
		margin-right: 0;
		letter-spacing: 0;
	}
	
	.sec3Img {
		float: left;
		width: 50%;
		display: block;
		margin-top: -23%;
		text-align: center;
	}
}





@media (max-width: 990px) {
	.logos img {
		width: 36%;
	}
	
	.slogen {
    	margin-top: 2%;
	}
	
	.slogen img {
		width: 68%;
	}
	
	.mainTitles {
		width: 86%;
		font-size: 3.5vw;
	}
	
	.formBox {
    	width: 86%;
	}
	
	.section2 {
		padding-bottom: 0;
	}
	
	.sec2Left {
		float: none;
		width: auto;
		margin-top: 8%;
	}
	
	ul.sec2Ul {
		margin-top: 5%;
	}
	
	ul.sec2Ul li {
		margin-bottom: 2%;
	}
	
	.meimia {
		display: block;
		float: none;
		margin-top: 8%;
		width: auto;
	}
	
	.meimia img {
		width: 30%;
	}

	.sec3Title {
    	margin-top: 10%;
	}
	
	.sec3Img {
		float: none;
		width: auto;
		margin-top: 9%;
	}
	
	.formTitleThanks {
		font-size: 30px;
		line-height: 1.3;
	}
}

@media (max-width: 770px) {
	.section1 {
		background: #000 url(../images/sec1_1330.jpg) no-repeat center bottom;
		background-size: contain;
		padding-bottom: 60%;
	}
	.slogen {
		margin-top: 3%;
	}
	
	.slogen img {
		width: 76%;
	}
	
	.mainTitles {
		width: auto;
		font-size: 4.1vw;
		margin: 3% auto 0;
	}
	
	.date {
		margin: 3% auto;
		font-size: 4.1vw;
		background-size: contain;
		padding: 6% 0;
	}
	
	.textPresent {
		width: 85%;
		font-size: 4.1vw;
		margin: 3% auto 0;
	}
	
	.formBox {
		width: auto;
	}
	.meimia img {
		width: 35%;
	}
	
	#at4-share {
		top: 17% !important;
	}
}


@media (max-width: 480px) {
	.topBar {
		display: flex;
	}
	
	/*.formBox {
		padding: 3% 0 2%;
		margin: 5% 0;
		float: none;
		width: auto;
		position: static;
		width: 100%;
		bottom: 0;
		left: 0;
		background: rgba(121, 187, 121, 1);
		background: #faaf40;
	}
	.formTitle {
    	font-size: 5.1vw;
	}
	#ContactForm {
		margin-top: 3%;
	}

	#ContactForm input[type=submit] {
		font-size: 24px;
		height: 38px;
		margin-top: 1%;
	}
	
	#ContactForm input, #ContactForm select {
		height: 28px;
		margin-bottom: 7px;
	}*/
	
	a.topBarBtn {
		height: 36px;
		width: 50%;
		background: rgba(121, 187, 121, 1);
		font-weight: 600;
		font-size: 18px;
	}
	
	.formBox {
		margin: 5% 0;
	}
	.formTitle {
    	font-size: 5.1vw;
	}
	
	.formTitleThanks {
    	font-size: 9.0vw;
	}
	
	.container {
		max-width: 92%;
	}
	.logos {
		margin-top: 3%;
		text-align: center;
	}
	
	.logos img {
		width: 240px;
	}
	
	.slogen {
		margin-top: 5%;
	}
	
	.slogen img {
		width: 100%;
	}
	
	.mainTitles {
		font-size: 5.5vw;
		margin: 5% auto 0;
		line-height: 1.3;
	}
	
	.date {
		margin: 8% auto 0;
		font-size: 5.5vw;
		/* background-size: 107%; */
		padding: 0;
		line-height: 1.3;
		background: none;
		/* color: rgba(121, 187, 121, 1); */
	}

	.textPresent {
		width: auto;
		font-size: 5.2vw;
		margin: 8% auto 0;
	}
	
	.formBoxContainer {
		width: 90%;
	}
	
	.sec2Title {
		font-size: 10vw;
		letter-spacing: 0.5px;
		padding-bottom: 28px;
    	padding-top: 22px;
	}
	
	ul.sec2Ul {
		font-size: 19px;
		margin-top: 8%;
		line-height: 1.2;
	}
	
	ul.sec2Ul li, ul.sec3Ul li {
		background: url(../images/sec2li.png) no-repeat right 4px;
		margin-bottom: 5%;
		padding-right: 20px;
	}
	ul.sec3Ul li:nth-child(4) {
		margin-bottom: 2%;
	}
	.sec3Title {
		font-size: 10vw;
		margin-top: 18%;
		padding-bottom: 10px;
    	padding-top: 15px;
	}
	
	ul.sec3Ul {
		margin-top: 8%;
		font-size: 17px;
	}
	
	.sec3Img {
		margin-top: 12%;
	}
	.meimia img {
		width: 42%;
	}
	.sec3Img img{
		width: 77%;
	}
	
	.eventDate {
		font-size: 5.5vw;
		margin-top: 1%;
	}
	.eventPlace {
        font-size: 8.6vw;
        line-height: 1.15;
        margin: 23px auto 0;
        background: none;
        width: auto;
        padding: 0;
        letter-spacing: -0.5px;
    }
	
	.formTitleThanks {
		font-size: 7.5vw;
		line-height: 1.2;
	}
	
	.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {
		padding: 2px 0;
	}
	.atss .at-share-btn, .atss a {
    	width: 2pc;
	}
	.atss .at-share-btn span .at-icon, .atss a span .at-icon {
    	width: 1.5pc;
	}
	#at4-share {
    	top: 8.8% !important;
	}
	
}



















