a img{border:none}
img
{  border-style: none;
}
textarea { resize:none; }
textarea:focus, input:focus{
    outline: 1;
}
*:focus {
    outline: 1;
}
img.a{
 position:absolute;
 cursor: pointer;
 left:0px;
 top: 0px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #000;
}

body, html {
 margin: 0;
 padding: 0;
 width:100%;
 height:100%;
 overflow-x:hidden;
 background-color: #fff;
 font-family: Arial, sans-serif;
 box-sizing: border-box;
}

.wrapper{
 position: relative;
 width: 100%;
 height: auto;
 margin: 0 auto;
}
.section-wrapper{
 position: relative;
 width: 80%;
 height: auto;
 margin: 0 auto;
}

.section-wrapper.video-section{
 width: 650px;
 margin-bottom: 100px;
}
.section-wrapper.video-section .secondary{
    display: none;
}
.section-wrapper.video-section .bc-player-yOkHWgCpa_default:hover .vjs-big-play-button{
    background-color: #0089cf !important;
}
.section-wrapper.video-section .bc-player-yOkHWgCpa_default .vjs-dock-title{
    display: none;
}
#footer{
    position: fixed;
    width: 100%;
    padding: 30px 0;
    height: auto;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    background-color: #0089cf;
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    direction: rtl;
box-shadow: 0px 20px 40px 20px rgb(0 0 0 / 20%);
}


#logoTop{
 position:relative;
 width: 350px;
 height: auto;
 display: block;
 margin: 0;
 margin-right:auto;
 margin-top: 25px;
 z-index:2;
}

/* pre check */
#credit{
 position: absolute;
 width: 21px;
 height: 44px;
 left: 10px;
 bottom: 518px;
 z-index: 14;
}


#MainDiv{
 position:absolute;
width:100%;
 max-width:1920px;
 height:auto;
 right: 50%;
 transform: translateX(50%);
 top:0px;
 z-index:2;
}
.red{
 color: #ed1d24;
}
.blue{
 color: #0089cf;
}
.bold{
 font-weight: 700;
 
}
sup{
 font-size: 60%;
 line-height: 0;
}
ul{
 width: 100%;
}

ul li{
 width: 100%;
}
h1{
 position: relative;
 width: 100%;
 height: auto;
 z-index: 5;
 font-size: 60px;
 line-height: 64px;
 font-weight: 700;
 text-align: right;
 direction: rtl;
 margin: 0;
 padding: 0;
 margin-top: 80px;
}

h2{
 font-size: 40px;
 line-height: 46px;
 font-weight: 700;
 text-align: center;
 direction: rtl;
 margin: 0;
 padding: 0;
}
h3 {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
}
.regText{
 position: relative;
 font-size: 28px;
 line-height: 36px;
 font-weight: 400;
 text-align: right;
 direction: rtl;
 margin: 0;
 padding: 0;
 z-index: 4;
}
.smallText{
 position: relative;
 float: right;
 font-size: 18px;
 line-height: 24px;
 font-weight: 400;
 text-align: right;
 direction: rtl;
 margin: 0;
 padding: 0;
 z-index: 4;
}
.boldText{
 position: relative;
 float: right;
 font-size: 28px;
 line-height: 36px;
 font-weight: 700;
 text-align: right;
 direction: rtl;
 margin: 0;
 padding: 0;
 z-index: 4;
}
li.boldText.w-90 {
    width: 90%;
}

.boldText2{
 position: relative;
 width: 100%;
 height: 70px;
 float: right;
 font-size: 38px;
 line-height: 70px;
 font-weight: 700;
 text-align: center;
 direction: rtl;
 margin: 0;
 margin-top: 40px;
 padding: 0;
 z-index: 4;
 color: #ed1d24;
}
.spacer{
 font-size: 26px;
 line-height: 70px;
 font-weight: 400;
 text-align: center;
 color: #000;
}

.underlineText{
 text-decoration: underline;
}
.smallTextEN{
 position: relative;
 float: right;
 font-size: 18px;
 line-height: 24px;
 font-weight: 400;
 text-align: left;
 direction: ltr;
 margin: 0;
 padding: 0;
 z-index: 4;
}

.shadow{
 text-shadow: 3px 3px 2px rgba(107, 0, 1, 1);
}

.footerPart{
 position: relative;
 width: 100%;
 height: 110px;
 float: right;
 margin: 0;
 margin-top: 100px;
 margin-bottom: 200px;
 padding: 0;
 z-index: 4;
}

#bottomLogo{
 position: absolute;
 width:19%;
 max-width: 291px;
 height: auto;
 left: 0px;
 top: 6px;
 z-index: 1;
}

#bottomText{
 position: absolute;
 width: 90%;
 height: 110px;
 right: 0px;
 top: 0px;
 z-index: 1;
 color: #6e6f71;
 font-size: 26px;
 line-height: 40px;
 font-weight: 400;
 text-align: center;
 direction: rtl;
 margin: 0;
 padding: 0;
}

