/*.secOuter{

    min-height: 90em;
    border:solid 1px #cc29b0;

}*/

.secUst{

    position: relative;

    width: 100%;
    height: 28em;

    top:-2em;

    /*border:1px solid yellow;*/

}

.divCircle{

    position: absolute;

    width: 26em;
    height: 29em;

    top:-8em;
    left:-2em;

    /*border:1px solid red;*/


    background-image: url('../img/circle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    z-index: 1;


}

.divLines{

     position: absolute;

    width: 100%;
    height: 47em;

    top:17em;
    left:0;

    /*border:1px solid red;*/


    background-image: url('../img/lines.png');
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: 100% 120%;*/
    background-size: contain;

    z-index: 1;

}

.menuKategoriContainer{

    position: absolute;


    width: 22em;
    height: 23em;

    top:1.5em;
    left:0;

    /*border:1px solid red;*/

    /*transform-style: preserve-3d;*/


    z-index: 2;



}

.divKategori{

    position: relative;

    height: 3.8em;
    width: 100%;


    /*margin-top:1em;*/


    /*border:1px solid blue;*/



    transition: all 0.5s;

    cursor: pointer;

}
.divKategori:nth-of-type(2n+1){

    background: radial-gradient(circle farthest-side at 35% 100%, rgba(34,34,34,0.7) 10%, rgba(0,0,0,0) 60%);

}


.divKategori .imgArrow{

   position: absolute;

   height: 1.5em;

    top:1em;
    left:2em;


    opacity: 0;

   transition: all 0.3s;

}

.divKategori span{

    position: absolute;


    top:0.8em;
    left:3.3em;

    color:white;
    font-size: 1.2em;

    transition: all 0.3s;
}

.divKategori:hover{



}

.divKategori:hover  img{

    opacity: 1;

}


.divKategori:hover span{



}


.divSelected{

    position: relative;

    height: 4em;
    width: 100%;


 /*margin-top:1em;*/


    /*border:1px solid blue;*/

    transition: all 0.5s;

    cursor: pointer;

}



.divSelected .imgArrow{

    position: absolute;

    height: 2em;

    top:1em;
    left:4.3em;

    opacity: 1;

    transition: all 0.3s;

}

.divSelected span{

    position: relative;
    display: inline-block;
    vertical-align: top;

    top:0.3em;
    left:3.2em;

    color:white;
    font-size: 1.9em;


    font-family: "Exo Bold", Helvetica, sans-serif;

    transition: all 0.3s;

    /*border:1px solid yellow;*/
}


.imgBorder{

    position: absolute;
    bottom: 0em;
    left: 0;
    right: 0;

    margin: 0;
    padding: 0;

    height: 1px;
    width: 75%;

}





#_divCatImg{

    position: absolute;

    /*width: 65.4em;*/
    width: 100%;
    height: 27em;

    top:0;
    left:0;

    /*border:1px solid red;*/

}

.imgCat{

    position: absolute;
    /*display: none;*/

    top:2em;
    left:3em;

    width: 80.5em;
    /*height: 22em;*/


    opacity: 0;

    transition: all 0.3s;



}

.opak{


     opacity: 1;
}














.secUrunler{

    position: relative;
    /*display: none;*/

    width: 100%;
    min-height: 60em;



    top:-2em;

    padding-bottom: 2em;

    /*top:35em;*/
    /*left:0;*/
    /*bottom:0;*/

    /*margin: 0 auto;*/



    /*border:1px solid red;*/

    /*overflow-y: hidden;*/

    z-index: 3;

}

.divUrunler{

    position: relative;

    text-align: center;

    /*border:solid 1px yellow;*/

}

.divHeight{

    position: relative;


    margin-top:400px;
    width: 100%;
    height: 300px;

    background-color: #00bd6b;



}



.divUrun{

    position: relative;
    display: inline-block;
    vertical-align: top;

    height: 26em;
    width: 29em;

    /*margin-top: 1em;*/
    margin-left: 10em;

    /*text-align: center;*/

    /*border:solid 1px blue;*/
}
.divUrun:nth-of-type(2n+1){

    margin-left: 12em;

}

