.map {
    margin: auto;
}


#flexiselx .opacity {

    opacity: 0.5;

    filter: alpha(opacity=50);

    -webkit-filter: grayscale(100%); filter: grayscale(100%);

}









#hairmap-full {
    font-size: 0;
    display: block;

}

#hairmap-bar2{
width: 65%;
display: inline-block;
    vertical-align: middle;
}




#hairmap-explanation {
    width: 30%;
    display: inline-block;
    vertical-align: middle
}

#hairmap-bar {
       width: 70%;
    display: inline-block;
    vertical-align: middle

}

#hairmap-explanation span {
  font-size: 13px;
    line-height: normal;
    display: block;
    border: 1px solid #f1d66d;
    border-radius: 5px;
    background: rgb(251, 241, 201);
    padding: 20px 20px 20px;
}



.experience-block-text, .key-experience-title {

display: block;

position: relative;

}

.key-experience-title {

display: block;

position: relative;

height: 100%

}





.hm-sidebar{

    margin-left: 0px;

        padding: 30px;

}





.hairmap-appeal {

background-color: white;

    color: #333;

    -webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,.1);

    box-shadow: 2px 2px 0 0 rgba(0,0,0,.1);

    margin-bottom: 0px;

    margin-bottom: 50px;

    text-align: center;

    }



   



.appeal-block-text-container {

    padding-top: 15px;

    }



  .appeal-related-articles  {

  

    }

    

    



img[usemap] {

border: none;

height: auto;

max-width: 100%;

width: auto;

display: initial;

}









.hairmap-head-back-map, .hairmap-head-left-map, .hairmap-head-top-map {

margin-right: 0px;

}

#hairmap-bar .hairmap-head-maps .hairmap-head-back-map, 

#hairmap-bar .hairmap-head-maps .hairmap-head-left-map, 

#hairmap-bar .hairmap-head-maps .hairmap-head-top-map {

width: 100%;

}

.map-aciklama {
font-size: 13px;
    color: #676464;
    margin: auto;
    display: block;
    position: relative;
    text-align: center;
    font-weight: 400;
        display: inline-block;
            width: 100%;
}



.hairmap-head-maps .hairmap-head-map, .hairmap-head-maps .hairmap-head-map {

position: relative;

float: left;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}











.hairmap-head-maps .hairmap-head-marker-nr, .region-content-inner .hairmap-head-maps .hairmap-head-marker-nr {

z-index: 1;

}



.hairmap-head-maps .hairmap-head-marker, .hairmap-head-maps .hairmap-head-marker {

position: absolute;

top: 0;

left: 0;

width: 100%;

}



.hairmap-head-maps .hairmap-head-marker img {

  

}







.hairmap-head-maps2 .hairmap-head-map, .hairmap-head-maps2 .hairmap-head-map {

position: relative;

float: left;



}



.hairmap-head-maps2 .hairmap-head-marker-nr, .region-content-inner .hairmap-head-maps2 .hairmap-head-marker-nr {

    z-index: 1;

}





.hairmap-head-maps2 .hairmap-head-marker, .hairmap-head-maps2 .hairmap-head-marker{

position: absolute;

top: 0;

left: 0;

width: 100%;

}







@media (max-width: 767px){


#hairmap-bar2 {
width: 90% !important;
padding: 25px 0px 25px;
    margin: auto;
    display: block !important;
}


.home .hairmap-head-back-map, .home .hairmap-head-left-map, .home .hairmap-head-top-map {
margin-right: 0px;
    float: initial !important;
}





.content .cform ol li {

    font-size: 15px;

    font-family: 'Roboto', sans-serif;

        font-weight: 400;

}





#hairmap-explanation {

    width: 100%;

    display: block;



}









#hairmap-bar {

   width: 100%;

    display: block;



}





#hairmap-bar {



 

   

}





}