/*====================================  STEP 1 ========================================================*/
/*====================================  FORM ========================================================*/
#contact-details{
 display:inline-block;
 width:100%;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.contact_field_wrap{
 display:inline-block;
 width:100%;
 margin-bottom:20px;
 position:relative;
}
.contact_field_wrap:last-child{
 margin-bottom:0;
}
#contact-details label, #contact-details input, #search_hours, #contact-details p{
 float:left;
 margin-right:10px;
}
#contact-details p{
 margin-right:0;
 margin-top:3px;
 width:375px;
}
#contact-details p:last-child(){
 margin-right:0;
}
#contact-details input, #search_hours{
 height:30px;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
 width:-moz-calc(100% - 560px);width:-webkit-calc(100% - 560px);width:calc(100% - 560px);
 display:block;
 padding:2px;
 font-family:Segoe UI,Segoe;
 font-size:10.5pt;
}
#contact-details input{
 padding:2px 10px;
 border:1px solid #999;
 height:35px;
}
#search_hours{
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
 width:-moz-calc(100% - 560px);width:-webkit-calc(100% - 560px);width:calc(100% - 560px);
 margin-right:10px;
 padding-left:0;
 padding-right:0;
}
#contact-details label{
text-align:right;
width:150px;
margin-top:10px;
font-weight:800;
}
#contact_wrap span{
 display:block;
 margin-top:3px;
}
@media(min-width:1024px) and (max-width:1300px){
 .contact_field_wrap p{
  width:100%;
  margin:5px 0 0 160px;
 }
 #contact-details input{
  width:-moz-calc(100% - 36%);
  width:-webkit-calc(100% - 36%);
  width:calc(100% - 36%);
 }
 #contact-details p{
  width:100%;
 }
 #search_hours{
  width:-moz-calc(100% - 36%);
  width:-webkit-calc(100% - 36%);
  width:calc(100% - 36%);
  padding-right:2px;
  margin-right:10px;
  margin-bottom:5px;
 }
 li.search_op{
   box-sizing:initial;-moz-box-sizing:initial;-webkit-box-sizing:initial;
 }
 #search_hours{
  box-sizing:initial;-moz-box-sizing:initial;-webkit-box-sizing:initial;
 }
}
@media(min-width:750px) and (max-width:950px){
 .contact_field_wrap p{
  width:100%;
  margin:5px 0 0 160px;
 }
 #contact-details input{
  width:-moz-calc(100% - 36%);
  width:-webkit-calc(100% - 36%);
  width:calc(100% - 36%);
 }
 #search_hours{
  width:-moz-calc(100% - 36%);
  width:-webkit-calc(100% - 36%);
  width:calc(100% - 36%);
  padding-right:2px;
  margin-right:10px;
  margin-bottom:5px;
 }
 li.search_op{
   box-sizing:initial;-moz-box-sizing:initial;-webkit-box-sizing:initial;
 }
 #search_hours{
  box-sizing:initial;-moz-box-sizing:initial;-webkit-box-sizing:initial;
 }
}
@media(min-width:650px) and (max-width:750px){
 #contact-details input{
  width:-moz-calc(100% - 30%);
  width:-webkit-calc(100% - 30%);
  width:calc(100% - 30%);
 }
 #search_hours{
  width:-moz-calc(100% - 30%);
  width:-webkit-calc(100% - 30%);
  width:calc(100% - 30%);
  margin-bottom:5px;
 }
 #contact-details p{
  margin-left:160px;
  margin-top:5px;
 }
}
@media(max-width:650px){
 #contact-details label{
  width:100%;
  margin-bottom:10px;
  margin-right:0;
  text-align:left;
 }
 #contact-details input, #search_hours{
  width:100%;
  margin-left:0;
  margin-right:0;
 }
 #search_hours{
  margin-bottom:10px;
 }
 .contact_field_wrap{
  margin-bottom:5px;
 }
 #contact-details p{
  width:90%;
  margin-top:5px;
 }
}
/*==================================== HOURS LIST ========================================================*/
#search_hours ul{
 width:100%;
}
#search_hours li{
 float:left;
 position:relative;
 list-style:none;
 margin:0;
 padding:0;
 width:100%!important;
}
#search_hours li a{
 color:#000!important;
 display:block;
 padding:10px 10px 11px 10px;
 font-family:Segoe UI,Segoe;
 font-size:10pt;
}
#search_hours a:hover{
 color:#eee;
}
#search_hours li:hover > a{
 color:#b11116;
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_d61717.png);
 background-position:right 13px;
 background-repeat:no-repeat;
}
#search_hours span{
 height:10px;
 position:absolute;
 text-indent:-9999px;
 top:10px;
 right:5px;
 width:10px;
}
#search_hours ul.sublist{
 float:left;
 list-style:none;
 width:100%;
 margin:0;
 padding:0;
 position:absolute;
 left:-1px;
 background:#f1f1f1;
 border:1px solid #c5c5c5;
 border-top:1px solid #999;
 opacity:0;
 visibility:hidden;
 -moz-transition:opacity 0.2s 0.1s ease-out,visibility 0.1s 0.1s linear;-webkit-transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;-o-transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;
}
#search_hours ul.sublist li{
 border:none;
 border-top:1px solid #999;
 clear:both;
 width:100%;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
 -moz-transition:opacity 0.1s 0.15s ease-out,margin 0.3s 0.1s ease-out;-webkit-transition:opacity 0.1s 0.15s ease-out,margin 0.3s 0.1s ease-out;-o-transition:opacity 0.15s 0.15s ease-out,margin 0.3s 0.1s ease-out;transition:opacity 0.15s 0.15s ease-out,margin 0.3s 0.1s ease-out;
}
#search_hours ul.sublist li:first-child{
 border:none;
}
#search_hours ul.sublist a{
 color:rgba(255,255,255,0);
}
#search_hours ul li:hover ul.sublist{
 opacity:1;
 visibility:visible;
}
#search_hours ul li:hover ul.sublist li{
 margin-top:0;
 opacity:1;
 visibility:visible;
}
#search_hours ul li:hover ul.sublist li a{
 color:#999;
 -moz-transition:color 0.1s ease-out;-webkit-transition:color 0.1s ease-out;-o-transition:color 0.1s ease-out;transition:color 0.1s ease-out;
}
#search_hours ul li:hover ul.sublist li a:hover{
 color:rgba(255,255,255,1);
 -moz-transition:color 0.3s ease-out;-webkit-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;
}
#search_hours ul li:hover ul.sublist li:hover > a{
 color:#b11116;
 background:none;
 background-color:#f4f4f4;
}
li.search_op{
 display:block;
 float:left;
 background-color:#fff;
 border:1px solid #999;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
a.search_op{
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_ccc.png);
 background-position:right 13px;
 background-repeat:no-repeat;
 -moz-transition:background 0.1s ease-out;-webkit-transition:background 0.1s ease-out;-o-transition:background 0.1s ease-out;transition:background 0.1s ease-out;
}
a.search_op:hover{
 color:#b11116!important;
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_d61717.png);
 background-position:right 13px!important;
 background-repeat:no-repeat;
}
/*==================================== STEP 2 ========================================================*/
/*====================================  FORM ========================================================*/
#estate-location{
 display:inline-block;
 clear:both;
 width:100%;
 position:relative;
}
#estate_location label{
 font-family:Segoe UI Light,SegoeLight;
 text-align:right;
 width:150px;
 margin-top:10px;
 font-weight:800;
}
#left_wrap{
 float:left;
 display:inline-block;
 width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);width:calc(50% - 10px);
 margin-right:10px;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
