.ch-grid-1 {margin: 20px 0 0 0;padding: 0;list-style: none;display: block;text-align: center;width: 100%; }
.ch-grid-1:after, .ch-item:before {content: '';display: table;}
.ch-grid-1:after {clear: both;}
.ch-grid-1 li {height:100%;display: inline-block;float:left;}
.wie-bls-t8-1 {overflow:visible!important;}
.bls-kutu-bas {padding:5px 10px;position:absolute;top:30px;right:0px;}
h5 {line-height:26px;margin-bottom:10px!important;}
/** efekler **/

/** 1 **/
.ch-item-1-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
}


.ch-info-1-1 {
    position: absolute;
    width: inherit;
    height: inherit;
    
    opacity: 0;
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    
    -webkit-backface-visibility: hidden;

}

.ch-info-1-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 10px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-1-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0.4s;
    -moz-transition: all 1s ease-in-out 0.4s;
    -o-transition: all 1s ease-in-out 0.4s;
    -ms-transition: all 1s ease-in-out 0.4s;
    transition: all 1s ease-in-out 0.4s;
}

.ch-info-1-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-1-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}


.ch-item-1-1:hover {
    box-shadow: 
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}
.ch-item-1-1:hover .ch-info-1-1 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.ch-item-1-1:hover .ch-info-1-1 p {
    opacity: 1;
}

/** 2 **/
    
.ch-item-2-1 {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}



.ch-info-2-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info-2-1 h5 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-2-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-2-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-2-1 p a:hover {
    color: #fff222;
    color: rgba(255,255,255, 0.8);
}

.ch-item-2-1:hover {
    box-shadow: 
        inset 0 0 0 110px rgba(200,95,66, 0.4),
        inset 0 0 0 5px rgba(255,255,255,0.8),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item-2-1:hover .ch-info-2-1 {
    opacity: 1;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);    
}

/** 3 **/
    
.ch-item-3-1 {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
}

.ch-thumb-3-1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);    
    -webkit-transform-origin: 95% 40%;
    -moz-transform-origin: 95% 40%;
    -o-transform-origin: 95% 40%;
    -ms-transform-origin: 95% 40%;
    transform-origin: 95% 40%;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ch-thumb-3-1:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgb(14,14,14);
    background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-info-3-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    
    overflow: hidden;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}

.ch-info-3-1 h5 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 0 40px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-3-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
    
}

.ch-info-3-1 p a {
    display: block;
    color: #333;
    width: 80px;
    height: 80px;
    background: rgba(255,255,255,0.3);
    
    color: #fff;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 24px;
    margin: 7px auto 0;
    opacity: 0;
    
    -webkit-transition: 
        -webkit-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -moz-transition: 
        -moz-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -o-transition: 
        -o-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -ms-transition: 
        -ms-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    transition: 
        transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
        
    -webkit-transform: translateX(60px) rotate(90deg);
    -moz-transform: translateX(60px) rotate(90deg);
    -o-transform: translateX(60px) rotate(90deg);
    -ms-transform: translateX(60px) rotate(90deg);
    transform: translateX(60px) rotate(90deg);
        
    -webkit-backface-visibility: hidden;
}

.ch-info-3-1 p a:hover {
}
.ch-item-3-1:hover .ch-thumb-3-1 {
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    transform: rotate(-110deg);
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
}
.ch-item-3-1:hover .ch-info-3-1 p a{
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}

/** 4 **/
    
.ch-item-4-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
}

.ch-info-wrap-4-1{
    position: absolute;
    width: 100%;
    height: 100%;
    

    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #f9f9f9 url(../images/bg.jpg);


} 

.ch-info-4-1{
    position: absolute;
    width: 100%;
    height: 100%;
    

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
        
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

}

.ch-info-4-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    
    background-position: center center;
box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}

.ch-info-4-1 .ch-info-back-4-1 {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
}

.ch-info-4-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    margin: 0 15px;
    font-size:22px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-4-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-4-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-4-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}

.ch-item-4-1:hover .ch-info-wrap-4-1 {
    box-shadow: 
        0 0 0 0 rgba(255,255,255,0.8), 
        inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item-4-1:hover .ch-info-4-1 {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}

/** 5 **/
    
.ch-item-5-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
}

.ch-info-wrap-5-1, 
.ch-info-5-1{
    position: absolute;
    width: 100%;
    height: 100%;
    
}

