/*========================= LOGO + ADRESSS==================================================================*/
#info_wrap{
 display:block;
 width:100%;
 padding-bottom:10px;
 margin-bottom:15px;
 border-bottom:1px solid #ddd;
}
#logo_and_adress{
 width:100%;
 clear:both;
 display:inline-block;
 position:relative;
}
#logo_out_wrap{
 width:240px;
}
#logo_wrap{
 width:240px;
 height:120px;
 float:left;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
 position:absolute;
 box-shadow:0 0 7px 1px #ccc;
}
#logo_wrap img{
 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%);
 position:absolute;
}
.size_gt_2by1{
 width:100%;
 height:auto;
 max-width:230px;
}
.size_st_2by1{
 width:auto;
 height:100%;
 max-height:110px;
}
#logo_and_adress address{
 width:-moz-calc(70% - 260px);width:-webkit-calc(70% - 260px);width:calc(70% - 260px);
 float:left;
 margin-left:260px;
}
#adress_ul li{
 font-style:normal;
 font-family:Segoe UI Light,SegoeLight;
 font-size:10.5pt;
 line-height:20px;
 font-weight:700;
 color:#666;
}
#adress_ul li:first-child{
 margin-bottom:20px;
}
#adress_ul li:last-child{
 margin-top:20px;
}
#adress_ul li a{
 font-family:Segoe UI Light,SegoeLight;
 color:#666;
 text-decoration:underline;
}
#adress_ul li a:hover{
 color:#b11116;
}
#adress_ul strong{
 color:#b11116;
 font-family:Segoe UI Light,SegoeLight;
 font-size:10.5pt;
 line-height:20px;
 font-weight:700;
}
#main_port_and_name{
  display:none;
}
@media(max-width:1024px){
  #main_port_and_name_wrap{
   display:inline-block;
   width:11%;
   float:right;
  }
  #main_port_and_name{
   display:inline;
   right:0;
   top:50%;
   -webkit-transform:translateY(-50%) ;
   -ms-transform:translateY(-50%);
   -moz-transform:translateY(-50%);
   -o-transform:translateY(-50%);
    transform:translateY(-50%);
   position:absolute;
  }
  #main_port{
   float:right;
  }
  #main_name_ul{
   float:right;
   text-align:right;
   margin-right:120px;
   right:0;
  }
}
@media(max-width:900px){
  #logo_and_adress address{
   width:-moz-calc(69% - 260px);width:-webkit-calc(69% - 260px);width:calc(69% - 260px);
  }
}
@media(max-width:800px){
  #logo_out_wrap{
   width:240px;
   height:120px;
   position:relative;
  }
  #logo_and_adress address{
   width:100%;
   margin:10px 0 10px 0;
   float:none;
   display:block;
  }
  #agent_text{
   margin-top:10px!important;
  }
  #main_port_and_name{
   left:270px;
   top:10px;
   -webkit-transform:none;
   -ms-transform:none;
   -moz-transform:none;
   -o-transform:none;
   transform:none;
  }
  #main_port{
   float:left;
  }
  #main_name_ul{
   float:left;
   text-align:left;
   margin-left:120px;
   left:0;
  }
}
@media(max-width:600px){
  #main_port_and_name{
   width:100%;
   position:relative;
   left:0;
   top:0;
  }
  #main_port{
   float:left;
  }
  #main_name_ul{
   text-align:left;
   margin:0;
   left:15px;
   top:50px;
  }
  #logo_and_adress address{
   margin:20px 0;
  }
}
/*========================= AGENT TEXT ==================================================================*/
#agent_text{
 width:100%;
 margin-top:30px;
}
#agent_text p{
 font-style:normal;
 font-family:Segoe UI,Segoe;
 font-size:10.5pt;
 line-height:20px;
 color:#333;
}
@media(max-width:600px){
 #agent_text{
  margin:20px 0;
  margin-top:20px!important;
 }
}
/*========================= AGENT PHOTOS ==================================================================*/
#agent_photos{
 width:100%;
 display:inline-block;
 margin:45px 0 20px 0;
}
#photos_ul{
 clear:both;
 display:inline-block;
}
.photos_li{
 float:left;
 position:relative;
 margin-right:15px;
 filter:gray;
 filter:grayscale(1);
 -webkit-filter:grayscale(1);
 display:block;
}
.photos_li:hover{
 filter:none;
 -webkit-filter:grayscale(0);
}
.photos_li img{
 height:100px;
 width:auto;
}
.agent_photos_sizer{
 height:100px;
 width:100%;
 min-width:100px;
}
.size_img_list{
 height:106px;
 width:auto;
}
@media(max-width:800px){
 #agent_photos{
  margin:20px 0;
 }
}