#right_wrap{
 float:right;
 display:inline-block;
 width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);width:calc(50% - 10px);
 margin-left:10px;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
#address_code_wrap{
 width:100%;
 display:block;
 float:left;
 clear:both;
 margin-bottom:50px;
}
#left_wrap label{
 float:left;
 margin-right:5px;
 width:46%;
 width:100%;
 display:inline-block;
 margin-bottom:10px;
 font-weight:800;
}
.left_main_dd_wrap{
 margin-bottom:10px;
 display:block;
}
.left_wrap_dd{
 float:left;
 width:80%;
 display:inline-block;
 margin-bottom:6px;
}
.left_main_dd_wrap p{
 display:inline-block;
 margin:2px 0 0 0;
 width:100%;
 text-align:right;
}
.right_main_dd_wrap{
 width:100%;
 float:left;
 margin-bottom:10px;
}
#right_wrap label{
 margin-bottom:10px;
 width:100%;
 float:left;
 font-weight:800;
}
.right_wrap_dd{
 float:left;
 width:80%;
 display:inline-block;
}
.right_main_dd_wrap p{
 width:80%;
 float:left;
 display:inline-block;
 margin:2px 0 0 0;
 text-align:right;
}
.address_wrap{
 float:left;
 display:inline-block;
 width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);width:calc(50% - 10px);
 margin-right:10px;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.code_wrap{
 float:left;
 display:inline-block;
 width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);width:calc(50% - 10px);
 margin-left:10px;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