#vid1{
 position: relative;
 width: 650px;
 height: 650px;
 margin: 0 auto;
 z-index: 4;
 margin-top: 75px;
}


#itemsHolder{
 width: 100%;
 height: auto;
 margin: 0;
 z-index: 14;
}
.itemsRow{
 display:flex;
 flex-wrap: wrap;
 width: 100%;
 height: auto;
 margin:100px 0;
}
.itemsRow.align-left{
 justify-content: flex-start;
}
.itemsRow.align-right{
 justify-content: flex-end;
}
.itemsRow.align-center{
 justify-content: center;
}
.itemsRow.space-between{
 justify-content: space-between;
}
.itemsRow.space-around{
 justify-content: space-around;
}
.itemH{
 display: flex;
 flex-wrap: wrap;
}
.itemH.w-33{
 width:33%;
}
.itemH.w-33.primary{
 width:50%;
}
.itemH.w-25{
 width:25%;
}
.primary-row .itemH:not(.primary){
 display:none;
}
.primary-row .itemH.primary{
align-items: center;  
}
.secondary-row .itemH:not(.secondary){
 display:none;
}
.itemPic{
 width:40%;
 z-index: 4;
}
.itemPic img{
 width:100%;
 height: auto;
}
.itemText{
 width:55%;
 padding-right:5%;
 z-index: 4;
}
.itemExtend {
 width:100%;
 z-index: 4;
border: 1px solid #bbb;
    padding: 1rem;
}
.itemExtend .boldText {
    font-weight: normal;
    color:#0089cf;
}
.itemExtend .boldText.red {
    color:#ed1d24;
}
 .itemExtend img, .itemExtend.extend-target img {
     width:100%;
 }
.extend-wrapper .extend-trigger {
 cursor:pointer;
}
.extend-wrapper .extend-target {
 display:none;
}

.arrow-down {
 width: 0;
 height: 0;
 border-left: solid transparent;
 border-right: solid transparent;
 border-top: solid #000;
 display: inline-block;
 transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
}
.arrow-down.space-left{
 margin-left: 5px;
}
.arrow-down.space-right{
 margin-right: 5px;
}
.arrow-down.small {
 border-left-width: 9px;
 border-right-width :9px;; 
 border-top-width: 8px;
}
.arrow-down.big {
    border-left-width: 13px;
    border-right-width: 13px;
    border-top-width: 12px;
}

.arrow-down.red { 
 border-top-color: #ed1d24;
}

.arrow-down.blue { 
 border-top-color: #0089cf;
}

.open .arrow-down{
 transform: rotateZ(180deg);
 -webkit-transform: rotateZ(180deg);
 -moz-transform: rotateZ(180deg);
 -ms-transform: rotateZ(180deg);
 -o-transform: rotateZ(180deg);
}

#FormHolder{
 position: absolute;
 width:100%;
 max-width: 1200px;
 height: 780px;
 right: 360px;
 top: 25px;
 z-index:55;
 display: none;
 -webkit-border-radius: 25px;
 -moz-border-radius: 25px;
 border-radius: 25px;
 background-color: #f1f1f2;
 padding: 35px;
}

#FormDiv{
 position: relative;
 width:100%;
 max-width: 1200px;
 height: 300px;
 margin: 60px auto;
 z-index:5;
}

#ThankYou{
 position: relative;
 width: 1200px;
 height: 300px;
 float: right;
 margin: 0;
 margin-top: 80px;
 z-index: 4;
 display: none;
}


#thanksTitle{
 position: absolute;
 width: 100%;
 height: 180px;
 right: 0px;
 top: 0px;
 z-index: 1;
 font-size: 50px;
 line-height: 180px;
 font-weight: 700;
 color: #ed1d24;
 text-align: center;
 direction: rtl;
}

#chb{
 position: absolute;
 width: 20px;
 height: 20px;
 right: 700px;
 top: 150px;
}

#chbLabel{
 position: absolute;
 width: 300px;
 height: auto;
 right: 730px;
 top: 150px;
 z-index: 1;
 font-size: 18px;
 font-weight: 400;
 line-height: 20px;
 color: #ddc177;
 text-align: right;
 direction: rtl;
}
 input, select, option {
 position:relative;
 z-index:9999;
}
.inputName{
 position: relative;
 width: 11.44%;
 height: 40px;
 font-size: 22px;
 line-height: 40px;
 font-weight: 400;
 font-family: Arial, sans-serif;
 color: #000;
 text-align: right;
 direction: rtl;
 float: right;
 margin: 0px 0px 5px 25px;
}
.inputName.consent{
 width:100%;
 float:none;
}
.inputText{
 position: relative;
 width: 16.66%;
 height: 30px;
 font-size: 22px;
 font-weight: 400;
 font-family: Arial, sans-serif;
 background-color: #eee;
 color: #000;
 text-align: right;
 direction: rtl;
 outline: 0;
 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 border: none;
 border-bottom: 1px solid #000;
 float: right;
 margin: 0px 0px 15px 25px;
}
.inputText:focus, .inputText:active {
 border-bottom: 1px solid #0089cf;
}

