@charset "utf-8";

html{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    direction:ltr;
    overflow-x:hidden;
    overflow-y:scroll;
}

body{
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    border:0;
    outline:0;
    margin:0;
    padding:0;
    background-color: #fff;
    font-family: "Poppins", sans-serif;
    color:black;
    line-height:1.5;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    text-align:center;
    text-decoration:none;
}
@media only screen and (min-width:1200px){ /*XL*/ 

    body{
        font-size:14px;
    }

}
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    
    body{
        font-size:13px;
    }

}
@media only screen and (max-width:992px){ /*M,S,XS*/ 
    body{
        font-size:12px;
    }
}

#Sayfa{
    position:relative;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:none;
    outline:none;
    background-color:#FFF;
}


/*HEADER TO*/

div#Header{
    display:block;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    border:none;
    outline:none;
    margin:0;
    padding:0;
}

div#HeaderUst{
    display:block;
    position:relative;
    width:100%;
    min-width:100%;
    max-width:100%;
    height: 35px;
    min-height:35px;
    max-height:35px;
    background-color:#14181C;
    margin: 0 auto;
    border: none;
    outline: none;
}

/* #3261A5 #1D4CD6 #0E223D #111177*/

div#HeaderUstEsnekAlan{
    display:block;
    position:relative;
    overflow:hidden;
    height:35px;
    min-height:35px;
    max-height:35px;
    line-height:35px;
    margin:0 auto;
    border:none;
    outline:none;
    padding:0;
    background-color:inherit;
    font-family: "Poppins", sans-serif;
    color:#fff;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:35px;
    text-align:right;
    text-decoration:none;
}
@media only screen and (min-width:1200px){ /*XL*/ 
    
    #HeaderUstEsnekAlan{
        width:1175px;
        max-width:1175px;
        min-width:1175px;
    }

}
@media only screen and (max-width:1200px){ /*L,M,S,XS*/ 

    #HeaderUstEsnekAlan{
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-o-calc(100% - 20px);
        width:-ms-calc(100% - 20px);
        width:calc(100% - 20px);
        min-width:-webkit-calc(100% - 20px);
        min-width:-moz-calc(100% - 20px);
        min-width:-o-calc(100% - 20px);
        min-width:-ms-calc(100% - 20px);
        min-width:calc(100% - 20px);
        max-width:-webkit-calc(100% - 20px);
        max-width:-moz-calc(100% - 20px);
        max-width:-o-calc(100% - 20px);
        max-width:-ms-calc(100% - 20px);
        max-width:calc(100% - 20px);
    }
    
}
@media only screen and (min-width:1200px){ /*XL*/ 

    #HeaderUstEsnekAlan{
        font-size:14px;
    }

}
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    
    #HeaderUstEsnekAlan{
        font-size:13px;
    }

}
@media only screen and (max-width:992px){ /*M,S,XS*/ 
    #HeaderUstEsnekAlan{
        font-size:12px;
    }
}

div#HeaderUstEsnekAlanSol{
    display:inline-block;
    position:relative;
    float:left;
    height:inherit;
    min-height:inherit;
    max-height:inherit;
    line-height:inherit;
    width:auto;
    margin:0;
    background-color:inherit;
    font-family:inherit;
    color:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-decoration:inherit;
    text-align:left;
}

div#HeaderUstEsnekAlanSag{
    display:inline-block;
    position:absolute;
    right:0;
    top:0;
    height:35px;
    min-height:35px;
    max-height:35px;
    line-height:inherit;
    width:auto;
    min-width:auto;
    max-width:auto;
    margin:0;
    text-align:center;
    background-color:inherit;
    font-family:inherit;
    color:inherit;
    font-weight:inherit;

}

ul#HeaderUstEsnekAlanSagMenu{

    display:block;
    list-style:none;
    border:none;
    outline:none;
    padding:0;
    margin:0;
    height:35px;
    min-height:35px;
    max-height:35px;
    user-select:none;
}
li.HeaderUstEsnekAlanSagMenu{
    position:relative;
    display:inline-block;
    margin:0 0 0 3px;
    padding:0;
    height:100%;
    outline:none;
    font-family: "Poppins", sans-serif;
    color:#fff;
    font-style:normal;
    font-variant:normal;
    font-weight:300;
    line-height:35px;
    text-align:right;
    text-decoration:none;
}
li.HeaderUstEsnekAlanSagMenu a{
    display:block;
    font-family:inherit;
    color:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-align:inherit;
    text-decoration:inherit;
    height:35px;
    min-height:35px;
    max-height:35px;
}
li.HeaderUstEsnekAlanSagMenu a:link, li.HeaderUstEsnekAlanSagMenu a:active, li.HeaderUstEsnekAlanSagMenu a:visited{
    font-family:inherit;
    color:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-align:inherit;
    text-decoration:inherit;
}
li.HeaderUstEsnekAlanSagMenu a:hover{
    font-family:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-align:inherit;
    text-decoration:inherit;
    cursor:pointer;
    -webkit-text-stroke:0.1px;
    -moz-text-stroke:0.1px;
    -o-text-stroke:0.1px;
    -ms-text-stroke:0.1px;
    text-stroke:0.1px;
/* #3261A5 #1D4CD6 #0E223D #111177*/
}


