@import url("pikare.css");

@font-face {
  font-family: "Dorsa-Regular";
  src: url("fonts/Dorsa-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/Dorsa-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Dorsa-Regular.otf") format("opentype"), /* Open Type Font */
    url("fonts/Dorsa-Regular.svg") format("svg"), /* Legacy iOS */
    url("fonts/Dorsa-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Dorsa-Regular.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SamsungSharpSans";
  src: url("fonts/samsungsharpsans.eot"); /* IE9 Compat Modes */
  src: url("fonts/samsungsharpsans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/samsungsharpsans.otf") format("opentype"), /* Open Type Font */
    url("fonts/samsungsharpsans.svg") format("svg"), /* Legacy iOS */
    url("fonts/samsungsharpsans.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/samsungsharpsans.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SamsungSharpSans-B"; /* Bold*/
  src: url("fonts/samsungsharpsans-bold.eot"); /* IE9 Compat Modes */
  src: url("fonts/samsungsharpsans-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/samsungsharpsans-bold.otf") format("opentype"), /* Open Type Font */
    url("fonts/samsungsharpsans-bold.svg") format("svg"), /* Legacy iOS */
    url("fonts/samsungsharpsans-bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/samsungsharpsans-bold.woff") format("woff"), /* Modern Browsers */
    url("fonts/samsungsharpsans-bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html { scroll-behavior: smooth;  }
body {color: #FFF;width:100%; height: 100vh;}
.logo{width:350px; margin: 10vh auto;}
h1 {font-size: 17vw;font-family: 'Dorsa-Regular';}
.sol h1 {color: #c90202;}
 
nav{ margin-top: -177px; margin-left: 13vw;}
ul li { }
ul li a {font-size: 1vw;line-height: 6vh; font-family: "SamsungSharpSans"; transition: all 500ms;}
li a:hover {font-size: 1.3vw; }
.nav-kvkk {position: absolute;bottom: 150px;right: 30px;font-family: "SamsungSharpSans";}
.nav-kvkk > a {display: block;margin-bottom: 10px;font-size: 14px;}
.kvkkMetin {margin-top: 100px;color: #000;}
.kvkkMetin a, .kvkkMetin td {color: #000;}
.dropbtn { background-color: transparent;color: white; font-size: 16px;border: none;cursor: pointer; position: absolute;margin: 33px 0 0 3vw; z-index: 100;}
.dropbtn img { width: 35px; }
.divContainer { margin-top: 117px; padding: 10vh auto; }
.dropdown { position: relative; display: inline-block; width: 100%; }
.dropdown-content {display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; height: 100vh; width:100%; height: 100vh; background-color: #000; padding-top: 24vh; background-image: url(../img/bg-index.jpg); 
  width:100%; height: 100vh; background-size: cover; background-position: center center;}
.show {display: block;  animation: .5s ease-out 0s 1 bg-load; }
.gizle { animation: .5s ease-out 0s 1 bg-load2; display: none;}
.dijitalStrateji {margin-top: 15vh; height: 40px; text-align: center; position: relative; bottom: 0; left: 50%; transform: translate(-50%, 0);padding-bottom: 10px; font-size: 13px; }

*::-webkit-scrollbar { width: 3px; background-color: #eee; }
/**::-webkit-scrollbar-button:vertical:increment { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px -15px; }
*::-webkit-scrollbar-button:vertical:decrement { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px 0px; }*/
*::-webkit-scrollbar-track { background-color: #ccc; width:1px; border:1px solid #fff; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-thumb { background-color: #000; }
.pikare { color: #363636; font-size: 11px; float: inherit !important; }     /* padding: 15px 0px;  */
.pikare a { display: inline-block !important; }
.pikare img { margin-right: 5px !important; }
.ds { display: table; float: left; width: 100% !important; color: #2fac68 !important; font-size: 14px !important; }
.ds a {margin: auto; display: table; border-bottom: 0px !important; line-height: 199% !important; font-size: 100% !important; color: #2fac68 !important;  }
.ds a:before { content: "•••"; display: block; float: left; margin-right: 5px; color: #2fac68; font-size: 300%; line-height:65%; }
.ds a img { width: 0px; float: left; height: 30px; margin-top: 2px !important; margin-right: 0px !important; transition: width .3s; }
.ds:hover #ds { width: 125px; margin-right: 5px !important; transition: width .5s; }


@media (max-width:1000px) {
	.logo { width: 180px; }
	nav{ margin-top: -80px; }
	ul li a { font-size: 2vw; line-height: 4vh; }
  li a:hover {font-size: 2.3vw; }
  .nav-kvkk {bottom: 200px;}
  .nav-kvkk > a {font-size: 2vw;}
}

@media (max-width:768px) { 
	h1 {font-size: 26vw; }
	nav{ margin-left: 20vw;}
  .dropdown-content { padding-top: 15vh; }
}

@media (max-width:414px) { 
	ul li a { font-size: 2.5vw; line-height: 4vh; }
  li a:hover {font-size: 2.8vw; }
}

@keyframes bg-load { 
  0% { transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0); }
}


@keyframes bg-load2 { 
  0% { opacity: 1; transform: translateY(0); }
  100% { transform: translateY(-100%); }
}





/* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {
  margin: 10px auto 0 auto;
  border: 2px solid #fff;
  border-radius: 16px;
  height: 70px;
  width: 34px;
  display: block;
  z-index: 10;
  opacity: 0.7;
  background: url(../img/mouse.png) no-repeat no-repeat 4.5px 40px;
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
          animation-name: drop;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #fff;
  width: 2px;
  height: 6px;
  top: 4px;
  margin-left: auto;
  margin-right: auto;
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}