﻿body, html {height:100%;}



.dizi{display:flex; justify-content: center;}

.dizi-2{display:flex; justify-content: center; flex-wrap: wrap;}

.dizi-3{display:flex; justify-content: flex-start; flex-wrap: wrap;}

.sifirla, .sifirla-lg, .sifirla-md{padding-left:0 !important; padding-right:0 !important;}

.sifirla-m{margin-left:0 !important; margin-right:0 !important;}

*:focus{outline:0;}

/*

    Position Absolute Dikey Ortalama: ".pa-y"

    ---------------

    Position Absolute Yatay Ortalama: ".pa-x"

    ---------------

    Text Align: ".ta-center, .ta-left, .ta-right"

    ---------------

    Box Shadow: ".bs-*-#" : *=Ebat, #=Opaklık

    ---------------

    Padding: *=10px ~ 100px

        Padding Left : ".pl-*"

        Padding Right : ".pr-*"

        Padding LeftRight : ".plr-*"

        Padding Top : ".pt-*"

        Padding Bottom : ".pb-*"

        Padding TopBottom : ".ptb-*" 

    ---------------

    Margin: *=10px ~ 100px

        Margin Left : ".ml-*"

        Margin Right : ".mr-*"

        Margin LeftRight : ".mlr-*"

        Margin Top : ".mt-*"

        Margin Bottom : ".mb-*"

        Margin TopBottom : ".mtb-*" 

    ---------------

    Overflow: 

        Hidden : ".ov-h"

        Y Scroll : ".ovy-s"

        X Scroll : ".ovx-s"

    ---------------

    Rotate Hover: ".rot-45, .rot-90, .rot-180, .rot-360"

*/



/*Right Left*/

.r0{right:0;}

.l0{left:0;}

.r10{right:10px;}

.l10{left:10px;}

.r20{right:20px;}

.l20{left:20px;}

.r30{right:30px;}

.l30{left:30px;}

.r40{right:40px;}

.l40{left:40px;}

.r50{right:50px;}

.l50{left:50px;}



/*Col 10.5*/

.col-8_5{-ms-flex: 0 0 71.333333%; flex: 0 0 71.333333%; max-width: 71.333333%;}

.col-9_5{-ms-flex: 0 0 79.333333%; flex: 0 0 79.333333%; max-width: 79.333333%;}

.col-10_5{-ms-flex: 0 0 87.333333%; flex: 0 0 87.333333%; max-width: 87.333333%;}

.col-11_5{-ms-flex: 0 0 95.666667%; flex: 0 0 95.666667%; max-width: 95.666667%;}



/*a, button*/

a, button{transition:.2s;}

a, a:hover{text-decoration:none !important;}



/*Position Absolute 50%*/

.pa-y{position:absolute; top:50%; transform:translateY(-50%);}

.pa-x{position:absolute; left:50%; transform:translateX(-50%);}

.pa-yx{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}



/*Hover Rotate*/

.roth-45, .roth-90, .roth-180, .roth-360{transition:.2s;}

.roth-45:hover{transform:rotate(45deg) !important;}

.roth-90:hover{transform:rotate(90deg) !important;}

.roth-180:hover{transform:rotate(180deg) !important;}

.roth-360:hover{transform:rotate(360deg) !important;}



/*Rotate*/

.rot-45{transform:rotate(45deg) !important;}

.rot-90{transform:rotate(90deg) !important;}

.rot-180{transform:rotate(180deg) !important;}

.rot-360{transform:rotate(360deg) !important;}



/*Text-Align*/

.ta-center{text-align:center;}

.ta-left{text-align:left;}

.ta-right{text-align:right;}



/*Box Shadow*/

.bs-10-5{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}

.bs-20-5{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);}

.bs-30-5{-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);}

.bs-40-5{-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);}

.bs-50-5{-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);}



.bs-10-3{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}

.bs-20-3{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}

.bs-30-3{-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);}

.bs-40-3{-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3);}

.bs-50-3{-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3);}



.bs-10-1{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}

.bs-20-1{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}

.bs-30-1{-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}

.bs-40-1{-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);}

.bs-50-1{-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);}





/*Padding*/

.pl-10{padding-left:10px !important;}

.pl-20{padding-left:20px !important;}

