@charset "utf-8";
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  60% {
    opacity: .4;
  }
}

.hbas {display:none}
.hbas,hbasf {font-family: 'Stardos Stencil', cursive;}
.hbas span {color:#ffbf00}
.hbasf {font-size:1.3em;color:#fff;padding-top:50px;width:75%;margin:0 auto;text-align:center}
.hbasf span {color:#ffbf00}
.ustb {padding-left:15px}
.ustdvm {opacity:.75}
.ustdvm span {font-size:13px !important}

section {margin-top:50px !important;margin-bottom:50px !important}
main {margin-top:0 !important;padding:0 !important;margin:0 auto;   background-color: transparent;
    background-image: 
    linear-gradient(0deg, transparent 7%, 
            rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .2) 12%, transparent 13%, transparent 29%, 
            rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, .1) 31%, transparent 32%, transparent 49%, 
            rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 51%, transparent 52%, transparent 69%, 
            rgba(255, 255, 255, .1) 70%, rgba(255, 255, 255, .1) 71%, transparent 72%, transparent 89%,
            rgba(255, 255, 255, .1) 90%, rgba(255, 255, 255, .1) 91%, transparent 92%, transparent),
    linear-gradient(90deg, transparent 7%, 
            rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .2) 12%, transparent 13%, transparent 29%, 
            rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, .1) 31%, transparent 32%, transparent 49%, 
            rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 51%, transparent 52%, transparent 69%, 
            rgba(255, 255, 255, .1) 70%, rgba(255, 255, 255, .1) 71%, transparent 72%, transparent 89%,
            rgba(255, 255, 255, .1) 90%, rgba(255, 255, 255, .1) 91%, transparent 92%, transparent);
    
    height:100%;
  background-size:50px 50px;}
.container {margin-top:0 !important;height:auto}
#demos {margin-bottom:10 !important}
.card-body {min-height:300px !important;padding:5px !important;background-color:none !important}
.card {background-color:none !important}
#loader {
            border: 12px solid #f3f3f3;
            border-radius: 50%;
            border-top: 12px solid #444444;
            width: 70px;
            height: 70px;
            animation: spin 1s linear infinite;
        }
          
        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }
          
        .center {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }	

  .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
.container {
  padding: 30px 15px 20px 20px;
}
	.container img {max-width: 100%}
	.container iframe  {max-width: 100% !important}
footer {padding:50px:margin-top:50px;position:relative;}

footer::after {

content: "";

background: url(../../image/bg2.jpg?v=909) no-repeat top center;
background-size:cover;
opacity:.31;

top: 0;

left: 0;

bottom: 0;

right: 0;

position: absolute;

z-index: -1;

}



