@import "/National_Library/cs_/https://ok1.co.il/wp-content/themes/frame/assets/css/rtl.min.css";

/* Your CSS code goes here
-------------------------------------- */
.page-id-3873 .title-primary {
    DISPLAY: NONE!important;
}
/********************************16-12-2019*********************************/
.main_form {
    background: #5DBEC4;
    padding: 40px 10%;
    width: 100%;
    float: right;
}
.question_title h1 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    margin-top: 70px;
    line-height: 50px;
    font-family: "Assistant", Sans-serif !important;
}
.tri-right.btm-left-in:after {
    content: "";
    position: absolute;
    background: url(/National_Library/oe_/https://ok1.co.il/wp-content/themes/frame-child/assets/wp-content/uploads/2020/11/triangle_2.png);
    /* bottom: 0; */
    height: 64px;
    width: 94px;
    background-repeat: no-repeat;
    margin-top: 0px;
    left: 20%;
}
/*.tri-right.border.btm-left-in:before {
    content: ' ';
    position: absolute;
    left: 300px;
    right: auto;
    bottom: 58px;
    border: 19px solid;
    border-color: #fff transparent transparent #fff;
}*/
.border{
  border: 2px solid #fff;
  border-radius: 5px;
}
.question_form_radio {
    text-align: center;
    margin: 70px 0;
}
.question_form_radio_btn {
    display: inline-grid;
    padding: 0px 45px;
}
.question_form_radio_btn input[type=radio], .question_form_radio_btn input[type=checkbox] {
    margin: 0 auto;
}
.question_form_radio_btn label {
    font-size: 48px;
    color: #fff;
    font-weight: 300;
    line-height: 46px;
    margin-top: 12px;
    font-family: "Assistant", Sans-serif !important;
}

input[type="radio"]  {
 -webkit-appearance:none;/ Hides the default checkbox style / 
 height:2em;
 width:2em;
 cursor:pointer;
 position:relative;
 -webkit-transition: .15s;
border:0px solid white;
 background-color:transparent;
 padding:0px 15px;
 outline: none;

}

input[type="radio"]:before, input[type="radio"]:checked:before {
    position: absolute;
    top: -55px;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 2.2em;
    text-align: center;
    color: black;
    background-color: transparent;
    content: '';
    border-radius: 50%;
    border: 1px solid white;
}

input[type="radio"]:checked:before {
 content: "";
 position: absolute;
 background:url("/National_Library/oe_/https://ok1.co.il/wp-content/themes/frame-child/assets/images/checked.png"); 
 display: inline-block;
 width: 48px;
 height: 48px;
 outline: none;
}
input[type=radio]:focus{
	outline: none !important;
}
ul.bottom_control{
	padding: 0;
}
ul.bottom_control li {
    display: inline-block;
    padding: 0 18px;
    text-align: center;
}
ul.bottom_control li img {
    border: 2px solid #fff;
    width: 46px;
    height: 46px;
    padding: 10px 8px;
    border-radius: 30px;
    font-family: "Assistant", Sans-serif !important;
}
ul.bottom_control li a{
	font-size: 30px;
	font-weight: 300;
	color: #fff;
    font-family: "Assistant", Sans-serif !important;
}
ul.bottom_control li a p {
    margin-top: 10px;
}
ul.bottom_control li:first-child {
    padding-right: 0;
}
.col-md-6.cl-xs-12.right_bottom_btn {
    padding-right: 0;
}
.col-md-12.col-xs-12.question_button_bottom {
    padding: 60px 0 0 0;
}
.col-md-6.cl-xs-12.left_bottom_btn {
    text-align: left;
}
.next_btn {
    
    float: left;
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: center;
    font-family: "Assistant", Sans-serif !important;
}
.next_btn a{
	text-decoration: none !important;
    font-family: "Assistant", Sans-serif !important;
}
.next_btn a h4 {
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    padding: 8px 20px;
    font-family: "Assistant", Sans-serif !important;
}

.all_bottom_btn {
    float: right;
    width: 100%;
    background: #5DBEC4;
    padding: 0 10%;
    margin-top: -1px;
}
.field_title h1 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    margin-top: 70px;
    line-height: 50px;
    font-family: "Assistant", Sans-serif !important;
}
ul.question_form_sub_field {
    padding: 0;
    margin: 36px auto 60px auto;
    text-align: center;
}
ul.question_form_sub_field li {
    display: inline-block;
    width: 15%;
    margin: 0 15px;
}
p.field_subtitle {
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin: 65px 0 30px 0;
    line-height: 40px;
    font-family: "Assistant", Sans-serif !important;
}
ul.question_form_sub_field li input {
    background: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 10px;
    font-family: "Assistant", Sans-serif !important;
}
ul.question_form_sub_field li input[type="submit"] {
    width: 100% !important;
    background: #74dbe1 !important;
    color: #fff;
    border: none !important;
    padding: 15px 0;
    font-weight: 300;
}
ul.question_form_sub_field li input::placeholder {
    color: #fff;
}
ul.question_form_sub_field li input {
    color: #fff;
    font-size: 30px;
}
h1.side_title {
    font-size: 80px;
    color: #fff;
   font-family: "Assistant", Sans-serif !important;
}
ul.field_title_side {
    padding: 0;
}
.field_title {
    text-align: center;
}
ul.field_title_side li {
    display: inline-block;
}
ul.field_title_side li h1 {
    margin: 0 !important;
    font-family: "Assistant", Sans-serif !important;
}
#question_main_section_5 {
    margin-bottom: 40px;
}
#question_main_section_4 {
    margin-bottom: 40px;
}
.thankyou {
    background: #3693ab;
    padding: 90px 10%;
    width: 100%;
    float: right;
    font-family: "Assistant", Sans-serif !important;
}
.thanks_title {
    text-align: center;
}
.thanks_title h1 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    margin-top: 70px;
    line-height: 50px;
    font-family: "Assistant", Sans-serif !important;
}
.thanks_title p {
    color: #fff;
    text-align: center;
    font-size: 48px;
    font-weight: 300;
    line-height: 50px;
     margin-bottom: 70px;
    font-family: "Assistant", Sans-serif !important;
}
.main_form h1,.main_form h2,.main_form h3,.main_form h4,.main_form h5,.main_form h6,.main_form p,.main_form span, {
    font-family: "Assistant", Sans-serif !important;
}
@media(max-width:576px){
.question_title h1 {
    font-size: 26px;
    margin-top: 24px;
    line-height: 35px;
}
.question_form_radio {
    text-align: center;
    margin: 18px 0;
}
.question_form_radio_btn label {
    font-size: 24px;
    line-height: 26px;
    margin-top: 12px;
}.question_form_radio_btn {
    display: inline-grid;
    padding: 0px 15px;
}
.next_btn a h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    padding: 0px 20px;
}
.next_btn {
    width: 100%;
}
div#question_main_section_5 {
    margin-bottom: 35px;
}
ul.bottom_control li {
    display: inline-block;
    padding: 0 12px;
    text-align: center;
    width: 31.33%;
    vertical-align: text-top;
}
ul.bottom_control {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.col-md-6.cl-xs-12.right_bottom_btn {
    padding: 45px 0 0 0;
}
ul.bottom_control li a {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}
.field_title h1 {
    font-size: 26px;
    margin-top: 24px;
    line-height: 35px;
}
p.field_subtitle {
    font-size: 22px;
    margin: 32px 0 30px 0;
    line-height: 40px;
}
ul.question_form_sub_field li {
    display: inline-block;
    width: 85%;
    margin: 8px 15px;
}
ul.question_form_sub_field li input {
    font-size: 22px;
}
ul.question_form_sub_field {
    margin: 36px auto 30px auto;
}
h1.side_title {
    font-size: 40px !important;
    color: #74dbe1;
}
.col-md-12.col-xs-12.question_button_bottom {
    padding: 0px 0 30px 0;
}
input[type="radio"]:checked:before {
     content: "";
     position: absolute;
     background:url("/National_Library/oe_/https://ok1.co.il/wp-content/themes/frame-child/assets/images/checked.png"); 
     display: inline-block;
     width: 28px;
     height: 28px;
     outline: none;
    background-size: contain;
}
input[type="radio"]:before, input[type="radio"]:checked:before {
    position: absolute;
    top: -22px;
    left: 0;
    width: 30px;
    height: 30px;
}
.tri-right.btm-left-in:after {
    margin-top: -0.5px;
}
.thanks_title p {
    font-size: 32px;
}
.thanks_title h1 {
    font-size: 32px;
}
}