/* --------------------------------------------------------
--- B2 Yazilim A.S.
--- +90 (212) 320 7356
--- www.b2yazilim.com
--- info@b2yazilim.com
--------------------------------------------------------*/

/* GENERAL
--------------------------------------------------------*/
.exIcons { width: 64px; text-align: center; display: inline-block; }
.exIcons span { background-color: #FFF; display: inline-block; margin: 0px 0px 2px 5px; padding: 1px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}
.exIcons span img { float: left; }


/* 3D EKSPERTIZ
--------------------------------------------------------*/
.threesixty { position:absolute; overflow:hidden; width:100%; height:375px; }
.threesixty_images { display: none; }
.threesixty img { position:absolute; top:0; width:100%; height:auto; }
.current-image { visibility:visible; width:100%; }
.previous-image { visibility:hidden; width:0; }
#spinner { position:absolute; left:50%; top:0%; width:90px; height:90px; margin-left:-45px; 
    margin-top:-50px; display:none; }
#spinner span { position:absolute; top:50%; width:100%; color:#333; font:0.8em Arial, Verdana, sans; 
    text-align:center; line-height:0.6em; margin-top:-0.3em; }
.threesixty ol { list-style-type: none; margin:0px; padding:0px; }
.threesixty .previous-image, 
.threesixty .current-image { top: -30px; }

.ekspertizIcon > ul > li > ul { width: 150px; margin-bottom: 5px; cursor: default; }
.ekspertizIcon > ul > li > ul img { margin-right: 5px; }

.ekspertiz3B { position: relative; width: 100%; height: 375px; max-width: 565px; margin: auto; }
.ekspertiz3B img { top: -50px; }
.ekspertiz3B .exIcons span { margin: 0px 0px 0px 2px; }
.ekspertiz3B .exIcons span img { width: 21px; }

[id*="exBolge"] { position: absolute; z-index: 2; display: none; margin-left: 0px; margin-top: 0px; }


/* 2D EKSPERTIZ
--------------------------------------------------------*/
.ekspertiz2B { margin: auto; margin-top: 50px; position: relative; max-width: 510px; }
.ekspertiz2B .twoDimensionImage { width: 100%; }
.ekspertiz2B [id*="exBolge"] { display: inline; top: 0%; left: 0%; }
.ekspertiz2B #exBolge3 { top: 15%; left: 84%; }
.ekspertiz2B #exBolge2 { top: 15%; left: 4%; }
.ekspertiz2B #exBolge6 { top: 41%; left: 80%; }
.ekspertiz2B #exBolge9 { top: 58%; left: 80%; }
.ekspertiz2B #exBolge5 { top: 41%; left: 7%; }
.ekspertiz2B #exBolge8 { top: 57%; left: 7%; }
.ekspertiz2B #exBolge12 { top: 78%; left: 44%; }
.ekspertiz2B #exBolge13 { top: 89%; left: 44%; }
.ekspertiz2B #exBolge7 { top: 53%; left: 44%; }
.ekspertiz2B #exBolge4 { top: 18%; left: 44%; }
.ekspertiz2B #exBolge1 { top: 4%; left: 44%; }
.ekspertiz2B #exBolge10 { top: 79%; left: 4%; }
.ekspertiz2B #exBolge11 { top: 79%; left: 84%; }


/* RESPONSIVE
--------------------------------------------------------*/
@media (max-width: 600px) {
    .ekspertiz3B .exIcons { top: 0px; }
    .ekspertiz3B .exIcons img { width: 21px !important; height: auto; }

    .ekspertiz2B .exIcons img { width: 25px !important; height: auto; }
    .ekspertiz3B .exIcons, .ekspertiz2B .exIcons { width: 64px; }
}

@media (max-width: 530px) {
    .ekspertiz3B .exIcons img { width: 20px !important; height: auto; }
    .ekspertiz3B .exIcons { top: -10px; }

    .ekspertiz2B .exIcons img { width: 22px !important; height: auto; }
    .ekspertiz3B .exIcons, .ekspertiz2B .exIcons { width: 58px; }
}

@media (max-width: 500px) {
    .ekspertiz3B .exIcons img, .ekspertiz2B .exIcons img { width: 18px !important; height: auto; }
    .ekspertiz3B .exIcons, .ekspertiz2B .exIcons { width: 50px; }
}

@media (max-width: 430px) {
    .ekspertiz3B .exIcons { top: -15px; }

    .ekspertiz3B .exIcons img, .ekspertiz2B .exIcons img { width: 14px !important; height: auto; }
    .ekspertiz3B .exIcons, .ekspertiz2B .exIcons { width: 42px; }
}

@media (max-width: 350px) {
    .ekspertiz3B .exIcons { top: -25px; }

    .ekspertiz3B .exIcons img, .ekspertiz2B .exIcons img { width: 14px !important; height: auto; }
    .ekspertiz3B .exIcons, .ekspertiz2B .exIcons { width: 42px; }
}

@media (max-width: 320px) {

}