.ch-info-wrap-5-1 {
    background: #f9f9f9 url(../images/bg.jpg);
}

.ch-info-5-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    
    background-position: center center;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info-5-1 .ch-info-front-5-1 {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.ch-info-5-1 .ch-info-back-5-1 {
    opacity: 0;

    pointer-events: none;
    
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
}

.ch-info-5-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 15px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-5-1 p {
    color: #fff;
    padding: 10px 5px 0;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-5-1 p a {
    display: block;
    color: #e7615e;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-5-1 p a:hover {
    color: #fff;
}

.ch-item-5-1:hover .ch-info-front-5-1 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    
    opacity: 0;
} 

.ch-item-5-1:hover .ch-info-back-5-1 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    
    opacity: 1;
    pointer-events: auto;
}

/** 6 **/

.ch-item-6-1 {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
}

.ch-info-wrap-6-1, 
.ch-info-6-1{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
}

.ch-info-wrap-6-1 {
}

.ch-info-6-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ch-info-6-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
}

.ch-info-6-1 .ch-info-front-6-1 {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    
    z-index: 100;

}

.ch-info-6-1 .ch-info-back-6-1 {
}

.ch-info-6-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 25px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-6-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-6-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-6-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}


.ch-item-6-1:hover .ch-info-front-6-1 {
    -webkit-transform: rotate3d(1,0,0,-180deg);
    -moz-transform: rotate3d(1,0,0,-180deg);
    -o-transform: rotate3d(1,0,0,-180deg);
    -ms-transform: rotate3d(1,0,0,-180deg);
    transform: rotate3d(1,0,0,-180deg);
    
    box-shadow: 
        inset 0 0 5px rgba(255,255,255,0.2), 
        inset 0 0 3px rgba(0,0,0,0.3);
}

.ch-item-6-1:hover .ch-info-back-6-1 {
}

/** 7 **/
    
.ch-item-7-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
}
.ch-info-7-1{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ch-info-7-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ch-info-7-1 .ch-info-front-7-1 {
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.3);
}

.ch-info-7-1 .ch-info-back-7-1 {
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    opacity: 0;
}

.ch-info-7-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 15px;
    padding: 8px 0 0 0;
    height: 40px; 
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-7-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-7-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-7-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}

.ch-item-7-1:hover .ch-info-front-7-1 {
    -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
}

.ch-item-7-1:hover .ch-info-back-7-1 {
    -webkit-transform: rotate3d(1,0,0,0deg);
    -moz-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}


.ch-item-1-1:hover .bls-kutu-bas {display:none;}
.ch-item-2-1:hover .bls-kutu-bas {display:none;}
.ch-item-3-1:hover .bls-kutu-bas {display:none;}
.ch-item-4-1:hover .bls-kutu-bas {display:none;}
.ch-item-5-1:hover .bls-kutu-bas {display:none;}
.ch-item-6-1:hover .bls-kutu-bas {display:none;}
.ch-item-7-1:hover .bls-kutu-bas {display:none;}

@media (max-width: 990px) {
.wie-bls-t44 section {height:auto!important;}
.wie-bls.wie-bls-t121 ul>li{height:290px!important;width:100%!important;}
.bls-kutular-9-1 .sablon .bls-imag {height:auto!important;}
.bls-kutular-9-1 .sablon img {left:0px!important;top:0px!important;transform:inherit!important;}

}
@media (max-width: 550px) {
.gs-w .bls_responsw1 {	
    height: 220px!important;
}
.ortagenel #grd-0 [data-sizex="8"] {
	top: inherit!important;
    position: relative!important;
    height:auto!important;
}
.wie-bls-t19 {height:auto!important;position:relative!important;}
.wie-bls-t19 .bls-kutular-7-1 {height:auto!important;width:100%!important;margin:10px 0px;}
}.wie-bls-t18 .bls-ic {overflow:hidden;}

