@charset "utf-8";

h3 { margin: 40px 0px 0px; }

ul { padding: 0px; }

a { color: rgb(85, 184, 43); }

.close-poping { position: absolute; right: 20px; top: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; cursor: pointer; }

input { box-sizing: border-box; color: rgb(50, 50, 50) !important; background: rgb(255, 255, 255) !important; border: 1px solid black !important; border-radius: 5px !important; font-weight: 600 !important; font-size: 16px !important; }

form input:not([type="checkbox"]) { width: 100%; outline: none; position: relative; z-index: 3; background-position: 50% 50%; border: 1px solid rgb(153, 153, 153); height: 40px; background-repeat: no-repeat !important; border-radius: 12px !important; }

button[type="submit"] { width: 100%; border-radius: 24px; padding: 15px; height: auto; cursor: pointer; background-color: rgb(94, 194, 130); color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); font-weight: 700; font-size: 21px; }

#phone.false, input.false { background-repeat: no-repeat; border: 1px solid rgb(207, 0, 0); transition: unset; background-image: url("../img/error-info.svg") !important; background-position: 99% 50% !important; background-color: rgb(255, 227, 227) !important; }

.checkbox-wrap.false { color: rgb(189, 135, 135) !important; }

input.valid { background-repeat: no-repeat; border: 1px solid rgb(35, 177, 0); background-image: url("../img/valid-info.svg") !important; background-position: 99% 50% !important; background-color: rgb(234, 255, 229) !important; }

form input.false, form input.false:focus, form input.valid, form input.valid:focus { color: rgb(68, 68, 68); }

form .input-wrap { width: 100%; position: relative; margin: 20px 0px; }

.input-wrap label { position: absolute; display: none; }

.checkbox-wrap { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; display: none; }

.checkbox-wrap input, .checkbox-wrap label { vertical-align: middle; cursor: pointer; }

.checkbox-wrap label { box-sizing: border-box; max-width: 95%; margin: 0px; padding-left: 5px; }

.input-wrap input.false:focus + label, label.false { display: block; text-align: center; color: rgb(196, 0, 0); font-size: 12px; position: absolute; width: 54%; max-width: 200px; z-index: 999; background: rgb(255, 255, 255); bottom: 99%; right: 0px; padding: 2px; border-radius: 8px; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; }

input.false:focus + label::after, label.false::after { content: ""; position: absolute; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-image: initial; border-color: rgb(255, 255, 255) transparent transparent; top: 100%; right: 7.1%; margin-left: -10px; }

.focus-border.false, .focus-border.valid { display: block; position: absolute; width: 80%; inset: -2px 0px; margin: auto; z-index: 1; }

.pop-text-wrap { padding: 50px 70px; }

.focus-border { z-index: -1 !important; }

.vti__dropdown.open { z-index: 99; }

.arForm input { direction: rtl; text-align: center; }

.arForm .checkbox-wrap { text-align: right; direction: rtl; }

.arForm .vti__dropdown { -webkit-box-ordinal-group: 2; order: 1; direction: ltr; }

.arForm input[name="phone"] { text-align: left; -webkit-box-ordinal-group: 3; order: 2; direction: ltr !important; background-position: 99% 50% !important; }

.arForm input[name="email"] { direction: ltr !important; }

.loaders { font-size: 20px; display: flex; -webkit-box-align: center; align-items: center; left: 0px; top: 0px; position: fixed; width: 100%; z-index: 9999999; -webkit-box-pack: center; justify-content: center; height: 100vh; background-color: rgb(0, 102, 204); }

.loaders-bg-2 { background-color: rgb(252, 69, 50); }

.loaders-bg-3 { background-color: rgb(255, 41, 200); }

.loaders-bg-4 { background-color: rgb(0, 0, 0); }

.preloader { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); animation: 2s ease-in 0s infinite normal none running rotatePreloader; }

button .preloader { width: 20px; height: 20px; }

.inform { display: block; position: absolute; left: 0px; right: 0px; top: 65%; text-align: center; color: rgb(255, 255, 255); font-size: 14px; }

@-webkit-keyframes rotatePreloader { 
  0% { transform: translateX(-50%) translateY(-50%) rotate(0deg); }
  100% { transform: translateX(-50%) translateY(-50%) rotate(-1turn); }
}

@keyframes rotatePreloader { 
  0% { transform: translateX(-50%) translateY(-50%) rotate(0deg); }
  100% { transform: translateX(-50%) translateY(-50%) rotate(-1turn); }
}

.preloader div { position: absolute; width: 100%; height: 100%; opacity: 0; }

.preloader div::before { content: ""; position: absolute; left: 50%; top: 0px; width: 10%; height: 10%; background-color: rgb(255, 255, 255); transform: translateX(-50%); border-radius: 50%; }

.preloader div:first-child { transform: rotate(0deg); animation: 2s linear 0s infinite normal none running rotateCircle1; z-index: 9; }

