/*====================================  INFO TEXT  ========================================================*/
#info_text{
  font-style:normal;
  font-family:Segoe UI,Segoe;
  font-size:10.5pt;
  font-weight:700;
  line-height:20px;
  color:#666;
}
#info_text_head{
  font-style:normal;
  text-decoration:none;
  font-family:Segoe UI Light,SegoeLight;
  font-size:11.5pt;
  font-weight:700;
  line-height:22px;  
  margin-bottom:3px;
}
/*====================================  STEPS  ========================================================*/
#steps{
  width:100%;
  display:inline-block;
  padding:5px 0;
  background-color:#dedede;
  margin:20px 0 5px 0;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
}
#steps li{
  float:left;
  display:inline-block;  
  width:-moz-calc(100% / 6 );width:-webkit-calc(100% / 6 );width:calc(100% / 6 );
  border-right:1px solid #999;  
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;  
}
#steps li:last-child{
  margin-right:0;
  border-right:0; 
}
#steps .current{  
  color:#fff;
  padding:0;
  margin:0;
}
.border_wrap{
  padding:12px 0 12px 8px;
  margin:0 10px;
  overflow:hidden;
}
#steps .current .border_wrap{
  background-color:#999;
  margin:0 5px;
}
#steps li strong{
  display:block;
  text-decoration:none;
  font-style:normal;
  font-size:14pt;  
  width:100%;  
  margin:-5px 0 7px 0;  
}
#steps .current strong{
  background:url(http://www.ikospot.com/imgs/design/account/arrow_next.png);
  background-repeat:no-repeat;
  background-position:bottom -27px right 10px;
  line-height:37px;
  position:relative;
  margin-top:-16px;
  padding-bottom:3px;
}
.step, .step_num{
  text-decoration:none;
  font-style:normal;
  font-size:14pt;
  width:100%;
  margin:-5px 0 7px 0;  
}
#steps sup{
  font-size:9pt;
  margin:0 2px;
}
#steps li span{
  display:block;
  width:100%;
  font-size:8pt;
  font-weight:600;  
}
#steps .current span{
  padding-top:0;
  margin-top:-14px;
}
@media(max-width:1100px){
  #steps .current strong{
  background-position:bottom -27px right 7px;
  }
}
@media(max-width:1070px){
  #steps .current strong{
  background-position:bottom -27px right 4px;
  }
  #steps li strong{
   font-size:12pt; 
  }  
}
@media(max-width:1024px){
  #steps .current strong{
   background-position:bottom -27px right 12px;
  }
}
@media(max-width:900px){
  #steps .current strong{
   background-position:bottom -27px right 7px;
  }
}
@media(max-width:830px){
  #steps .current strong{
   background-position:bottom -27px right 4px;
  }
}
@media(max-width:800px){
  .step, .step_num{
   font-size:12pt;
  }
}
@media(max-width:700px){
  #steps li span{
   display:none;
  }  
  .step, .step_num{
   font-size:11pt;
  }  
  .border_wrap{
    padding:7px 0 7px 8px;
  }  
  .border_wrap :not(.current){
   padding-bottom:4px;
  }
  
  #steps .current .border_wrap {
   padding:9px 0 5px 8px;
  }    
  #steps .current strong {
   margin-top:-5px;
  }
  #steps .current strong{
   background-image:none;
   margin-bottom:0;
  }  
  #steps .current .step_num{
   background:url(http://www.ikospot.com/imgs/design/account/arrow_next.png);
   background-repeat:no-repeat;
   background-position:bottom -27px right 3px;
   padding:9px 21px 6px 0;
  }
  #steps li strong{
   margin:10px 0 7px 0;
  }
}
@media(max-width:660px){
  #steps .current .step_num{
   padding:9px 23px 6px 0;
  }  
  .step, .step_num{
   font-size:10pt;
  }  
}
@media(max-width:650px){
  #steps .current .step_num{
   padding:9px 20px 6px 0;
  }  
}
@media(max-width:630px){  
  .step, .step_num{
   font-size:9pt;
  }  
}
@media(max-width:600px){
  #steps{
   background-color:#fff;   
  }  
  #steps li , #steps .current{
   border:none;
  } 
  #steps .border_wrap{
   margin-right:0;
  }    
  #steps .current{
   width:120px;
   margin-right:10px;
  }  
  #steps li{  
   width:-moz-calc(20% - 34px);width:-webkit-calc(20% - 34px);width:calc(20% - 34px);
   margin-right:10px;
  }  
  .border_wrap, #steps .current .border_wrap, #steps li strong, #steps .current strong, .step, .step_num, #steps .current .step, #steps .current .step_num{
   margin:0;
   padding:0;
  }  
  .border_wrap :not(.current){
    padding-bottom:0;
  }  
  #steps .current strong{
   line-height:16px;
  }  
  #steps sup, #steps .current sup, #steps li .step{
   display:none;
  }  
  #steps .current .step{
   display:inline;
  }  
  #steps .current .step_num{
   background:none;
  }  
  .step, .step_num, .current .step, .current .step_num{
   font-size:12pt;
  }  
  #steps .border_wrap, #steps .current .border_wrap{
   margin-right:0;  
   text-align:center;
   padding:13px 0;
   border-radius:8px;
  } 
  #steps .border_wrap {
   background-color:#ccc;
  }  
}
@media(min-width:500px) and (max-width:600px){
  #steps .border_wrap, #steps .current .border_wrap{
   padding:19px 0;
  }
}
@media(max-width:450px){
  #steps .current{
   width:100px;
   margin-right:10px;
  }  
  #steps li{  
   width:-moz-calc(20% - 30px);width:-webkit-calc(20% - 30px);width:calc(20% - 30px);
   margin-right:10px;
  }
}
@media(max-width:400px){  
  #steps .current{
   width:95px;
   margin-right:5px;
  }  
  #steps li{  
   width:-moz-calc(20% - 24px);width:-webkit-calc(20% - 24px);width:calc(20% - 24px);
   margin-right:5px;
  }
  .step, .step_num, .current .step, .current .step_num {
   font-size:10pt;
  }
}  
@media(max-width:370px){
  #steps .border_wrap, #steps .current .border_wrap{
   padding:11px 0;
  }
}
@media(max-width:350px){  
  #steps .current{
   width:80px;
   margin-right:5px;
  }  
  #steps li{  
   width:-moz-calc(20% - 21px);width:-webkit-calc(21% - 24px);width:calc(21% - 24px);
   margin-right:5px;
  }
  .step, .step_num, .current .step, .current .step_num{
   font-size:9pt;
  }  
}
/*==================================== FORM GENERAL ========================================================*/
.add_prop_form_gengeral{
 margin:0;
 padding:0;
}
.add_prop_form_gengeral h3{
 margin-bottom:20px;
 padding:30px 0;
 display:block;
 width:100%; 
 font-family:Segoe UI,Segoe;
 font-size:15pt;
 font-weight:400;
 color:#b11116; 
 border-bottom:1px solid #dedede; 
 border-top:1px solid #dedede;
}
/*==================================== FORM FOOTNOTE ========================================================*/
.add_prop_footnote{
 font-size:8pt;
}
.add_prop_footnote strong{
 color:#b11116;
 margin-right:3px;
 font-size:9pt;
}
.add_prop_footnote span{ 
 font-style:italic;
 font-size:8pt;
 font-weight:500;
}
/*==================================== PREV NEXT BUTTONS ========================================================*/
.prev_next_wrap{
 width:100%;
 margin-top:30px;
 padding-top:30px;
 border-top:1px solid #dedede;
 position:relative;
 clear:both;
 display:inline-block;
}
.prev_next_restrict{
 float:right;
}
.to-next-step, .to-prev-step{
 border:none;
 color:#fff;
 background-color:#b11116;
 padding:9px 0 11px 0;
 cursor:pointer;
 float:left;
 min-width:180px;
 position:relative;
}
.to-next-step:hover, .to-prev-step:hover{
 background-color:#b11116;
}
.to-next-step{
 margin-left:5px;
 padding-right:30px;
 padding-left:5px;
}
.to-prev-step{
 padding-right:5px;
 padding-left:30px;
}
.to-next-step::after{
 background-image:url(http://www.ikospot.com/imgs/design/account/arrow_next.png);
 background-position:top 0 center;
 background-size:15px 54px;
 background-repeat:no-repeat;   
 width:15px;
 height:27px;
 position:absolute;
 content:" ";
 right:12px;
 top:10px;
}
.to-prev-step::after{
 background-image:url(http://www.ikospot.com/imgs/design/account/arrow_previous.png);
 background-position:top 0 center;
 background-size:15px 54px;
 background-repeat:no-repeat;   
 width:15px;
 height:27px;
 position:absolute;
 content:" ";
 left:12px;
 top:10px;
}
.to-next-step em, .to-prev-step em{
 width:100%;
 font-style:normal;
 font-size:14pt;
 font-family:Segoe UI Light,SegoeLight;
 font-weight:500;     
 position:relative;
 margin-top:-16px;      
 text-align:center;
}
@media(max-width:550px){   
 .prev_next_wrap{
  margin-bottom:30px;
  }
  .prev_next_restrict{
   float:none;
   width:90%;
   text-align:center;
   margin-left:5%;
   margin-right:5%;
  }
  .to-next-step{
   float:none;
   display:inline-block;
  }
  .to-prev-step{
   float:none;
   display:inline-block;
  }
}
@media(max-width:520px){
 .to-next-step em, .to-prev-step em{
  font-size:12pt;      
 }
 .to-next-step, .to-prev-step{
  min-width:150px;
 }   
 .to-next-step::after, .to-prev-step::after{
  top:7px;
 }
}  
@media(max-width:450px){   
 .to-next-step em, .to-prev-step em{
  font-size:10pt;
 }   
 .to-next-step, .to-prev-step{
  min-width:120px;
 }
 .to-next-step::after, .to-prev-step::after {
  top:5px;
}
}
@media(max-width:350px){
 .prev_next_restrict{
  width:100%;
  margin:0;
 }
 .to-next-step em, .to-prev-step em{
  font-size:10pt;
 }
 .to-next-step, .to-prev-step{
  min-width:110px;
 }
 .to-next-step::after, .to-prev-step::after{
  top:5px;
 }
}