.pl-30{padding-left:30px !important;}

.pl-40{padding-left:40px !important;}

.pl-50{padding-left:50px !important;}

.pl-60{padding-left:60px !important;}

.pl-70{padding-left:70px !important;}

.pl-80{padding-left:80px !important;}

.pl-90{padding-left:90px !important;}

.pl-100{padding-left:100px !important;}



.pr-10{padding-right:10px !important;}

.pr-20{padding-right:20px !important;}

.pr-30{padding-right:30px !important;}

.pr-40{padding-right:40px !important;}

.pr-50{padding-right:50px !important;}

.pr-60{padding-right:60px !important;}

.pr-70{padding-right:70px !important;}

.pr-80{padding-right:80px !important;}

.pr-90{padding-right:90px !important;}

.pr-100{padding-right:100px !important;}



.plr-10{padding-left:10px !important; padding-right:10px !important;}

.plr-20{padding-left:20px !important; padding-right:20px !important;}

.plr-30{padding-left:30px !important; padding-right:30px !important;}

.plr-40{padding-left:40px !important; padding-right:40px !important;}

.plr-50{padding-left:50px !important; padding-right:50px !important;}

.plr-60{padding-left:60px !important; padding-right:60px !important;}

.plr-70{padding-left:70px !important; padding-right:70px !important;}

.plr-80{padding-left:80px !important; padding-right:80px !important;}

.plr-90{padding-left:90px !important; padding-right:90px !important;}

.plr-100{padding-left:100px !important; padding-right:100px !important;}



.ptb-10{padding-top:10px !important; padding-bottom:10px !important;}

.ptb-20{padding-top:20px !important; padding-bottom:20px !important;}

.ptb-30{padding-top:30px !important; padding-bottom:30px !important;}

.ptb-40{padding-top:40px !important; padding-bottom:40px !important;}

.ptb-50{padding-top:50px !important; padding-bottom:50px !important;}

.ptb-60{padding-top:60px !important; padding-bottom:60px !important;}

.ptb-70{padding-top:70px !important; padding-bottom:70px !important;}

.ptb-80{padding-top:80px !important; padding-bottom:80px !important;}

.ptb-90{padding-top:90px !important; padding-bottom:90px !important;}

.ptb-100{padding-top:100px !important; padding-bottom:100px !important;}



.pb-10{padding-bottom:10px !important;}

.pb-20{padding-bottom:20px !important;}

.pb-30{padding-bottom:30px !important;}

.pb-40{padding-bottom:40px !important;}

.pb-50{padding-bottom:50px !important;}

.pb-60{padding-bottom:60px !important;}

.pb-70{padding-bottom:70px !important;}

.pb-80{padding-bottom:80px !important;}

.pb-90{padding-bottom:90px !important;}

.pb-100{padding-bottom:100px !important;}



.pt-10{padding-top:10px !important;}

.pt-20{padding-top:20px !important;}

.pt-30{padding-top:30px !important;}

.pt-40{padding-top:40px !important;}

.pt-50{padding-top:50px !important;}

.pt-60{padding-top:60px !important;}

.pt-70{padding-top:70px !important;}

.pt-80{padding-top:80px !important;}

.pt-90{padding-top:90px !important;}

.pt-100{padding-top:100px !important;}



/*Margin*/

.ml-10{margin-left:10px !important;}

.ml-20{margin-left:20px !important;}

.ml-30{margin-left:30px !important;}

.ml-40{margin-left:40px !important;}

.ml-50{margin-left:50px !important;}

.ml-60{margin-left:60px !important;}

.ml-70{margin-left:70px !important;}

.ml-80{margin-left:80px !important;}

.ml-90{margin-left:90px !important;}

.ml-100{margin-left:100px !important;}



.mr-10{margin-right:10px !important;}

.mr-20{margin-right:20px !important;}

.mr-30{margin-right:30px !important;}

.mr-40{margin-right:40px !important;}

.mr-50{margin-right:50px !important;}

.mr-60{margin-right:60px !important;}

.mr-70{margin-right:70px !important;}

.mr-80{margin-right:80px !important;}

.mr-90{margin-right:90px !important;}

.mr-100{margin-right:100px !important;}



.mlr-10{margin-left:10px !important; margin-right:10px !important;}