div.ForUstMenu{
    width:0;
    height:0;
    position:absolute; /*cpp*/
    bottom:0;
    background-color:#1B3171;
    clip-path:polygon(0% 100%, 50% 50%, 100% 100%);  /* varsayılan hali*/
    transition:all 0ms linear;
}
@media only screen and (min-width:1200px){ /*XL*/ 
    
    div.ForUstMenu{
        left:-webkit-calc(50% - 7px);
        left:-moz-calc(50% - 7px);
        left:-ms-calc(50% - 7px);
        left:-o-calc(50% - 7px);
        left:calc(50% - 7px);
    }
   
    a:hover + div.ForUstMenu{
        clip-path:polygon(0% 100%, 50% 50%, 100% 100%); 
        width:14px;
        min-width:14px;
        max-width:14px;
        height:14px;
        min-height:14px;
        max-height:14px;
    }

}
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    
    div.ForUstMenu{
        left:-webkit-calc(50% - 6.5px);
        left:-moz-calc(50% - 6.5px);
        left:-ms-calc(50% - 6.5px);
        left:-o-calc(50% - 6.5px);
        left:calc(50% - 6.5px);
    }
   
    a:hover + div.ForUstMenu{
        clip-path:polygon(0% 100%, 50% 50%, 100% 100%); 
        width:13px;
        min-width:13px;
        max-width:13px;
        height:13px;
        min-height:13px;
        max-height:13px;
    }
    
}
@media only screen and (min-width:768px) and (max-width:992px){ /*M*/ 
    
    div.ForUstMenu{
        left:-webkit-calc(50% - 6.5px);
        left:-moz-calc(50% - 6.5px);
        left:-ms-calc(50% - 6.5px);
        left:-o-calc(50% - 6.5px);
        left:calc(50% - 6.5px);
    }
   
    a:hover + div.ForUstMenu{
        clip-path:polygon(0% 100%, 50% 50%, 100% 100%); 
        width:13px;
        min-width:13px;
        max-width:13px;
        height:13px;
        min-height:13px;
        max-height:13px;
    }
    
}
@media only screen and (min-width:576px) and (max-width:768px){ /*S*/ 
    
    div.ForUstMenu{
        left:-webkit-calc(50% - 6px);
        left:-moz-calc(50% - 6px);
        left:-ms-calc(50% - 6px);
        left:-o-calc(50% - 6px);
        left:calc(50% - 6px);
    }
   
    a:hover + div.ForUstMenu{
        clip-path:polygon(0% 100%, 50% 50%, 100% 100%); 
        width:12px;
        min-width:12px;
        max-width:12px;
        height:12px;
        min-height:12px;
        max-height:12px;
    }
    
}
@media only screen and (max-width:576px){ /*XS*/ 
    
    div.ForUstMenu{
        left:-webkit-calc(50% - 5px);
        left:-moz-calc(50% - 5px);
        left:-ms-calc(50% - 5px);
        left:-o-calc(50% - 5px);
        left:calc(50% - 5px);
    }
   
    a:hover + div.ForUstMenu{
        clip-path:polygon(0% 100%, 50% 50%, 100% 100%); 
        width:10x;
        min-width:10px;
        max-width:10px;
        height:10px;
        min-height:10px;
        max-height:10px;
    }

}




div#HeaderAlt{
    display: block;
    position: relative;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:50px;
    min-height:50px;
    max-height:50px;
    background-color:#1B3171; /* #3261A5 #1D4CD6 #0E223D*/
    margin: 0 auto;
    border: none;
    outline: none;
    line-height:50px;
    overflow:hidden;
}/* #3261A5 #1D4CD6 #0E223D #111177*/

div#HeaderAltEsnekAlan{
    display:block;
    position:relative;
    overflow:hidden;
    height:inherit;
    min-height:inherit;
    max-height:inherit;
    margin:0 auto;
    border:none;
    outline:none;
    padding:0;
    background-color:inherit;
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-weight:300;
    box-sizing:border-box;
}
@media only screen and (min-width:1200px){ /*XL*/ 

    #HeaderAltEsnekAlan{
        width:1175px;
        max-width:1175px;
        min-width:1175px;
    }

}
@media only screen and (max-width:1200px){ /*L,M,S,XS*/ 

    #HeaderAltEsnekAlan{
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-o-calc(100% - 20px);
        width:-ms-calc(100% - 20px);
        width:calc(100% - 20px);
        min-width:-webkit-calc(100% - 20px);
        min-width:-moz-calc(100% - 20px);
        min-width:-o-calc(100% - 20px);
        min-width:-ms-calc(100% - 20px);
        min-width:calc(100% - 20px);
        max-width:-webkit-calc(100% - 20px);
        max-width:-moz-calc(100% - 20px);
        max-width:-o-calc(100% - 20px);
        max-width:-ms-calc(100% - 20px);
        max-width:calc(100% - 20px);
    }
    
}
@media only screen and (min-width:1200px){ /*XL*/ 

    #HeaderAltEsnekAlan{
        font-size:14px;
    }

}
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    
    #HeaderAltEsnekAlan{
        font-size:13px;
    }

}

