.marka_promo{
	background: rgb(7,13,53);
  background: -moz-linear-gradient(0deg, rgba(7,13,53,1) 0%, rgba(43,9,64,1) 85%);
  background: -webkit-linear-gradient(0deg, rgba(7,13,53,1) 0%, rgba(43,9,64,1) 85%);
  background: linear-gradient(0deg, rgba(7,13,53,1) 0%, rgba(43,9,64,1) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#070d35",endColorstr="#2b0940",GradientType=1);
  width: 100%;
	float: left;
	position: relative;
	z-index: 0;
  height: 800px;
}
.marka-promo-content{
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.video-testimonials-row{
  align-items: flex-start;
}
.slick-next{
  background: url(../img/arrow_right.svg);
  top: 266px;
}
.slick-prev{
  background: url(../img/arrow_right.svg);
  top: 266px;
}
.marka-page-icon{
	width: 48px;
	height: 48px;
    display: inline-flex;
    -webkit-border-radius: 24px;
    margin:60px auto 0 auto;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1),0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    background: rgb(239,244,248);
	background: linear-gradient(0deg, rgba(239,244,248,1) 0%, rgba(255,255,255,1) 100%);
}

.marka-page-title{
  color:#fff;
  font-weight: 500;
  margin-top:20px;
}
.marka-page-icon img{
	margin:0 auto;
	transition: all 0.2s;
}

.marka-teknolojiler{
  background: rgb(44,59,88);
  background: -moz-linear-gradient(0deg, rgba(44,59,88,1) 0%, rgba(17,19,22,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(44,59,88,1) 0%, rgba(17,19,22,1) 100%);
  background: linear-gradient(0deg, rgba(44,59,88,1) 0%, rgba(17,19,22,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c3b58",endColorstr="#111316",GradientType=1);
}

.marka-teknoloji-icon {
    vertical-align: middle;
    display: inline-flex;
    float: left;
    width: 72px;
    height: 72px;
    background: #667391;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin-bottom: 20px;
    transition: all 0.2s;
}
.marka-teknoloji-icon img{
  margin:0 auto;
  transition: all 0.2s;
}

.marka-teknolojiler-row a{
  display: flex;
  flex-direction: column;
  align-items: center;
  color:#fff;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Rubik',sans-serif;
  font-size: 16px;
  margin-bottom: 80px;
}

.marka-teknolojiler-row a:hover > .marka-teknoloji-icon{
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.marka-teknolojiler-row a:hover > .marka-teknoloji-icon img{
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -o-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

.yet{background: rgb(0,136,255);background: linear-gradient(315deg, rgba(0,136,255,1) 0%, rgba(18,190,217,1) 100%);}
.fyt{background: rgb(181,95,239);background: linear-gradient(315deg, rgba(181,95,239,1) 0%, rgba(255,108,100,1) 100%);}
.wp{background: rgb(108,85,231);background: linear-gradient(315deg, rgba(108,85,231,1) 0%, rgba(181,95,239,1) 100%);}
.api{background: rgb(37,199,162);background: linear-gradient(315deg, rgba(37,199,162,1) 0%, rgba(138,220,50,1) 100%);}
.mob{background: rgb(69,76,242);background: linear-gradient(315deg, rgba(69,76,242,1) 0%, rgba(69,170,242,1) 100%);}
.edt{background: rgb(255,163,101);background: linear-gradient(315deg, rgba(255,163,101,1) 0%, rgba(255,220,80,1) 100%);}
.limg{background: rgb(159,4,108);background: linear-gradient(315deg, rgba(159,4,108,1) 0%, rgba(245,81,95,1) 100%);}
.tsoft{background: rgb(255,108,100);background: linear-gradient(315deg, rgba(255,108,100,1) 0%, rgba(255,163,101,1) 100%);}

.marka-logos{
  position: absolute;
  background: url('../img/marka/back.svg') no-repeat;
  width: 1170px;
  height: 1170px;
  top: -420px;
  z-index: -1;
}
.first-line{
  width: 896px;
  height: 896px;
  margin: 136px auto 0 auto;
}
.second-line{
  width: 1036px;
  height: 1036px;
  margin: -966px auto 0 auto;
}
.third-line{
  width: 1172px;
  height: 1172px;
  margin: -1102px auto 0 auto;
}
.first-line,.second-line,.third-line{
  position: relative;
}
.marka-logos img{
  width: 64px;
  position: absolute;
}
.marka-l{
  position: relative;
}
.first-line-1 {
    top: 83px;
    left: 116px;
}
.first-line-2 {
    left: 752px;
    top: 708px;
}
.first-line-3 {
    top: 719px;
    left: 84px;
}
.first-line-4 {
    left: 832px;
    top: 258px;
}
.second-line-1 {
    top: 85px;
    left: 815px;
}
.second-line-2 {
    top: 315px;
    left: 0px;
}
.second-line-3 {
    left: 316px;
    top: 972px;
}
.third-line-1 {
  left: 1103px;
  top:745px;
}
.third-line-2 {
  left: 763px;
  top:8px;
}
.third-line-3 {
  left: 232px;
  top:64px;
}
.third-line-4 {
  left: 4px;
  top:757px;
}
.third-line-5 {
  left: 739px;
  top:1106px;
}

@-webkit-keyframes marka-rotating-first {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes marka-rotating-first {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.marka-rotating-first {
  -webkit-animation: marka-rotating-first 60s linear infinite;
  -moz-animation: marka-rotating-first 60s linear infinite;
  -ms-animation: marka-rotating-first 60s linear infinite;
  -o-animation: marka-rotating-first 60s linear infinite;
  animation: marka-rotating-first 60s linear infinite;
}
@-webkit-keyframes marka-rotating-second {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes marka-rotating-second {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.marka-rotating-second {
  -webkit-animation: marka-rotating-second 90s linear infinite;
  -moz-animation: marka-rotating-second 90s linear infinite;
  -ms-animation: marka-rotating-second 90s linear infinite;
  -o-animation: marka-rotating-second 90s linear infinite;
  animation: marka-rotating-second 90s linear infinite;
}

@-webkit-keyframes marka-rotating-third {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes marka-rotating-third {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.marka-rotating-third {
  -webkit-animation: marka-rotating-third 120s linear infinite;
  -moz-animation: marka-rotating-third 120s linear infinite;
  -ms-animation: marka-rotating-third 120s linear infinite;
  -o-animation: marka-rotating-third 120s linear infinite;
  animation: marka-rotating-third 120s linear infinite;
}

@-webkit-keyframes marka-rotating-logos {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes marka-rotating-logos {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.marka-rotating-logos {
  -webkit-animation: marka-rotating-logos 60s linear infinite;
  -moz-animation: marka-rotating-logos 60s linear infinite;
  -ms-animation: marka-rotating-logos 60s linear infinite;
  -o-animation: marka-rotating-logos 60s linear infinite;
  animation: marka-rotating-logos 60s linear infinite;
}


@-webkit-keyframes marka-rotating-logos-second {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes marka-rotating-logos-second {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.marka-rotating-logos-second {
  -webkit-animation: marka-rotating-logos-second 90s linear infinite;
  -moz-animation: marka-rotating-logos-second 90s linear infinite;
  -ms-animation: marka-rotating-logos-second 90s linear infinite;
  -o-animation: marka-rotating-logos-second 90s linear infinite;
  animation: marka-rotating-logos-second 90s linear infinite;
}


@-webkit-keyframes marka-rotating-logos-third {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes marka-rotating-logos-third {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.marka-rotating-logos-third {
  -webkit-animation: marka-rotating-logos-third 120s linear infinite;
  -moz-animation: marka-rotating-logos-third 120s linear infinite;
  -ms-animation: marka-rotating-logos-third 120s linear infinite;
  -o-animation: marka-rotating-logos-third 120s linear infinite;
  animation: marka-rotating-logos-third 120s linear infinite;
}

.marka-all-urunler{
  margin-top:-1px;
  background: rgb(7,13,53);
  background: -moz-linear-gradient(0deg, rgba(7,13,53,1) 0%, rgba(35,10,64,1) 85%);
  background: -webkit-linear-gradient(0deg, rgba(7,13,53,1) 0%, rgba(35,10,64,1) 85%);
  background: linear-gradient(0deg, rgba(7,13,53,1) 0%, rgba(35,10,64,1) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#070d35",endColorstr="#230a40",GradientType=1);
}

.marka-urunler-icon{
  width: 48px;
  height: 48px;
  display: flex;
  -webkit-border-radius: 24px;
  margin:0 auto 20px auto;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #fff;
}
.marka-urunler-icon img{
  margin:0 auto;
  width: 24px;
}
.marka-urunler-iu{
  border-right-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-image: linear-gradient(0deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100% );
  border-image-slice: 1;
  padding: 50px 0 50px 0;
}
.marka-urunler-topiko{
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-image: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100% );
  border-image-slice: 1;
  margin-bottom: -1px;
  padding: 50px 0;
}
.marka-urunler-ceviri{
  border-top-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100% );
  border-image-slice: 1;
  margin-left: -1px;
  padding: 50px 0;
}
.marka-urunler-kopru{
  border-left-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100% );
  border-image-slice: 1;
  padding: 50px 0;
}

.marka-self{
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 30px;
  background: rgb(181,95,239);
  background: -moz-linear-gradient(315deg, rgba(181,95,239,1) 0%, rgba(255,108,100,1) 100%);
  background: -webkit-linear-gradient(315deg, rgba(181,95,239,1) 0%, rgba(255,108,100,1) 100%);
  background: linear-gradient(315deg, rgba(181,95,239,1) 0%, rgba(255,108,100,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b55fef",endColorstr="#ff6c64",GradientType=1);
}
.marka-self h2{
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.marka-self-icon {
    display: inline-block;
}
.marka-self-image{
  position: absolute;
  bottom: calc(100% - 102px);
  left: calc(50% - 520px);
}
.marka-guru{
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.marka-guru img{
  position: relative;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.marka-guru h2{
  position: absolute;
  text-align: center;
  width: 100%;
  top: 5%;
}
.marka-guru p{
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 0 15px;
  bottom: 5%;
}

@media (max-width : 768px) {
  .video-testimonials-row{
    margin:0;
  }
  .embed-video{
    height: 190px !important;
  }
}