/** stil1 **/
.bls-kutular-1-1 {position:relative;float:left;overflow:hidden;padding-bottom:70px;}
.bls-kutular-1-1 .bls-iconcer1 {width:100px;height:100px;margin:0 auto;margin-top:-60px;background:rgba(255,255,255,0.5);z-index:1;padding:5px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-1-1 .bls-iconcer2 {width:100px;height:100px;margin:0 auto;background:#fff;z-index:1;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-1-1 .bls-baslik {text-align:center;margin:10px 0px 10px 0px;padding-bottom:10px;}
.bls-kutular-1-1 .bls-icerik {text-align: center;padding: 5px;max-height: 105px;overflow: hidden;line-height: 17px;height: 40px!important;}
.bls-kutular-1-1 .bls-link {text-align:center;padding:5px 0px;margin:5%;position:absolute;bottom:0px; width:90%;margin-bottom:2%;}
.bls-kutular-1-1 .buton1 {border-top:2px solid #fff;}
.bls-kutular-1-1 .buton1:hover {}

/** stil2 **/
.bls-kutular-2-1 {width:100%;height:100%;padding-top:30px;position:relative;overflow:hidden;}
.bls-kutular-2-1 .bls-imag img {width:100%;height:100%;position:absolute;top:0px;}
.bls-kutular-2-1 .bls-iconcer1 {width:100px;height:100px;margin:0 auto;margin-bottom:25px;background:rgba(255,255,255,0.5);z-index:1;padding:5px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-2-1 .bls-iconcer2 {width:60px;height:60px;margin:0 auto;background:#fff;z-index:1;padding:20px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-2-1 .bls-baslik {text-align:center;margin:10px 0px 0px 0px;position:relative;z-index:2;}
.bls-kutular-2-1 .bls-icerik {text-align:center;padding:5px;position:relative;z-index:2;}
.bls-kutular-2-1 .bls-link {text-align:center;padding:7px 0px;font-size:15px;margin:2%;position:relative; width:96%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/** stil3 **/
.bls-kutular-3-1 {position:relative;float:left;overflow:hidden;}
.bls-kutular-3-1 .bls-imag img {top:50px;position:absolute;min-height:100%;max-width:inherit;left:50%;transform:translateX(-50%);width:auto!important;max-height:100%!important; opacity:0.8;filter:alpha(opacity=80);}
.bls-kutular-3-1 .bls-iconcer1 {width:100px;height:100px;margin:0 auto;z-index:1;padding:5px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-3-1 .bls-iconcer2 {width:100px;height:100px;margin:0 auto;z-index:1;padding:0px;position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-3-1 .bls-icsab {position:relative;z-index:3;width:90%;padding:8px 0px; margin:5%;}
.bls-kutular-3-1 .bls-baslik {text-align:left;padding:0px 10px;}
.bls-kutular-3-1 .bls-icerik {text-align:left;padding:5px 10px;max-height: 300px;overflow: hidden;}
.bls-kutular-3-1 .bls-link {text-align:center;padding:5px 0px;margin:5%;position:relative; width:90%;}
.bls-kutular-3-1 .yaziortala {float:none!important;}

/** stil4 **/
.bls-kutular-4-1 {position:relative;float:left;overflow:hidden;}
.bls-kutular-4-1 .bls-imag {position: relative;width:100%;height:100%;}
.bls-kutular-4-1 .bls-imag img {position:absolute;min-height:100%;max-width:inherit;left:50%;transform:translateX(-50%);width:auto!important;max-height:100%!important;}
.bls-kutular-4-1 .bls-iconcer1 {width:150px;height:150px;background:rgba(255,255,255,0.5);z-index:1;padding:5px;position:relative;z-index:4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);position:absolute; }
.bls-kutular-4-1 .bls-iconcer2 {width:110px;height:110px;margin:0 auto;z-index:1;padding:20px;position:relative;z-index:4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-4-1 .bls-baslik {text-align:center;padding:5px 0px;position:relative;z-index:4;}
.bls-kutular-4-1 .bls-icerik {text-align:center;padding:5px;}
.bls-kutular-4-1 .bls-link {text-align:center;padding:5px 0px;margin:5%;position:absolute;bottom:10px;z-index:4;width:90%;}

/** stil5 **/
bls-kutular-5-1-1-1 {height:100%;}
.bls-kutular-5-1 {position:relative;float:left;overflow:hidden;height:100%;}
.bls-kutular-5-1>li {max-height:100%!important;}
.bls-kutular-5-1 .kutic {position: absolute;top: 50%;transform: translateY(-50%);}
.bls-kutular-5-1 .kutic p {line-height:16px!important;height:62px!important;overflow:hidden;}
.bls-kutular-5-1 .bls-imag img {width:100%;height:110px;}
.bls-kutular-5-1 .bls-baslik {text-align:left;margin:5px;}
.bls-kutular-5-1 .bls-icerik {text-align:left;margin:5px;}

/** stil6 **/
.bls-kutular-6-1 {position:relative;float:left;overflow:hidden;}
.bls-kutular-6-1 .bls-imag img {width:100%;height:200px;}
.bls-kutular-6-1 .bls-baslik {text-align:left;margin-bottom:10px;border-bottom:1px dotted #fff;font-weight:normal;padding:5px;}
.bls-kutular-6-1 .bls-icerik {text-align:left;margin:5px;}

/** stil7 **/
.bls-kutular-7-1 {position:relative;float:left;height:100%;overflow:hidden;}
.bls-kutular-7-1 .bls-imag {position:relative;height:200px;width:100%!important;overflow:hidden;}
.bls-kutular-7-1 .bls-imag img {top:50%!important;position:absolute;left:50%!important;transform:translateX(-50%) translateY(-50%)!important;width:100%!important;height:auto!important;padding:0px!important;}
.bls-kutular-7-1 span {font-size:32px!important;}

.bls-kutular-7-1 .bls-baslik {text-align:left;font-weight:normal;padding:10px 2%;float:left;width:96%;margin-top:0px;}
.bls-kutular-7-1 .bls-icerik {margin-left:110px;min-height:150px;text-align:left;margin:5px;padding-top:10px;}
.bls-kutular-7-1 .bls-icerik>div {text-align:left!important;}
.bls-kutular-7-1 .buton2 {position:absolute;bottom:0px;width:100%;text-align:center;padding:10px 0px;}
.bls-kutular-7-1 .bls-iconcer {background:#fff;width:60px;height:60px;padding:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.bls-kutular-7-1 .bls-iconcer1 {background:rgba(255,255,255,0.5);width:90px;height:90px;margin:10px;margin-top:0px;padding:3px;float:left;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

/** stil8 **/
.bls-kutular-8-1 {position:relative;float:left;height:100%;overflow:hidden;}
.bls-kutular-8-1 .kutubaslik1 {width:90%;margin:0 auto;text-align:center;padding:5px 0px;height:170px;}
.bls-kutular-8-1 .kutubaslik2 {position:absolute;z-index:1;margin-left:0.5%;width:97%;height:137px;text-align:center;padding:20px 0px;top:-15%;}
.bls-kutular-8-1 .kutubaslik2 h3 {margin-top:10px!important;}
.bls-kutular-8-1 .kutuicerik1 {width:98%;height:82%;padding:1%;position:absolute;z-index:2;top:15%;}
.bls-kutular-8-1 .kutuicerik2 {height:99%;position:relative;overflow:hidden;}
.bls-kutular-8-1 .kutuicerik2 p {position:absolute;margin:10px;margin-top:30px;z-index:3;width:55%;font-style: italic;}
.bls-kutular-8-1 .kutuicerik2 img {width:100px;height:auto;float:right;top:0px;margin:2px;}
.bls-kutular-8-1 .bls-iconcer1 {width:35%;height:100%;float:right;position:relative;z-index:10;}
.bls-iconcer1 .bls-iconcer2 {width:100%;height:100%;}

/** stil9 **/
.bls-kutular-9-1 {position:relative;float:left;height:100%;overflow:hidden;}
.bls-kutular-9-1 .sablon {overflow:hidden;margin-bottom:10px;}
.bls-kutular-9-1 .sablon img {height:140px;width:100%;}
.bls-kutular-9-1 .sablon p {padding:5px;}
.bls-kutular-9-1 .bls_responsw1 {}



/** stil10 **/
.bls-kutular-10-1 {position:relative;float:left;height:100%;overflow:hidden;overflow:hidden;}
.bls-kutular-10-1 .sablon img {height:140px;width:100%;}
.bls-kutular-10-1 .sablon h3 {position:absolute;bottom:0px;width:100%;padding:3px 0px;}
.bls-kutular-10-1 .sablon p {padding:5px;}
.bls-kutular-10-1 .sablon .knokta {width:100%;height:56px;font-size:75px;font-family:Times;margin-top:-10px;}

/** stil11 **/
.bls-kutular-11-1 {position:relative;float:left;background:none!important;display: inline-block;}
.bls-kutular-11-1:before{content: "";display:block;padding-top:100%;}
.bls-kutular-11-1 a {position: absolute;top:0;left:0;right:0;bottom:0;} 
.bls-kutular-11-1 .renkbosluk {height:100%;width:100%;position:absolute;z-index:2;top:0px;}
.bls-kutular-11-1 .kutumask {width:102%;height:102%;position:absolute;z-index:4;top:0px;}
.bls-kutular-11-1 .kutumask img {height:100%!important;width:100%!important;position:absolute;z-index:1;top:-1px;left:-1px;right:-1px;bottom:-1px;margin:0px!important;padding:0px!important;}
.bls-kutular-11-1 .bls-imag {width:100%;height:100%;position:relative;}
.bls-kutular-11-1 .bls-imag img {min-height:100%!important;width:100%;position:absolute;z-index:1;top:50%!important;left:50%!important;transform:translateX(-50%) translateY(-50%)!important;margin:0px!important;padding:0px!important;}

.bls-kutular-11-1 h3 {position:absolute;width:100%;text-align:center;z-index:5;text-shadow:2px 3px 4px #000000;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.bls-kutular-11-1 p {padding:5px;}
.bls-kutular-11-1 .knokta {width:100%;height:40px;font-size:85px;font-family:Times;margin-bottom:15px;margin-top:-5px;}

/** stil12 **/
.bls-kutular-12-1 {position:relative;float:left;height:100%;overflow:hidden;overflow:hidden;background:url(/ortak/v2/kutu/images/kutuustgolge1.png) no-repeat top center;}
.bls-kutular-12-1 .sablon {height:78%;width:90%;margin:0 auto;}
.bls-kutular-12-1 .bresim {height:160px;position:absolute;bottom:0px;width:98%;}
.bls-kutular-12-1 .bresim img {height:auto;width:100%;min-height:100%;position:absolute;left:50%!important;top:50%!important;transform:translateX(-50%) translateY(-50%)!important;margin:0px!important;}
.bls-kutular-12-1 .sablon h3 {bottom:5px;width:100%;text-align:center;margin-top:10px;padding-bottom:95px;padding-top:10px;margin-bottom:5px;background-size:90%;}
.bls-kutular-12-1 .sablon p {padding:5px;}

/** stil13 **/
.wie-bls-t94 .bls-icon {text-align: center;margin-top:20px;}
.wie-bls-t94 .bls-baslik h3 {text-align:center;}



.wie-bls-t4 .bls-imag {height:200px;overflow:hidden;position:relative;}
.wie-bls-t4 .bls-imag img {min-width: 100%;min-height: 100%;top: 50%!important;transform: translateY(-50%) translateX(-50%)!important;position: relative!important;   left: 50%!important;padding:0px!important;}


.bls-kutular-9-1 .sablon .bls-imag {height:175px;overflow:hidden;margin:0px!important;margin-bottom:10px!important;position:relative;}
.bls-kutular-9-1 .sablon img {margin:0px!important;width:100%!important;padding:0px!important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%); min-height:100%;}

@media (max-width: 990px) {
h3 {line-height:24px!important;}

.bls-kutular-9-1 {height:auto!important;}
.bls-kutular-9-1 .sablon {height:auto!important;}
.bls-kutular-9-1 .sablon p {height:40px!important;overflow:hidden;line-height:17px;font-size:13px;}

.bls-kutular-9-1 .bls_responsw1 {height:auto!important;}
.bls-kutular-9-1 .backsab {padding-bottom:20px!important;}

.bls-kutular-3-1 .bls-icerik {max-height:120px!important;overflow:hidden;}

.bls-kutular-7-1 {height:auto!important;text-align:center;padding-bottom:10px!important;}
.bls-kutular-7-1 .bls-icerik {clear:both;height:85px!important;line-height:18px;padding:10px!important;font-size:13px;overflow:hidden;min-height:inherit;text-align:center!important;}
.bls-kutular-7-1 .bls-iconcer1 {display:table;float:inherit!important;margin:10px auto!important;}
.bls-kutular-7-1 h3 {text-align:center!important;}

.wie-bls-t24 .bls_responsw1 {height:auto!important;}
.wie-bls-t24 .bls_responsw1 p {height:60px!important;font-size:13px;line-height:17px;}
}

@media (max-width: 768px) {
.bls-kutular-4-1 .bls-imag img {padding:0px!important;}
   .bls-kutular-3-1 .bls-imag {position:absolute;left:0px!important;width:100%!important;height:100%!important;margin:0px!important;transform: inherit!important;}
   .bls-kutular-3-1 .bls-imag img{position:absolute;left:0px!important;width:100%!important;min-height:100%!important;height:auto!important;transform: inherit!important;}

}
@media (max-width: 550px) {
.bls-kutular-3-1 .bls-imag {position:absolute;left:50%;transform:translateX(-50%);margin-top:-13px;}
.bls-kutular-4-1 {min-height:210px;}
.bls-kutular-4-1 .bls-imag {position:absolute;}
.bls-kutular-8-1 .kutuicerik1 {height:85%!important}

.bls-kutular-12-1 .sablon {height:440px!important;;}
.bls-kutular-12-1 img {width:100%!important;;}


}
.ch-grid-1 {margin: 20px 0 0 0;padding: 0;list-style: none;display: block;text-align: center;width: 100%; }
.ch-grid-1:after, .ch-item:before {content: '';display: table;}
.ch-grid-1:after {clear: both;}
.ch-grid-1 li {height:100%;display: inline-block;float:left;}
.wie-bls-t8-1 {overflow:visible!important;}
.bls-kutu-bas {padding:5px 10px;position:absolute;top:30px;right:0px;}
h5 {line-height:26px;margin-bottom:10px!important;}
/** efekler **/

/** 1 **/
.ch-item-1-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
}


.ch-info-1-1 {
    position: absolute;
    width: inherit;
    height: inherit;
    
    opacity: 0;
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    
    -webkit-backface-visibility: hidden;

}

.ch-info-1-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 10px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-1-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0.4s;
    -moz-transition: all 1s ease-in-out 0.4s;
    -o-transition: all 1s ease-in-out 0.4s;
    -ms-transition: all 1s ease-in-out 0.4s;
    transition: all 1s ease-in-out 0.4s;
}

.ch-info-1-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-1-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}


.ch-item-1-1:hover {
    box-shadow: 
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}
.ch-item-1-1:hover .ch-info-1-1 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.ch-item-1-1:hover .ch-info-1-1 p {
    opacity: 1;
}

/** 2 **/
    
.ch-item-2-1 {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}



.ch-info-2-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info-2-1 h5 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-2-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-2-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-2-1 p a:hover {
    color: #fff222;
    color: rgba(255,255,255, 0.8);
}

.ch-item-2-1:hover {
    box-shadow: 
        inset 0 0 0 110px rgba(200,95,66, 0.4),
        inset 0 0 0 5px rgba(255,255,255,0.8),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item-2-1:hover .ch-info-2-1 {
    opacity: 1;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);    
}

/** 3 **/
    
.ch-item-3-1 {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
}

.ch-thumb-3-1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);    
    -webkit-transform-origin: 95% 40%;
    -moz-transform-origin: 95% 40%;
    -o-transform-origin: 95% 40%;
    -ms-transform-origin: 95% 40%;
    transform-origin: 95% 40%;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ch-thumb-3-1:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgb(14,14,14);
    background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
    box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-info-3-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    
    overflow: hidden;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
}

.ch-info-3-1 h5 {
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 0 40px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-3-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
    
}

.ch-info-3-1 p a {
    display: block;
    color: #333;
    width: 80px;
    height: 80px;
    background: rgba(255,255,255,0.3);
    
    color: #fff;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 24px;
    margin: 7px auto 0;
    opacity: 0;
    
    -webkit-transition: 
        -webkit-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -moz-transition: 
        -moz-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -o-transition: 
        -o-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    -ms-transition: 
        -ms-transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
    transition: 
        transform 0.3s ease-in-out 0.2s,
        opacity 0.3s ease-in-out 0.2s,
        background 0.2s linear 0s;
        
    -webkit-transform: translateX(60px) rotate(90deg);
    -moz-transform: translateX(60px) rotate(90deg);
    -o-transform: translateX(60px) rotate(90deg);
    -ms-transform: translateX(60px) rotate(90deg);
    transform: translateX(60px) rotate(90deg);
        
    -webkit-backface-visibility: hidden;
}

.ch-info-3-1 p a:hover {
}
.ch-item-3-1:hover .ch-thumb-3-1 {
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    transform: rotate(-110deg);
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
}
.ch-item-3-1:hover .ch-info-3-1 p a{
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
}

/** 4 **/
    
.ch-item-4-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
}

.ch-info-wrap-4-1{
    position: absolute;
    width: 100%;
    height: 100%;
    

    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #f9f9f9 url(../images/bg.jpg);


} 

.ch-info-4-1{
    position: absolute;
    width: 100%;
    height: 100%;
    

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
        
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

}

.ch-info-4-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    
    background-position: center center;
box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}

.ch-info-4-1 .ch-info-back-4-1 {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
}

.ch-info-4-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    margin: 0 15px;
    font-size:22px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-4-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-4-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-4-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}

.ch-item-4-1:hover .ch-info-wrap-4-1 {
    box-shadow: 
        0 0 0 0 rgba(255,255,255,0.8), 
        inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item-4-1:hover .ch-info-4-1 {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}

/** 5 **/
    
.ch-item-5-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
}

.ch-info-wrap-5-1, 
.ch-info-5-1{
    position: absolute;
    width: 100%;
    height: 100%;
    
}

.ch-info-wrap-5-1 {
    background: #f9f9f9 url(../images/bg.jpg);
}

.ch-info-5-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    
    background-position: center center;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info-5-1 .ch-info-front-5-1 {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.ch-info-5-1 .ch-info-back-5-1 {
    opacity: 0;

    pointer-events: none;
    
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
}

.ch-info-5-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 15px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-5-1 p {
    color: #fff;
    padding: 10px 5px 0;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-5-1 p a {
    display: block;
    color: #e7615e;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-5-1 p a:hover {
    color: #fff;
}

.ch-item-5-1:hover .ch-info-front-5-1 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    
    opacity: 0;
} 

.ch-item-5-1:hover .ch-info-back-5-1 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    
    opacity: 1;
    pointer-events: auto;
}

/** 6 **/

.ch-item-6-1 {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
}

.ch-info-wrap-6-1, 
.ch-info-6-1{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
}

.ch-info-wrap-6-1 {
}

.ch-info-6-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ch-info-6-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,0.5);
}