@media(max-width:600px){
 .agent_photos_sizer{
   height:110px;
 }
 #agent_photos{
   margin:10px 0 20px 0;
 }
 #photos_ul{
   width:100%;
 }
 .photos_li{
   margin-right:10px;
 }
}
@media(max-width:550px){
 .agent_photos_sizer{
   height:100px;
 }
 .photos_li{
   margin-top:10px;
 }
}
@media(max-width:500px){
 #agent_photos{
  margin:5px 0 10px 0;
 }
 .agent_photos_sizer{
  height:80px;
  width:100%;
  min-width:80px;
 }
}
@media(max-width:450px){
 #agent_photos{
   margin-bottom:10px;
 }
 .photos_li{
  width:100%;
  margin-right:0;
  margin-top:15px;
  position:relative;
  display:block;
  float:left;
  height:100%;
 }
 .photos_li:first-child{
  margin-top:0;
 }
 .photos_li img{
  display:block;
  height:100%;
  width:100%;
 }
 .photos_li{
  filter:none;
  -webkit-filter:grayscale(0);
 }
}
/*========================= MAIN FORM ==================================================================*/
#main_form_info_wrap{
  display:none;
}
@media(max-width:1024px){
 #main_form_info_wrap{
  display:block;
  width:100%;
  clear:both;
  overflow:hidden;
 }
 #main_form_info_wrap h3{
  display:block;
  width:100%;
  margin-bottom:20px;
 }
 #main_form_wrap{
  float:left;
  display:block;
  width:-moz-calc(70% - 10px);width:-webkit-calc(70% - 10px);width:calc(70% - 10px);
  margin-right:10px;
 }
 #maincontactName , #maincontactMail, #main_code_wrap, #maincontactMessage{
  display:block;
  width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);width:calc(50% - 10px);
  float:left;
 }
 #maincontactName, #maincontactMessage{
  margin-right:10px;
 }
 #maincontactMail, #main_code_wrap{
  margin-left:10px;
 }
 #main_code_wrap, #maincontactMessage{
  margin-top:20px;
 }
 #maincodeGen{
  display:block;
  position:relative;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  width:100%;
 }
 #maincode{
  width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px);
  float:left;
 }
 #mainspeaker{
  float:right;
 }
 #maincontactCode{
  width:100%;
  margin-top:10px;
 }
 #maincontactMessage{
  margin-top:20px;
  height:90px;
  resize:none;
 }
 #maincontactSubmit{
  float:left;
  margin-top:20px;
 }
}
@media(max-width:750px){
 #main_form_wrap{
  float:left;
  display:block;
  width:100%;
  margin-right:0;
  position:relative;
 }
 #maincode{
  max-width:240px;
 }
 #mainspeaker{
  float:left;
  margin-left:10px;
 }
}
@media(max-width:500px){
 #maincontactName, #maincontactMail, #maincontactMessage, #main_code_wrap{
  width:100%;
 }
 #maincontactMail, #main_code_wrap{
  margin-top:20px;
  margin-left:0;
 }
}
/*========================= MAIN INFO ==================================================================*/
@media(max-width:1024px){
 #main_prof_info{
   float:right;
   display:block;
   width:-moz-calc(30% - 10px);width:-webkit-calc(30% - 10px);width:calc(30% - 10px);
   margin-left:10px;
 }
}
@media(max-width:750px){
 #main_prof_info{
   float:right;
   display:block;
   width:100%;
   margin-left:0;
   margin-bottom:20px;
   position:relative;
 }
}
/*========================= MAP ==================================================================*/
#map_wrap{
 margin:30px 0 20px 0;
}
#map_wrap h2{
 font-family:Segoe UI Light,SegoeLight;
 font-size:16pt!important;
 color:#666;
 font-weight:400;
 margin-bottom:30px;
 line-height:1.3em;
 clear:both;
 display:inline-block;
}
#listing_first{
 float:left;
 margin-right:5px;
}
#listing_second{
 float:left;
}
#map_wrap h2 i{
 font-weight:800;
 font-style:normal;
}
#map_wrap h2 strong{
 color:#b11116;
 font-style:normal;
}
#map_wrap h2 em{
 color:#000;
 font-family:Segoe UI Black,SegoeBlack;
 font-style:normal;
 font-size:14pt;
 font-weight:900;
 line-height:1px;
}
#agent_map{
 display:block;
 height:500px;
 width:100%;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
 box-shadow:0 0 7px 1px #ccc;
}
@media(max-width:620px){
 #listing_second{
   width:100%;
 }
 #listing_first{
   margin-right:0;
 }
 #map_wrap h2 em{
   display:none;
 }
}
@media(max-width:1024px){
 #agent_map{
   height:450px;
 }
}
@media(max-width:800px){
 #agent_map{
   height:400px;
 }
}
@media(max-width:600px){
 #agent_map{
   height:350px;
 }
}
@media(max-width:370px){
 #map_wrap h2{
   font-size:14pt!important;
 }
}
/*========================= PAGING ==================================================================*/
#paging_top, #paging_bottom{
 width:100%;
 display:block;
 float:left;
 margin:20px 0 20px 0;
}
.paging li{
 color:#666;
 font-size:9pt;
 font-weight:600;
 display:inline-block;
 line-height:0.4em;
 margin-right:2px;
}
.pns_cur{
 padding:10px 10px 11px 10px;
 background-color:#f1f1f1;
 border:1px solid #c1c1c1;
 cursor:default;
}
.pns_dots{
 padding:10px;
 border:1px solid #fff;
 cursor:default;
}
.paging a{
 color:#666;
 font-size:9pt;
 font-weight:600;
 display:inline-block;
 padding:10px 10px 11px 10px;
 border:1px solid #fff;
 line-height:0.4em;
 -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;
 -moz-transition:border 0.1s ease-out;-webkit-transition:border 0.1s ease-out;-o-transition:border 0.1s ease-out;transition:border 0.1s ease-out;
}
.paging a:hover{
 background-color:#f1f1f1;
 border:1px solid #c1c1c1;
}
.pns_prv,.pns_nxt{
 background-color:#f1f1f1;
 border:1px solid #c1c1c1;
 color:#b11116;
}
.pns_prv a,.pns_nxt a{
 border:0;
 color:#b11116;
 -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;
 -moz-transition:border 0.1s ease-out;-webkit-transition:border 0.1s ease-out;-o-transition:border 0.1s ease-out;transition:border 0.1s ease-out;
}
.pns_prv a:hover,.pns_nxt a:hover{
 border:0;
 color:#f72121;
 background-color:#f5f5f5;
}
.pns_prv a{
 background:url(http://www.ikospot.com/imgs/design/arrows_paging_left.png);
 background-position:left 7px top 6px;
 background-repeat:no-repeat;
 padding-left:28px;
}
.pns_nxt a{
 background:url(http://www.ikospot.com/imgs/design/arrows_paging_right.png);
 background-position:right 7px top 6px;
 background-repeat:no-repeat;
 padding-right:28px;
}
.pns_prv a:hover{
 background-position:left 7px top -24px;
}
.pns_nxt a:hover{
 background-position:right 7px top -24px;
}
.pns_noclick{
 background-color:#f1f1f1;
 border:1px solid #c1c1c1;
}
.pns_noclick.pns_prv a{
 background:url(http://www.ikospot.com/imgs/design/arrows_paging_left.png);
 background-position:left 7px bottom 6px;
 background-repeat:no-repeat;
 color:#666;
 cursor:default;
}
.pns_noclick.pns_nxt a{
 background:url(http://www.ikospot.com/imgs/design/arrows_paging_right.png);
 background-position:right 7px bottom 6px;
 background-repeat:no-repeat;
 color:#666;
 cursor:default;
}
@media(max-width:700px){
 .pns{
  margin:0 auto;
  width:100%;
  text-align:center;
 }
 .pns_prv a , .pns_nxt a{
  line-height:0;
  font-size:0;
 }
 .pns_prv, .pns_nxt{
  background-color:transparent;
  border:0;
 }
 .pns_nxt a{
  background-position:right 7px top 0;
 }
 .pns_nxt a:hover{
  background-position:right 7px top -30px;
  background-color:transparent;
  border:0;
 }
 .pns_dots{
  display:none!important;
 }
 .mobile_hide{
  display:none!important;
 }
}
/*========================= PORTRAIT AND NAME==================================================================*/
#port_and_name{
 width:100%;
}
.port_and_name{
 clear:both;
 display:inline-block;
 position:relative;
}
.port{
 border-radius:100px;
 -webkit-border-radius:100px;
 -moz-border-radius:100px;
 box-shadow:0 0 10px #666;
 width:100px;
 height:100px;
 overflow:hidden;
 position:relative;
}
#port{
 float:left;
}
.port img{
 position:absolute;
 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%);
}
.hor{
 width:100px;
 height:auto;
}
.vrt{
 height:100px;
 width:auto;
}
.name_ul{
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
}
#name_ul{
 float:left;
 min-width:-moz-calc(50% - 15px);width:-webkit-calc(50% - 15px);width:calc(50% - 15px);
 margin-left:115px;
}
.name_ul li{
 color:#b11116;
 font-size:10.5pt;
 font-family:Segoe UI,Segoe;
}
@media(max-width:1024px){
 #port_and_name{
  display:none;
 }
}
/*========================= PROF INFO ==================================================================*/
#prof_info{
 padding-bottom:1px;
 margin-bottom:1px;
 border-bottom:1px solid #ddd;
 clear:both;
 display:inline-block;
 width:100%;
}
.prof_info h3{
 font-family:Segoe UI Light,SegoeLight;
 font-size:12pt!important;
 color:#666;
 font-weight:700;
}
#prof_info h3{
 margin:11px 0 11px 0;
 display:block;
 width:100%;
}
.prof_info_wrap{
 width:100%;
 margin-bottom:10px;
}
.prof_info strong{
 font-style:normal;
 font-family:Segoe UI Light,SegoeLight;
 font-size:10.5pt;
 line-height:20px;
 font-weight:700;
 color:#b11116;
}
.prof_info a{
 font-style:normal;
 font-family:Segoe UI Light,SegoeLight;
 font-size:10.5pt;
 line-height:20px;
 font-weight:700;
 color:#666;
 text-decoration:underline;
}
.prof_info a:hover{
 color:#b11116;
 text-decoration:none;
}
.site{
 display:block;
}
.site a{
 display:block;
 width:100%;
}
.links{
 clear:both;
 display:inline-block;
}
.links strong{
 float:left;
 display:block;
 margin-right:5px;
 margin-bottom:30px;
}
.links_ul{
 display:block;
 float:left;
 width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);width:calc(50% - 5px);
}
.links_ul a{
 text-align:left;
}
.social_aside{
 display:block;
}
.social_aside strong{
 display:block;
}
.social_ul{
 clear:both;
 display:inline-block;
}
.social_ul li{
 float:left;
}
.social_ul li::after{
 content:"::";
 margin:0 4px;
 font-style:normal;
 color:#b11116;
 font-family:Segoe UI Black,SegoeBlack;
 font-style:normal;
 font-size:12pt;
 font-weight:900;
 line-height:1px;
 margin-top:3px;
}
.social_ul li:last-child::after{
 content:"";
}
.social_ul a{
 text-align:left;
}
.aside_langs{
 display:block;
}
.aside_langs strong{
 display:block;
}
.aside_langs_ul{
 clear:both;
 display:inline-block;
}
.aside_langs_ul li{
 float:left;
}