@media only screen and (max-width:992px){ /*M,S,XS*/ 
    #HeaderAltEsnekAlan{
        font-size:12px;
    }
}

div#HeaderAltEsnekAlanSol{
    display:inline-block;
    position:relative;
    float:left;
    width:auto;
    height:50px;
    min-height:50px;
    max-height:50px;
    overflow:hidden;
    margin:0;
}

ul#HeaderAltEsnekAlanSolMenu{
    display:block;
    position:relative;
    list-style:none;
    border:none;
    outline:none;
    padding:0;
    margin:0;
    height:50px;
    min-height:50px;
    max-height:50px;
    z-index:999; 
    text-align:left;
    user-select:none;
}
li.HeaderAltEsnekAlanSolMenu{
    display:inline-block;
    position: relative;
    margin:0 3px 0 0;
    padding:0;
    outline:none;
    font-family: "Poppins", sans-serif;
    color:#fff;
    font-style:normal;
    font-variant:normal;
    font-weight:300;
    line-height:50px;
    text-align:left;
    text-decoration:none;
}
li.HeaderAltEsnekAlanSolMenu a{
    display:block;
    font-family:inherit;
    color:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-align:inherit;
    text-decoration:inherit;
    box-sizing:border-box;
    border:0;
    height:50px;
    min-height:50px;
    max-height:50px;

}
li.HeaderAltEsnekAlanSolMenu a:link, li.HeaderAltEsnekAlanSolMenu a:active, li.HeaderAltEsnekAlanSolMenu a:visited{
    font-family:inherit;
    color:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-align:inherit;
    text-decoration:inherit;
}
li.HeaderAltEsnekAlanSolMenu a:hover{
    font-family:inherit;
    color:white;;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    line-height:inherit;
    text-align:inherit;
    text-decoration:inherit;
    cursor:pointer;
    border:0;
    -webkit-text-stroke:0.21px;
    -moz-text-stroke:0.21px;
    -o-text-stroke:0.21px;
    -ms-text-stroke:0.21px;
    text-stroke:0.21px;
/* #3261A5 #1D4CD6 #0E223D #111177*/
}






div.ForAltMenu{
    width:0;
    height:0;
    position:absolute; /*cpp*/
    top:0;
    background-color:#14181C;
    clip-path:polygon(50% 50%, 0% 0%, 100% 0%); /* varsayılan hali*/
    transition:all 0ms linear;
}


@media only screen and (min-width:1200px){ /*XL*/ 
    
    div.ForAltMenu{
        left:-webkit-calc(50% - 10px);
        left:-moz-calc(50% - 10px);
        left:-ms-calc(50% - 10px);
        left:-o-calc(50% - 10px);
        left:calc(50% - 10px);
    }
   
    a:hover + div.ForAltMenu{
        clip-path:polygon(50% 50%, 0% 0%, 100% 0%); 
        width:20px;
        min-width:20px;
        max-width:20px;
        height:20px;
        min-height:20px;
        max-height:20px;
    }
    li.HeaderAltEsnekAlanSolMenu a:hover{
        border-bottom:3px solid #000;
    }
}
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    
    div.ForAltMenu{
        left:-webkit-calc(50% - 9px);
        left:-moz-calc(50% - 9px);
        left:-ms-calc(50% - 9px);
        left:-o-calc(50% - 9px);
        left:calc(50% - 9px);
    }
   
    a:hover + div.ForAltMenu{
        clip-path:polygon(50% 50%, 0% 0%, 100% 0%); 
        width:18px;
        min-width:18px;
        max-width:18px;
        height:18px;
        min-height:18px;
        max-height:18px;
    }
        li.HeaderAltEsnekAlanSolMenu a:hover{
        border-bottom:2px solid #000;
    }

}
@media only screen and (min-width:768px) and (max-width:992px){ /*M*/ 
    
    div.ForAltMenu{
        left:-webkit-calc(50% - 8.5px);
        left:-moz-calc(50% - 8.5px);
        left:-ms-calc(50% - 8.5px);
        left:-o-calc(50% - 8.5px);
        left:calc(50% - 8.5px);
    }
   
    a:hover + div.ForAltMenu{
        clip-path:polygon(50% 50%, 0% 0%, 100% 0%); 
        width:17px;
        min-width:17px;
        max-width:17px;
        height:17px;
        min-height:17px;
        max-height:17px;
    }
        li.HeaderAltEsnekAlanSolMenu a:hover{
        border-bottom:2px solid #000;
    }

}
@media only screen and (min-width:576px) and (max-width:768px){ /*S*/ 
    
    div.ForAltMenu{
        left:-webkit-calc(50% - 8px);
        left:-moz-calc(50% - 8px);
        left:-ms-calc(50% - 8px);
        left:-o-calc(50% - 8px);
        left:calc(50% - 8px);
    }
   
    a:hover + div.ForAltMenu{
        clip-path:polygon(50% 50%, 0% 0%, 100% 0%); 
        width:16px;
        min-width:16px;
        max-width:16px;
        height:16px;
        min-height:16px;
        max-height:16px;
    }
        li.HeaderAltEsnekAlanSolMenu a:hover{
        border-bottom:2px solid #000;
    }
}
@media only screen and (max-width:576px){ /*XS*/ 
    
    div.ForAltMenu{
        left:-webkit-calc(50% - 8px);
        left:-moz-calc(50% - 8px);
        left:-ms-calc(50% - 8px);
        left:-o-calc(50% - 8px);
        left:calc(50% - 8px);
    }
   
    a:hover + div.ForAltMenu{
        clip-path:polygon(50% 50%, 0% 0%, 100% 0%); 
        width:16px;
        min-width:16px;
        max-width:16px;
        height:16px;
        min-height:16px;
        max-height:16px;
    }

    li.HeaderAltEsnekAlanSolMenu a:hover{
        border-bottom:1px solid #000;
    }

}


