body {
	margin-bottom: 250px;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 0px;
	background-image:url('');
	background-color:#afafb9;
}
.container {
	border-radius: 0px;
	padding:0px;
	width:100%;
	min-width:300px;
	max-width:980px;

	position: relative;
    margin: 0px auto;


}
#top {
	width:80%;
                border-radius: 5px;
                border: 1px solid #CCC;
	font-size:14px; color: #000; font-family: 'Open Sans',sans-serif; font-weight:bold; 
                margin: 35px auto 0;
                position: relative;
                min-height: 17px;
                overflow: hidden;
                padding: 0 1px; 
                
}

.ppercent{ position:absolute; left: 50%; transform: translate(-50%,0); text-align: center; z-index: 5; font-weight:normal; line-height: normal; }
.progressbar {     background: url( progressbar.png ) repeat-x 0 0; height: 17px; position: absolute; top: 0; right: 0; max-width: 100%; box-sizing: border-box; border-radius: 3px;}


.fm_cont { position: relative; height: 490px;}


#q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9 {
	
	overflow:hidden;
	background-color:#fff;
	
	width:50%;
	min-width:300px;
	float:right;
	display:none;
	position:absolute;
                line-height:28px;
                font-size:22px; color: #000; font-family: 'Open Sans',sans-serif;
	
                

}

.q_cont {  
        
        border-radius: 6px;
        border:1px solid #DFDFDF;
        padding: 50px 30px;
      min-height:  370px;
    background: #f5f5f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 18%, #ffffff 52%, #ffffff 83%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(18%, #ffffff), color-stop(52%, #ffffff), color-stop(83%, #ffffff), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 18%, #ffffff 52%, #ffffff 83%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 18%, #ffffff 52%, #ffffff 83%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 18%, #ffffff 52%, #ffffff 83%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 18%, #ffffff 52%, #ffffff 83%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=0);
    
    box-sizing: border-box;
}

.q_text { font-size: 35pt;
    line-height: 35pt;
    padding: 0 0 15px 0;
    color: #999999;
}

#qq {
	border-radius: 6px;
	background-color:#fff;
	border:1px solid #DFDFDF;
	width:45%;
	min-width:300px;
	text-align:center;
	margin-bottom:15px;
}


#qq img{
	width:90%;
	margin: 15px auto 15px auto;
}

#qq video { 
                width: 100%;
	margin: 0 auto;
                padding: 5px;
                display: block;
                box-sizing: border-box;
                object-fit: cover;
}



.btnnext {
	font-size:30px; color: #fff; font-family: 'Open Sans',sans-serif;
	width:100%;
	min-width:200px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	
	padding:0;
	text-decoration:none;
	text-align: center;
                margin: 25px auto 0;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);                

}

button.btnnext { border: none; padding: 3px 0; }
a.btnnext { padding: 9px 0; }



.h1 { font-size:36px; color: #F44336; font-family: 'Open Sans',sans-serif;  }
.style1 { font-size:22px; color: #666; font-family: 'Open Sans',sans-serif; }
.style2 { font-size:18px; color: #000; font-family: 'Open Sans',sans-serif; max-width:700px; display:block; text-shadow: 1px 1px 0 #fff;   font-weight: normal;}
.styleq1 { font-size:23px; color: #000; font-family: 'Open Sans',sans-serif; font-weight:bold; }


.sel_cont { text-align: right; margin: 10px auto; }
div.input { margin: 35px 120px 12px 0; }
#mainForm input {  width: 100%; height: 45px; padding: 10px; font-size: 16px; border-radius: 3px; margin:10px auto; clear: both; display: block; box-sizing: border-box; 
	
                
               border: 1px solid #ccc;
                outline: none;
                color:#333333;
                text-shadow: 0px -1px #fff;
}
#mainForm select {  width: 31.9%;  height: 45px; border-radius: 3px; display: inline-block; 
                    
	color: #333333; font-size: 20px;  text-shadow: 0px -1px #fff;
                border: 1px solid #ccc;
                padding: 0 5px;
                direction: ltr;
                
}

#mainForm input[type=checkbox] {
    
        width: 25px; height: 25px;
        margin: 5px 0 0 10px ;
        padding: 0;
        display: inline;
        clear: none;
        float:right;
}

.loader {  position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba( 0, 0, 0, 0.8) url(ajax-loader2.gif) no-repeat center center; }
#mainForm select option { background: #f2f2f2;  color: #333333; }

#mainForm select#gender{ width: 87%; }
#mainForm select#gender option { line-height: 22px; height: 22px; min-height: 22px; }

.resp_error { text-align: right; color:  rgb( 242, 0, 0 ); }

label{
	
	float:right;
	padding:5px;
	margin-bottom:3px
}


label input{
	
	margin-top:7px;
}

label[for="input"] { padding: 40px 0 0 0;  }
div.input label { display: inline-block; clear: both; width: 95%; float:none;  }
div.input span {  }

label.error{      color: rgb( 242, 0, 0 );
    font-size: 14px;
    width: 97%;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto; }



.toggleDiv {
	
	
}

.image{
	width:48%;
	float:left;
}

#header { position:relative; padding:20px 0px; height:auto; width:100%; color:#000; font-weight:bold; font-size:28px; text-shadow:0px -1px 0px rgba(255,255,255,.5);text-align:right; border-bottom:1px solid #000;cursor:default;
margin-bottom:15px}