@-webkit-keyframes rotateCircle1 { 
  0% { opacity: 0; }
  0% { opacity: 1; transform: rotate(36deg); }
  7% { transform: rotate(0deg); }
  57% { transform: rotate(0deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle1 { 
  0% { opacity: 0; }
  0% { opacity: 1; transform: rotate(36deg); }
  7% { transform: rotate(0deg); }
  57% { transform: rotate(0deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(2) { transform: rotate(36deg); animation: 2s linear 0s infinite normal none running rotateCircle2; z-index: 8; }

@-webkit-keyframes rotateCircle2 { 
  5% { opacity: 0; }
  5.0001% { opacity: 1; transform: rotate(0deg); }
  12% { transform: rotate(-36deg); }
  62% { transform: rotate(-36deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle2 { 
  5% { opacity: 0; }
  5.0001% { opacity: 1; transform: rotate(0deg); }
  12% { transform: rotate(-36deg); }
  62% { transform: rotate(-36deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(3) { transform: rotate(72deg); animation: 2s linear 0s infinite normal none running rotateCircle3; z-index: 7; }

@-webkit-keyframes rotateCircle3 { 
  10% { opacity: 0; }
  10.0002% { opacity: 1; transform: rotate(-36deg); }
  17% { transform: rotate(-72deg); }
  67% { transform: rotate(-72deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle3 { 
  10% { opacity: 0; }
  10.0002% { opacity: 1; transform: rotate(-36deg); }
  17% { transform: rotate(-72deg); }
  67% { transform: rotate(-72deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(4) { transform: rotate(108deg); animation: 2s linear 0s infinite normal none running rotateCircle4; z-index: 6; }

@-webkit-keyframes rotateCircle4 { 
  15% { opacity: 0; }
  15.0003% { opacity: 1; transform: rotate(-72deg); }
  22% { transform: rotate(-108deg); }
  72% { transform: rotate(-108deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle4 { 
  15% { opacity: 0; }
  15.0003% { opacity: 1; transform: rotate(-72deg); }
  22% { transform: rotate(-108deg); }
  72% { transform: rotate(-108deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(5) { transform: rotate(144deg); animation: 2s linear 0s infinite normal none running rotateCircle5; z-index: 5; }

@-webkit-keyframes rotateCircle5 { 
  20% { opacity: 0; }
  20.0004% { opacity: 1; transform: rotate(-108deg); }
  27% { transform: rotate(-144deg); }
  77% { transform: rotate(-144deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle5 { 
  20% { opacity: 0; }
  20.0004% { opacity: 1; transform: rotate(-108deg); }
  27% { transform: rotate(-144deg); }
  77% { transform: rotate(-144deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(6) { transform: rotate(180deg); animation: 2s linear 0s infinite normal none running rotateCircle6; z-index: 4; }

@-webkit-keyframes rotateCircle6 { 
  25% { opacity: 0; }
  25.0005% { opacity: 1; transform: rotate(-144deg); }
  32% { transform: rotate(-180deg); }
  82% { transform: rotate(-180deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle6 { 
  25% { opacity: 0; }
  25.0005% { opacity: 1; transform: rotate(-144deg); }
  32% { transform: rotate(-180deg); }
  82% { transform: rotate(-180deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(7) { transform: rotate(216deg); animation: 2s linear 0s infinite normal none running rotateCircle7; z-index: 3; }

@-webkit-keyframes rotateCircle7 { 
  30% { opacity: 0; }
  30.0006% { opacity: 1; transform: rotate(-180deg); }
  37% { transform: rotate(-216deg); }
  87% { transform: rotate(-216deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle7 { 
  30% { opacity: 0; }
  30.0006% { opacity: 1; transform: rotate(-180deg); }
  37% { transform: rotate(-216deg); }
  87% { transform: rotate(-216deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(8) { transform: rotate(252deg); animation: 2s linear 0s infinite normal none running rotateCircle8; z-index: 2; }

@-webkit-keyframes rotateCircle8 { 
  35% { opacity: 0; }
  35.0007% { opacity: 1; transform: rotate(-216deg); }
  42% { transform: rotate(-252deg); }
  92% { transform: rotate(-252deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle8 { 
  35% { opacity: 0; }
  35.0007% { opacity: 1; transform: rotate(-216deg); }
  42% { transform: rotate(-252deg); }
  92% { transform: rotate(-252deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(9) { transform: rotate(288deg); animation: 2s linear 0s infinite normal none running rotateCircle9; z-index: 1; }

@-webkit-keyframes rotateCircle9 { 
  40% { opacity: 0; }
  40.0008% { opacity: 1; transform: rotate(-252deg); }
  47% { transform: rotate(-288deg); }
  97% { transform: rotate(-288deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle9 { 
  40% { opacity: 0; }
  40.0008% { opacity: 1; transform: rotate(-252deg); }
  47% { transform: rotate(-288deg); }
  97% { transform: rotate(-288deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

.preloader div:nth-child(10) { transform: rotate(324deg); animation: 2s linear 0s infinite normal none running rotateCircle10; z-index: 0; }

@-webkit-keyframes rotateCircle10 { 
  45% { opacity: 0; }
  45.0009% { opacity: 1; transform: rotate(-288deg); }
  52% { transform: rotate(-324deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

@keyframes rotateCircle10 { 
  45% { opacity: 0; }
  45.0009% { opacity: 1; transform: rotate(-288deg); }
  52% { transform: rotate(-324deg); }
  100% { transform: rotate(-324deg); opacity: 1; }
}

#app { font-family: "Open Sans", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; text-align: center; color: rgb(44, 62, 80); margin-top: 60px; }

.addition a { color: rgb(44, 85, 205); }

.addition .cookie-bar { position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 5px 20px; background: rgb(51, 51, 51); font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; color: rgb(255, 255, 255); display: none; z-index: 9999; }

.addition .cookie-bar.active { display: inherit; }

.addition .cookie-bar-inner { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: 80px; }

.addition #cookie-bar-link { font-size: 12px; }

.addition .cookie-bar-buttons { text-align: center; }

.addition #cookie-bar-btn { padding: 10px 20px; background: rgb(59, 88, 198); border-radius: 4px; border: unset; color: rgb(255, 255, 255); cursor: pointer; white-space: nowrap; }

.addition .arCookies { direction: rtl; }

.addition #modal-error .modal-dialog.modal-sm { width: 100%; }

.addition #modal-error button.close { position: relative; z-index: 99999; font-size: 44px; right: 15px; }

.addition .modal-open { overflow: scroll; display: block; }

.addition .cookie-policy, .addition .exit_popup { display: none; }

.addition .cookie-policy.active { display: block; }

.addition button, .addition input { outline: none; }

.addition .pops { cursor: pointer; }

.addition .exit_popup { background: rgba(255, 255, 255, 0.6); }

.addition .help-block-error { line-height: 1; margin: 0px 0px 11px; text-align: left; background-color: red; color: rgb(255, 255, 255); }

.addition .form-container-unique .form-group .help-block.block, .addition form .help-block { display: block; }

.addition .pop-outer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 999; display: none; }

.addition .pop-outer.active { display: flex; }

.addition .pop-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99; }

.addition .pop-inner { height: 80%; position: relative; z-index: 101; background: rgb(255, 255, 255); max-width: 80%; }

.addition .pop-inner__in { box-sizing: border-box; overflow: hidden auto; max-width: 100%; max-height: 100%; padding: 0px 40px; }

.addition .pop-close, .addition .pop-inner__in, .addition .pop-inner__in h1 { color: rgb(0, 0, 0); }

.addition .pop-close { position: absolute; right: 40px; top: 20px; cursor: pointer; z-index: 5; }

.addition .alterlink { font-family: "Open Sans", Helvetica, Arial, sans-serif; cursor: pointer; font-size: 14px; }

.addition .alterlink:hover { text-decoration: underline; }

@media screen and (max-width: 1100px) {
  .addition .cookie-bar { font-size: 14px; }
}

@media screen and (max-width: 768px) {
  .addition .cookie-bar { font-size: 12px; }
  .addition .pop-inner { max-width: 100%; }
  .addition .pop-inner__in { padding: 20px; }
  .addition .pop-inner__in svg { width: auto; height: auto; }
  .addition .pop-close { right: 20px; }
}

@media screen and (max-width: 425px) {
  .addition #cookie-bar-btn { padding: 7px 9px; }
  .addition .fullscreen-cookie-text { display: none; }
}

.video { position: relative; }

.video-block-inner { width: 100%; position: relative; text-align: center; line-height: 0; }

iframe { width: 100%; margin: auto; }

.over { z-index: 91; height: 100%; cursor: pointer; }

.over, .play-btn { position: absolute; top: 0px; left: 0px; width: 100%; }

.play-btn { height: 87%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 3; }

@media screen and (max-width: 768px) {
  .play-btn { opacity: 0; display: none; }
}

.play-btn::before { content: ""; display: block; width: 26%; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTS04MzgtMjIzMkg1NjJ2MzYwMEgtODM4di0zNjAweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xNiAxMHYyOGwyMi0xNC0yMi0xNHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") 0% 0% / contain no-repeat; height: 48%; cursor: pointer; transition: 0.3s; }

.play .play-btn::before { opacity: 0; }

@media screen and (max-width: 992px) {
  .video-block-inner, iframe { max-height: 350px; }
}

@media screen and (max-width: 768px) {
  .video-block-inner, iframe { max-height: 250px; }
}

@media screen and (max-width: 562px) {
  .video-block-inner, iframe { max-height: 180px; }
}

input { padding: 8px; border-radius: 4px; }

.vti__dropdown { border-radius: 4px; }

.vue-tel-input { height: 41px; border: 1px solid rgb(153, 153, 153); border-radius: 12px !important; }

@media screen and (max-width: 768px) {
  .vti__dropdown-list.below { max-width: 300px; }
  .vti__dropdown-list.above { max-width: 300px; }
}

.vti__dropdown-item { color: rgb(0, 0, 0); }