@media only screen and (max-width:350px){ 
    div#HeaderUstEsnekAlanSol{
        display:none;
    }
}

@media only screen and (max-width:220px){ 
    div#HeaderUstEsnekAlanSag{
        display:none;
    }
}

li.BirimFiyat, li.SonDepremler, li.all{
    display: none;
}















#HeaderAltEsnekAlanSol #MenuButon, #HeaderAltEsnekAlanSol .MenuButon{ /* xxx checkbox xxx */
    display:none;
}



@media only screen and (max-width:430px){ 
    #HeaderAlt,#HeaderAltEsnekAlan,#HeaderAltEsnekAlanSol{
        overflow: visible !important;
    }
    div#HeaderAltEsnekAlanSol{
        float:right;
    }
    li.BirimFiyat, li.SonDepremler, li.all{
    display: none !important;
    }
    label.MenuButon{
        display:block !important;
        line-height:50px;
        color:#FFF;
        background-color:#EE3A3C;
        width:34px;
        margin-right:-10px;
    }
    
    
    span#HMenu::before{
    content: "\2630" !important;
    }
    input#MenuButon:checked ~ label.MenuButon span#HMenu::before{ /* checbox checked X */
        content:initial !important;
        content: "X" !important;
        

    }


    ul#HeaderAltEsnekAlanSolMenu{
        position:absolute;
        top:50px;
        right:-10px;
        background-color:#00081B;
        width:0 !important;
        max-width:0 !important;
        min-width:0 !important;
        height:-webkit-calc(100vh - 85px);
        height:-moz-calc(100vh - 85px);
        height:-ms-calc(100vh - 85px);
        height:-o-calc(100vh - 85px);
        height:calc(100vh - 85px);
        min-height:-webkit-calc(100vh - 85px);
        min-height:-moz-calc(100vh - 85px);
        min-height:-o-calc(100vh - 85px);
        min-height:-ms-calc(100vh - 85px);
        min-height:calc(100vh - 85px);
        max-height:-webkit-calc(100vh - 85px);
        max-height:-moz-calc(100vh - 85px);
        max-height:-o-calc(100vh - 85px);
        max-height:-ms-calc(100vh - 85px);
        max-height:calc(100vh - 85px);
        align-items:baseline;
        transition:all 200ms linear !important;
        box-sizing:border-box;
        border:0;
        overflow:hidden;
        z-index: 99999;
    }
    #HeaderAltEsnekAlanSol #MenuButon:checked ~ ul{ /* xxxx checkox xxx*/
        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;
        transition:all 500ms linear !important;
        border-left:5px solid #EE3A3C;
    }
    div#HeaderUstEsnekAlanSagMenu ul li a{
        display:none !important; /* taşmaya sebep oluyor ul komple display none yapılabilir ama animasyon sıkıntı çıkarıyor*/ 
    }
    #HeaderAltEsnekAlanSol #MenuButon:checked ~ ul li a{
        display:block !important;
    }

    li.HeaderAltEsnekAlanSolMenu{
        display:block;
        position: relative;
        padding:0;
        outline:none;
        font-family: "Poppins", sans-serif;
        color:#fff;
        font-style:normal;
        font-variant:normal;
        font-weight:300;
        line-height:50px;
        text-align:left;
        text-decoration:none;
        margin-left:7px;
        border-bottom:1px solid #101C38;
}
    li.HeaderAltEsnekAlanSolMenu a{
        display:block;
        font-family:inherit;
        color:inherit;
        font-style:inherit;
        font-variant:inherit;
        font-weight:inherit;
        line-height:inherit;
        text-align:inherit;
        text-decoration:inherit;
        box-sizing:border-box;
        border:0;
        height:50px;
        min-height:50px;
        max-height:50px;

    }
    li.HeaderAltEsnekAlanSolMenu a:link, li.HeaderAltEsnekAlanSolMenu a:active, li.HeaderAltEsnekAlanSolMenu a:visited{
        font-family:inherit;
        color:inherit;
        font-style:inherit;
        font-variant:inherit;
        font-weight:inherit;
        line-height:inherit;
        text-align:inherit;
        text-decoration:inherit;
    }
    li.HeaderAltEsnekAlanSolMenu a:hover{
        font-family:inherit;
        color:#EE3A3C;
        font-style:inherit;
        font-variant:inherit;
        font-weight:inherit;
        line-height:inherit;
        text-align:inherit;
        text-decoration:inherit;
        cursor:pointer;
        border:0;
        -webkit-text-stroke:0.21px;
        -moz-text-stroke:0.21px;
        -o-text-stroke:0.21px;
        -ms-text-stroke:0.21px;
        text-stroke:0.21px;
    }

    div.ForAltMenu{
    width:0px !important;
    height:0px !important;
    position:absolute !important; 
    top:-webkit-calc(50% - 4.5px) !important;
    top:-moz-calc(50% - 4.5px) !important;
    top:-o-calc(50% - 4.5px) !important;
    top:-ms-calc(50% - 4.5px) !important;
    top:calc(50% - 4.5px) !important;
    left:-11px !important;
    background-color:#EE3A3C;
    clip-path:initial !important;
    clip-path:polygon(0% 0%, 100% 50%, 0% 100%) !important; 
    transition:all 500ms linear !important;
    }

   
    a:hover + div.ForAltMenu{
    width:9px !important;
    min-width:9px !important;
    max-width:9px !important;
    height:9px !important;
    min-height:9px !important;
    max-height:9px !important;
    }

    li.HeaderAltEsnekAlanSolMenu a:hover{
        border-bottom:initial !important;
    }
    
}

