@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/*
@font-face {font-family: gilroy;src: url("font/Gilroy-FREE/Gilroy-Light.otf");}*/
@font-face {font-family: gilroybold;src: url("font/Gilroy-FREE/Gilroy-ExtraBold.otf");}

:root {
	--site-renk1:#3ABEFF;
	--site-renk2:#1E3A8A;
}

* {padding: 0px ;margin: 0px ;box-sizing: border-box;}
body {
	background-color: #151515;
	padding: 0px!important ;margin: 0px!important ;
	font-family:Roboto!important;
	letter-spacing: 1px;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed; 
	/*background-image: url('../resim/bbb.jpg'); */
}

::selection {background-color: var(--site-renk1);color: #fff}

a:hover {text-decoration: none;color: var(--site-renk1)}
div {/*transition: 500ms;*/word-wrap: break-word;}
hr {border:1px solid #555;margin-top:5px;margin-bottom:5px;}

/* MARGİN MARGİN */
.m0 {margin:0px} .m1 {margin:1px} .m2 {margin:2px} .m4 {margin:4px} .m6 {margin:6px} .m3 {margin:3px}.m5 {margin:5px;}.m7 {margin:7px} .m8 {margin:8px} 
.m9 {margin:9px} .m10 {margin:10px;}.m15 {margin:15px;}.m20 {margin:20px;}.m25 {margin:25px;}.m30 {margin:30px;}.m40 {margin:40px;}
.mt0 {margin-top:0px;}.mt1 {margin-top:1px;}.mt2 {margin-top:2px;}.mt3 {margin-top:3px;}.mt4 {margin-top:4px;}.mt5 {margin-top:5px}.mt6 {margin-top:6px}
.mt7 {margin-top:7px}.mt8 {margin-top:8px}.mt9 {margin-top:9px}.mt10 {margin-top:10px}.mt15 {margin-top:15px}.mt20 {margin-top:20px;}.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}.mt50 {margin-top:50px;}
.mb0{margin-bottom:0px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15 {margin-bottom: 15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}
.mb40 {margin-bottom:40px;}.mb50 {margin-bottom:50px;}.mb80 {margin-bottom:80px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}
.ml5{margin-left:5px;} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .ml20{margin-left:20px;} 
@media(min-width:600px) {.mr10-md {margin-right:10px;}}
/* MARGİN MARGİN */


/* PADDİNG PADDİNG */
.p0 {padding:0px;}.p1 {padding:1px;}.p2 {padding:2px;}.p3 {padding:3px;}.p4 {padding:4px;}.p5 {padding:5px;} 
.p6 {padding:6px;} .p7 {padding:7px;} .p8 {padding:8px;} .p9 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;}.p20 {padding:20px;}
.p30{padding:30px;}.p40{padding:40px;} .p50{padding:50px;}
.pt0{padding-top:0px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;}
.pb0{padding-bottom:0px;} .pb5{padding-bottom:5px;} .pb10{padding-bottom:10px;} .pb15{padding-bottom:15px;} .pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}
.pr0 {padding-right:0px;} .pr5{padding-right:5px;} .pr10{padding-right:10px;}.pr15{padding-right:15px;} .pr20{padding-right:20px;}
.pl0{padding-left:0px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}
.pl30 {padding-left: 30px}.pl40 {padding-left:40px;}
.pr40 {padding-right: 40px;}		
/* PADDİNG PADDİNG */

/*posisiton*/
.t0 {top:0px;} .t10 {top:10px;} .l0 {left:0px;} .l10 {left:10px;} .l20 {left:20px;}.b0 {bottom:0px;}.b10 {bottom:10px;}
.posrel{position: relative;}
.posabs{position: absolute;}
/* positions*/

/*width height*/
.h70 {height:70px;}
.w100y {width:100%;}
.w90y {width:90%;}
.w80y {width:80%;}
.w70y {width:70%;}
/*width height*/


/*float*/
.float-left {float:left;}
.float-right {float:right;}
.c-both {clear:both;}
/*float*/

