@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Prototype Version:  2.4
*/
/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@font-face {
    font-family: 'SpoilerBlack';
    src: url('../font/Spoiler-Black.woff2') format('woff2'),
        url('../font/Spoiler-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spoiler';
    src: url('../font/Spoiler-Regular.woff2') format('woff2'),
        url('../font/Spoiler-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spoiler';
    src: url('../font/Spoiler.woff2') format('woff2'),
        url('../font/Spoiler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SpoilerBold';
    src: url('../font/SpoilerBold.eot');
    src: url('../font/SpoilerBold.eot?#iefix') format('embedded-opentype'),
        url('../font/SpoilerBold.woff') format('woff'),
        url('../font/SpoilerBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;direction: rtl !important}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;font-family: 'Spoiler';}
body{position:relative; }
/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* 2. Define Base Typography
------------------------------------------------------------------------------*/
/* Create the Default Headers  */
/* Specific Header Settings */
h1 {font-weight:bold; font-size:82px; color:#fff; }
h2 {font-weight:bold; font-size:24px; color:#555; }
h3 {font-size:18px; }
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
/* Create the Default Paragraphs */
p { color: #9f9f9f; font-size: 15px; line-height: 24px;}
/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style:none;}
/* 3. Images
------------------------------------------------------------------------------*/
/* Remove border around linked images */
img {border: 0; border-style: none;max-width: 100%;}
/* 4. Links
------------------------------------------------------------------------------*/
/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}
/* 5. Forms
------------------------------------------------------------------------------*/
input{line-height: normal;}
input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;}
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder{ color: #231f20;}
:-moz-placeholder{ color: #231f20;}
::-moz-placeholder{ color: #231f20;}
:-ms-input-placeholder{ color: #231f20;}
::-ms-input-placeholder{ color: #231f20;}
:placeholder-shown{ color: #231f20;}
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}
/* 6. Tables
------------------------------------------------------------------------------*/
/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
/* 7. Framework
------------------------------------------------------------------------------*/
/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}
/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}
/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}
/*border*/
.no_bdr{border:none !important;}
/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}
.d_flex{display: flex;}
ul{list-style: none;}
/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.main{ height: calc(100vh - 126px); }
.banner{ background-image: url(../images/site/back_img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.left_side{ position: absolute; right: auto; left: 65px; background-image: url(../images/site/form_back.jpg); background-repeat: no-repeat; background-size: cover;background-position: center; bottom: 126px;padding: 80px 0px 40px;width: 460px;}
.left_side  .form_title h2{ font-size: 54px; line-height: 41px; color: #ffffff; font-family: 'SpoilerBlack'; text-align: center;margin-bottom: 33px;}
.left_side form{padding: 0px 30px; }
.left_side form .in{ width: 100%; background-color: #ffffff; border: 2px solid transparent !important; border-radius: 0px !important; min-height: 52px; margin-bottom: 15px; font-size: 35px; font-family: 'Spoiler'; padding: 5px 17px; }
.left_side form .in:focus{border: 2px solid #00a9a5;}
.left_side form .formsubmit{ color: #fff; background-color: #00a9a5; width: 100%; font-size: 48px; font-family: 'SpoilerBlack'; min-height: 52px; transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; border: 2px solid transparent; margin-bottom: 27px;border-radius: 0px !important; }
.left_side form .formsubmit:hover{ background-color: #ffffff; color: #00a9a5; }
.left_side form .license{ margin-bottom: 30px; }
.left_side form .license.license_top{display: flex;align-items: center;}
.left_side form .license.license_top .left_col{display: flex; align-items: center;}
.left_side form .license .right_col p{ font-size: 24px; line-height: 24px; color: #000000; }
.left_side form .license input[type="radio"],  .left_side form .license input[type="checkbox"]{ opacity: 0; visibility: hidden; position: absolute; }
.left_side form .license label{ position: relative; background-image: url(../images/site/ch.png); background-repeat: no-repeat; font-family: 'Spoiler'; background-size: 30px; padding-right: 30px; background-position: right top -2px; font-size: 24px; color: #000000; }
.left_side form .license label.active{ background-image: url(../images/site/ch1.png); }
.left_side form .license .left_col{ padding-right: 10px; }
.left_side form .license.bottom_section .left_col{ padding-right: 0px; }
.left_side form .license label.test1{ padding-left: 5px; }
.banner .right_side{ max-width: 1400px; width: 100%; text-align: center; position: relative; height: 481px; }
.banner .right_side .bus_title{padding-top: 40px;}
.banner .right_side h1{ font-family: 'SpoilerBlack'; line-height: 60px; margin-bottom: 5px; }
.banner .right_side h3{ font-size:42px; line-height: 32px; font-family: 'SpoilerBold'; color: #fff; }
.banner .right_side img{ position: absolute; top: auto; bottom: 28px; left: 0px; right: 0px; margin: 0 auto; }
.middle_part{width: 100%;}
.middle_part .middle_title{ max-width: 1400px; width: 100%; position: relative; z-index: 1; }
.middle_part .middle_title h2{ font-size: 45px; line-height: 38px; color: #fff; font-weight: bold; position: absolute; width: 100%; text-align: center; padding-left: 32px; top: -18px; }
.middle_part .middle_title::after{ content: ''; position: absolute; top: -48px; left: 0px; right: 0px; margin: 0 auto; background-image: url(../images/site/arrow_img.png); background-repeat: no-repeat; background-size: cover; width: 389px; height: 101px; z-index: -1; }
.middle_part .con_middle{max-width: 1400px;padding: 68px 40px 13px;}
.middle_part .con_middle ul{ align-items: end; justify-content: space-evenly; }
.middle_part .con_middle ul li{ text-align: center; position: relative; width: 25%; }
.middle_part .con_middle ul li::after{ content: ''; position: absolute; top: auto; bottom: 35px; right:60%; left: auto; height: 13px; width: 100%; background-color: #16aaa5; }
.middle_part .con_middle ul li:nth-child(4):after{content: unset;}
.middle_part .con_middle ul li h3 strong{ color: #000000; }
.middle_part .con_middle ul li h3{ color: #231f20; font-weight: normal; font-size: 30px; line-height: 25px; margin-bottom: 5px; }
.bottom_part{ width: 100%; background-color: #00aaa4; position: absolute; bottom: 126px; padding: 10px 0px; }
.bottom_part .con_bottom { max-width: 1400px; justify-content: space-evenly; }
.bottom_part .con_bottom ul li{ font-size: 34px; font-weight: 500; line-height: 27px; color: #ffffff; position: relative; padding-right: 26px; }
.bottom_part .con_bottom ul li::after{ content: ''; position: absolute; top:5px; left: auto; right: 0px; height: 17px; width: 16px; background-color: #ffffff; border-radius: 3px; }
.bottom_part .con_bottom ul li:first-child{font-weight: bold;font-family: 'SpoilerBold';}
footer{ position: absolute; top: auto; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 126px;padding: 0px 15px;}
footer img{ margin: 0 auto; display: block; padding-top: 10px; }
footer p{ color: #231f20; line-height: 15px; font-size: 17px; margin: 0 auto;padding: 10px 15px 0px;}
img.screen2200, img.mobile_bus, img.mobile_footer-logo{display: none;}
img.screen1920{display: block; margin: 0 auto;}
h1.mobile_view{display: none;}
h2.mobile_title{display: none;}
.bottom_part .con_bottom{flex-wrap: wrap;}
.bottom_part.mobile_view{display: none;}
.thankyou{width: 100%;height: 100%;background: #000; background-color: rgba(0,0,0,0.7);opacity: 1;position: fixed;z-index: 999999;}
.thankyou p{color:#fff;font-size: 30px;text-align: center;padding-top: 25%;font-family: 'Spoiler';}
.thankyou a{position: absolute;top:5%;right:5%;}
.antispam{display: none}
label.error{display: none !important;}
input.in.error {border: 2px solid red !important;}