/*HEADER TF*/

/* FOOTER TO */

div#Footer{
    display:block;
    width:100%;
    min-width:100%;
    max-width:100%;
    position:relative;  
    height:auto;
    border:none;
    outline:none;
    overflow:hidden;
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    border-top:1px solid black;
    padding-top:10px;
    padding-bottom:10px;

}

#FooterCopyRightEsnekAlan::-webkit-selection, #Main::-webkit-selection{
background-color:red;
color:white;
}
#FooterCopyRightEsnekAlan::-moz-selection, #Main::-moz-selection{
background-color:red;
color:white;
}
#FooterCopyRightEsnekAlan::-o-selection, #Main::-o-selection{
background-color:red;
color:white;
}
#FooterCopyRightEsnekAlan::-ms-selection, #Main::-ms-selection{
background-color:red;
color:white;
}
#FooterCopyRightEsnekAlan::selection, #Main::selection{
background-color:red;
color:white;
}


/* #3261A5 #1D4CD6 #0E223D #111177 #D6F0EF #14626E*/
div#FooterEsnekAlan{
    display:block;
    position: relative;
    height:auto;
    border:none;
    outline:none;
    overflow:hidden;
    margin:0 auto;
    border:none;
    background-color:inherit;
    text-align:center;
    z-index:999;
}
@media only screen and (min-width:1200px){ /*XL*/ 
        
        #FooterEsnekAlan{
            width:1175px;
            max-width:1175px;
            min-width:1175px;
        }

    }
@media only screen and (max-width:1200px){ /*L,M,S,XS*/ 
    
        #FooterEsnekAlan{
            width:-webkit-calc(100% - 20px);
            width:-moz-calc(100% - 20px);
            width:-o-calc(100% - 20px);
            width:-ms-calc(100% - 20px);
            width:calc(100% - 20px);
            min-width:-webkit-calc(100% - 20px);
            min-width:-moz-calc(100% - 20px);
            min-width:-o-calc(100% - 20px);
            min-width:-ms-calc(100% - 20px);
            min-width:calc(100% - 20px);
            max-width:-webkit-calc(100% - 20px);
            max-width:-moz-calc(100% - 20px);
            max-width:-o-calc(100% - 20px);
            max-width:-ms-calc(100% - 20px);
            max-width:calc(100% - 20px);
        }
        
}
@media only screen and (min-width:1200px){ /*XL*/ 

        #FooterEsnekAlan{
            font-size:14px;
        }

    }
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
        
        #FooterEsnekAlan{
            font-size:13px;
        }

    }