.mlr-20{margin-left:20px !important; margin-right:20px !important;}

.mlr-30{margin-left:30px !important; margin-right:30px !important;}

.mlr-40{margin-left:40px !important; margin-right:40px !important;}

.mlr-50{margin-left:50px !important; margin-right:50px !important;}

.mlr-60{margin-left:60px !important; margin-right:60px !important;}

.mlr-70{margin-left:70px !important; margin-right:70px !important;}

.mlr-80{margin-left:80px !important; margin-right:80px !important;}

.mlr-90{margin-left:90px !important; margin-right:90px !important;}

.mlr-100{margin-left:100px !important; margin-right:100px !important;}



.mtb-10{margin-top:10px !important; margin-bottom:10px !important;}

.mtb-20{margin-top:20px !important; margin-bottom:20px !important;}

.mtb-30{margin-top:30px !important; margin-bottom:30px !important;}

.mtb-40{margin-top:40px !important; margin-bottom:40px !important;}

.mtb-50{margin-top:50px !important; margin-bottom:50px !important;}

.mtb-60{margin-top:60px !important; margin-bottom:60px !important;}

.mtb-70{margin-top:70px !important; margin-bottom:70px !important;}

.mtb-80{margin-top:80px !important; margin-bottom:80px !important;}

.mtb-90{margin-top:90px !important; margin-bottom:90px !important;}

.mtb-100{margin-top:100px !important; margin-bottom:100px !important;}



.mb-10{margin-bottom:10px !important;}

.mb-20{margin-bottom:20px !important;}

.mb-30{margin-bottom:30px !important;}

.mb-40{margin-bottom:40px !important;}

.mb-50{margin-bottom:50px !important;}

.mb-60{margin-bottom:60px !important;}

.mb-70{margin-bottom:70px !important;}

.mb-80{margin-bottom:80px !important;}

.mb-90{margin-bottom:90px !important;}

.mb-100{margin-bottom:100px !important;}



.mt-10{margin-top:10px !important;}

.mt-20{margin-top:20px !important;}

.mt-30{margin-top:30px !important;}

.mt-40{margin-top:40px !important;}

.mt-50{margin-top:50px !important;}

.mt-60{margin-top:60px !important;}

.mt-70{margin-top:70px !important;}

.mt-80{margin-top:80px !important;}

.mt-90{margin-top:90px !important;}

.mt-100{margin-top:100px !important;}



/*Overflow*/

.ov-h{overflow:hidden;}

.ovy-s{overflow-y:scroll;}

.ovx-s{overflow-x:scroll;}





@media (max-width: 1440px) {

/*Display*/

.dn-xl{display:none;}

}



@media (max-width: 1200px) {

/*Display*/

.dn-lg{display:none;}

.sifirla-lg{padding-left:15px; padding-right:15px;}

}



@media (max-width: 1000px) {

/*Display*/

.dn-md{display:none;}

.sifirla-md{padding-left:15px; padding-right:15px;}



}





.gallerybox {

    width: 100%;

    height: auto;

    margin-bottom: 25px;

}





@media (min-width: 1200px) {

    .container-custom {

        max-width: 1400px !important;

    }

}



table {

    width: 100% !important;

    border-collapse: collapse !important;

    margin: 20px 0 !important;

    font-size: 18px !important;

    text-align: left !important;

}

th, td {

    padding: 12px 15px !important;

    border: 1px solid #ddd !important;

}

tr {

    background-color: #f2f2f2 !important;

}

tr:nth-child(even) {

    background-color: #f9f9f9 !important;

}

th {

    background-color: #4CAF50 !important;

    color: white !important;

}





.mb-4, .my-4 {

    margin-bottom: 5.5rem !important;

}



.mt-4, .my-4 {

    margin-top: 5.5rem !important;

}





.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {

    padding-right: 75px !important;

    padding-left: 75px !important;

}





.dizihead {

    display: flex;

    justify-content: center;

}



.diziana {

    display: flex;

    justify-content: center;

}



.anahakkimizdayazisi {

    font-size: 20px;

    width: 60%;

}



.dizikato {

    display: flex;

    justify-content: center;

}



.diziurundetay {

    display: flex;

    justify-content: center;

}