.ch-info-6-1 .ch-info-front-6-1 {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    
    z-index: 100;

}

.ch-info-6-1 .ch-info-back-6-1 {
}

.ch-info-6-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 25px;
    padding: 8px 0 0 0;
    height: 40px;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-6-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-6-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-6-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}


.ch-item-6-1:hover .ch-info-front-6-1 {
    -webkit-transform: rotate3d(1,0,0,-180deg);
    -moz-transform: rotate3d(1,0,0,-180deg);
    -o-transform: rotate3d(1,0,0,-180deg);
    -ms-transform: rotate3d(1,0,0,-180deg);
    transform: rotate3d(1,0,0,-180deg);
    
    box-shadow: 
        inset 0 0 5px rgba(255,255,255,0.2), 
        inset 0 0 3px rgba(0,0,0,0.3);
}

.ch-item-6-1:hover .ch-info-back-6-1 {
}

/** 7 **/
    
.ch-item-7-1 {
    width: 100%;
    height: 100%;
    
    position: relative;
    cursor: default;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
}
.ch-info-7-1{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ch-info-7-1 > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ch-info-7-1 .ch-info-front-7-1 {
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.3);
}

.ch-info-7-1 .ch-info-back-7-1 {
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    opacity: 0;
}

.ch-info-7-1 h5 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 15px;
    padding: 8px 0 0 0;
    height: 40px; 
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info-7-1 p {
    color: #fff;
    padding: 10px 5px;
    margin: 0 10px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info-7-1 p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 4px;
}