@media only screen and (max-width:992px){ /*M,S,XS*/ 
        #FooterEsnekAlan{
            font-size:12px;
        }
    }

div.FooterEsnekAlanMenu{
    display:inline-block;
    height:auto;
    border:none;
    outline:none;
    margin:0 auto;
    padding:0;
    background-color: inherit;
    vertical-align: top;
    float:left;
    text-align:left;
}
@media only screen and (min-width:1200px){ /* XL */
    .FooterEsnekAlanMenu{
        width:33.33%;
        min-width:33.33%;
        max-width:33.33%;
    }
    div#InsaatOnline{
        margin-right:20px;
    }
    div#Destek{
        margin-right:20px;
    }
}
@media only screen and (min-width:992px) and (max-width:1200px){ /* L */
    .FooterEsnekAlanMenu{
        width:33.33%;
        min-width:33.33%;
        max-width:33.33%;
    }
    div#InsaatOnline{
        margin-right:20px;
    }
    div#Destek{
        margin-right:20px;
    }
}
@media only screen and (min-width:768px) and (max-width:992px){ /* M */
    .FooterEsnekAlanMenu{
        width:33.33%;
        min-width:33.33%;
        max-width:33.33%;
    }
    div#InsaatOnline{
        margin-right:20px;
    }
    div#Destek{
        margin-right:20px;
    }
}
@media only screen and (min-width:576px) and (max-width:768px){ /* S */
    .FooterEsnekAlanMenu{
        width:33%;
        min-width:33%;
        max-width:33%;
    }
    div#InsaatOnline{
        margin-right:10px;
    }
    div#Destek{
        margin-right:10px;
    }
}
@media only screen and (max-width:575px){ /* XS */
    .FooterEsnekAlanMenu{
        width:100%;
        min-width:100%;
        max-width:100%;
    }

    div#Destek{
        margin-top:5px;
    }
    div#SosyalMedya{
        margin-top:5px;
    }
}

div.Baslik{
    display:block;
    width:auto;
    font-family: "Poppins", sans-serif;
    text-align:left;
    color:#000;
    font-style:normal;
    font-variant:normal;
    font-weight:500;
    text-decoration:none;
    outline:0;
    padding:0;
    border:0;
    border-bottom:1px solid grey;
}




div.FooterEsnekAlanMenu  a{
    font-family:"Poppins", sans-serif;
    color:#555;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    text-align:left;
    text-decoration:none;
}
div.FooterEsnekAlanMenu  a:link, div.FooterEsnekAlanMenu  a:active, div.FooterEsnekAlanMenu  a:visited{
    font-family:"Poppins", sans-serif;
    color:#555;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    text-decoration:none;
}
div.FooterEsnekAlanMenu  a:hover{
    color: #000;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    text-decoration:none;
    font-family:"Poppins", sans-serif;
    cursor:pointer;
    -webkit-text-stroke:0.21px;
    -moz-text-stroke:0.21px;
    -o-text-stroke:0.21px;
    -ms-text-stroke:0.21px;
    text-stroke:0.21px;

}

@media only screen and (min-width:1200px){

        div[class*="FooterEsnekAlanMenu" i]{
            font-size:14px !important;
        }

    }
@media only screen and (min-width:992px) and (max-width:1199px){
        
        div[class*="FooterEsnekAlanMenu" i]{
            font-size:13px !important;
        }

    }
@media only screen and (max-width:992px){
        
        div[class*="FooterEsnekAlanMenu" i]{
            font-size:12px !important;
        }
}

div#FooterCopyRight{
    display:block;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:35px;
    min-height:35px;
    max-height:35px;
    line-height:35px;
    font-family:"Poppins", sans-serif;
    text-align:center;
    color:#fff;
    background-color: #000;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    text-decoration:none;
    outline:0;
    padding:0;
    border:0;
}
div#FooterCopyRightEsnekAlan{
    display:block;
    height:inherit;
    min-height:inherit;
    max-height:inherit;
    line-height:inherit;
    font-family:inherit;
    text-align:inherit;
    color:inherit;
    background-color:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    text-decoration:inherit;
    outline:0;
    padding:0;
    border:0;
    margin:0 auto;
}
@media only screen and (min-width:1200px){ /*XL*/ 
        
        #FooterCopyRightEsnekAlan{
            width:1175px;
            max-width:1175px;
            min-width:1175px;
        }

    }
@media only screen and (max-width:1200px){ /*L,M,S,XS*/ 
    
        #FooterCopyRightEsnekAlan{
            width:-webkit-calc(100% - 20px);
            width:-moz-calc(100% - 20px);
            width:-o-calc(100% - 20px);
            width:-ms-calc(100% - 20px);
            width:calc(100% - 20px);
            min-width:-webkit-calc(100% - 20px);
            min-width:-moz-calc(100% - 20px);
            min-width:-o-calc(100% - 20px);
            min-width:-ms-calc(100% - 20px);
            min-width:calc(100% - 20px);
            max-width:-webkit-calc(100% - 20px);
            max-width:-moz-calc(100% - 20px);
            max-width:-o-calc(100% - 20px);
            max-width:-ms-calc(100% - 20px);
            max-width:calc(100% - 20px);
        }
        
}
@media only screen and (min-width:1200px){ /*XL*/ 

        #FooterCopyRightEsnekAlan{
            font-size:14px;
        }

    }
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
        
        #FooterCopyRightEsnekAlan{
            font-size:13px;
        }

    }