.styled-checkbox {
 position: absolute; 
 opacity: 0; 
}
.styled-checkbox + label {
 position: relative;
 cursor: pointer;
 padding: 0;
}

.styled-checkbox + label:before {
  content: '';
  margin-left: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 3px solid #ed1d24;
}

.styled-checkbox:hover + label:before {
  background: #CC0000;
}

.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked + label:before {
  background: #ed1d24;
}

.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  right: 16px;
  top: 11px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 
 2px 0 0 white,
 4px 0 0 white,
 4px -2px 0 white,
 4px -4px 0 white,
 4px -6px 0 white,
 4px -8px 0 white;
  transform: rotate(45deg);
}

#SendBut{
 position: absolute;
 width: 50%;
 height: 80px;
 left: 280px;
 top: 20px;
 z-index: 3;
 font-size: 50px;
 line-height: 80px;
 font-weight: 700;
 color: #fff;
 text-align: center;
 direction: rtl;
 text-decoration: none;
 -webkit-border-radius: 25px;
 -moz-border-radius: 25px;
 border-radius: 25px;
 background-color: #ed1d24;
 border:none;
 cursor: pointer;
 transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
}
#SendBut:hover{
 background-color: #CC0000;

}

.SendButLine{
 position: absolute;
 width: 330px;
 height: 3px;
 right: 700px;
 top: 140px;
 z-index: 3;
 background-color: #ddc177;
}
#click2call{
 position: absolute;
 width: 226px;
 height: 40px;
 left: 8px;
 top: 41px;
 z-index: 3;
}



#ErrorDiv{
 position: absolute;
 width: 203px;
 height: 32px;
 left: 10px;
 top: 210px;
 z-index: 1;
 text-align: left;
 direction: rtl;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 line-height:32px;
 font-weight: normal;
 font-variant: normal;
 color: #CC0000;
}


.sectionlink A {
 position:absolute;
 width:100%;
 height:60px;
 bottom:0px;
 left:0px;
 color: transparent;
}
.sectionlink A:hover {
 position:absolute;
 width:100%;
 height:60px;
 bottom:0px;
 left:0px;
 color: transparent;
}
A.sectionlink {
 position:absolute;
 width:100%;
 height:60px;
 bottom:0px;
 left:0px;
 color: transparent;
}
A.sectionlink:hover {
 position:absolute;
 width:100%;
 height:60px;
 bottom:0px;
 left:0px;
 color: transparent;
}


.privacy-notice{
 display: block;
 font-size: 20px;
 color: #ed1d24;
 font-weight: bold;
 margin-top: 10px;
}

.serial-number {
    font-size: 13px;
}
.mt-adjust{
    margin-top: 150px;
}
@media  screen and (max-width: 1308px){
    .inputName {
        width:11.44%
    }
    .inputText {
        width:15.66%
    }
    #bottomLogo {
        max-width: 170px;
    }
    .footerPart{
        height:150px;
    }
}

@media  screen and (max-width: 1194px){
    #bottomText {
        font-size: 20px;
        line-height: 24px;
        position: relative;
        width:100%;
    }
    #bottomLogo {
        position: relative;
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    .inputName {
        width:17.44%
    }
    .inputText {
        width:25.66%
    }
}
@media  screen and (max-width: 995px){
    .inputName {
        width:35.44%
    }
    .inputText {
        width:56.66%
    }
    .footerPart {
        height: 300px;
    }
}
@media  screen and (max-width: 914px){
    .boldText2{
        font-size: 16px;
    }
    
    .boldText2 img{
        width:10%;
        height: auto;
     }
    
    .footerPart{
    margin-top: 20px;
    }
}

@media  screen and (max-width: 870px){
#logoTop {
    width: 300px;
}
 #MainDiv {
    width: 95%;
    margin: 0 auto;
    position: inherit;
 right: inherit;
    transform: translateX(0);
 }
 h1 {
     font-size:36px;
     line-height: 40px;
 }
 h2 {
    font-size:32px;
    line-height: 36px;
}
.boldText {
    font-size: 20px;
    line-height: 24px;
}
li.boldText{
    width: 90%;
}
 .section-wrapper{
  width: 100%;
 }
 
 .section-wrapper.video-section{
  width: 100%;
 }