#code_restrict{
 width:80%;
 display:block;
 float:left;
}
.address_wrap label{
 float:left;
 width:100%;
 font-weight:800;
 margin-right:5px;
 margin-bottom:10px;
 display:inline-block;
}
.code_wrap label{
 float:left;
 width:100%;
 font-weight:800;
 margin-right:5px;
 margin-bottom:10px;
 display:inline-block;
}
#address_input_wrap{
 float:left;
 width:80%;
}
#address_input_wrap input, .code_wrap input{
 width:100%;
 padding:2px 10px;
 border:1px solid #999;
 height:36px;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.code_wrap input{
 width:70%;
}
.address_wrap p{
 width:100%;
 font-style:italic;
 font-size:8pt;
 font-weight:600;
 position:static;
 display:inline-block;
 text-align:right;
}
#code_in_wrap{
 margin-right:5px;
 float:left;
}
#search_in_wrap{
 margin-left:5px;
 float:right;
 width:50%;
 margin-top:25px;
}
#code_in_wrap, #search_in_wrap{
 width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);width:calc(50% - 10px);
 display:block;
}
.search_address{
 display:block;
 border:none;
 color:#ddd ;
 background-color:#333;
 font-size:14pt;
 cursor:pointer;
 padding:6px 15px;
 float:right;
}
.search_address:hover{
 color:#fff;
}
@media(min-width:1024px) and (max-width:1150px){
 .left_wrap_dd, .right_wrap_dd, #address_input_wrap, #code_restrict, .right_main_dd_wrap p{
  width:90%;
 }
}
@media(min-width:800px) and (max-width:900px){
 .left_wrap_dd, .right_wrap_dd, #address_input_wrap, #code_restrict, .right_main_dd_wrap p{
  width:90%;
 }
}
@media(max-width:800px){
 .left_wrap_dd, .right_wrap_dd, #address_input_wrap, #code_restrict, .right_main_dd_wrap p{
  width:95%;
 }
}
@media(max-width:700px){
 .left_wrap_dd, .right_wrap_dd, #address_input_wrap, #code_restrict, .right_main_dd_wrap p{
  width:100%;
 }
}
@media(max-width:550px){
 #right_wrap, #left_wrap, .address_wrap, .code_wrap, #code_in_wrap, #search_in_wrap, .search_address, .right_main_dd_wrap p{
  width:100%;
  float:none;
  margin:0;
 }
 #code_in_wrap{
  margin-bottom:30px;
 }
 .code_wrap input{
  width:100%;
 }
}
/*====================================  LISTS DROP DOWNS  ========================================================*/
.left_wrap_dd ul, .right_wrap_dd ul{
 width:100%;
}
.left_wrap_dd li, .right_wrap_dd li{
 float:left;
 position:relative;
 list-style:none;
 margin:0;
 padding:0;
 width:100%!important;
}
.left_wrap_dd li a, .right_wrap_dd li a{
 color:#000!important;
 display:block;
 padding:10px 10px 11px 10px;
 font-family:Segoe UI,Segoe;
 font-size:10pt;
}
.left_wrap_dd a:hover, .right_wrap_dd a:hover{
 color:#eee;
}
.left_wrap_dd li:hover > a, .right_wrap_dd li:hover > a{
 color:#b11116;
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_d61717.png);
 background-position:right 13px;
 background-repeat:no-repeat;
}
.left_wrap_dd ul.sublist, .right_wrap_dd ul.sublist{
 float:left;
 list-style:none;
 width:100%;
 margin:0;
 padding:0;
 position:absolute;
 left:-1px;
 background:#f1f1f1;
 border:1px solid #c5c5c5;
 border-top:1px solid #999;
 opacity:0;
 visibility:hidden;
 -moz-transition:opacity 0.2s 0.1s ease-out,visibility 0.1s 0.1s linear;-webkit-transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;-o-transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;
}
.left_wrap_dd ul.sublist li, .right_wrap_dd ul.sublist li{
 border:none;
 border-top:1px solid #999;
 clear:both;
 width:100%;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
 -moz-transition:opacity 0.1s 0.15s ease-out,margin 0.3s 0.1s ease-out;-webkit-transition:opacity 0.1s 0.15s ease-out,margin 0.3s 0.1s ease-out;-o-transition:opacity 0.15s 0.15s ease-out,margin 0.3s 0.1s ease-out;transition:opacity 0.15s 0.15s ease-out,margin 0.3s 0.1s ease-out;
}
.left_wrap_dd ul.sublist li:first-child, .right_wrap_dd ul.sublist li:first-child{
 border:none;
}
.left_wrap_dd ul.sublist a, .right_wrap_dd ul.sublist a{
 color:rgba(255,255,255,0);
}
.left_wrap_dd ul li:hover ul.sublist, .right_wrap_dd ul li:hover ul.sublist{
 opacity:1;
 visibility:visible;
 z-index:100;
}
.left_wrap_dd ul li:hover ul.sublist li, .right_wrap_dd ul li:hover ul.sublist li{
 margin-top:0;
 opacity:1;
 visibility:visible;
}
.left_wrap_dd ul li:hover ul.sublist li a, .right_wrap_dd ul li:hover ul.sublist li a{
 color:#999;
 -moz-transition:color 0.1s ease-out;-webkit-transition:color 0.1s ease-out;-o-transition:color 0.1s ease-out;transition:color 0.1s ease-out;
}
.left_wrap_dd ul li:hover ul.sublist li a:hover, .right_wrap_dd ul li:hover ul.sublist li a:hover{
 color:rgba(255,255,255,1);
 -moz-transition:color 0.3s ease-out;-webkit-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;
}
.left_wrap_dd ul li:hover ul.sublist li:hover > a, .right_wrap_dd ul li:hover ul.sublist li:hover > a{
 color:#b11116;
 background:none;
 background-color:#f4f4f4;
}
/*common styles*/
li.search_op{
 display:block;
 float:left;
 background-color:#fff;
 border:1px solid #999;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
a.search_op{
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_ccc.png);
 background-position:right 13px;
 background-repeat:no-repeat;
 -moz-transition:background 0.1s ease-out;-webkit-transition:background 0.1s ease-out;-o-transition:background 0.1s ease-out;transition:background 0.1s ease-out;
}
a.search_op:hover{
 color:#b11116!important;
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_d61717.png);
 background-position:right 13px!important;
 background-repeat:no-repeat;
}
/*====================================  MAP ========================================================*/
#estate_map{
 width:100%;
 height:500px;
 margin:20px 0 0 0;
 border:1px solid #999;
}
@media(min-width:1024px) and (max-width:1080px){
 #estate_map{
  height:440px;
 }
}
@media(max-width:750px){
 #estate_map{
  height:400px;
 }
}
@media(max-width:550px){
 #estate_map{
  height:360px;
 }
}
/*====================================  STEP 3  ========================================================*/
/*====================================  FORM ========================================================*/
.main_row{
  float:left;
  width:100%;
}
.input_wrap{
  float:left;
  margin-bottom:20px;
}
.input_wrap:first-child{
  margin-right:15px;
  width:-moz-calc(28% - 15px);width:-webkit-calc(28% - 15px);width:calc(28% - 15px);
}
.input_wrap:nth-child(2){
  width:-moz-calc(28% - 30px);width:-webkit-calc(28% - 30px);width:calc(28% - 30px);
  margin:0 15px;
}
.input_wrap:last-child{
  width:-moz-calc(28% - 15px);width:-webkit-calc(28% - 15px);width:calc(28% - 15px);
  margin-left:15px;
}
.input_wrap label{
  float:left;
  font-weight:800;
  width:100%;
  margin-bottom:10px;
}
.dd_wrap, .input_wrap p{
  float:left;
  width:100%;
  margin-bottom:10px;
}
.textfield_wrap{
  float:left;
  width:100%;
  padding:2px 10px;
  border:1px solid #999;
  height:37px;
  display:block;
  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
  margin-bottom:10px;
}
@media(min-width:1100px) and (max-width:1300px){
  .input_wrap:first-child {
   width:-moz-calc(30% - 15px);width:-webkit-calc(30% - 15px);width:calc(30% - 15px);
  }
  .input_wrap:nth-child(2){
   width:-moz-calc(31% - 30px);width:-webkit-calc(31% - 30px);width:calc(31% - 30px);
  }
  .input_wrap:last-child {
   width:-moz-calc(30% - 15px);width:-webkit-calc(30% - 15px);width:calc(30% - 15px);
  }
}
@media(min-width:1024px) and (max-width:1100px){
  .input_wrap:first-child {
   width:-moz-calc(32% - 15px);width:-webkit-calc(32% - 15px);width:calc(32% - 15px);
  }
  .input_wrap:nth-child(2){
   width:-moz-calc(33% - 30px);width:-webkit-calc(33% - 30px);width:calc(33% - 30px);
  }
  .input_wrap:last-child {
   width:-moz-calc(32% - 15px);width:-webkit-calc(32% - 15px);width:calc(32% - 15px);
  }
}
@media(min-width:800px) and (max-width:900px){
  .input_wrap:first-child {
   width:-moz-calc(30% - 15px);width:-webkit-calc(30% - 15px);width:calc(30% - 15px);
  }
  .input_wrap:nth-child(2){
   width:-moz-calc(31% - 30px);width:-webkit-calc(31% - 30px);width:calc(31% - 30px);
  }
  .input_wrap:last-child {
   width:-moz-calc(30% - 15px);width:-webkit-calc(30% - 15px);width:calc(30% - 15px);
  }
}
@media(max-width:800px){
 .input_wrap:first-child {
   width:-moz-calc(32% - 15px);width:-webkit-calc(32% - 15px);width:calc(32% - 15px);
  }
  .input_wrap:nth-child(2){
   width:-moz-calc(33% - 30px);width:-webkit-calc(33% - 30px);width:calc(33% - 30px);
  }
  .input_wrap:last-child {
   width:-moz-calc(32% - 15px);width:-webkit-calc(32% - 15px);width:calc(32% - 15px);
  }
}
@media(max-width:750px){
  .input_wrap:first-child {
   width:-moz-calc(32% - 10px);width:-webkit-calc(32% - 10px);width:calc(32% - 10px);
   margin-right:10px;
  }
  .input_wrap:nth-child(2){
   width:-moz-calc(33% - 20px);width:-webkit-calc(33% - 20px);width:calc(33% - 20px);
   margin:0 10px;
  }
  .input_wrap:last-child {
   width:-moz-calc(32% - 10px);width:-webkit-calc(32% - 10px);width:calc(32% - 10px);
   margin-left:10px;
  }
}
@media(max-width:650px){
  .input_wrap:first-child {
   width:-moz-calc(31% - 5px);width:-webkit-calc(31% - 5px);width:calc(31% - 5px);
   margin-right:5px;
  }
  .input_wrap:nth-child(2){
   width:-moz-calc(32% - 10px);width:-webkit-calc(32% - 10px);width:calc(32% - 10px);
   margin:0 10px;
  }
  .input_wrap:last-child {
   width:-moz-calc(31% - 5px);width:-webkit-calc(31% - 5px);width:calc(31% - 5px);
   margin-left:5px;
  }
}
@media(max-width:550px){
  .input_wrap:first-child {
   margin-right:0px;
   width:100%;
   margin-bottom:10px;
  }
  .input_wrap:nth-child(2){
   margin:0;
   width:100%;
   margin-bottom:10px;
  }
  .input_wrap:last-child {
   margin-left:0;
   width:100%;
   margin-bottom:10px;
  }
}
/*====================================  LISTS DROP DOWNS [copy from step 2]  ========================================================*/
.dd_wrap ul{
  width:100%;
}
.dd_wrap li{
  float:left;
  position:relative;
  list-style:none;
  margin:0;
  padding:0;
  width:100%!important;
}
.dd_wrap li a{
 color:#000!important;
 display:block;
 padding:10px 10px 11px 10px;
 font-family:Segoe UI,Segoe;
 font-size:10pt;
}
.dd_wrap a:hover{
 color:#eee;
}
.dd_wrap li:hover > a{
 color:#b11116;
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_d61717.png);
 background-position:right 13px;
 background-repeat:no-repeat;
}
.dd_wrap ul.sublist{
 float:left;
 list-style:none;
 width:100%;
 margin:0;
 padding:0;
 position:absolute;
 left:-1px;
 background:#f1f1f1;
 border:1px solid #c5c5c5;
 border-top:1px solid #999;
 opacity:0;
 visibility:hidden;
 -moz-transition:opacity 0.2s 0.1s ease-out,visibility 0.1s 0.1s linear;-webkit-transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;-o-transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;transition:opacity 0.3s ease-out,visibility 0.1s 0.1s linear;
}
.dd_wrap ul.sublist li{
 border:none;
 border-top:1px solid #999;
 clear:both;
 width:100%;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
 -moz-transition:opacity 0.1s 0.15s ease-out,margin 0.3s 0.1s ease-out;-webkit-transition:opacity 0.1s 0.15s ease-out,margin 0.3s 0.1s ease-out;-o-transition:opacity 0.15s 0.15s ease-out,margin 0.3s 0.1s ease-out;transition:opacity 0.15s 0.15s ease-out,margin 0.3s 0.1s ease-out;
}
.dd_wrap ul.sublist li:first-child{
 border:none;
}
.dd_wrap ul.sublist a{
 color:rgba(255,255,255,0);
}
.dd_wrap ul li:hover ul.sublist{
 opacity:1;
 visibility:visible;
 z-index:250;
}
.dd_wrap ul li:hover ul.sublist li{
 margin-top:0;
 opacity:1;
 visibility:visible;
}
.dd_wrap ul li:hover ul.sublist li a{
 color:#999;
 -moz-transition:color 0.1s ease-out;-webkit-transition:color 0.1s ease-out;-o-transition:color 0.1s ease-out;transition:color 0.1s ease-out;
}
.dd_wrap ul li:hover ul.sublist li a:hover{
 color:rgba(255,255,255,1);
 -moz-transition:color 0.3s ease-out;-webkit-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;
}
.dd_wrap ul li:hover ul.sublist li:hover > a{
 color:#b11116;
 background:none;
 background-color:#f4f4f4;
}
/*common styles*/
li.search_op{
 display:block;
 float:left;
 background-color:#fff;
 border:1px solid #999;
 box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
a.search_op{
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_ccc.png);
 background-position:right 13px;
 background-repeat:no-repeat;
 -moz-transition:background 0.1s ease-out;-webkit-transition:background 0.1s ease-out;-o-transition:background 0.1s ease-out;transition:background 0.1s ease-out;
}
a.search_op:hover{
 color:#b11116!important;
 background:url(http://www.ikospot.com/imgs/design/arrow_bottom_d61717.png);
 background-position:right 13px!important;
 background-repeat:no-repeat;
}
/*====================================  MORE INFO  ========================================================*/
#more_info_head{
  width:100%;
}
#more_info_head p, #more_info_head a{
  display:block;
  width:84%;
  text-align:center;
  font-weight:600;
}
#more_info_head a{
  color:#d71616;
  text-decoration:underline;
  padding-bottom:5px;
}
#more_info_head a:hover{
  color:#999;
  text-decoration:none;
}
#more_info_head p{
  font-size:11pt;
}
#more_info_ul{
  display:none;
  height:100%;
  padding:20px 0;
}
@media(min-width:1100px) and (max-width:1300px){
  #more_info_head p, #more_info_head a{
  width:91%;
  }
}
@media(min-width:1024px) and (max-width:1100px){
  #more_info_head p, #more_info_head a{
  width:97%;
  }
}
@media(min-width:800px) and (max-width:900px){
  #more_info_head p, #more_info_head a{
  width:91%;
  }
}
@media(max-width:800px){
  #more_info_head p, #more_info_head a{
  width:97%;
  }
}
@media(max-width:750px){
  #more_info_head p, #more_info_head a{
  width:97%;
  }
}
@media(max-width:650px){
  #more_info_head p, #more_info_head a{
  width:94%;
  }
}
@media(max-width:550px){
  #more_info_head p, #more_info_head a{
  width:100%;
  }
}
/*====================================  STEP 4  ========================================================*/