@media only screen and (max-width:992px){ /*M,S,XS*/ 
        #FooterCopyRightEsnekAlan{
            font-size:12px;
        }
    }

/* FOOTER TF */



/* MAİN TO */ 


div#Main{
    display:block;
    width:100%;
    min-width:100%;
    max-width:100%;
    position:relative;
    height:auto;
    border:none;
    outline:none;
    overflow:hidden;
    margin:0 auto;
    border:none;
    background-color:#d6d6d6;
    text-align:center;
    /* #e5e5e6 */
}

div#MainEsnekAlan{
    display:block;
    position: relative;
    height:auto;
    border:none;
    outline:none;
    overflow:hidden;
    margin:10px auto 10px auto;
    border:none;
    background-color:#fff;
    text-align:left;
    word-wrap: break-word;
}
@media only screen and (min-width:1200px){ /*XL*/ 
        
        #MainEsnekAlan{
            width:1175px;
            max-width:1175px;
            min-width:1175px;
        }

    }
@media only screen and (max-width:1200px){ /*L,M,S,XS*/ 
    
        #MainEsnekAlan{
            width:-webkit-calc(100% - 20px);
            width:-moz-calc(100% - 20px);
            width:-o-calc(100% - 20px);
            width:-ms-calc(100% - 20px);
            width:calc(100% - 20px);
            min-width:-webkit-calc(100% - 20px);
            min-width:-moz-calc(100% - 20px);
            min-width:-o-calc(100% - 20px);
            min-width:-ms-calc(100% - 20px);
            min-width:calc(100% - 20px);
            max-width:-webkit-calc(100% - 20px);
            max-width:-moz-calc(100% - 20px);
            max-width:-o-calc(100% - 20px);
            max-width:-ms-calc(100% - 20px);
            max-width:calc(100% - 20px);
        }
        
}
@media only screen and (min-width:1200px){ /*XL*/ 

        #MainEsnekAlan{
            font-size:14px;
        }

    }
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
        
        #MainEsnekAlan{
            font-size:13px;
        }

    }
@media only screen and (max-width:992px){ /*M,S,XS*/ 
        #MainEsnekAlan{
            font-size:12px;
        }
    }

