@import url('https://fonts.googleapis.com/earlyaccess/alefhebrew.css');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');

html {overflow-y: scroll;}
body {margin:0px; background:#a6bfcc; font-family: "Alef Hebrew", Arial, sans-serif !important; font-size:20px; font-weight:normal; color:#000000; line-height:28px; direction:rtl;}
a {color:#83459a; text-decoration:underline; transition:all 0.4s ease 0s; }
a:hover {color:#20b69e; text-decoration:underline;}
OL {padding:0; margin-right:28px; margin-top:0px; list-style-type: decimal; margin-bottom:22px;}
UL { padding:0; margin-right:22px; margin-bottom:22px;}
hr {margin: 40px 0 0px 0; border-bottom:#336b93 2px dashed; background:#336b93;}
p {margin-top:0px; margin-bottom:22px;}
img {border:0px;}
input, textarea {outline:none;}

#skiplink {position: absolute; top: -9999px; right:calc(50% - 50px); z-index:10000; height: 1px; width: 1px; text-align: center; overflow: hidden;}
#skiplink:focus {top:0; width:auto; height:auto; background:#4f4f4f; color:#ffffff; display:block; padding:15px 20px; box-sizing:content-box;}


.screen-reader-response {display:none;}
.wpcf7-not-valid-tip {font-size:20px; font-style:italic; font-weight:bold; color:#ee1d23; margin: 6px 0 0 0;}
.wpcf7-response-output {font-size:20px; font-style:italic; font-weight:bold; color:#ee1d23; clear:both;}
span.wpcf7-list-item {display:block;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 0px !important; color:#ee1d23 !important; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

h1 {font-size:42px; line-height:192px; margin:10px 0 20px 0; color:#e2e2de;}
h1 strong {font-family:Source Sans Pro; font-weight:400 !important; font-size:120px; line-height:120px; color:#000000; letter-spacing:-3px;}
h2 {font-size:36px; font-weight:normal; color:#000000; margin:0 0 20px 0; line-height:42px;}
h3 {font-size:24px; font-weight:bold; color:#ff551a; margin:0 0 6px 0; line-height:28px;}
h4 {font-size:36px; font-weight:bold; color:#000000; margin:0 0 0 0;}
h5 {font-size:22px; font-weight:bold; color:#ff551a; margin:0px 0 4px 0; line-height:28px;}
h6 {font-size:14px; font-weight:normal; color:#ff551a; margin:0 0 26px 0; line-height:22px; padding-bottom:10px;}

.mainDiv {margin:0 auto; width:1100px; clear:both; text-align:right; direction:rtl;}

.headerDiv {position:relative; background:#ff551a; overflow:hidden; min-height:450px; text-align:center;}
.headerTitle  {position:absolute; top:20px; left:0; width:100%; z-index:1;}
.headerTitle h1 {display:inline-block; margin:0 auto; text-align:center;}
.headerTitle ul {list-style:none; list-style-image:none; margin:0; padding:0;}
.headerTitle ul li {list-style:none; list-style-image:none; float:right; margin:0 2px; text-align:center;}

.headerMobile {display:none;}
.headerVideo {position:absolute; top:0; left:0; padding-top:41.66%; width:100%; height:0; z-index:0;}
.headerVideo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.headerBG {position:absolute; bottom:-1px; left:0; width:100%; padding-top:36.4%; z-index:4; background:url(../images/course/bg-header2.png) bottom left no-repeat; background-size: 100% auto;}

.contentDiv {background:#d6d6d0 ; overflow:auto;  padding:0 0 0 0;}

.contentMid {font-size:24px; line-height:32px; padding:0 0 60px 0;}
.contentMid h2 {margin:0 0 16px 0; font-size:32px; line-height:32px; }
.contentMid h3 {font-size:50px; font-weight:bold; color:#ff551a; margin:0 0 6px 0; line-height:60px; font-weight:bold;}
.contentMid strong {color:#ff551a;}
.contentMid  h2 strong {color:#000000;}

.halfRight {width:calc(50% - 30px); float:left;  padding:0 0 0 0;}
.halfLeft {width:calc(50% - 30px); float:right;  padding:0 0 0 0;}
.innerImage img {width:100%; height:auto; margin:8px 0 0 0;}

.formDiv {padding:240px 0 100px 0; background:#a6bfcc url(../images/course/bg-footer.png) top right no-repeat; background-size: 100% auto; margin-top:-20px; }
.formDiv h2 {color:#000000; font-size:60px; line-height:60px; text-align:center;}
.formDiv ul {list-style:none; list-style-image:none; margin:0; padding:0 0 0 0;}
.formDiv ul li {list-style:none; list-style-image:none; width:calc(33.3% - 20px); float:right; text-align:center; margin:10px 10px 0 10px;}
.formDiv ul li:nth-of-type(1) {margin:10px 0 0 20px;}
.formDiv ul li:nth-of-type(3) {margin:10px 20px 0 0 ;}
.formDiv ul li:nth-of-type(4) {width:100%; margin:20px 0 0 0 ;}
.formDiv ul li:nth-of-type(5) {width:100%; margin:20px 0 0 0 ;}
.formDiv ul li:nth-of-type(6) {width:100%; margin:20px 0 0 0 ;}
.formDiv input {width:calc(100% - 21px); background:#c5d5de; border:0px solid; border-right:#000000 5px solid; border-radius:0px; color:#292929; padding:8px 12px 8px 4px; font-family:"Alef Hebrew", Arial, sans-serif; font-size:20px; font-weight:normal !important; clear:both; outline:none; direction:rtl !important;}
.formDiv select {width:100%; background:#c5d5de url(../images/course/arrow-down.png) left center no-repeat !important; border:0px solid; border-right:#000000 5px solid; border-radius:0px; color:#292929; padding:8px 12px 8px 4px; font-family:"Alef Hebrew", Arial, sans-serif; font-size:20px; font-weight:normal !important; clear:both; outline:none; direction:rtl !important;
  -moz-appearance: none;
  -webkit-appearance: none;}
.formDiv select option:first-child{color:#517c8e;}
.formDiv textarea {width:calc(100% - 21px); height:100px; background:#c5d5de; border:0px solid; border-right:#000000 5px solid;  border-radius:0px; color:#292929; padding:8px 12px 8px 4px; font-family:"Alef Hebrew", Arial, sans-serif; font-size:20px; font-weight:normal !important; clear:both; outline:none; direction:rtl !important;}
.formDiv input[type="submit"] {background:#000000 !important; border:0px solid !important; border-right:#ffffff 5px solid; border-radius:0px; color:#ffffff; font-size:20px; font-weight:normal; font-family:"Alef Hebrew", Arial, sans-serif; width:calc(33.3% - 25px) !important; padding:8px;  cursor:pointer; outline:none; transition:all 0.4s ease 0s; margin: 0 0 0 0;}
.formDiv input[type="submit"]:hover {background:#2f5666;}
.formDiv .wpcf7-response-output {border:0px !important; color:#ee1d23 !important; text-align:center; padding:20px 0 0 0;}
.formDiv form.sent .wpcf7-response-output {border:0px !important; color: #000000 !important; font-style: normal; background: url(../images/course/thumbup.png) top center no-repeat; padding:126px 0 0 0; }

.formDiv input::-webkit-input-placeholder {color:#000000;}
.formDiv input:-moz-placeholder {color:#000000;} /* Firefox 18- */
.formDiv input::-moz-placeholder {color:#000000;} /* Firefox 19+ */
.formDiv input:-ms-input-placeholder {color:#000000;}

.formDiv textarea::-webkit-input-placeholder {color:#000000;}
.formDiv textarea:-moz-placeholder {color:#000000;} /* Firefox 18- */
.formDiv textarea::-moz-placeholder {color:#000000;} /* Firefox 19+ */
.formDiv textarea:-ms-input-placeholder {color:#000000;}

@media only screen and (min-width : 0px) and (max-width : 1110px)
{
	body {font-size:18px; line-height:26px;}
	h1 {font-size:30px; line-height:30px; margin:0 0 0 0; color:#e2e2de;}
	h1 strong {font-size:60px; line-height:50px; color:#000000; font-weight:normal;}
	h2 {font-size:30px; font-weight:normal; color:#000000; margin:0 0 20px 0; line-height:36px;}
  .mainDiv {width:auto; clear:both;}
  .headerDiv {min-height:480px}
	.headerVideo {display:none;}
  .headerMobile {display:block; height:460px; margin:120px 0 0 0; }
  .headerTitle  {top:10px;}
	.headerTitle ul li {float:none; clear:both; display:block;}
	
	.headerBG {background:url(../images/course/bg-header-mobile.png) bottom left no-repeat;}
	.contentDiv {padding:0 0 0 0;}
  .contentMid {font-size:20px; line-height:28px; padding:20px 20px 20px 20px;}
  .contentMid h2 {font-size:24px; line-height:32px; }
  .contentMid h3 {font-size:24px; line-height:32px;  padding:10px 0 0 0;}
	.halfRight {float:none; clear:both; width:auto;  padding:0 20px 0 20px;}
  .halfLeft {float:none; clear:both; width:auto;  padding:0 20px 0 20px;}
  .innerImage img {max-width:400px; height:auto; margin:10px 0 40px 0; }
	
	.formDiv {padding:100px 20px 40px 20px; background:#a6bfcc url(../images/course/bg-footer-mobile.png) top right no-repeat; background-size: 140% auto;}
	.formDiv h2 {font-size:24px; line-height:24px; font-weight: bold;}
	.formDiv ul li {float:none; clear:both; width:auto; margin:10px 0 0 0;}
	.formDiv ul li:nth-of-type(1) { margin:10px 0 0 0;}
	.formDiv ul li:nth-of-type(3) { margin:10px 0 0 0;}
	.formDiv ul li:nth-of-type(4) {width:auto; margin:10px 0 0 0 ;}
  .formDiv ul li:nth-of-type(5) {width:auto; margin:10px 0 0 0 ;}
  
  .formDiv input {font-size:18px;}
  .formDiv select {font-size:18px;}
  .formDiv textarea {font-size:18px;}
  .formDiv input[type="submit"] {font-size:18px; width:auto !important; padding:8px 40px; }
}