/* Genel Ayar */
*,*:focus,*:active{
    outline:0;
}
*{
    outline:0;
    font-family: 'Mukta', sans-serif;
}

body{
    overflow-x:hidden;
    background-color: #fff;
}
html, body {
    min-height: 100% !important;
    height: 100%;
}
/*
::-webkit-scrollbar{
	all:unset;
}
::-webkit-scrollbar-thumb{
	all:unset;
}
::-webkit-scrollbar-thumb:window-inactive{
	all:unset;
	}
	*/
.sigdir{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mh-1{
    min-height: 1px;
}
.bg-center{
    background-position: center!important;
}
.bg-cover{
    background-size: cover!important;
}
.bg-repeat{
    background-repeat: repeat!important;
}
.bg-no_repeat{
    background-repeat: no-repeat!important;
}
.clear{	clear:both;	}

.btn.focus, .btn:focus,button.focus, button:focus {outline: 0;-webkit-box-shadow: 0 0 0 0 rgba(0,123,255,0);box-shadow: 0 0 0 0 rgba(0,123,255,0);}

.c-pointer{	cursor: pointer;}
.c-default{	cursor: pointer;}

.no-select{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.no-link{
    text-decoration: none;
    color: inherit;
}
.no-link:hover{
    text-decoration: none;
    color: inherit;
}
.u-none{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    pointer-events: none;

}
.relative{
    position: relative;
    min-height: 1px;
}

.f-right{float: right;}
.vs-hidden{	visibility: hidden;	}
.btn{cursor: pointer;}
.fw-b{font-weight: bold!important;}

/* Flex */

.grow-1{flex-grow: 1;}
.grow-2{flex-grow: 2;}
.grow-3{flex-grow: 3;}
.grow-4{flex-grow: 4;}
.grow-5{flex-grow: 5;}
.grow-6{flex-grow: 6;}
.grow-7{flex-grow: 7;}
.grow-8{flex-grow: 8;}
.grow-9{flex-grow: 9;}
.grow-10{flex-grow: 10;}
.grow-11{flex-grow: 11;}

.alert_custom{
    text-align: center;
    color: #ffffff;
    border:none;
    border-radius: 5px;
}
.alert_custom.danger{background-color: #c50712;}
.alert_custom.success{background-color: #21b17a;}

.badge{-webkit-transition: .2s;-o-transition: .2s;transition: .2s}
.badge-1{color:#FFF;background-color: #6f85ff;}
.badge-1:hover{color:#fff;background-color: #556ef7}
.badge-2{color: #444;background-color: #eee;}
.badge-2:hover{color:#444;background-color: #ddd}
.badge-3{color:#FFF;background-color: #ff6262;}
.badge-3:hover{color:#fff;background-color: #f03434}
.badge-4{color:#FFF;background-color: #f66cff;}
.badge-4:hover{color:#fff;background-color: #f047fb}
.badge-5{color:#FFF;background-color: #FF5722;}
.badge-5:hover{color:#fff;background-color: #ff3d00}
.badge-6{color:#fff;background-color: #0da2ea;}
.badge-6:hover{color:#fff;background-color: #00acff}
.badge-7{color:#444;background-color: #f1ff78;}
.badge-7:hover{color:#444;background-color: #e6fb33}
.badge-8{color:#444;background-color: #93ff98;}
.badge-8:hover{color:#444;background-color: #7cfd82}
.badge-9{color:#444;background-color: #ffeb3b;}
.badge-9:hover{color:#444;background-color: #fae72b}
.badge-10{color:#444;background-color: #9ffff6;}
.badge-10:hover{color:#444;background-color: #80fff3}


.custom_select {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Custom Select */
.custom_select input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #000;
    background-color: #f8f8f8;
    border-radius: 3px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.custom_select:hover input ~ .checkmark {
    background-color: #fafafa;
}

.custom_select input:checked ~ .checkmark {
    border: 1px solid #1667ef;
    background-color: #3175e4;
    border-radius: 3px;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom_select input:checked ~ .checkmark:after {
    display: block;
}
.custom_select .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.w-10{	width: 10%;}
.w-20{	width: 20%;}
.w-30{	width: 30%;}
.w-40{	width: 40%;}
.w-50{	width: 50%;}
.w-60{	width: 60%;}
.w-70{	width: 70%;}
.w-80{	width: 80%;}
.w-90{	width: 90%;}
.w-100{	width: 100%;}

/* #MARGINS #PADDINGS
================================================== */
.mi-0 {margin:0 !important;}
.m-0{margin:0;}
/* margin top */
.mti-0 {margin-top:0 !important;}
.mti-5 {margin-top:5px !important;}
.mti-10 {margin-top:10px !important;}
.mti-20 {margin-top:20px !important;}
.mti-25 {margin-top:25px !important;}
.mti-30 {margin-top:30px !important;}
.mti-40 {margin-top:40px !important;}
.mti-50 {margin-top:50px !important;}
.mti-55 {margin-top:55px !important;}
.mti-60 {margin-top:60px !important;}
.mti-70 {margin-top:70px !important;}
.mti-80 {margin-top:80px !important;}
.mti-90 {margin-top:90px !important;}
.mti-100 {margin-top:100px !important;}
.mti-110 {margin-top:110px !important;}
.mti-120 {margin-top:120px !important;}
.mti-130 {margin-top:130px !important;}
.mti-150 {margin-top:150px !important;}
.mti-170 {margin-top:170px !important;}

.mt-0 {margin-top:0;}
.mt-5 {	margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-55 {margin-top:55px;}
.mt-60 {margin-top:60px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}
.mt-110 {margin-top:110px;}
.mt-120 {margin-top:120px;}
.mt-130 {margin-top:130px;}
.mt-140 {margin-top:140px;}
.mt-150 {margin-top:150px;}
.mt-170 {margin-top:170px;}
/* margin top */

/* margin right-left */
.mr-0 {	margin-right:0;}
.mr-5 {margin-right:5px;}
.mr-7 {margin-right:7px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}

.mri-0 {	margin-right:0 !important;}
.mri-5 {margin-right:5px !important;}
.mri-7 {margin-right:7px !important;}
.mri-10 {margin-right:10px !important;}
.mri-15 {margin-right:15px !important;}
.mri-20 {margin-right:20px !important;}

.mli-0 {margin-left:0px !important;}
.mli-5 {margin-left:5px !important;}
.mli-10 {margin-left:10px !important;}
.mli-15 {margin-left:15px !important;}
.mli-20 {margin-left:20px !important;}
.mli-25 {margin-left:25px !important;}
.mli-30 {margin-left:30px !important;}
.mli-35 {margin-left:35px !important;}
.mli-40 {margin-left:40px !important;}

.ml-0 {margin-left:0px;}
.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px;}
.ml-40 {margin-left:40px;}

/* margin right-left */

/* margin bottom */
.mbi-0 {margin-bottom:0 !important;}
.mbi-5 {margin-bottom:5px !important;}
.mbi-10 {margin-bottom:10px !important;}
.mbi-15 {margin-bottom:15px !important;}
.mbi-20 {margin-bottom:20px !important;}
.mbi-23 {margin-bottom:23px !important;}
.mbi-40 {margin-bottom:40px !important;}
.mbi-45 {margin-bottom:45px !important;}
.mbi-25 {margin-bottom:25px !important;}
.mbi-30 {margin-bottom:30px !important;}
.mbi-35 {margin-bottom:35px !important;}
.mbi-50 {margin-bottom:50px !important;}
.mbi-60 {margin-bottom:60px !important;}
.mbi-70 {margin-bottom:70px !important;}
.mbi-75 {margin-bottom:75px !important;}
.mbi-80 {margin-bottom:80px !important;}
.mbi-90 {margin-bottom:90px !important;}
.mbi-100 {margin-bottom:100px !important;}
.mbi-110 {margin-bottom:110px !important;}
.mbi-140 {margin-bottom:140px !important;}
.mbi-160 {margin-bottom:160px !important;}
.mbi-170 {margin-bottom:170px !important;}
.mbi-180 {margin-bottom:180px !important;}
.mbi-210 {margin-bottom:210px !important;}

.mb-0 {margin-bottom:0;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-16 {margin-bottom:16px;}
.mb-20 {margin-bottom:20px;}
.mb-23 {margin-bottom:23px}
.mb-40 {margin-bottom:40px;}
.mb-45 {margin-bottom:45px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-35 {margin-bottom:35px;}
.mb-50 {margin-bottom:50px }
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-75 {margin-bottom:75px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}
.mb-110 {margin-bottom:110px;}
.mb-140 {margin-bottom:140px;}
.mb-160 {margin-bottom:160px;}
.mb-170 {margin-bottom:170px;}
.mb-180 {margin-bottom:180px;}
.mb-210 {margin-bottom:210px;}
.mb-300 {margin-bottom:300px;}
.mb-320 {margin-bottom:320px;}
.mb-400 {margin-bottom:400px;}
/* margin bottom */


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


.p-0 {padding:0;}
.p-10 {padding:10px;}
.p-15 {padding:15px;}
.p-20 {padding:20px;}
.p-25 {padding:25px;}
.p-30 {padding:30px;}
.p-35 {padding:35px;}
.p-40 {padding:40px;}
.p-45 {padding:45px;}
.p-50 {padding:50px;}

.pi-0 {padding:0 !important;}
.pi-5 {padding:5px !important;}
.pi-10 {padding:10px !important;}
.pi-15 {padding:15px !important;}
.pi-20 {padding:20px !important;}
.pi-25 {padding:25px !important;}
.pi-40 {padding:40px !important;}

.pt-0 {padding-top:0px;}
.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-36 {padding-top:36px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-55 {padding-top:55px;}
.pt-60 {padding-top:60px;}
.pt-65 {padding-top:65px;}
.pt-70{padding-top:70px;}
.pt-75{padding-top:75px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-95 {padding-top:95px;}
.pt-100 {padding-top:100px;}
.pt-130 {padding-top:130px;}
.pt-140 {padding-top:140px;}
.pt-250 {padding-top:250px;}

.pti-0 {padding-top:0px !important;}
.pti-10 {padding-top:10px !important;}
.pti-20 {padding-top:20px !important;}
.pti-30 {padding-top:30px !important;}
.pti-36 {padding-top:36px !important;}
.pti-40 {padding-top:40px !important;}
.pti-50 {padding-top:50px !important;}
.pti-55 {padding-top:55px !important;}
.pti-60 {padding-top:60px !important;}
.pti-65 {padding-top:65px !important;}
.pti-70{padding-top:70px !important;}
.pti-75{padding-top:75px !important;}
.pti-80{padding-top:80px !important;}
.pti-95 {padding-top:95px !important;}
.pti-100 {padding-top:100px !important;}
.pti-130 {padding-top:130px !important;}
.pti-140 {padding-top:140px !important;}
.pti-250 {padding-top:250px !important;}

.pr-0 {	padding-right:0 !important;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:15px;}
.pr-30{padding-right:30px;}
.pr-75{padding-right:75px;}

.pri-0 {padding-right:0px !important;}
.pri-10 {padding-right:10px !important;}
.pri-20 {padding-right:20px !important;}
.pri-30 {padding-right:30px !important;}
.pri-36 {padding-right:36px !important;}
.pri-40 {padding-right:40px !important;}
.pri-50 {padding-right:50px !important;}
.pri-55 {padding-right:55px !important;}

.pb-0 {	padding-bottom:0px;}
.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-45 {padding-bottom:45px;}
.pb-50 {padding-bottom:50px;}
.pb-55 {padding-bottom:55px;}
.pb-60 {padding-bottom:60px;}
.pb-65 {padding-bottom:65px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-130 {padding-bottom:130px;}
.pb-140 {padding-bottom:140px;}

.pbi-0 {padding-bottom:0px !important;}
.pbi-10 {padding-bottom:10px !important;}
.pbi-20 {padding-bottom:20px !important}
.pbi-30 {padding-bottom:30px !important;}
.pbi-40 {padding-bottom:40px !important;}
.pbi-45 {padding-bottom:45px !important;}
.pbi-50 {padding-bottom:50px !important;}
.pbi-55 {padding-bottom:55px !important;}
.pbi-60 {padding-bottom:60px !important;}
.pbi-65 {padding-bottom:65px !important;}
.pbi-70 {padding-bottom:70px !important;}
.pbi-80 {padding-bottom:80px !important;}
.pbi-130 {padding-bottom:130px !important;}
.pbi-140 {padding-bottom:140px !important;}

.pl-0 {padding-left:0 !important;}
.pl-20 {padding-left:20px;}
.pl-30 {padding-left:30px;}
.plr-0 {padding-left:0 !important;	padding-right:0 !important;}
.plr-1 {padding-left: 1px; padding-right: 1px;}
.plr-5 {padding-left: 5px; padding-right: 5px;}
.plr-10 {padding-left: 10px; padding-right: 10px;}
.plr-15 {padding-left: 15px; padding-right: 15px;}
.plr-20 {padding-left: 20px; padding-right: 20px;}
.plr-30 {padding-left: 30px; padding-right: 30px;}
.plr-40 {padding-left: 40px; padding-right: 40px;}
.plr-50 {padding-left: 50px; padding-right: 50px;}
.plr-150 {padding-left: 150px; padding-right: 150px;}


@media (max-width: 767px) {
    .mb-30-767 {

        margin-bottom:30px;

    }
    .plr-0-767 {
        padding-left:0; padding-right:0;
    }
    .pt-0-767{
        padding-top:0px !important;
    }
    .pt-b-10-767{
        padding-top:20px !important;
        padding-bottom:20px !important;
    }

}

.bc-000{border-color:#000;}
.bc-111{border-color:#111;}
.bc-222{border-color:#222;}
.bc-333{border-color:#333;}
.bc-444{border-color:#444;}
.bc-555{border-color:#555;}
.bc-666{border-color:#666;}
.bc-777{border-color:#777;}
.bc-888{border-color:#888;}
.bc-999{border-color:#999;}
.bc-aaa{border-color:#aaa;}
.bc-bbb{border-color:#bbb;}
.bc-ccc{border-color:#ccc;}
.bc-ddd{border-color:#ddd;}
.bc-eee{border-color:#eee;}
.bc-fff{border-color:#fff;}

.c-000{color:#000;}
.c-111{color:#111;}
.c-222{color:#222;}
.c-333{color:#333;}
.c-444{color:#444;}
.c-555{color:#555;}
.c-666{color:#666;}
.c-777{color:#777;}
.c-888{color:#888;}
.c-999{color:#999;}
.c-aaa{color:#aaa;}
.c-bbb{color:#bbb;}
.c-ccc{color:#ccc;}
.c-ddd{color:#ddd;}
.c-eee{color:#eee;}
.c-fff{color:#fff;}

.bg-none{background-color:transparent;}
.bg-000{background-color:#000;}
.bg-111{background-color:#111;}
.bg-222{background-color:#222;}
.bg-333{background-color:#333;}
.bg-444{background-color:#444;}
.bg-555{background-color:#555;}
.bg-666{background-color:#666;}
.bg-777{background-color:#777;}
.bg-888{background-color:#888;}
.bg-999{background-color:#999;}
.bg-aaa{background-color:#aaa;}
.bg-bbb{background-color:#bbb;}
.bg-ccc{background-color:#ccc;}
.bg-ddd{background-color:#ddd;}
.bg-eee{background-color:#eee;}
.bg-fff{background-color:#fff;}

.wi-5{ width: 5%!important; }
.wi-6{ width: 6%!important; }
.wi-10{ width: 10%!important; }
.wi-12{ width: 12%!important; }
.wi-13{ width: 13%!important; }
.wi-14{ width: 14%!important; }
.wi-15{ width: 15%!important; }
.wi-16{ width: 16%!important; }
.wi-17{ width: 17%!important; }
.wi-18{ width: 18%!important; }
.wi-19{ width: 19%!important; }
.wi-20{ width: 20%!important; }
.wi-21{ width: 21%!important; }
.wi-22{ width: 22%!important; }
.wi-23{ width: 23%!important; }
.wi-24{ width: 24%!important; }
.wi-25{ width: 25%!important; }
.wi-30{ width: 30%!important; }
.wi-35{ width: 35%!important; }
.wi-50{ width: 50%!important; }

.fs-9{font-size: 9px;}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}
.fs-31{font-size: 31px;}
.fs-32{font-size: 32px;}
.fs-33{font-size: 33px;}
.fs-34{font-size: 34px;}
.fs-35{font-size: 35px;}
.fs-36{font-size: 36px;}
.fs-37{font-size: 37px;}
.fs-38{font-size: 38px;}
.fs-39{font-size: 39px;}
.fs-40{font-size: 40px;}
.fs-50{font-size: 50px;}
.fs-60{font-size: 60px;}


.fsi-10{font-size: 10px!important;}
.fsi-11{font-size: 11px!important;}
.fsi-12{font-size: 12px!important;}
.fsi-13{font-size: 13px!important;}
.fsi-14{font-size: 14px!important;}
.fsi-15{font-size: 15px!important;}
.fsi-16{font-size: 16px!important;}
.fsi-17{font-size: 17px!important;}
.fsi-18{font-size: 18px!important;}
.fsi-19{font-size: 19px!important;}
.fsi-20{font-size: 20px!important;}
.fsi-21{font-size: 21px!important;}
.fsi-22{font-size: 22px!important;}
.fsi-23{font-size: 23px!important;}
.fsi-24{font-size: 24px!important;}
.fsi-25{font-size: 25px!important;}
.fsi-30{font-size: 30px!important;}
.fsi-40{font-size: 40px!important;}
.fsi-50{font-size: 50px!important;}
.fsi-60{font-size: 60px!important;}

.br-0 {border-radius: 0}
.br-2 {border-radius: 2px}
.br-5 {border-radius: 5px}
.br-10 {border-radius: 10px}
.br-15 {border-radius: 15px}
.br-50 {border-radius: 50%}
.bri-0 {border-radius: 0!important}
.bri-2 {border-radius: 2px!important}
.bri-5 {border-radius: 5px!important}
.bri-10 {border-radius: 10px!important}
.bri-15 {border-radius: 15px!important}
.bri-50 {border-radius: 50%!important}

.mw-100{
    max-width: 100%;
}

.mw-100vw{
    max-width: 100vw;
}
.container-orta {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-orta {
        max-width: 540px;
    }
}
@media (max-width: 425px) {
    .container-orta {
        max-width: 95%!important;
    }
}
@media (min-width: 768px) {
    .container-orta {
        max-width: 720px;
    }
}
@media (max-width: 991px) {
    .container-orta {
        max-width: 90%!important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container-orta {
        max-width: 90%;
    }
}
@media (max-width: 1400px) {
    .container-orta.mobil_full {
        max-width: 100%!important;
    }
}
@media (min-width: 1200px) {
    .container-orta {
        max-width: 1140px;
    }
}
@media (min-width: 1440px) {
    .container-orta {
        max-width: 1350px;
    }
}


.container-orantili_orta {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-orantili_orta {
        max-width: 96%;
    }
}

@media (min-width: 768px) {
    .container-orantili_orta {
        max-width: 96%;
    }
}

@media (min-width: 992px) {
    .container-orantili_orta {
        max-width: 94%;
    }
}

@media (min-width: 1200px) {
    .container-orantili_orta {
        max-width: 90%;
    }
}
@media (min-width: 1300px) {
    .container-orantili_orta {
        max-width: 85%;
    }
}

@media (min-width: 1550px) {
    .container-orantili_orta {
        max-width: 80%;
    }
}



.container-buyuk {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-buyuk {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-buyuk {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-buyuk {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-buyuk {
        max-width: 1180px;
    }
}
@media (max-width: 1200px) {
    .container-buyuk {
        max-width: 95%;
    }
}
@media (min-width: 1440px) {
    .container-buyuk {
        max-width: 1350px;
    }
}

@media (min-width: 1600px) {
    .container-buyuk {
        max-width: 1500px;
    }
}

@media (min-width: 1800px) {
    .container-buyuk {
        max-width: 1680px;
    }
}
.col-xxl-2,.col-xxl-3,.col-xxxxl-2,.col-xxxl-2,.col-xxxl-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1440px) {
    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1600px) {
    .col-xxxl-1{
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xxxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xxxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xxxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xxxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xxxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xxxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1800px) {
    .col-xxxxl-1{
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xxxxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xxxxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxxxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxxxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xxxxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxxxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xxxxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxxxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxxxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xxxxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xxxxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.h-10p{height: 10px;}
.h-20p{height: 20px;}
.h-30p{height: 30px;}
.h-40p{height: 40px;}
.h-50p{height: 50px;}
.h-60p{height: 60px;}
.h-70p{height: 70px;}
.h-80p{height: 80px;}
.h-90p{height: 90px;}
.h-100p{height: 100px;}
.h-150p{height: 150px;}

.w-10p{width: 10px;}
.w-20p{width: 20px;}
.w-30p{width: 30px;}
.w-40p{width: 40px;}
.w-50p{width: 50px;}
.w-60p{width: 60px;}
.w-70p{width: 70px;}
.w-80p{width: 80px;}
.w-90p{width: 90px;}
.w-100p{width: 100px;}
.w-150p{width: 150px;}