.r1Left{
    top:12em;
    left:14em;
}
.r1Right{
    top:12em;
    right:0em;
}
.r2Left{
    top:42em;
    left:14em;
}
.r2Right{
    top:42em;
    right:0em;
}
.r3Left{
    top:62em;
    left:14em;
}
.r3Right{
    top:62em;
    right:0em;
}


.divResim{

    position: relative;
    width: 19em;
    /*height: 10em;*/

    margin: 0 auto;

    /*border:solid 1px red;*/

}

.divResim img{

    width: 100%;

}

.divTablo{

    position: relative;
    /*display: none;*/

    width: 100%;
    height: 11em;

    margin: 0 auto;

    top:0em;


    padding: 0.5em 0;

    color:white;

   background: radial-gradient(ellipse farthest-side at 50% 0%, rgba(34,34,34,0.7) 10%, rgba(0,0,0,0) 90%);

    border-top:1px solid white;
    border-radius: 3em;

}



.divHeaders{

    position: relative;


    width: 100%;
    height: 2em;

    /*border:solid 1px greenyellow;*/

    font-size: 1em;


    text-align: center;




}

.divHeaders span:nth-child(1){

    position: relative;
    display: inline-block;
    width: 6em;

    text-align: center;

    /*border:solid 1px red;*/


}
.divHeaders span:nth-child(2){

    position: relative;
    display: inline-block;
    width: 8em;

    text-align: center;


    /*border:solid 1px red;*/

}

.divHeaders span:nth-child(3){

    position: relative;
    display: inline-block;
    width: 5em;

    text-align: center;

    /*border:solid 1px red;*/

}

.divHeaders span:nth-child(4){

    position: relative;
    display: inline-block;
    width: 8em;

    text-align: center;

    /*border:solid 1px red;*/


}

.divHeaders img{

    position: absolute;
    bottom: 0.3em;
    left: 0;
    right: 0;

    margin: 0;
    padding: 0;

    height: 1px;
    width: 100%;

}

.divRow{

    position: relative;
 /*display: none;*/
    height: 2em;

    font-size: 0.9em;




    /*border:solid 1px yellow;*/


}

.divRow span:nth-child(1){

    position: relative;
    display: inline-block;
    width: 6.6em;

    text-align: center;
     color:rgba(255,255,255,0.6);

    /*border:solid 1px red;*/

}
.divRow span:nth-child(2){

    position: relative;
    display: inline-block;
    width: 8.8em;

    text-align: center;


    /*border:solid 1px red;*/

}

.divRow span:nth-child(3){

    position: relative;
    display: inline-block;
    width: 5.5em;

    text-align: center;
    color:rgba(255,255,255,0.6);

    /*border:solid 1px red;*/

}

.divRow span:nth-child(4){

    position: relative;
    display: inline-block;
    width: 8.8em;

    text-align: center;


    /*border:solid 1px red;*/

}

.divRow img{

    position: absolute;
    bottom: 0.3em;
    left: 0;
    right: 0;

    margin: 0;
    padding: 0;

    height: 1px;
    width: 100%;

}



#_divCatSpans{

    position: absolute;
    /*display: none;*/

    width: 70em;
    height: 9em;

    top:31em;
    left:-26em;

    transform: rotate(90deg);

    /*border:solid 1px yellow*/
}


.spCat{

    position: absolute;

    font-size: 9em;
    font-family: "Exo Bold", Helvetica, sans-serif;

    color: #111111;
    /*color:darkred;*/

    opacity: 0;



    transition: all 0.3s;

}


.opak2{

    opacity: 1;

}


.divBuyukResim{

    position: relative;


    /*height: 60em;*/
    width: 65em;

    margin-top: 4em;
    margin-left: 13em;

    /*text-align: center;*/

    /*border:solid 1px blue;*/
}

.divBuyukResim img{

    width: 100%;

}