:root{
    --lightblue: #e4e426;
    --darkblue: #051721;
    --light-color: #f5fbf0;
}
*{font:inherit; font-family: 'OpenSansHebrew', sans-serif;}
body{font-family: 'OpenSansHebrew', sans-serif;direction: rtl;text-align: right;background: var(--darkblue); color:var(--darkblue);background: linear-gradient(to right, #00250d, #013419);}
b{font-weight: bold;}
.bold{font-weight: bold;}
.bolder{font-weight: bolder;}
.lighter{font-weight: lighter;}
.normal{font-weight: normal;}
.white-color{color:white;}
.black-color{color:black;}
.lightblue-color{color:var(--lightblue);}
.darkblue-color{color:var(--darkblue);}

#loader{position: fixed; right: 0; top:0; z-index: 99; width: 100%; height: 100%; background: var(--light-color); display: flex; align-items: center; justify-content: center;}
body.inited #loader{display: none;}

.content-col .dots-img-m{width: 45px;}

.title-section{margin-bottom: 30px;margin-top: 30px;}
.title-section .logo-img{width: 70%;}
.title-section .titles-wrapper{padding-right: 10%; position: relative;}
.title-section .titles-wrapper::before{content: '';background: url('../img/dots-white.svg');background-repeat: no-repeat;background-position: 0px 25%;background-size: contain;display: block;width: 67px;max-width: 4.3%;height: 100%;position: absolute;right: 6.5%;top: 0;display: flex;align-items: flex-start;justify-content: flex-start;}
.title-section .titles-wrapper .large-title{font-size: 51px;margin-bottom: 0;line-height: 1.2;}
.title-section .titles-wrapper .second-title{font-size: 32px;font-weight: normal;line-height: 1.2; }
.content-col{position:relative;}
.content-col .main-title img{width: 10%;position: absolute;right: 3%;top: 6%;}

.gallery-wrapper{position: relative;}
.gallery-wrapper .gallery-dots{position: absolute;top: 79%;left: 5%;width: 67px;z-index: 10;}

@media(min-width:991px){
    .gallery-wrapper .gallery-item img{height: 100%;object-fit: cover;object-position: left;width: 100%;}
}

.content-col .inner{padding-right: 15px;padding-left: 15px;}

@media(min-width:1400px){
    .content-col{display: flex;align-items: flex-start;justify-content: flex-start;padding-top: 5%;}
}

.content-col .main-title{font-size: 35px;margin-bottom: 0;text-align: right;line-height: 1.2;}
.content-col .second-title{font-size: 26px;line-height: 1.2;text-align: right;font-weight: normal;margin-bottom: 20px;}
.content-col .degree-type{font-size: 30px; text-align: right;}
.content-col p,
.content-col li
{font-size: 19px;line-height: 1.5;text-align: right;margin-bottom: 15px;}
.content-col p.large{font-size: 23px;text-align: right;line-height: 1.2;}
.content-col p.smaller{font-size: 15px;}
.content-col p.bordered{border: 1px solid #00c1f0; padding: 5px 15px; display: inline-block;margin-top: 0;}
.content-col .logo-img{width: 224px;max-width: 100%;margin-top: 10%;}

.content-col .content-dots{margin-top: 0;margin-bottom: 0;width: 67px;margin-right: auto;max-width: 20%;}



ul.tripple-bullets{list-style: none;margin-bottom: 10px;}
ul.tripple-bullets li{padding-right: 60px;position: relative;display: block;margin-bottom: 0;}
ul.tripple-bullets li:after{content: '';background: url('../img/dots-blue.svg');background-repeat: no-repeat;background-position: 0 12px;background-size: contain;display: block;width: 45px;max-width: 8%;height: 100%;position: absolute;right: 0;top: 0;display: flex;align-items: flex-start;justify-content: flex-start;}
ul.tripple-bullets li.single-dot:after{content: '';background: url('../img/dot-white.png');background-repeat: no-repeat;background-position: center;background-size: contain;display: block;width: 10px;height: 10px;position: absolute;right: 30px;top: 10px;}




.form-wrapper{background: var(--light-color);min-height: 100%;display: flex;align-items: flex-start;position: relative;padding-top: 8vh;padding-bottom: 5vh;}
.form-wrapper::before{content: '';display: block;height: 100%;width: 10px;position: absolute;right: -10px;top:0;background: #415055;}
.form-wrapper .form-logo{width: 75%;}
.form-wrapper .above-title{color:#004a2d;line-height: 1;margin-bottom: 30px;}
.form-wrapper .above-title .bold{font-size: 30px;margin-bottom: 13px;}
.form-wrapper .above-title .date{border-top: 1px solid #004a2d;border-bottom: 1px solid #004a2d;display: inline-block;font-size: 25px;padding: 8px 15px;}
.form-wrapper .form-title{font-size: 20px;color: var(--darkblue);font-weight: bolder;}
.form-wrapper .fields{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.form-wrapper .field-wrapper{position: relative;padding-bottom: 15px;width: 100%;margin-bottom: 5px;}
.form-wrapper .field-wrapper.selection-elem{padding-bottom: 0;margin-bottom: 0;}
.form-wrapper .field-wrapper.selection-elem select{margin-bottom: 20px; -moz-appearance:none;-webkit-appearance:none;appearance:none; line-height: 1.4; position: relative;}
.form-wrapper .field-wrapper.selection-elem::after{content: '';background: url('../img/select-arrow.png');width: 13px;height: 9px;position: absolute;left:15px;top: 20px;z-index: 2;display: block;pointer-events: none;}
.form-wrapper .field-wrapper.checkbox-elem{width: 100%;max-width: 100%;min-width: 100%;margin-bottom: 25px;padding-bottom: 0;}
.form-wrapper .field-wrapper .form-input{font-size: 22px;padding: 8px 12px;border-radius: 50px;border:1px solid transparent;background: var(--darkblue);width: 100%;color:var(--light-color);font-weight: lighter;margin-bottom: 5px;}
.form-wrapper .field-wrapper .form-input.has-error{border-color:red;}
.form-wrapper .field-wrapper .form-input.appended-select{display: none;}
.field-wrapper input::-webkit-input-placeholder{color:var(--light-color); font-weight: lighter;}
.field-wrapper input:-ms-input-placeholder{color:var(--light-color);font-weight: lighter;}
.field-wrapper input::placeholder{color:var(--light-color);font-weight: lighter;}
.form-wrapper .field-wrapper .error-wrapper{position: absolute;bottom: 4px;right: 15px;font-size: 12px;color:red;}
.form-wrapper .field-wrapper .submit-btn{background: #e4e426;border: none;height: 100%;border-radius: 50px;min-width: 180px;padding: 15px;color:var(--darkblue);font-family: 'OpenSansHebrew', sans-serif;cursor: pointer;box-shadow: 0 2px 5px rgb(2 3 3 / 14%);font: inherit;font-size: 22px;font-weight: bold;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.form-wrapper .field-wrapper .submit-btn img{width: 15px;margin-right: 5px;margin-top: 3px;}

.form-wrapper .field-wrapper .custom-checkbox {display: block;position: relative;padding-right: 30px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.form-wrapper .field-wrapper .custom-checkbox span.label{color:var(--darkblue);font-size: 18px;line-height: 1;}
.form-wrapper .field-wrapper .custom-checkbox input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.form-wrapper .field-wrapper .custom-checkbox .checkmark{position: absolute;top: 0px;right: 0;height: 20px;width: 20px;background-color: transparent;border: 1px solid #051721;border-radius: 50%;}
.form-wrapper .field-wrapper .custom-checkbox:hover input ~ .checkmark{background-color: white;}
.form-wrapper .field-wrapper .custom-checkbox input:checked ~ .checkmark{background-color: #051721;border: 1px solid transparent;}
.form-wrapper .field-wrapper .custom-checkbox .checkmark:after {content: "";position: absolute;display: none;}
.form-wrapper .field-wrapper .custom-checkbox input:checked ~ .checkmark:after {display: block;}
.form-wrapper .field-wrapper .custom-checkbox .checkmark:after {left: 6px;top: 3px;width: 5px;height: 10px;border: solid #dae1d8;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.form-wrapper .inner-content{/* position: relative; */padding-bottom: 5px;}
.form-wrapper #thanks{display: none; position: absolute; top:0; right: 0; width: 100%; height: 100%; background: var(--light-color); z-index: 12;}
.form-wrapper.sent #thanks{display: flex;align-items: flex-start;justify-content: center;padding-top: 50px;}


.credits{background: #051721;display: block;width: 100%;padding: 15px;position: fixed; left:0;bottom: 0;}
@media(max-width:1850px){
    .content-col .main-title{font-size: 26px;}
}

@media(max-width:1600px){
    .title-section .titles-wrapper .large-title{font-size: 46px;}
    .title-section .titles-wrapper .second-title{font-size: 28px;}
    .content-col .inner{padding-right: 15px;padding-left: 15px;}
    .content-col .main-title{font-size: 25px;}
    .content-col .main-title img{top: 4%;width: 67px;max-width: 20%;}
    .content-col .second-title{font-size: 22px;}
    .content-col p.large{font-size: 21px;}
    .content-col .logo-img{margin-top: 5%;}
    .content-col .degree-type{font-size: 24px;}
    .content-col p, .content-col li{font-size: 16px;}
    .content-col p.smaller{font-size: 13px;}
    .form-wrapper{align-items: flex-start; padding-top: 25px;}
    .content-col{align-items: flex-start;padding-top: 20px;}
    .form-wrapper .above-title .bold{font-size: 25px;}
    .form-wrapper .above-title .date{font-size: 20px;}
    .form-wrapper .form-title{font-size: 19px;}
    .form-wrapper .field-wrapper .form-input{font-size: 20px;padding: 5px 10px;}
    .form-wrapper .field-wrapper .custom-checkbox span.label{font-size: 16px;}
}

@media(max-width:1400px){
    .content-col .second-title{font-size: 25px;}
    .content-col .main-title img{top: 3%;width: 67px;right: 5%;max-width: 20%;}
    .title-section .logo-img{width: 85%;}
    .title-section .titles-wrapper .large-title{font-size: 40px;}
    .title-section .titles-wrapper .second-title{font-size: 26px;}
}


@media(max-width:1400px) and (min-width:1200px){
    .content-col .inner{padding-right: 9%;}
    .content-col .second-title img{width: 7%;top: 30%;}
    .main-content .row.align-stretch{min-height: 100vh;;}
    .gallery-wrapper{display: none;}
    .content-col{flex:0 0 65%; max-width: 65%;}
    .form-wrapper{flex: 0 0 35%; max-width: 35%;;}
}

@media(max-width:1200px){
    body{background: linear-gradient(to top, #00250d, #013419);}
    .title-section .titles-wrapper .large-title{font-size: 35px;}
    .title-section .titles-wrapper .second-title{font-size: 24px;}
    .title-section .logo-img{width: 100%;}
    .content-col .inner{padding-right: 35px; padding-left: 35px;}
    .content-col .main-title{font-size: 32px;}
    .content-col .second-title{font-size: 25px;display: block;}
    /* .content-col p, .content-col li{font-size: 17px;} */
}


@media(max-width:1200px){

    .mobile-logo{margin-top: 15px;margin-bottom: 15px;}
    .mobile-logo img{/* width: 200px; */max-width: 40%;}

    ul.tripple-bullets li:after{background-position: 0 9px;;}

    .title-section{margin-top: 20px; margin-bottom: 15px;}
    .title-section .titles-wrapper{text-align: center;}
    .title-section .titles-wrapper::before{display: none;}
    .title-section .titles-wrapper .second-title{margin-top: 5px;margin-bottom: 0;}

    .gallery-wrapper{padding-right: 0; padding-left: 0;}
    .gallery-wrapper .gallery-item img{width: 80%;}

    .content-col{padding-top: 25px;padding-bottom: 25px;}
    .content-col .inner{padding-right: 0; padding-left: 0;}
    .content-col .logo-img-m{width: 30%; margin-bottom: 15px;}
    .content-col .main-title{margin-bottom: 5px;}
    .content-col .main-title, 
    .content-col .second-title,
    .content-col .degree-type
    {text-align: center; font-size: 30px;}
    .content-col .dots-img-m{width: 45px;}
    .content-col p.first-p{text-align: center;}


    .gallery-wrapper .gallery-dots{width: 40px;}
    .gallery-wrapper .gallery-dots.dots-1{top:100%; left:0;}
    .gallery-wrapper .gallery-dots.dots-2{top:0; right:0; left: initial;}

    .form-wrapper::before{content: '';display: block;width: 100%;height: 10px;position: absolute;top: -10px;right:0;background: rgba(255,255,255,0.7);}
    .form-wrapper{position: relative;display: block;bottom: initial;right: initial;}
    .form-wrapper .form-title{text-align: center; }
    .form-wrapper .fields{flex-direction: column; justify-content: flex-start;}
    .form-wrapper .field-wrapper{max-width: 100%; width: 100%;}
    .form-wrapper .field-wrapper.submit-elem{order: 2;}
    .form-wrapper .field-wrapper .submit-btn{margin: 0 auto;}
    .form-wrapper .field-wrapper.checkbox-elem{margin-bottom: 15px; margin-top: 0;}
    .form-wrapper .field-wrapper .custom-checkbox span.label{font-size: 16px;}

    body.scrolled-to-foot .mobile-floating-btn{display: none!important;}
    .mobile-floating-btn{position: fixed; bottom: 0; right: 0; width: 100%; padding: 15px; background: var(--lightblue); z-index: 10; text-align: center; border-top: 5px solid var(--light-color); text-decoration: none!important;}
    .mobile-floating-btn .txt::before{content: '';background: url('../img/arrow-down.png');background-position: center;background-repeat: no-repeat;background-size: contain;width: 15px;height: 10px;display: inline-block;margin-left: 10px;}
    .mobile-floating-btn .txt::after{content: '';background: url('../img/arrow-down.png');background-position: center;background-repeat: no-repeat;background-size: contain;width: 15px;height: 10px;display: inline-block;margin-right: 10px;}

    .form-wrapper #thanks{width: calc(100% - 30px);right: 15px;}


    .credits{background: var(--light-color); position: static;}
    
}

@media(max-width:991px){
    h1.main-title{font-size: 22px; margin-top: 25px;}
    .second-title{font-size: 18px;margin-bottom: 15px;}
    .content-col p.large{font-size: 20px;}
    .form-wrapper .field-wrapper.selection-elem::after{top:16px;}
    ul.tripple-bullets li.single-dot:after{width: 8px;height: 8px;right: 18px;top: 7px;}
}




@media(max-width:768px){

    .mobile-logo img{width: 300px;max-width: 80%;}

    ul.tripple-bullets li{padding-right: 10%;}
    ul.tripple-bullets li:after{background-position: 0 9px;;}

    .title-section{margin-top: 20px; margin-bottom: 15px;}
    .title-section .titles-wrapper{text-align: center;}
    .title-section .titles-wrapper::before{display: none;}
    .title-section .titles-wrapper .large-title{font-size: 21px;}
    .title-section .titles-wrapper .second-title{font-size: 15px;margin-top: 5px;margin-bottom: 0;}

    .gallery-wrapper{padding-right: 0; padding-left: 0;}
    .gallery-wrapper .gallery-item img{width: 90%;}

    .content-col{padding-top: 25px;padding-bottom: 25px; padding-right: 10px;padding-left: 10px;}
    .content-col .inner{padding-right: 0; padding-left: 0;}
    .content-col .logo-img-m{width: 40%;margin-bottom: 15px;}
    .content-col .main-title{margin-bottom: 5px;}
    .content-col .main-title{text-align: center;font-size: 5.5vw;line-height: 1.3;}
    .content-col .second-title{font-size:4.5vw;}
    .content-col .degree-type{font-size:22px;text-align: center;margin-bottom: 8px;}
    .content-col .dots-img-m{width: 40px;}
    .content-col p, .content-col li{font-size: 16px;line-height: 1.5; text-align: right;}
    .content-col p.smaller{font-size: 12px;}
    .content-col p.bordered{font-size: 3.3vw;font-weight: bold;margin-right: auto;margin-left: auto;text-align: center;}
    .content-col p.center-mobile{text-align: center;}

    .form-wrapper .form-title{text-align: center; font-size: 18px;}
    .form-wrapper .fields{flex-direction: column; justify-content: flex-start;}
    .form-wrapper .field-wrapper{max-width: 100%; width: 100%;}
    .form-wrapper .field-wrapper.submit-elem{order: 2;}
    .form-wrapper .field-wrapper .form-input{font-size: 18px;padding: 6px 10px;}
    .form-wrapper .field-wrapper .submit-btn{margin: 0 auto;}
    .form-wrapper .field-wrapper.checkbox-elem{margin-bottom: 15px; margin-top: 0;}
    .form-wrapper .field-wrapper .custom-checkbox span.label{font-size: 14px;}
    .credit img{max-width: 50px;;}
}