.aside_langs_ul li::after{
 position:relative;
 content:",";
 margin:0 4px 0 2px;
 bottom:-3px;
}
.aside_langs_ul li:last-child::after{
 content:"";
 margin:0;
}
.aside_langs_ul li a{
 float:left;
}
@media(max-width:1024px){
 #prof_info{
  display:none;
 }
}
/*========================= CONTACT FORM ==================================================================*/
#form_wrap{
 display:block;
 clear:both;
 width:100%;
}
.form_wrap h3{
 font-family:Segoe UI Light,SegoeLight;
 font-size:12pt!important;
 color:#666;
 font-weight:700;
}
#form_wrap h3{
 margin:20px 0 20px 0;
 display:block;
 width:100%;
 font-family:Segoe UI Light,SegoeLight;
 font-size:12pt!important;
 color:#666;
 font-weight:700;
}
#contactform{
 display:inline-block;
 width:100%;
}
#contactform input, #contactMessage, #codeGen, #contactform button{
 display:inline-block;
 width:100%;
 margin-bottom:10px;
}
#contactform input, #contactMessage, .contactform input, .contactMessage{
 padding:8px;
 min-height:40px;
 font-style:normal;
 font-family:Segoe UI,Segoe;
 font-size:10.5pt;
 line-height:20px;
 color:#333;
 border:1px solid #ccc;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#contactMessage{
 resize:none;
 height:130px;
 margin-bottom:10px;
}
#codeGen{
 height:40px;
 clear:both;
 margin-bottom:10px;
}
#code{
 float:left;
 width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px);
}
.code{
 height:40px;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.speaker{
 display:block;
 float:right;
 width:40px;
 height:40px;
 padding:4px;
 border:1px solid #ccc;
 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.speaker:before{
 content:'';
 position:absolute;
 z-index:1;
 width:31px;
 height:29px;
 margin:-2px 0;
 background:url(http://www.ikospot.com/imgs/design/speaker.png);
 background-size:30px;
 background-position:0px 5px;
 background-repeat:no-repeat;
}
#speaker{
 float:right;
 margin-left:4px;
}
.speaker:hover:before{
 content:'';
 position:absolute;
 z-index:1;
 width:31px;
 height:29px;
 margin:2px 0;
 background:url(http://www.ikospot.com/imgs/design/speaker.png);
 background-size:30px;
 background-position:0px -23px;
 background-repeat:no-repeat;
}
::-webkit-input-placeholder{
 color:#A7A9AC;
 font-style:italic;
}
:-moz-placeholder{
 color:#A7A9AC;
 font-style:italic;
}
::-moz-placeholder{
 color:#A7A9AC;
 font-style:italic;
}
:-ms-input-placeholder{
 color:#A7A9AC;
 font-style:italic;
}
.contactSubmit{
 display:block;
 min-height:47px;
 font-family:Segoe,Segoe UI,SegoeItalic;
 font-weight:normal;
 border-radius:0px;
 width:100%;
 border:0;
 color:#ddd;
 background-color:#333;
 font-size:14pt;
 text-transform:uppercase;
 cursor:pointer;
 padding:7px 0;
 height:40px;
}
.contactSubmit:hover{
 color:#fff;
}
@media(max-width:1024px){
 #form_wrap{
  display:none;
 }
}