footer #fmain {min-height:400px;padding:50px}
footer .fmainc {height:100px;border-top:.3px solid #444;padding-top:40px;}
footer .fmainc >div {color:#333}
.ssy i{
font-size:1.3em;padding-right:8px
}
	
code {
  font-size: 80%;
}
	footer h4 {padding-bottom: 10px}
	.collapse i {font-size: 2rem; color:darkblue;margin-left:5px;}
.navbar-brand{font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif" !important; font-size:26px !important; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;color:#fff !important}
.navbar-brand > span{color:#CCc !important}
.navbar-brand:hover{opacity:0.75 !important}
.navbar-nav li {padding:5px !important}
	.sosyalp a {color:#fff !important;font-size: 2em; display: inline-block;margin: 0.3em}
	.sosyalp {text-align: center}
	.navbar-nav li a {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;color:#fff !important}
	.nav-link {color:#fff !important}
	
	header {position: relative;min-height:250px;}
	
	
	
	a:link {
    color: #082857;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #083678;
}
a:active {
    text-decoration: none;
    color: #000000;
}
	.kstyle {min-width:150px;max-width:180px;background-color:rgb(0,163,225,.7)}
 .tagkg {width:auto;padding:5px; margin:2px;height:auto; text-wrap:none; display:inline-block}
 
 .taget {width:auto;padding:2px; margin:2px; display:inline-block;height:auto; text-wrap:none;}
 .tagkt {width:auto;padding:3px; padding-top:4px; margin:2px; ; display:inline-block;height:auto;text-wrap:none;}
.tagkt a {color: #744}
	#mainp {min-height: 400px}
	.detay-h1 {font-size:2em; font-weight: 500;}
 
body {   background-color:#0000;
   background-image:linear-gradient(#ccc, #fff);}
	a:link {
    color: #555;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #555;
}
a:hover {
    text-decoration: none;
    color: #555;
}
a:active {
    text-decoration: none;
    color: #555;
}
		  
		  header {height: auto !important}
		  footer .colmc {margin-bottom: 30px !important}
		  .colmc a {font-weight:normal !important;color:#BEBEBE !important;}
		    .colmc  {font-weight:normal !important;color:#BEBEBE !important;}
		  .list-group-item {background:none;}
		
.hero-image {
 height: 650px;
 background-position:center;
  background-size:cover;
background: url(../../image/bg1.jpg?v=121) no-repeat;
width:100%;

}
.hero-imagei {
 height: 650px;
 background-size:100% 100%;
background: url(../../image/map2.jpg?v=77779)no-repeat center;
  background-size:cover;
}
.hero-images {
 height: 650px;
 background-size:100% 100%;
background: url(../../image/sss.jpg)no-repeat center;
  background-size:cover;
}
.hero-imagetag {
 height: 650px;
 background-size:100% 100%;
background: url(../../image/tags.jpg)no-repeat center;
  background-size:cover;
}
.hero-imageg {
 height: 650px;
 background-size:100% 100%;
background: url(../../image/gale2.jpg?v=333g)no-repeat center;
  background-size:cover;
}
.hero-imaget {
 height: 650px;
 background-size:100% 100%;
background: url(../../image/hizmet.jpg)no-repeat center;
  background-size:cover;
}		  
.separator {
	font-size:1.7em !important;font-weight:500;
  display: flex;
  align-items: center;
  text-align: center;
}
.card-title {font-size:1.2em}
.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px inset #000;
}

.separator:not(:empty)::before {
  margin-right:1em;
}

.separator:not(:empty)::after {
  margin-left: 1em;
}		  
		  #ustksm i{font-size: 1.5em;padding: 13px}
		  .card img {height:180px; }
		  section {margin-top:50px;margin-bottom: 100px}
		  body {margin: 0;padding: 0}	
		 #csld .card {max-width: 350px !important;min-height: 450px;}
		  
.module {
  position: relative;
}
.module::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url(../../image/bg1.jpg);filter:grayscale(80%) brightness(40%); 
  background:cover no-repeat;
}
.module-inside {
  /* This will make it stack on top of the ::before */
  position: relative;
}
.cemdiv {width: 150px;height: 150px; background: linear-gradient(white, pink);;border-radius:75px; text-align: center;border:1px solid #ccc;margin: 0 auto;padding: 4px;font-size:1.7em}	  
		  #demos .card {min-height: 260px} 
		  .separator span {margin-bottom: 50px;font-family:'Berkshire Swash'}
		    .input-group {border: 1px solid #ccc}
		  .input-group button {border: none; background-color: white}
		  .input-group input {border:none}
 .dimg {height: 250px}
 .card-body {min-height: 160px; text-align:justify;position:relative}
 .card-body .btn {position:absolute;bottom:0;right:0}
 .fbas{font-size:1.2em;font-weight:600; margin:10px;}
 .linkb li {margin-bottom:5px}
 .card img {max-width:200px;}
 .card h2 {font-size:1.1em;}
 .colres img {max-width:250px; height:auto;margin-bottom:15px}
 .card {margin-bottom:30px;}
 .hakk-a  a{margin:10px;}
 .custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
  font-weight:bold;
} 
@media only screen and (max-width: 760px) {
  .ustdvm{ display: none;}
  .hero-image {height:350px;background-size:100% 100%  }
  .hero-imagei {height:350px;background-size:100% 100%  }
   .hero-images {height:350px;background-size:100% 100%  }
     .hero-imagetag {height:350px;background-size:100% 100%  }
   .hero-imageg {height:350px;background-size:100% 100%  }
  .hero-imaget {height:350px;background-size:100% 100%  } 
 .hbas small { display: none;}
}

.ftrustu {padding:50px:margin-top:10px;position:relative;width:100%;height:350px;}

.ftrustu::after {

content: "";

background: url(../../image/ticarii.jpg?v=77) no-repeat center;
background-size:cover;
opacity:.9;
 filter:contrast(150%) brightness(12%);
top: 0;

left: 0;

bottom: 0;

right: 0;

position: absolute;

z-index: -1;

}
.rust {max-width:350px;position:relative;border-radius:10px; background-size: cover;
background-blend-mode: saturation;}
.rustyz {position:absolute;width: auto;height: auto;background-color: burlywood;padding:4px;opacity: .8;border-radius: 4px;font-weight: bold}
.imggals {width:98%;height:98%;margin:1%;}