.divGeneralContainer{
    padding: 0;
}

.secUrun{
    
    position: relative;
    
    
    /*border:1px solid red;*/
}

.divUrun{
    
    position: relative;
    display: block;
    
    /*border:1px solid red;*/
    
}

.divUrunSlider{
    
    position: relative;
            display: block;

    
    height:auto;
    
    /*padding: 2em 0;*/
    padding-bottom: 0;
    
    white-space: nowrap;
    
    background-color: var(--siyah);
    
}

.divUrunBaslik{
    
    position: absolute;
    
    top:2em;
    left:50%;
    transform: translateX(-50%);
    
    /*border:1px solid red;*/
}

.divUrunBaslik span:first-of-type{
    
    font-family: "Montserrat Bold",Helvetica, sans-serif;
    font-size: 3.4em;
    color:var(--gri3);
    
}
.divUrunBaslik span:last-of-type{
    
    font-family: "Montserrat Light",Helvetica, sans-serif;
    font-size: 3.4em;
    color:var(--gri3);
    
}


.divUrunKod, .divUrunKodCenter{
    
    position: absolute;
    
    top:6em;
    left:50%;
    transform: translateX(-50%);
    
    /*border:1px solid red;*/
}
.divUrunKod span, .divUrunKodCenter span{
    
    font-family: 'DIN Light',Helvetica, sans-serif;
    font-size: 2em;
    color:var(--gri2);
    
}

.divUrunResim{
    
    position: relative;
    display: block;
    vertical-align: top;
    
    width: 100%;
    height: 42em;
    
    margin-top: 10em;
    
    z-index: 2;
    
    /*border:1px solid red;*/
}
.imgUrun, .imgUrunCenter{
    
    position: absolute;
    
    display: block;
    
    /*margin-left:auto;
    margin-right:15%;
    !*margin: 0 auto;*!*/
    right:auto;
    left:50%;
    transform: translateX(-50%);
    
    
    width: 60%;
    
    
}


.divSecenek{
    
    position: absolute;
    
    width: 10em;
    
    top:15em;
    left:1em;
    
    white-space: normal;
    text-align: center;
    
    z-index: 3;
    
    
    /*border:1px solid red;*/
}

.divSecenek span{
    
    position: relative;
    
    width: 6em;
    
    font-family: 'DIN Medium',Helvetica, sans-serif;
    font-size: 1.5em;
    color:var(--gri3);
}

.divSecenek div{
    
    position: relative;
    
    
    width: 4.5em;
    height: 4.5em;
        
    margin: 3em auto 0 auto;
    
    border-radius: 50%;
        

    border:1px solid white;
}
/*.divSecenek .divSelected{
    border:1px solid white;
}*/
.divSecenek div:first-of-type{
    margin-top: 1em;
}
.divSecenek .divSelected:after{
    
    content: '';
    
    position: absolute;
    
    width: 9em;
    height: 0;
    
    top:50%;
    left:100%;
    transform: translateY(-50%);
    
    
    border-top:1px solid white;
    
}



.divUstOzellikler{
    
    position: relative;
    display: block;
    vertical-align: top;
    
    width: 100%;
    
    white-space: normal;
    
    background-color: var(--gri1);
    
    padding-bottom: 2em;
    
    /*border:1px solid red;*/
}

.divOzellik1{
    
    position: relative;
    display: block;
    
    margin-top: 10em;
    
    min-height: auto;
}
.divOzellik1 p{
    
    position: relative;
    display: block;
    
    width: 85%;
    
    margin: 1em auto 0 auto;
    
    font-family: 'DIN Regular',Helvetica, sans-serif;
    font-size: 2.2em;
    color:var(--siyah);
}
.divOzellik1 p:before{
    
    content: '';
    
    position: absolute;
    width: 0.4em;
    height: 0.4em;
    
    top:0.4em;
    left: -1em;
    
    background-color: var(--siyah);
    
    border-radius: 50%;
    
}


.divOzellik2{
    
   position: relative;
    display: block;
            

    width: 100%;
    height: auto;
        
    
    white-space: nowrap;
    
    margin-top: 10em;
        
    border-top:none;
}

.divOzellik2Left{
    
    position: relative;
    display: inline-block;
    vertical-align: middle;
    
    white-space: normal;
    
    width: 60%;
    
    /*border:1px solid red;*/
    
}
.divOzellik2Left span:first-of-type{
    
    display: block;
    
    margin-left: 1em;
    
    font-family: "Montserrat Bold",Helvetica, sans-serif;
    font-size: 3em;
    color:var(--siyah);
}
.divOzellik2Left span:last-of-type{
    
    display: block;
    
    margin-left: 1em;
    
    font-family: "Montserrat Regular",Helvetica, sans-serif;
    font-size: 3em;
    color:var(--siyah);
}
.divOzellik2 p{
    position: relative;
    
    margin-left: 1.5em;
    
    margin-top: 0.5em;
    
    font-family: 'DIN Regular',Helvetica, sans-serif;
    font-size: 2.2em;
    color:var(--siyah);
}

.divOzellik2Right{
    
    position: relative;
    display: inline-block;
    vertical-align: middle;
    
    width: 39%;
    
}
.divOzellik2Right img{
    display: block;
    margin: 0 auto;
    width:78%;
}