/* colors */
.beyaz {color:#fff;}
.turuncu {color: #fda12a;}
.yesil {color:#18cb5a;}
.yesil2 {color:#528b8b;}
.kirmizi {color:#dc3545;}
.mavi {color:#4682b4;}
.mavi2 {color:#68acce;}
.text-turuncu {color: #fda12a;}
.text-turuncu2 {color: #daa520;} 
.text-222 {color: #222;}
.text-555 {color: #555;}
.text-888 {color: #888;} 
.text-999{color: #999;}
.text-aaa {color:#aaa;}
.text-bbb {color:#bbb;}
.text-ccc {color:#ccc;}
.text-ddd {color:#ddd;}
.text-eee {color:#eee;}
.text-fff {color:#fff;}
.text-bordo {color:#993333;}
.text-nepal {color:var(--site-renk1);}
.text-nepal2 {color:var(--site-renk2);}
/* colors */

/* bg colors */
.bg-success {background-color: #28a745;}
.bg-info {background-color: #17a2b8;}
.bg-warning {background-color: #fda12a;}
.bg-danger {background-color: #dc3545;}
.bg-gri {background-color: #eee;}
.bg-bordo {background-color: #993333;}
.bg-dark {background-color: #343a40;}
.bg-dark2 {background-color: #3f5261;}
.bgeee {background-color: #eee;}
.bg-white {background-color: #fff;}
.bg-mavi {background-color: #4682b4;}
.bg-yesil {background-color: #528b8b;}
.bg-orange {color:#ddd!important;background-color: #705025!important;}
.bg-red {color:#ddd!important;background-color: /*#753434*/#933!important;}
.bg-green {color:#ddd!important;background-color: rgba(35,84,35,0.5)!important;}
.bg-blue {color:#ddd!important;background-color: #2c4c63!important;}
.bg-blue2 {color:#ddd!important;background-color: #3d5b64!important;}
.bg-kirmizi {background-color: #f00;}
.bg-nepal {background-color: var(--site-renk1);}
.bg-black {background-color: #000;}
.bg1d1d {background-color: #1d1d1d;}
.bg2020 {background-color: #202020;}
.bg2d2d {background-color: #2d2d2d;}
.bg3030 {background-color: #303030;}
.bg3d3d {background-color: #3d3d3d;}
.bg3535 {background-color: #353535;}
.bg3636 {background-color: #363636;}
.bg3737 {background-color: #373737;}
.bg3838 {background-color: #383838;}
.bg3939 {background-color: #393939;}
.bg3c3c {background-color: #3c3c3c;}
.bg4040 {background-color: #404040;}
.bg5050 {background-color: #505050;}

.bg0505  {background-color: #050505}
.bg0a0a  {background-color: #0a0a0a}
.bg1010  {background-color: #101010}
.bg1515  {background-color: #151515}
.bg1a1a  {background-color: #1a1a1a}
.bg1d1d  {background-color: #1d1d1d}
.bg2020  {background-color: #202020}
.bg2525  {background-color: #252525}
.bg2a2a  {background-color: #2a2a2a}
.bg2d2d  {background-color: #2d2d2d}
.bg3030  {background-color: #303030}
.bg3535  {background-color: #353535}
.bg3a3a  {background-color: #3a3a3a}
.bg3d3d  {background-color: #3d3d3d}
.bg4040  {background-color: #404040}
.bg4545  {background-color: #454545}
.bg4a4a  {background-color: #4a4a4a}
.bg4d4d  {background-color: #4d4d4d}
/* bg colors */



/*borders*/
.bordernone{border:none;}
.border000{border:1px solid #000;}
.border111 {border: 1px solid #111;}
.border222 {border: 1px solid #222;}
.border3030{border:1px solid #353535;}
.border3535{border:1px solid #353535;}
.border3c3c{border:1px solid #3c3c3c;}
.border444{border:1px solid #444;}
.borderturuncu{border:1px solid #fda12a;}
/*borders*/


.ls0 {letter-spacing: 0px;}
.ls1 {letter-spacing: 1px;}
.ls2 {letter-spacing: 2px;}

/*font-size*/
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs25 {font-size:25px;}
.fs30 {font-size:30px;}
.text06rem {font-size:0.6rem;}
.text07rem {font-size:0.7rem;}
.text08rem {font-size:0.8rem;}
.text09rem {font-size:0.9rem;}
.text1rem {font-size:1rem;}
.text11rem {font-size:1.1rem;}
.text12rem {font-size:1.2rem;}
.text14rem {font-size:1.4rem;}
.text13rem {font-size:1.3rem;}
.text15rem {font-size:1.5rem;}
.text16rem {font-size:1.6rem;}
.text17rem {font-size:1.7rem;}
.text18rem {font-size:1.8rem;}
.text19rem {font-size:1.9rem;}
.text2rem {font-size:2rem;}
.text3rem {font-size:3rem;}
/*font-size*/


/* butons */
.btn-siyah {background-color: #000;border:none;color:#ddd;padding: 9px 15px;}
.btn-siyah:hover {background-color: var(--site-renk1);color:#fff;}
.btn-siyah:focus {background-color: #111;color:#68acce;}

.btn-nepal {background-color: var(--site-renk2);border:none;color:#fff; }
.btn-nepal:hover {background-color: var(--site-renk1);color:#fff;box-shadow: 0px 0px 3px #000}
.btn-nepal:focus {background-color: darkblue;color:#fff;}

.btn-dark {color: #ccc;background-color: #343a40;border-color: #333;}
.btn-dark:focus,.btn-dark.focus {color: #68acce;background-color: #222;border-color: #555;}
.btn-dark:hover {color: #68acce;background-color: #222;border-color: #333;}

.btn-dark2 {color: #ccc;background-color: #1e1e1e;border-color: #333;}
.btn-dark2:focus,.btn-dark2.focus {color: #fda12a;background-color: #222;border-color: #555;}
.btn-dark2:hover {color: #68acce;background-color: #111;border-color: #333;}

.btn-group ul {background-color:#2d2d2d;}
.btn-group ul li a {color:#ddd;}
.btn-group ul li:hover a {background-color:#303030;color:#fda12a;}
/* butons */

/*font-family*/
.fontgilroybold {font-family:gilroybold;letter-spacing: 1px;}
.fontgilroy {font-family:gilroy;letter-spacing: 1px;}
/*font-family*/

/*box*/
.text-shadow {text-shadow:1px 1px 5px #000;}
.box-shadow {box-shadow:0px 0px 5px #000;}
.o-hidden {overflow: hidden;}
.bradius5 {border-radius: 5px}
.c-pointer {cursor:pointer;}
/*box*/

/*display*/
.dis-none{display: none;}
.dis-flex {display: flex}
.flex-1 {flex:1;}
.justify-center {justify-content: center;}
.align-center {align-items: : center;}
/*display*/



.mini {color:#aaa;font-size: 1.1rem;}


/*scroll*/ 
::-webkit-scrollbar {
	width: 5px;
	background-color:rgba(0,0,0,1);
}
::-webkit-scrollbar-track {
	width: 3px; 
	background-color:#000; 
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(51,51,51,0.5)
}
::-webkit-scrollbar-thumb {
	background-color:rgb(255,255,255,.5);    
	border-radius: 5px
	/*-webkit-box-shadow: inset 0 0 6px rgba(192,48,48,1);*/
}

::-webkit-scrollbar-thumb:hover {
	background-color:rgb(192,48,48,0.5);    
	/*-webkit-box-shadow: inset 0 0 6px rgba(192,48,48,1);*/
}
/*scroll*/


/* table */
.table-responsive::-webkit-scrollbar {height: 5px;background-color:rgba(0,0,0,0.2);}
.table tbody tr td,.table tr th {vertical-align:middle;}
.table th , .table td {padding:0px;}
.table-bordered td , .table-bordered th {border:1px solid #111!important;}
/* table */


/* MODAL  
.modal-dialog .modal-content {background-color: #fff;}
.modal-dialog .modal-content .modal-title {
	background-color: #343a40;
	padding:1rem;
	margin-bottom: 0px;
	color:#fda12a;
}
.modal-title {background-color: #4682b4!important;font-size: 1.6rem}
.modal input ,.modal select,.modal textarea{width:100%;padding:7px;border:1px solid #1a1a1a;font-family: gilroy;letter-spacing: 1px;color: #999;font-size:13px;background-color: #101010!important;border-radius:8px;}
.modal select:disabled {background-color: #303030!important;color: #aaa}
.modal h6 {color: #68acce;font-size:1.2rem;}
.modal .table thead th {background-color: #252525}
/* MODAL */	




/*forms*/
form textarea {background-color: #2d2d2d;padding:5px;border:1px solid #444;width:100%;}
input{background-color: #2d2d2d;color:#eee;width:100%;border:1px solid #444;padding:10px;}
select,.form-select,textarea{width:100%;padding:7px;border:1px solid #111;font-family:roboto;letter-spacing: 1px;color: #ccc;font-size:1rem;background-color: #111}
/*forms*/


/*select2*/
.select2-search--dropdown{background-color: #f00;}
.select2-search__field{background-color: #f00;color: #aaa;}
.select2-search ul li {color:#f00;}
.select2-search { background-color: #111; }
.select2-search input { background-color: #111;color:#eee; }
.select2-results {background-color:#111;color:#ddd;border:1px solid #222; }
.select2-container--open .select2-dropdown--below{border:5px solid #000;}
.select2-selection__rendered {color:#aaa!important;font-size: 1rem!important;padding: 0px!important;margin-top: 0px!important}
.select2-results {background-color:#111;color:#ddd;border:1px solid #222;font-size: 1rem!important;}
/*select2*/


/*effects*/
.hover-scale {transition: 500ms}
.hover-scale:hover {transform: scale(1.5)}
.opa-5 {transition:500ms;opacity: 0.5}
.opa-7 {transition:500ms;opacity: 0.7}
.opa-5:hover,.opa-7:hover {opacity: 1}
/*effects*/

/*layout*/
.row {margin: 0px -10px;}
.navbar-container {position: sticky-top;}
/*layout*/



/*flex*/
.d-flex {display: flex;}
.jus-center { justify-content:center; }
.align-center { align-items:center; }
.align-con-center { align-items:center; }

.jus-between { justify-content:space-between; }
.jus-around { justify-content:space-around; }
.flex-col {flex-direction: column}
.flex-wrap {flex-wrap: wrap}

/*ALERT */
 

/*modal*/
.modal-content {
	background-color: #222;
	border:none!important;
	padding: 0
}
.modal-title {
	text-align: center;
	font-family: gilroybold;
	background-color:var(--site-renk1)!important;
	padding: 1rem
}