.bc-iframe, .bc-iframe body, .bc-player-yOkHWgCpa_default, .bc-player-yOkHWgCpa_default .vjs-poster{
 background-color: #fff !important;
}
 .itemExtend img, .itemExtend.extend-target img {
     width:100%;
 }
 .itemH.w-33, .itemH.w-33.primary, .itemH.w-25{
  width: 100%;
 }
 .itemText {
    width: 100%;
    padding-right: 0%;
}
.itemH {
    justify-content: center;
    padding-bottom: 25px;
}
.itemsRow {
    margin: 50px 0;
}
#vid1 {
    width: 300px;
    height: 300px;
    margin-top: 50px;
    display: block;
}
.inputName {
    width:100%
}
.inputText {
    width:100%
}
#SendBut {
    position: relative;
    display: flex;
    justify-content: center;
    width: 300px;
    height: 50px;
    left: 0;
    top: 0;
    z-index: 3;
    font-size: 30px;
    line-height: 50px;
}
#footer{
    padding:15px 0;
    font-size: 20px;
    line-height: 24px;
}
#bottomText{
    font-size: 14px;
    line-height: 18px;
}
.serial-number{
    font-size: 10px;
    line-height: 18px;
    margin-top: 15px;
}
}

/* Accessibility CSS Document */
#accessIcon{
 position:absolute;
 width: 30px;
 height: 30px;
 right:0px;
 top:0px;
 z-index:100;
}

#accessMenu{
 position: absolute;
 width:250px;
 height:170px;
 right:10px;
 top:35px;
 z-index:100;
 display:none;
 background-color:#fff;
 border:1px solid #143d8d;
}

#accessMenu ul {
    list-style: none;
    float: left;
 margin: 0 auto;
}

#accessMenu ul li {
   list-style: none;
   float: left;
   margin: 0 auto;
}

.accessMenuItem{
 position: relative;
 width:250px;
 height:40px;
 float:left;
 font-weight:400;
 font-size: 14px;
 line-height:40px;
 text-align:right;
 direction:rtl;
 color:#000;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #143d8d; 
}

#Accessibility_Statement{
 position: relative;
 width:900px;
 height:630px;
 margin-left:auto;
 margin-right:auto;
 margin-top:50px;
 background-color:#fff;
 z-index:100;
 display:none;
 border:1px solid #143d8d;
}

#AccessClose{
 position: absolute;
 width:40px;
 height:40px;
 right:-20px;
 top:-20px;
 z-index:2;
}

.AccessibilityText{
    position: absolute;
    width: 850px;
    height: 630px;
    right: 20px;
    top: 0px;
    direction: rtl;
    overflow-x: hidden;
}

.AccessibilityTitle{
 font-weight:400;
 font-size: 36px;
 line-height:38px;
 text-align:right;
 direction:rtl;
 color:#143d8d;

}
.AccessibilitySubTitle{
 font-weight:400;
 font-size: 24px;
 line-height:26px;
 text-align:right;
 direction:rtl;
 color:#143d8d;

}

.AccessibilityRegText{
 font-weight:400;
 font-size: 16px;
 line-height:18px;
 text-align:right;
 direction:rtl;
 color:#000;

}


.AccessibilityRegText ul{
 list-style-type: none;
 margin: 0;
 padding: 0; 
}

.AccessibilityRegText ul li{
 margin-left: 20px;
}

.contrast-hight {filter: invert(1);-webkit-filter: invert(1);-moz-filter: invert(1);-o-filter: invert(1);-ms-filter: invert(1);}
.contrast-low {
 filter: grayscale(100%);
 /* This is for Firefox 3.5+, Firefox mobile */
 filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter></svg>#grayscale'); /* Firefox */
 filter: gray; /* IE 6-9 */
 -webkit-filter: grayscale(1); /* Older webkit versions */
 -webkit-filter: grayscale(100%);
 -moz-filter : grayscale (100%); /* Gecko-Based Browsers, Mozilla Firefox */
 -ms-filter : grayscale(100%);
 -o-filter : grayscale(100%); /* Opera */
}

#VideoOver{
 position:fixed;
 width:100%;
 height:100vh;
 top:0px;
 left:0px;
 z-index:50;
 background-color:rgba(0,0,0,0.4);
 display:none;
}
.vidHolder{
 position: absolute;
 width: 1920px;
 height: 800px;
 left: 0px;
 top: 0px;
 z-index: 100;
 overflow: hidden;
 background-color:rgba(0,0,0,0.4);
}


#errors{
 color:#ed1d24; 
}

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


.noText{
 color: transparent;
 overflow:hidden;
 -moz-user-select: none; 
 -webkit-user-select: none; 
 -ms-user-select:none; 
 user-select:none;
 -o-user-select:none;
}

@media  screen and (max-width: 914px){
    .AccessibilityText{
        width:90%;
        height:100%;
    }
     #Accessibility_Statement{
        width:90%;
        height:90%;
    }
}