.ch-info-7-1 p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}

.ch-item-7-1:hover .ch-info-front-7-1 {
    -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
}

.ch-item-7-1:hover .ch-info-back-7-1 {
    -webkit-transform: rotate3d(1,0,0,0deg);
    -moz-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}


.ch-item-1-1:hover .bls-kutu-bas {display:none;}
.ch-item-2-1:hover .bls-kutu-bas {display:none;}
.ch-item-3-1:hover .bls-kutu-bas {display:none;}
.ch-item-4-1:hover .bls-kutu-bas {display:none;}
.ch-item-5-1:hover .bls-kutu-bas {display:none;}
.ch-item-6-1:hover .bls-kutu-bas {display:none;}
.ch-item-7-1:hover .bls-kutu-bas {display:none;}

@media (max-width: 990px) {
.wie-bls-t44 section {height:auto!important;}
}
@media (max-width: 550px) {
.gs-w .bls_responsw1 {	
    height: 220px!important;
}
.ortagenel #grd-0 [data-sizex="8"] {
	top: inherit!important;
    position: relative!important;
    height:auto!important;
}
.wie-bls-t19 {height:auto!important;position:relative!important;}
.wie-bls-t19 .bls-kutular-7-1 {height:auto!important;width:100%!important;margin:10px 0px;}
}