#MainEsnekAlanSinir{
    display:block;
    position:relative;
    height:auto;
    border:none;
    outline:none;
    overflow:hidden;
    margin:0 auto;
}
@media only screen and (min-width:1200px){ /*XL*/ 
    #MainEsnekAlanSinir{
        width:-webkit-calc(1175px - 60px);
        width:-moz-calc(1175px - 60px);
        width:-o-calc(1175px - 60px);
        width:-ms-calc(1175px - 60px);
        width:calc(1175px - 60px);
        min-width:-webkit-calc(1175px - 60px);
        min-width:-moz-calc(1175px - 60px);
        min-width:-o-calc(1175px - 60px);
        min-width:-ms-calc(1175px - 60px);
        min-width:calc(1175px - 60px);
        max-width:-webkit-calc(1175px - 60px);
        max-width:-moz-calc(1175px - 60px);
        max-width:-o-calc(1175px - 60px);
        max-width:-ms-calc(1175px - 60px);
        max-width:calc(1175px - 60px);
        padding-top:30px;
        padding-bottom:30px;
    }
}
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    #MainEsnekAlanSinir{
        width:-webkit-calc(100% - 50px);
        width:-moz-calc(100% - 50px);
        width:-o-calc(100% - 50px);
        width:-ms-calc(100% - 50px);
        width:calc(100% - 50px);
        min-width:-webkit-calc(100% - 50px);
        min-width:-moz-calc(100% - 50px);
        min-width:-o-calc(100% - 50px);
        min-width:-ms-calc(100% - 50px);
        min-width:calc(100% - 50px);
        max-width:-webkit-calc(100% - 50px);
        max-width:-moz-calc(100% - 50px);
        max-width:-o-calc(100% - 50px);
        max-width:-ms-calc(100% - 50px);
        max-width:calc(100% - 50px);
        padding-top:25px;
        padding-bottom:25px;
    }
}
@media only screen and (min-width:768px) and (max-width:992px){ /*M*/ 
    #MainEsnekAlanSinir{
        width:-webkit-calc(100% - 40px);
        width:-moz-calc(100% - 40px);
        width:-o-calc(100% - 40px);
        width:-ms-calc(100% - 40px);
        width:calc(100% - 40px);
        min-width:-webkit-calc(100% - 40px);
        min-width:-moz-calc(100% - 40px);
        min-width:-o-calc(100% - 40px);
        min-width:-ms-calc(100% - 40px);
        min-width:calc(100% - 40px);
        max-width:-webkit-calc(100% - 40px);
        max-width:-moz-calc(100% - 40px);
        max-width:-o-calc(100% - 40px);
        max-width:-ms-calc(100% - 40px);
        max-width:calc(100% - 40px);
        padding-top:20px;
        padding-bottom:20px;
    }
}
@media only screen and (min-width:576px) and (max-width:768px){ /*S*/ 
    #MainEsnekAlanSinir{
        width:-webkit-calc(100% - 30px);
        width:-moz-calc(100% - 30px);
        width:-o-calc(100% - 30px);
        width:-ms-calc(100% - 30px);
        width:calc(100% - 30px);
        min-width:-webkit-calc(100% - 30px);
        min-width:-moz-calc(100% - 30px);
        min-width:-o-calc(100% - 30px);
        min-width:-ms-calc(100% - 30px);
        min-width:calc(100% - 30px);
        max-width:-webkit-calc(100% - 30px);
        max-width:-moz-calc(100% - 30px);
        max-width:-o-calc(100% - 30px);
        max-width:-ms-calc(100% - 30px);
        max-width:calc(100% - 30px);
        padding-top:15px;
        padding-bottom:15px;
    }
}
@media only screen and (max-width:576px){ /*XS*/ 
    #MainEsnekAlanSinir{
        width:-webkit-calc(100% - 20px);
        width:-moz-calc(100% - 20px);
        width:-o-calc(100% - 20px);
        width:-ms-calc(100% - 20px);
        width:calc(100% - 20px);
        min-width:-webkit-calc(100% - 20px);
        min-width:-moz-calc(100% - 20px);
        min-width:-o-calc(100% - 20px);
        min-width:-ms-calc(100% - 20px);
        min-width:calc(100% - 20px);
        max-width:-webkit-calc(100% - 20px);
        max-width:-moz-calc(100% - 20px);
        max-width:-o-calc(100% - 20px);
        max-width:-ms-calc(100% - 20px);
        max-width:calc(100% - 20px);
        padding-top:10px;
        padding-bottom:10px;
    }
}


/*BASLİK*/ 
div.GenelBaslikAlani{
    display:block;
    position:relative;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    overflow:hidden;
    border:none;
    outline:none;
    padding:0;
    margin:0 auto;
    margin-bottom:21px;
    background-color: #fff;
    font-family: "Poppins", sans-serif;
    color:black;
    line-height:1.5;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    text-align:left;
    text-decoration:none;
}

div.GenelBaslik{
    display:block;
    position:relative;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    overflow:hidden;
    background-color:inherit;
    font-family:inherit;
    color:#007500;
    line-height:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:700;
    text-align:inherit;
    text-decoration:inherit;
    padding:0;
    outline:none;
    border:none;
}
div.GenelBaslik  a:link, div.GenelBaslik  a:active, div.GenelBaslik  a:visited{
    text-decoration:none;
    font-family:"Poppins", sans-serif;
    cursor:pointer;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    overflow:hidden;
    font-family:inherit;
    color:#007500;
    line-height:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:700;
    text-align:inherit;
    text-decoration:inherit;
    padding:0;
    outline:none;
    border:none;
    background-color:#fff;
}
div.GenelBaslik  a:hover{
    text-decoration:none;
    font-family:"Poppins", sans-serif;
    cursor:pointer;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    overflow:hidden;
    font-family:inherit;
    color:#007500;
    line-height:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:700;
    text-align:inherit;
    text-decoration:inherit;
    padding:0;
    outline:none;
    border:none;
}
div.AltBaslik{
    display:block;
    position:relative;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    overflow:hidden;
    background-color:inherit;
    font-family:inherit;
    color:#666;
    line-height:inherit;
    font-style:inherit;
    font-variant:inherit;
    font-weight:inherit;
    text-align:inherit;
    text-decoration:inherit;
    padding:0;
    padding-bottom:5px;
    outline:none;
    border:none;
    border-bottom:1px solid #15A774;
}
@media only screen and (min-width:1200px){ /*XL*/ 
    div.GenelBaslik{
        font-size:14px;
    }
    div.AltBaslik{
        font-size:14px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    div.GenelBaslik{
        font-size:13px;
    }
    div.AltBaslik{
        font-size:13px;
    }
}

@media only screen and (max-width:992px){ /*M,S,XS*/ 
    div.GenelBaslik{
        font-size:12px;
    }
    div.AltBaslik{
        font-size:12px;
    }
}

/* MAİN TF */

tr:nth-of-type(odd){
    background-color: #D9D9D9;
}
tr:nth-of-type(even){
    background-color: #fff;
}