/*====================================  STEP 5  ========================================================*/

/*====================================  STEP 6  ========================================================*/
/*====================================  TITLE ========================================================*/
#title_wrap{
  width:100%;
  clear:both;
  display:inline-block;
  margin-bottom:20px;
}
#main_title{
  float:left;
  padding-right:20px;
  padding:10px 40px 10px 0;
}
#main_title h4{
  font-family:Segoe UI,Segoe;
  font-size:16pt;
  font-weight:400;
  color:#333;
}
@media(min-width:1024px) and (max-width:1220px){
  #main_title{
   float:none;
  }
}
@media(max-width:900px){
  #main_title{
   float:none;
  }
}
@media(max-width:400px){
  #main_title{
   font-size:15pt;
   line-height:27px;
  }
}
/*====================================  PHOTO TEXT ========================================================*/
#photo_text_wrap{
  width:100%;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #dedede;
  clear:both;
  display:inline-block;
}
#photo_wrap{
  float:left;
  margin-right:10px;
  width:-moz-calc(33% - 10px);
  width:-webkit-calc(33% - 10px);
  width:calc(33% - 10px);
  height:230px;
  box-shadow:0 0 7px 1px #666;
  position:relative;
  display:block;
  overflow:hidden;
}
#photo_wrap img{
  position:absolute;
  height:100%;
  left:50%;
  top:50%;
  -webkit-transform:translateY(-50%) translateX(-50%);
  -ms-transform:translateY(-50%) translateX(-50%);
  -moz-transform:translateY(-50%) translateX(-50%);
  -o-transform:translateY(-50%) translateX(-50%);
  transform:translateY(-50%) translateX(-50%);
}
#text_details{
 display:block;
 margin:-5px 0 5px 0;
 clear:both;
 display:inline-block;
}
#text_details li{
 float:left;
 font-style:normal;
 text-decoration:none;
 font-family:Segoe UI Light,SegoeLight;
 font-size:12.5pt;
 font-weight:900;
}
#text_details span{
 display:block;
 float:left;
 color:#b11116;
 font-family:Segoe UI Black,SegoeBlack;
 font-style:normal;
 font-size:14pt;
 margin:-2px 10px 0 10px;
}
#photo_text_wrap p{
 font-style:normal;
 text-decoration:none;
 font-family:Segoe UI Light,SegoeLight;
 font-size:11.5pt;
 font-weight:700;
 line-height:22px;
 width:90%;
 text-decoration:none;
}
@media(min-width:1024px) and (max-width:1250px){
  #photo_wrap{
   width:-moz-calc(36% - 10px);
   width:-webkit-calc(36% - 10px);
   width:calc(36% - 10px);
  }
  #photo_text_wrap p{
   width:95%;
  }
}
@media(max-width:900px){
  #photo_wrap {
   width:-moz-calc(38% - 10px);
   width:-webkit-calc(38% - 10px);
   width:calc(38% - 10px);
  }
}
@media(max-width:850px){
  #photo_wrap {
   width:-moz-calc(42% - 10px);
   width:-webkit-calc(42% - 10px);
   width:calc(42% - 10px);
  }
  #photo_text_wrap p{
   font-size:11pt;
  }
  #text_details li{
   font-size:12pt;
  }
}
@media(max-width:800px){
 #photo_wrap {
  width:-moz-calc(41% - 10px);
  width:-webkit-calc(41% - 10px);
  width:calc(41% - 10px);
 }
 #text_details span{
  margin:0 10px 0 0;
 }
 #text_details li{
  margin-right:10px;
 }
}
@media(max-width:750px){
  #photo_wrap {
   width:-moz-calc(40% - 10px);
   width:-webkit-calc(40% - 10px);
   width:calc(40% - 10px);
  }
}
@media(max-width:730px){
  #photo_wrap{
   float:none;
   margin:10px 0;
   width:100%;
   height:auto;
   position:relative;
   display:inline;
   overflow:visible;
   box-shadow:none;
  }
  #photo_wrap img{
   position:static;
   max-width:70%;
   height:auto;
   left:initial;
   top:initial;
   transform:none;
   box-shadow:0 0 7px 1px #666;
   margin-bottom:10px;
  }
  #photo_text_wrap p{
   width:100%;
   float:none;
   min-height:fit-content;
   margin-left:0;
   margin-right:0;
  }
  #text_details{
   margin:0 0 5px 0;
  }
}
@media(max-width:600px){
 #text_details span{
  margin:0 7px 0 0;
 }
 #text_details li{
  margin-right:7px;
 }
}
@media(max-width:500px){
 #photo_wrap img{
   max-width:100%;
   width:100%;
  }
}
/*====================================  CONFIRM WRAP ========================================================*/
#confirm_wrap{
  width:100%;
  display:block;
  clear:both;
  display:inline-block;
}
/*====================================  CONFIRM TEXT ========================================================*/
#confirm_text{
  font-family:Segoe UI Light,SegoeLight;
  font-style:normal;
  font-size:10.5pt;
  font-weight:700;
  line-height:20px;
  color:#666;
  width:80%;
  display:block;
  margin-bottom:20px;
}
@media(min-width:1024px) and (max-width:1300px){
  #confirm_text{
  width:100%;
  }
}
@media(max-width:850px){
  #confirm_text{
  width:100%;
  }
}
/*====================================  CODE WRAP ========================================================*/
#code_wrap{
  display:block;
  width:100%;
  margin-bottom:20px;
  clear:both;
  display:inline-block;
}
#code_wrap label{
  display:block;
  width:100%;
  margin:5px 5px 10px 0;
  font-weight:800;
}
#code_input_wrap{
  width:100%;
  display:block;
  clear:both;
  display:inline-block;
}
#code_confirm{
  border:1px solid #999;
  width:25%;
  height:37px;
  display:block;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  float:left;
  padding:2px 5px;
}
#code_input_wrap p{
  display:block;
  float:left;
  margin-left:7px;
}
@media(max-width:1300px){
  #code_confirm{
  width:230px;
  }
}
@media(max-width:500px){
  #code_input_wrap p{
  width:100%;
  margin-top:10px;
  }
}
/*====================================  CHECKBOXES ========================================================*/
#checkboxes{
  display:block;
  width:80%;
}
#checkboxes li{
  width:100%;
  display:inline-block;
  clear:both;
}
#checkboxes a{
 display:block;
 height:12px;
 margin:10px 0 10px 0;
 padding:0 0 5px 18px;
 font-size:10pt;
 line-height:18px;
 color:#666;
 position:relative;
}
#checkboxes a:hover{
  color:#999;
  background-position:bottom left;
}
#checkboxes a::after{
 background-image:url(http://www.ikospot.com/imgs/design/checkbox.png);
 background-position:top 0 left 0;
 background-repeat:no-repeat;
 width:12px;
 height:12px;
 position:absolute;
 content:" ";
 left:0;
 top:3px;
 -moz-transition:color 0;-webkit-transition:color 0;-o-transition:color 0;transition:color 0;
}
#checkboxes a:hover::after{
 background-position:top -12px left 0;
}
@media(min-width:1024px) and (max-width:1300px){
  #checkboxes{
  width:100%;
  }
}
@media(max-width:850px){
  #checkboxes{
  width:100%;
  }
}
/*==================================== CONFIRM BUTTON ========================================================*/
#confirm_button{
  height:43px;
  padding:6px 20px 8px 20px;
  margin-top:15px;
  border:0;
  color:#ddd;
  background-color:#333;
  font-size:13pt;
  text-transform:uppercase;
  cursor:pointer;
  font-weight:600;
}
#confirm_button:hover{
  color:#fff;
}