.profs_cont { width: 50%; position: relative;}
.profs { position: relative;  text-align: center; margin: 0 auto;}
.profs > div { display: inline-block; width: 24%; position: relative; padding: 5px; box-sizing: border-box; }
.profs > div img { max-width: 120px; max-height:180px; width: 100%; height: auto; }
.profs > div p{     font-size: 15px;   line-height: 15px;   margin: 5px 0; }
.profs > div p:first-of-type{ font-weight: bold; }



/*
	RTL
*/

body {
	direction:rtl;
    margin-right: 0px;
    margin-left: 0px;
	text-align:right;
}


@media screen and (max-width: 1024px){
    
    	.container {
		max-width:95%;
	}
                #mainForm select#gender { width: 82% }
    
}

@media screen and (max-width: 768px){
    
	.container {
		max-width:95%;
	}
	
	#q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9{
		width:100%;
		float:none;
	}
	
                #qq { width: 100%; max-height: 300px;  float: none; overflow: hidden; border: none transparent; }
        
                #qq video { height: 100%; }
                #mainForm select#gender { width: 82% }
                
                
                .profs_cont { width: 100%; position: relative; text-align: center;}
                .profs_cont .profs  { width: calc(100% - 130px); display: inline-block; vertical-align: middle; margin: 40px auto 0; }
               
                .profs > div { float:none;  width: auto; height: auto; display: block; box-sizing: inherit; text-align: center; }
                .profs .owl-item img { display: block; margin: 0 auto; max-width: 220px; max-height: 330px;}
                .profs > div p { font-size: 25px; line-height: 25px; }
                .owl-carousel .owl-stage {
                    display: flex;
                    align-items: center;
                  }
                
                .prev_btn,  .next_btn { width:60px; height: 60px; display: inline-block; vertical-align: middle;/* position: absolute; top: 50%; transform: translate(0,-50%); z-index: 999;*/}
                .next_btn{  text-align: right ; left: 0;}
                .prev_btn { right: 0;  }
                .prev_btn:before , .next_btn:before { content: '➤'; color: #666666; font-size: 150%; -webkit-font-smoothing: antialiased; }
                .next_btn:before {  content: '➤'; float:left; transform: scaleX(-1);  }
}


@media screen and (max-width: 500px) {

  #q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9 {

    font-size:18px;
   
}

    .h1 { font-size:22px; }
    .style2 { font-size:15px; }
    .style1 { font-size:17px; color: #666; }

    .btnyes {font-size:24px;}
    .btnno {font-size:24px;}
    .btnnext {font-size:24px;}

    .q_text { font-size: 24pt; }
    #mainForm select#gender { width: 80%; }

    .profs .owl-item img { max-width: 200px; max-height: 300px;}
    .profs > div p { font-size: 25px; line-height: 25px; }

}

.disclaimer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    color: #000;
    background-color: rgba(255, 255, 255, .8);
    backdrop-filter: blur(95px);
    text-align: center;
    z-index: 999
}

.disclaimer.hide {
    display: none
}

.disclaimer__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 475px;
    background-color: transparent;
    padding: 0 10px
}

.disclaimer__number {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
}

.disclaimer__title {
    font-family: 'Gan CLM', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    margin: 0;
    margin-bottom: 24px
}

p.disclaimer__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 16px;
    margin: 0;
    margin-bottom: 10px;

}

.disclaimer__text span.bold {
    font-weight: 700
}

.disclaimer__text .bold {
    font-weight: 700;
}

.disclaimer__text a.disclaimer__link {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #000;
}

.disclaimer__text.disclaimer__text--mb {
    margin-bottom: 29px
}

@media screen and (max-width: 500px) {
    p.disclaimer__text {
        max-width: 240px;
        margin: 0 auto 20px;
    }
}

.disclaimer__button {
    display: block;
    width: 100%;
    max-width: 350px;
    background-image: url(./button-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
    box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, .25);
    border-radius: 50px;
    padding: 19px 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    border: none;
    color: #fff;
    margin: 0 auto;
    transition: all .2s linear;
    cursor: pointer
}



.disclaimer__button span {
    text-transform: uppercase
}