.divAsagi{
    
    position: absolute;
    display: block;
    
    width: 7em;
    
    bottom:-6em;
    left:50%;
    transform: translateX(-50%);
    
    cursor: pointer;
    
    /*border:1px solid red;*/
    
}
.divAsagi img{
    width: 100%;
}



.divUrunBaslik2{
    
    
    position: absolute;

    top:44em;
    right:auto;
    left:50%;
    transform: translateX(-50%);
    
    /*border:1px solid red;*/
}
.divUrunBaslik2:after{
    content: '';
    position: absolute;
    
    width: 100vw;
    height: 0;
    
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    
    border-bottom:1px solid var(--gri2);
}
.divUrunBaslik2 span:first-of-type{
    
    font-family: "Montserrat Bold",Helvetica, sans-serif;
    font-size: 3.2em;
    color:var(--gri2);
    
}
.divUrunBaslik2 span:last-of-type{
    
    font-family: "Montserrat Light",Helvetica, sans-serif;
    font-size: 3.2em;
    color:var(--gri2);
    
}


.divUrunAlt{
    
    position: relative;
    
    display: block;
    
    height: auto;
    
}

.divOzellik3{
    
    position: relative;
       display: block;
    width: 90%;
    
    margin: 10em auto 0 auto;
    
    /*border:1px solid red;*/
}
.divOzellik3 span{
    font-family: "DIN Medium",Helvetica, sans-serif;
    font-size: 3.0em;
    color:var(--siyah);
}
.divOzellik3 p{
    font-family: "DIN Regular",Helvetica, sans-serif;
    font-size: 2.2em;
    color:var(--siyah);
}
.divOzellik3 img{
    width: 100%;
}

.divUrunSet{
    
    position: relative;
    display: block;
    
    
    width: 90%;
    height: auto;
    
    margin-left: 0;
    margin-top: 14em;
    right: auto;
    left:50%;
    top:0;
    transform: translateX(-50%);

    /*border:1px solid red;*/
    
}
.divUrunSet img{
    width: 100%;
}
.divUrunSet span{
    
    position: absolute;
    
    width: 4.5em;
    height: 2.5em;
    
    bottom:0;
    right:0;
    
    font-family: "DIN Medium",Helvetica, sans-serif;
    font-size: 2.6em;
    color:var(--siyah);
    
    /*border:1px solid red;*/
}
.divUrunSet span:before{
    
    content: '';
    
    position: absolute;
    
    width: 3em;
    height: 2em;
    
    top:-35%;
    left:-90%;
    
    transform: skew(30deg);
    
    z-index: -1;
    
    border-left:2px solid var(--siyah);
    border-bottom:2px solid var(--siyah);
}





.secDiger{
    
    position: relative;
    
    padding: 4em 0;
    
    text-align: center;

    white-space: nowrap;
    
    background-color: var(--gri2);
    
}

.divLeft{
    
    position: relative;
    display: inline-block;
    vertical-align: middle;
    
    width: 12%;

    /*height: 3em;*/
    
    /*border:1px solid red;*/

}
.divLeft img{
    display: block;
    width: 6.5em;
    margin:0 auto;
}
.divRight{
    
    position: relative;
    display: inline-block;
    vertical-align: middle;
    
  width: 12%;
    
    
    
    /*border:1px solid red;*/
    
}
.divRight img{
    display: block;
    width: 6.5em;
    margin:0 auto;
}
.divDigerContainer{
    
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    
    
    width: 70%;
    
    /*height: 3em;*/
    
    overflow: hidden;
    
    text-align: left;
    
    /*border:1px solid red;*/
    
}
.divv{
    
    position: relative;
    
     flex-shrink: 0;
   
    /*vertical-align: top;*/
    
    width: 12.5%;
    
    height: 9em;
    
    white-space: normal;
    
    text-align: center;
    
    background-color: #5ac289;
    
    transition: all 0.3s;
    
    /*border:1px solid lime;*/
    
}

.divDiger{
     position: relative;
    
     flex-shrink: 0;
    
    height: 28em;
   
    /*vertical-align: top;*/
    
    width: 50%;
    
    
    white-space: normal;
    
    text-align: center;
    
    cursor:pointer;
    
    transition: all 0.3s;
    
    /*border:1px solid lime;*/
}

.divBack{
    
    position: absolute;
    display: none;
    
    width: 5em;
    height: 5em;
    
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    
    border-radius: 50%;
    
    background-color: var(--maviAcik);
    
    opacity: 1;
    
    transition: all 0.3s;
    
}

.divDigerImg{
    
    display: block;
    height: 21em;
    
    margin: 0 auto;
    
}
.divDiger span:first-of-type{
    
    position: relative;
    display: block;
    
    margin-top: 1em;
    
    font-family: 'Montserrat SemiBold',Helvetica, sans-serif;
    font-size: 1.9em;
    
    
}
.divDiger span:last-of-type{
    
    position: relative;
    display: block;
    
    font-family: 'Montserrat Regular',Helvetica, sans-serif;
    font-size: 1.9em;
    
    
}