.homeTop2Top{
height:auto;
background-color:#FFFFFF;
}
.bottomHeader{
position:relative;
float:left;
width:100%;
color:#1F1F3E;
font-size:36px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
margin-top: 20px;
margin-bottom:45px;
}
.bottomHeaderTxt{
position:relative;
float:left;
width:100%;
font-size:11px;
text-align:center;
color:#f9685f;
text-transform:uppercase;
line-height:1.3;
margin-top:10px;
margin-bottom:53px;
}
.stepsArea{
position:relative;
float:left;
width:100%;
}
.anonimClass{
position:relative;
height:20px;
width:70px;
    margin-bottom: -2px;
    margin-left: -11px;
}
.stepsAreaBox{
position:relative;
float:left;
text-align:center;
width:20%;
background-color:#FFF;
height:28px;
line-height:30px;
color:#f9685f;
border:1px solid #f9685f;
text-transform:uppercase;
font-size:12px;
font-weight:400;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background-color:#f9685f;
color:#FFF;
}
.stepsAreaBoxActive{
background-color:#FFF;
color:#f9685f;
}
.stepsAreaBoxCompleted{
background-color:#1F1F3E;
color:#FFF;
}
.stepsAreaBoxLiner, .stepsAreaBoxLinerBig{
position:absolute;
right:0;
top:0;
width:2px;
height:40px;
background-position:center right;
background-color:#f1f2f2;
background-repeat:no-repeat;
background-image:url(../images/leftLiner.png);
}
.stepsAreaBoxLinerBig{
background-repeat:repeat-y;
height:100%;
}
.stepsAreaBoxLiner{
position:relative;
float:left;
width:4%;
height:2px;
    margin-top: 14px;
    margin-left: 1%;
    margin-right: 1%;
background-color:#1F1F3E
}
.stepsAreaBoxTxt{
position:absolute;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
color:#1F1F3E;
top:-30px;
}
.questionsArea, .questionsOptionsArea{
position:relative;
float:left;
width:25%;
margin-top:30px;
margin-bottom:30px;
background-color:#f1f2f2;
}
.questionsArea{
margin-top:0;
margin-bottom:0;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.questionsOptionsArea{
width:100%;
background-color:#f1f2f2;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.questionsAreaQ{
position:relative;
float:right;
width:90%;
margin-top:29px;
line-height:1.3;
font-size:12px;
color:#1F1F3E;
text-align:right;
word-wrap: break-word;
text-transform:uppercase;
height:40px;
font-weight:500;
}
.questionsOptionsAreaLeft{
position:relative;
float:left;
width:37%;
}

.questionsOptionsAreaLeftBox{
position:relative;
float:left;
width:90%;
margin-left:10%;
margin-top: 28px;
height:40px;
}
.FirstExtraContainer, .FirstExtraContainer2{
position:relative;
float:left;
width:100%;
display:none;
}
input {
    border-radius: 0;
}
.inputFields{
position:relative;
float:left;
width:61%;
padding-left:4%;
padding-right:4%;
height:30px;
line-height:29px;
border:1px solid #D1D3D4;
background-color:#FFFFFF;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden;
color: #444;
background-clip: padding-box;
text-decoration: none;
white-space: nowrap;
outline:0;
}
.salaryCurrency{
position:absolute;
top:0;
height:30px;
right:0;
width:25%;
text-align:center;
line-height:29px;
border:1px solid #D1D3D4;
font-size:13px;
color: #a7a9ac;
padding-left:3%;
padding-right:3%;
background-color:#FFFFFF;
}
.questionsOptionsAreaLeftBoxTxt{
height:auto;
margin-top:15px;
color: #a7a9ac;
font-size:13px;
}
.questionsOptionsAreaLeftBox2{
margin-top:8px;
height:32px;
}
.questionsOptionsAreaLeftBoxTxtOr{
margin-top:30px;
}
.questionsOptionsAreaLeftBoxTxtOrLast{
    margin-top: -15px;
    margin-bottom: 3px;
    float: right;
text-align:right;
}
.proceedBtn{
position:relative;
float:left;
text-align:center;
padding-left:25px;
padding-right:25px;
height:28px;
line-height:28px;
text-transform:uppercase;
color:#FFF;
background-color:#1F1F3E;
font-weight:300;
cursor:pointer;
font-size:13px;
opacity:0.9;
}
.proceedBtn:hover{
opacity:1;
}
.questionsOptionsAreaLeftBoxLast{
padding-bottom: 18px;
}
.questionsOptionsAreaRight{
position:relative;
float:right;
width:30%;
min-height:222px;
height:100%;
display: inline-block;
   vertical-align: middle;
   display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
	padding:10px;
	display:none;
	padding-top:20px;
}
.questionsOptionsAreaRight2{
position:relative;
float:left;
width:37%;

}
.questionsOptionsAreaRightContainer{
position:relative;
padding-left:36px;
padding-right:30px;
padding-top:20px;
padding-bottom:20px;
text-align:left;
color:#757575;
font-size:13px;
font-weight:700;
line-height:1.5;
max-width:70%;
float:left;
word-wrap: break-word;
}
.questionsOptionsAreaRightContainerQuotesUp{
position:absolute;
top:0;
left:0;
width:30px;
height:36px;
background-position:center;
background-repeat:no-repeat;
background-image:url(../images/quotesUp.png);
}
.questionsOptionsAreaRightContainerQuotesDown{
position:absolute;
bottom:0;
right:0;
width:30px;
height:36px;
background-position:center;
background-repeat:no-repeat;
background-image:url(../images/quotesDown.png);
}
.questionsAreaQEx{
font-size:11px;
color:#939598;
height:auto;
}
.checkBoxTxt{
position:relative;
float:left;
width:100%;
font-size:12px;
font-weight:500;
text-transform:uppercase;
line-height:22px;
cursor:pointer;
color:#555;
}
.checkBox{
position:relative;
float:left;
margin:4px;
margin-right:8px;
height:14px;
width:14px;
 outline:0;
}
.questionsOptionsAreaLeftBoxCheckbox{
margin-top:15px;
height:auto;
margin-bottom:0;
}
.questionsOptionsAreaLeftBoxLast2{
position:absolute;
    bottom: -55px;
    left: 0;
margin:0;
}
.questionsOptionsAreaLeftBoxCheckboxLast{
margin-bottom:25px;
}
.checkBoxTxtExtra{
position:relative;
float:left;
margin-top:15px;
margin-left:40px;
display:none;
}
.checkBoxTxtExtraTxt{
position:relative;
float:left;
width:100%;
color: #a7a9ac;
line-height:1.3;
font-size: 12px;
}
.inputFields2{
margin-top: 10px;
width:92%;
}
.inputFields2Other{
widows:100px;
}
.inputFields3{
width:92%;
}
.finalLeft{
position:relative;
float:left;
width:35%;
margin-left:15%;
margin-top:10%;
margin-bottom:10%;
}
.finalLeftTitle{
position:relative;
float:left;
width:100%;
font-size:18px;
color:#1F1F3E;
height:46px;
line-height:46px;
margin-bottom:5px;
text-transform:uppercase;
}
.finalLeftTitlePrice{
position:relative;
float:right;
height:32px;
line-height:33px;
border:1px solid #f9685f;
color:#1F1F3E;
font-size:18px;
font-weight:normal;
text-align:center;
padding-left:10px;
padding-right:10px;
min-width:60px;
font-weight:500;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
.finalLeftTitlePriceOther{
/*color:#F59285;
background-color:#1F1F3E;*/
}
.arrowPointer{
position:relative;
float:left;
width:300px;
height:200px;
background-repeat:no-repeat;
background-position:center;
background-image:url(../images/arrowLast.png);
margin-top:105px;
display: none !important;
}
.refereneTitle{
position:relative;
float:left;
  font-size:18px;
color: #1F1F3E;
margin-top: 10%;
font-weight: 300;
    padding-top: 59px;
	margin-left:15px;
}
.refereneTitleHigh{
/*font-size:65px;
color:#F59285;*/
font-weight:normal;
}
.emailResArea{
 position:relative;
float:left;
width:100%;
margin-top:0;
margin-bottom:70px;
}
.chosenErr{
border-color:#f90000 !important;
}
.chooseArea{
position:relative;
float:left;
width:100%;
margin-bottom:50px;
}
.chooseAreaOption{
position:relative;
float:left;
width:23%;
cursor:pointer;
border:1px solid transparent;
margin-right:2%;
overflow:hidden;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.chooseAreaOptionLast{
margin-right:0;
}
.radionBtns{
position:relative;
float:left;
display:none;
border:0;
    margin: 4px;
    margin-right: 7px;
	margin-top:13px;
	margin-left:13px;
    height: 14px;
    width: 14px;
	cursor:pointer;
    outline: 0;
}
.chooseImg{
position:relative;
float:left;
width:100%;
height:168px;
margin-left:0;
margin-right:0;
background-position:center; 
background-repeat:no-repeat;
cursor:pointer;
background-size:168px;
}
.chooseImgFirst{
background-image:url('../images/choose_1.png');
}
.chooseImgSecond{
background-image:url('../images/choose_2.png');
}
.chooseImgThird{
background-image:url('../images/choose_3.png');
}
.chooseImgForth{
background-image:url('../images/choose_4.png');
}
.chooseTxt{
position:relative;
float:left;
cursor:pointer;
font-size:17px;
color:#1F1F3E;
line-height:20px;
min-height:46px;
margin:5px;
margin-top:30px;
font-weight:700;
text-transform:uppercase;
text-align:center;
}
.chooseTip{
position:relative;
float:left;
width:100%;
margin-top:50px;
color:#939598;
font-size:14px;
line-height:1.3;
}
.chooseTip span{
font-weight:600;
}
.emailResAreaTxt{
position:relative;
float:left;
width:300px;
text-align:right;
height:26px;
line-height:26px;
text-transform:uppercase;
color:#1F1F3E;
font-size:13px;
font-weight:500;
margin-right:20px;
}
.yourEmailInput{
position:relative;
float:left;
width:340px;
height:24px;
line-height:24px;
padding-left:10px;
padding-right:10px;
font-size:12px;
color:#939598;
border:1px solid #cccccc;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
 border-radius: 14px;
}
.sendReport{
position:relative;
float:left;
width:100px;
height:26px;
line-height:26px;
text-align:center;
text-transform:uppercase;
cursor:pointer;
color:#FFF;
opacity:0.9;
margin-left:20px;
background-color:#1F1F3E;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
 border-radius: 14px;
 font-size:12px;
}
.sendReport:hover{
opacity:1;
}
.questionsOptionsAreaLeftNew{
position:relative;
float:left;
margin:20px;
width:calc(30% - 50px);
}
.questionsOptionsAreaLeftH{
position:relative;
float:left;
font-size:25px;
color:#1F1F3E;
font-weight:400;
line-height:34px;
letter-spacing: 0.05em;
width:100%;
}
.questionsOptionsAreaLeftHCnt{
position:relative;
float:left;
width:100%;
margin-top:20px;
}
.questionsOptionsAreaLeftHCntT{
position:relative;
float:left;
text-transform:uppercase;
color:#FFF;
background-color:#1F1F3E;
font-size:13px;
line-height:24px;
font-weight:700;
height:24px;
border-radius:5px;
padding-left:8px;
padding-right:8px;
}
.questionsOptionsAreaLeftHCntT2{
position:relative;
float:left;
color:#1F1F3E;
font-size:17px;
line-height:17px;
font-weight:normal;
margin-top:6px;
}
.questionsOptionsAreaLeftHR{
font-size:25px;
line-height:34px;
font-weight:700;
}
.questionsOptionsAreaRights{
    position: relative;
    float: right;
    margin: 20px;
    width: calc(70% - 40px);
}
.questionsOptionsAreaRightsB{
    position: relative;
	background-color:#E7E7E7;
	border-radius:14px;
	margin-right:12px;
	margin-top:20px;
	    height: 227px;
    float: left;
	padding:10px;
    width: calc(100% - 32px);
}
.yourSalaryBox{
position:relative;
float:left;
border:2px solid #FFF;
border-radius:7px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
text-align:center;
text-transform:uppercase;
font-size:13px;
font-weight:700;
color:#1F1F3E;
line-height:17px;
padding-bottom:12px;
letter-spacing: 0.05em;
}
.rrogaB{
font-size:30px;
line-height:40px;
}
.yourSalaryBoxCnt{
width:calc(50% - 97px);
position:relative;
float:left;
height:100%;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	display: flex;
}
.yourSalaryBoxCnt2{
width: calc(50% - 58px);
}
.compareBoxCnt{
position:relative;
float:left;
width:154px;
height:100%;
}
.compareBoxCntBox{
position:relative;
float:left;
width:134px;
height:134px;
padding:10px;
border-radius:50%;
background-color:#D3D3D3;
margin-top:30px;
overflow:hidden;
animation: createBox .6s forwards;
transform: scale(0);
animation-delay: 0.8s;
}
 

 
.compareBoxCntBoxTxtIn{
position:relative;
float:left;
width:100%;
text-align:center;
font-weight:700;
font-size:25px;
line-height:34px;
margin-top: 31px;
opacity:0;
display:none;
}
 
.compareBoxCntBoxTxtInB{
position:relative;
float:left;
font-weight:400;
font-size:14px;
line-height:20px;
color:#F90000;
width:100%;

}
.compareBoxCntBox2{
position:relative;
float:left;
background-color:transparent;
margin:0;
width:134px;
height:134px;
border-radius:50%;
overflow:hidden;
}
.compareBoxCntBox2Right{
position:absolute;
width:50%;
    top: -75px;
    left: 50%;
background: #FFF;
    border: 10px solid #FFF;
height:0;
animation: compareBoxCntBox2RightAn .4s forwards;
animation-delay: 1.4s;
}
@keyframes compareBoxCntBox2RightAn {
  from {
    height:0;
   }
  to {
    height: 217%;
  }
}
.compareBoxCntBox2Left{
    position: absolute;
    width: 50%;
    bottom:-75px;
    left: 0;
 background: #FFF;
    height: 0;
    border: 10px solid #FFF;
	animation: compareBoxCntBox2LeftEn 1s forwards;
animation-delay: 1.5s;
}
@keyframes compareBoxCntBox2LeftEn {
  from {
    height:0;
   }
  to {
         height: 217%;
  }
}

.compareBoxCntBox2Right_neg{
position: absolute;
    width: 0;
	max-width:50%;
    top:0;
    right:50%;
 background: #F9685F;
    height: 0;
}
.compareBoxCntBox2Left_neg{
position:absolute;
width:0;
    bottom: 0;
    left: 50%;
background: #F9685F;
height:0;
}

.compareBoxCntBox2Left_pos{
position: absolute;
    width: 50%;
    border-radius: 50%;
    bottom:-75px;
    left: 0;
 background: #0DC741;
    height: 0;
    border: 10px solid #0DC741;
}
.compareBoxCntBox2Right_pos{
position:absolute;
width:50%;
border-radius:50%;
    top: -75px;
    left: 50%;
background: #0DC741;
    border: 10px solid #0DC741;
height:0;
}

.compareBoxCntBox3{
position:relative;
float:left;
background-color:#D3D3D3;
margin:10px;
width:114px;
height:114px;
border-radius:50%;
z-index:9;
}


.compareBoxCntBoxTxt{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:15px;
font-weight:700;
line-height:20px;
letter-spacing: 0.05em;
margin-top:10px;
transform: scale(0);
animation: createBox .6s forwards;
animation-delay: 0.8s;
}
@keyframes createBox {
  from {
    transform: scale(0);
   }
  to {
  	
    transform: scale(1);
  }
}
.yourSalaryBox{
position:absolute;
bottom:20%;
opacity:0;
margin-bottom:-41px;
}
.yourSalaryBox_1{
float:none;
position: static;
margin-bottom: 0;
    right: 0 !important;
}
.yourSalaryBox_2{
float:left;
left:20px;
float:none;
position: static;
margin-bottom: 0;
    left: 0 !important;
}


.circular{
  height: 134px;
  width: 134px;
  margin-left: -10px;
    margin-top: -10px;
  position: relative;
  opacity:0;
  animation: createBoxCir .1s forwards;
  animation-delay: 2.3s;	
}
@keyframes createBoxCir {
  from {
    opacity: 0;
   }
  to {
  	
    opacity:1;
  }
}
.circular .inner, .circular .outer, .circular .circle{
  position: absolute;
  z-index: 6;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
.circular .inner{
  top: 50%;
  left: 50%;
  height: 114px;
  width: 114px;
  margin: -57px 0 0 -57px;
  background-color: #D3D3D3;
  border-radius: 100%;
  box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.circular .circle{
  z-index: 1;
  box-shadow: none;
}
.circular .numb{
  position: absolute;
  top: 32%;
  text-align:center;
  width:100%;
   z-index: 10;
font-weight:700;
font-size:25px;
line-height:34px;
}
.circular .numb2{
  position: absolute;
  top: 54%;
 text-align:center;
  width:100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #F90000;
    width: 100%;
   z-index: 10;
 
}
.circular .bar{
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  -webkit-border-radius: 100%;
  clip: rect(0px, 134px, 134px, 67px);
}
.circle .bar .progress{
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 100%;
  clip: rect(0px, 67px, 134px, 0px);
}
.circle .bar .progress, .dot span{
  background: #4158d0;
}
.circle .left .progress{
  z-index: 1;
  animation: left 1s linear both;
  animation-delay: 2.4s;
}
@keyframes left {
  100%{
    transform: rotate(180deg);
  }
}
.circle .right{
  z-index: 3;
  transform: rotate(180deg);
}
.circle .right .progress{
  animation: right 1s linear both;
  animation-delay: 3.4s;
}
@keyframes right {
  100%{
    transform: rotate(180deg);
  }
}
.circle .dot{
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 10px;
  margin-top: -5px;
  animation: dot 2s linear both;
  transform-origin: 0% 50%;
}
.circle .dot span {
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
@keyframes dot{
  0% {
    transform: rotate(-90deg);
  }
  50% {
    transform: rotate(90deg);
    z-index: 4;
  }
  100% {
    transform: rotate(270deg);
    z-index: 4;
  }
}

#searchSuggestions, #searchSuggestions2, #searchSuggestions3 {
    position: absolute;
        width: calc(100% - 22px);
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(255,255,255,1);
    color: #323256;
    font-size: 12px;
    display: none;
	border: 1px solid #D1D3D4;
    top: 34px;
    overflow: hidden;
    z-index: 999;
}
.relatedNewsArticle{
position:relative;
float:left;
 padding-top:6px;
padding-bottom:6px;
font-size:13px;
cursor:pointer;
height:auto;
min-height:20px;
line-height:1.3;
width:100%;
padding-left:10px;
padding-right:10px;
margin-left:-10px;
-webkit-transition: all  100ms ease-in-out;
    -moz-transition: all  100ms ease-in-out;
    -o-transition: all  100ms ease-in-out;
    -ms-transition: all  100ms ease-in-out;
    transition: all  100ms ease-in-out;
}
.relatedNewsArticle:hover{
background-color:#f9685f;
color:#FFF;
font-weight: bold;
-webkit-transition: all  100ms ease-in-out;
    -moz-transition: all  100ms ease-in-out;
    -o-transition: all  100ms ease-in-out;
    -ms-transition: all  100ms ease-in-out;
    transition: all  100ms ease-in-out;
}
#positionID{
width: 298px;
}
.questionsOptionsAreaLeftGHeader{
float:left;
position:relative;
text-transform:uppercase;
color:#f9685f;
font-size:14px;
font-weight:500;
margin-top: 32px;
    height: auto;
    margin-bottom: 0;
	width: 89%;
    margin-left: 11%;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
  
  

}