*,html,input,button, 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;list-style: none;}
:root {--c2:#E24F3B;--blue:#105E8E;--green:#C2CB5D}
a,input {transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
body {direction:rtl;font-family:'Assistant';cursor:default;background-color:#fff}
.footer {padding:20px;position:relative;text-align:center;color:var(--blue);display:flex;justify-content:space-around;}
/*.footer ul {display:flex}
.footer li {padding:20px;color:#fff;line-height:1;background-color:rgba(255,255,255,.1);margin:5px;border-radius:5px}*/
.footer p {margin:20px;color:#fff;text-align:center}
.social {display:flex;justify-content:center;margin-top:10px}
.social a {margin:0 10px;display:block}
.social img {width:40px;transition:all ease .2s}
.social a:hover img {transform: scale(1.2)}
.footer ._uni {color:#fff;font-size:2.5vw;display:block;text-align:center}
img {max-width:100%}
._badge img {max-width:30%;}
.main {flex-basis:calc(100% - 400px);position:relative;overflow:hidden;padding-right:1%; box-shadow: inset -0.8vw 0 5px -5px var(--blue) , inset -1.3vw 0 5px -5px var(--green);}
.main h3,.main h1{font-size:2.2vw;text-align:center;color:var(--blue);line-height:1;margin:20px 0}
.main h2 {font-size:4vw;text-align:center;color:var(--blue);line-height:1;margin:20px 0;font-weight:700;}
.main h3 b,.main h1 b {font-weight:bold}
.main_list {display:flex;text-align:center}
.main_list li {position:relative;margin:0 10px;flex-grow:1;padding:25px 20px;color:#333;font-size:1.2vw;line-height:1}
.main_list svg {display:block;width:auto;height:3em;fill:var(--blue);margin:10px auto;}
.main ._video {
position:relative;padding-top:39%;overflow:hidden;
padding-bottom: 2%;} /* border-radius:0 0 3000px 3000px;box-shadow: 0px 0px 0px 10px #edf5f5;-webkit-border-radius:0 0 3000px 3000px;-moz-border-radius:0 0 3000px 3000px*/
.main ._video img {
position:absolute;
top:0;right:0;width:100%;
height:100%;
object-fit:contain;
/*border-radius:0 0 3000px 3000px;-webkit-border-radius:0 0 3000px 3000px;-moz-border-radius:0 0 3000px 3000px*/
}
.main ._video video {
position:absolute;
top:0;left:0%;
width:80%;height:100%;
object-fit:contain;
object-posistion:top;
/*border-radius:0 0 20em 20em;-webkit-border-radius:0 0 20em 20em;-moz-border-radius:0 0 20em 20em;*/
/*border-radius:0 5em 5em 0;*/
/*box-shadow: 0px 0px 0px 10px #edf5f5*/
/*;filter: drop-shadow(0px -100px 15px var(--blue));*/
}
.site {display:flex;min-height:100vh}
.side {display:flex;flex-basis:400px;
flex-direction:column;align-items:center;
justify-content:center;box-sizing:border-box;
padding:40px;text-align:center;color:var(--blue);text-align:center;overflow:hidden
filter: drop-shadow(-10px 0px 10px var(--blue));
/*background: linear-gradient(-90deg, #edf5f5, #eaf6e8);*/
background-image: repeating-radial-gradient( circle at 0 0, transparent 0, rgba(255,255,255,0.3) 10px ), repeating-linear-gradient( #edf5f5, #eaf6e8);
}
.side ._badge {color:var(--blue)}
.side ._badge span {display:block;font-size:2.5vw;line-height:.8}
.side ._badge svg{max-height:5.5vw;}
.side ._form form {position:relative}
.side ._form form._loading:before {content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:url(img/loader.svg) rgba(255,255,255,.5) no-repeat center;backdrop-filter:blur(3px)}
.side ._form button {background-color:var(--c2);display:flex;width:100%;justify-content:center;align-items:center;color:#fff;font-family:inherit;font-size:2vw;border-radius:10px;padding:5px 10px;cursor:pointer;transition:all .2s ease;margin:10px auto 10px auto;line-height:1}
.side ._form button:hover {transform:translateY(-2px)}
.side h3 {display:none}
.side ._courses.owl-carousel.owl-loaded {display:none}
.side ._course {display:flex;align-items:center;text-align:right}
.side ._course img {max-width:50px;margin-left:10px}
.side ._course p {color:#333;font-size:.7vw;font-weight:bold}
.side .main_list {display:none}
._time {display:block;line-height:1.2;font-size:1.5vw;margin:20px 20px 0 20px;font-weight:900}
._time span {position:relative;z-index:1;overflow:hidden;text-align:center;display:block;margin-top:10px}
._time span:before,._time span:after {content:'';display:inline-block;width:100%;height:1px;background:var(--blue);z-index:-1;position:relative;vertical-align:middle}
._time span:before {left:20px;margin:0 -100% 0 0}
._time span:after {right:20px;margin:0 0 0 -100%}
.side h1 {font-weight:700;font-size:2vw;line-height:1.3;color:var(--c2);margin:10px auto 0 auto}
.side h1 b {font-weight:bold;display:block;
font-size: 1.1em;
color: white;
background: var(--c2);
border-radius: 1em;
backdrop-filter: blur(10px);
}
.side h2 {padding: 3% 20%;color:var(--blue); /*filter: drop-shadow(1px 1px 2px white) drop-shadow(3px 3px 0px white);*/}
._form h2 {font-size:1.1vw;color:var(--blue);margin-bottom:20px}
.side h2 span{font-size:0.8vw;color:var(-c2);}
.side .online {background-color:#64a181;color:#fff;display:inline-block;line-height:1;padding:5px 10px;margin-top:10px;font-weight:bold;transform:rotate(3deg);font-size:2vw;}
.side optgroup[label] {color:#ccc}
.side option {color:var(--blue)}
.side ::placeholder {color:var(--blue)}
.side input {border:1px #ccc solid;width:100%;box-sizing:border-box;font-family:inherit;padding:10px;font-size:1.3vw;margin:0 0 5px 0;border-radius:5px;outline:none;background-color:#fff;color:var(--blue);font-weight:bold}
.side .master {background-color:#fff;border-radius:5px;text-align:right;padding:10px 5px;color:#484848;border:1px #ccc solid}
.side .master select {outline:none;width:100%;font-size:1.2vw;background-color:transparent;font-weight:bold;color:var(--blue)}
.side .sidelogo {display:block;width:50%;}
.side .footer {display:none}
.linkb {padding:2%;background:var(--blue);width:80%;display:flex;justify-content:center;}
.linkb a{padding:2%;background:var(--blue);text-decoration:none;color:white;font-size:1vw;font-weight:900;}
.linkb p{text-decoration:none;color:white;font-size:1.65vw;font-weight:900;line-height:1;}
.linkb p {animation-name: linkclick;animation-duration: 2.5s;animation-iteration-count: infinite;animation-delay:0.5s;animation-timing-function: ease-in-out;}
.linkb {box-shadow:var(--blue) 0px 0px 1px 0px;animation-name: glowshadow;animation-duration:3s;animation-iteration-count: infinite;animation-delay:0s;animation-timing-function: ease-in-out;}
.dis {display:flex;align-items:center;flex-direction:column;width:100%;}
.dis p{font-size:1.1vw;}
.discount {font-size:2vw; margin:3% 0; padding:1.2%;font-weight:600;}
.thankyou {position:fixed;top:0;left:0;right:0;bottom:0;background:url(img/ruppbacksea.jpg) center / cover;display:flex;align-items:center;justify-content:center}
.thankyou section {color:white;background-color:rgba(33, 100, 148, 0.85);backdrop-filter:blur(5px);border:1px rgba(255,255,255,.2) solid;border-radius:10px;text-align:center;padding:5%}
.thankyou h1 {font-size:10vw;font-weight:900}
.thankyou h2 {font-size:5vw;font-weight:500}
.thankyou span {font-size:4vw;font-weight:400}
.sidelogo {margin:0 auto;transform: scale(0.95);display:none;padding:20px 0 0 0;}
.soc_flex {flex-basis:25%;margin: 20px 0;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
@media(max-width:1600px) {
.main h3 {font-size:2.1vw}
}
@media(max-width:1300px) {
.main_list {flex-wrap:wrap}
.side {padding:20px;}
}
@media(max-width:1000px) {
._form h2 {font-size:3vw;}
.discount{font-size:6vw;}
.dis p{font-size:4vw;}
.linkb{width:65%}
.linkb a{font-size:1.25em;}
.main ._video video {width:100%;height:100%;right:0;}
.main ._video {padding-top:55%;}
.footer {display:block;text-align:center}
.footer ._uni {position:static;transform:none;font-size:1.6em;margin-bottom:20px;display:block}
.main ._courses {display:none}
.main {overflow:visible}
.main header {margin-bottom:0}
.main_heads {border:0;margin:0;background-color:#01446E;border-radius:0}
.main h3 {display:none}
.main h1 {font-size:3vw;text-align:center;color:var(--blue);line-height:1;margin:20px 0}
.main .sidelogo {max-width:80vw;display:block}
.main .main_list {display:none}
.main .footer {display:none}
.site {display:block}
.side .main_list {display:flex}
.side .footer {display:flex;flex-direction:column-reverse;}
.side h3 {display:block;font-weight:bold;margin:20px}
.side ._badge img {width:12vw;}
.side ._form {max-width:400px;margin:20px auto;padding:0 20px}
.side ._courses.owl-carousel.owl-loaded {display:block;margin:40px 0}
.side ._courses .owl-nav button {position:absolute;top:50%;transform:translateY(-50%);}
.side ._courses .owl-nav button span {font-size:2em}
.side ._courses .owl-next {left:20px;}
.side ._courses .owl-prev {right:20px}
.side ._course {padding:0 40px}
.side .sidelogo {display:none}
.sidelogo {max-width:200px;margin:20px auto;padding:0;display:block}
}
@media(max-width:700px) {
._form h2 {font-size:4vw;}
.main h2,.main h1{font-size:7vw;}
.side ._badge svg {max-height:7vh;}
.side h1 {font-size:5vw;}
._time, .side ._form button{font-size:5vw;}
.side input {font-size:4vw;}
.discount{font-size:8vw;}
.dis p{font-size:6vw;}
#jarallax-container-0 {display:none}
.accept span {font-size:4vw}
button {background-color:#01446E;color:var(--green)}
.footer_call {display:block}
.main header {font-size:.5em;margin-bottom:20px}
.main header a {display:none}
.main header p {max-width:60%;margin:10px auto}
.main_heads {padding:20px 10px 0 10px}
.main_heads > a {color:#08436c;background-color:var(--green);display:inline-block;text-decoration:none;font-size:1.2em;font-weight:bold;line-height:1;margin:0 auto;padding:10px 40px;border-radius:10px;box-shadow:0 0 6px rgba(0,0,0,.4);transform:translateY(50%)}
.main_heads h2 {font-size:1.7em}
.main_heads_img span {width:30px;height:30px}
.main_heads section {padding:20px 0}
.main_heads_txt {font-size:.5em;margin:10px 0 0 0}
.main .main_list {display:none}
.main ._video {padding-top:60%}
.main_zooms {display:none}
.main_zooms a {margin:10px}
.side_badge {padding:20px;display:block;box-sizing:border-box}
.side {padding:20px 0 0 0;overflow:hidden}
.side_call {display:block}
.side_form {padding:40px 20px 0 20px;background-color:#4C94C3}
.side .main_list {}
.side .main_list li {flex-basis:calc(100%/3);padding:5px;margin:0;box-sizing:border-box;font-size:.8em}
.main_list svg {height:2em;width:2em}
.side .sidelogo {display:none}
.side_uni {font-size:.6em;margin:30px 0 0 0}
.site:before {display:none}
.social {order:2;justify-content:center}
}
@media(max-width:500px) {
.linkb{width:80%}
}
@keyframes discountani {
0% {transform: translate(0,0) rotate(2deg);}
92% {transform: translate(0,0) rotate(1deg) scale(0.95);}
96% {transform: translate(0%,10%) rotate(0deg) scale(1.05);}
100% {transform: translate(0,0) rotate(2deg);}
}
@keyframes linkclick {
0% {transform: translate(0,0);}
80% {transform: translate(-30%,0) scale(0.95);}
90% {transform: translate(0%,0) scale(0.95);}
96% {transform: translate(-30%,0%) scale(1.05);}
100% {transform: translate(0,0) ;}
}
@keyframes glowshadow {
0% { border-radius:0 0 0 0;}
50% { border-radius:20% 0 20% 0;}
100% {border-radius:0 0 0 0 ;}
}