@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,400,700");
@import url("https://fonts.googleapis.com/css?family=Josefin+Slab:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
.clear {
  clear: both; }

body, html {
  overflow-x: hidden; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: Chunkfive;
  src: url(../../content/fonts/Chunkfive.otf); }
@media screen and (min-width: 769px) and (max-width: 1025px) {
  #biz-kimiz h4 {
    width: 90% !important; }
  #biz-kimiz p {
    width: 90% !important;
    font-size: 18px !important; }
  #biz-kimiz #roket2 {
    width: 230px !important; }

  #ne-yapariz p {
    width: 85% !important; } }
@media screen and (max-width: 768px) {
  nav .left-nav a:after {
    display: none !important; }
  nav .left-nav a img {
    height: auto !important;
    width: 40% !important;
    transform: translateY(15px); }
  nav .right-nav ul li:not(:last-child) {
    display: none !important; }
  nav .right-nav ul li:last-child {
    transform: translateX(10px);
    height: 30px !important;
    line-height: 30px !important; }
    nav .right-nav ul li:last-child:after {
      background-size: contain !important;
      top: 5px !important;
      left: -6px !important;
      width: 35px !important;
      height: 87% !important; }

  #start-section {
    height: calc(100vh - 50px) !important;
    height: -webkit-calc(100vh - 50px) !important; }
    #start-section .socials {
      display: none !important; }
    #start-section #start-facebook {
      top: 10% !important;
      left: 40px !important;
      width: 150px !important;
      opacity: .2 !important; }
    #start-section #start-twitter {
      top: auto !important;
      left: 0px !important;
      width: 100px !important;
      bottom: 10%;
      opacity: .2 !important; }
    #start-section #start-instagram {
      top: auto !important;
      right: 25px !important;
      width: 80px !important;
      bottom: 20% !important;
      opacity: .2 !important; }
    #start-section #start-google {
      top: auto !important;
      right: 23% !important;
      width: 200px !important;
      bottom: 5% !important;
      opacity: .2 !important; }
    #start-section #start-kalp {
      top: 12% !important;
      right: 5% !important;
      width: 100px !important;
      opacity: .3 !important; }
    #start-section #start-like {
      top: 40% !important;
      left: 10px !important;
      width: 80px !important;
      opacity: .2 !important; }
    #start-section #start-isletme {
      width: 80% !important; }

  #biz-kimiz h4 {
    font-size: 24px !important;
    line-height: 34px !important;
    width: 100% !important;
    text-align: center; }
  #biz-kimiz #roket2 {
    display: none !important; }
  #biz-kimiz p {
    font-size: 17px !important;
    width: 95% !important;
    line-height: 25px !important;
    text-align: center; }
    #biz-kimiz p b span {
      display: none !important; }
  #biz-kimiz #masa2 {
    width: 100% !important; }

  #section-3 {
    padding: 70px 0 50px !important; }
    #section-3 p {
      line-height: 60px; }
    #section-3 .analiz-teklif {
      width: 100% !important;
      padding: 15px 0px !important;
      font-size: 13px; }

  #ne-yapariz {
    padding: 50px 0 !important; }
    #ne-yapariz #hash {
      display: none !important; }
    #ne-yapariz p {
      width: 95% !important; }
      #ne-yapariz p span {
        display: block; }
        #ne-yapariz p span b {
          display: none !important; }
    #ne-yapariz ul {
      width: 95% !important;
      margin: 20px auto !important; }
      #ne-yapariz ul li {
        transform: translateX(0px) !important;
        margin: 0 !important;
        padding: 35px 0 !important;
        border-bottom: 1px solid #eaeaea; }
        #ne-yapariz ul li img {
          left: 50%;
          transform: translateX(-50%) !important;
          margin-bottom: 15px; }
        #ne-yapariz ul li .tx {
          width: 100% !important;
          margin: 0 !important; }
          #ne-yapariz ul li .tx p {
            text-align: center !important; }
        #ne-yapariz ul li:last-child {
          border: none; }

  #section-5 .progress-wrap {
    width: 85% !important; }
  #section-5 .left-p,
  #section-5 .right-p {
    width: 100% !important;
    display: block !important; }

  #section-6 .left-t {
    width: 90% !important;
    margin: 0 auto !important;
    display: block !important; }
    #section-6 .left-t #lamb {
      width: 110% !important;
      top: -150px !important;
      left: -5% !important; }
    #section-6 .left-t #echo {
      width: 110% !important;
      top: -100px !important;
      left: -5% !important; }
    #section-6 .left-t p {
      margin: 150px auto 50px !important; }
  #section-6 .right-t {
    display: none !important; }

  footer {
    padding: 30px 0 70px !important; }
    footer .col-footer .grid-footer {
      float: none !important;
      width: 95% !important;
      margin: 0 auto !important; }
    footer .col-footer #grid-1 .brand-logo {
      margin: 0 auto !important; }
    footer .col-footer #grid-1 p {
      margin: 0 auto !important; }
    footer .col-footer #grid-1 span {
      text-align: center; }
    footer .col-footer #grid-1 #decor {
      display: none !important; }
    footer .col-footer #grid-1 ul {
      text-align: center;
      margin: 50px 10px !important; }

  #basvuruModal {
    min-width: 90% !important;
    min-height: 70% !important;
    max-height: 80% !important; }
    #basvuruModal p a {
      animation: none !important; }

  #basvuruModalBlurry:after {
    font-size: 15px !important;
    padding: 4px 7px !important; }

  #navModal img {
    height: auto !important;
    width: 50%;
    margin: 0 auto;
    display: block; }
  #navModal ul {
    height: auto !important;
    line-height: 95px !important;
    width: 100%;
    margin: 0 auto !important;
    text-align: center !important; }
  #navModal .closeNav {
    left: auto !important;
    right: 0;
    transform: translateX(0) !important; }

  .swipe-active {
    left: 90% !important; }

  #contact .left-c {
    width: 90% !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important; }
    #contact .left-c form {
      text-align: center; }
      #contact .left-c form input#info {
        width: calc(100% - 10px) !important; }
      #contact .left-c form input#phone {
        width: calc(100% - 10px) !important;
        margin: 10px 0 20px !important; }
      #contact .left-c form input#company {
        margin: 10px 0 20px !important; }
  #contact .right-c {
    display: none !important; } }
#contact {
  margin: 70px auto;
  width: 90%;
  display: block;
  position: relative; }
  #contact h1 {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 50px;
    text-align: center;
    font-weight: 100; }
  #contact .left-c {
    width: calc(60% - 40px);
    display: inline-block;
    float: left;
    position: relative;
    padding: 30px 0 0;
    margin-right: 40px; }
    #contact .left-c form {
      width: calc(100% -20px); }
      #contact .left-c form input, #contact .left-c form textarea, #contact .left-c form button {
        border: none;
        padding: 15px 5px;
        border: none;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
        color: #000;
        border-radius: 25px;
        background: #fff;
        outline: none; }
        #contact .left-c form input::-webkit-input-placeholder, #contact .left-c form textarea::-webkit-input-placeholder, #contact .left-c form button::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          font-family: 'Roboto Slab', serif;
          transform: translateX(10px);
          font-weight: 400;
          font-size: 14px;
          color: #232323;
          opacity: .6; }
        #contact .left-c form input::-moz-placeholder, #contact .left-c form textarea::-moz-placeholder, #contact .left-c form button::-moz-placeholder {
          /* Firefox 19+ */
          font-family: 'Roboto Slab', serif;
          transform: translateX(10px);
          font-weight: 400;
          font-size: 14px;
          color: #232323;
          opacity: .6; }
        #contact .left-c form input:-ms-input-placeholder, #contact .left-c form textarea:-ms-input-placeholder, #contact .left-c form button:-ms-input-placeholder {
          /* IE 10+ */
          font-family: 'Roboto Slab', serif;
          transform: translateX(10px);
          font-weight: 400;
          font-size: 14px;
          color: #232323;
          opacity: .6; }
        #contact .left-c form input:-moz-placeholder, #contact .left-c form textarea:-moz-placeholder, #contact .left-c form button:-moz-placeholder {
          /* Firefox 18- */
          font-family: 'Roboto Slab', serif;
          transform: translateX(10px);
          font-weight: 400;
          font-size: 14px;
          color: #232323;
          opacity: .6; }
      #contact .left-c form input#info {
        width: calc(50% - 20px);
        float: left;
        margin: 10px 0; }
      #contact .left-c form input#phone {
        width: calc(50% - 20px);
        float: left;
        margin: 10px 0 10px 20px; }
      #contact .left-c form input#company {
        width: calc(100% - 10px);
        display: block;
        margin: 10px auto; }
        #contact .left-c form input#tel2 {
        width: calc(100% - 10px);
        display: block;
        margin: 10px auto; }
      #contact .left-c form textarea {
        width: calc(100% - 10px);
        display: block;
        margin: 10px auto;
        border-radius: 30px;
        height: 300px; }
      #contact .left-c form button {
        width: 35%;
        margin: 10px auto;
        background: #f51c5f;
        color: #fff;
        font-size: 13px;
        padding: 12px 5px;
        box-shadow: 0 20px 50px rgba(199, 27, 80, 0.4);
        transition: .2s all; }
        #contact .left-c form button:hover {
          background: rgba(245, 28, 95, 0.8); }
  #contact .right-c {
    width: 39%;
    display: inline-block;
    position: absolute;
    height: 100%; }
    #contact .right-c .right-c-rel {
      position: relative;
      width: 100%;
      height: 100%;
      display: block; }
      #contact .right-c .right-c-rel .right-c-rel-phone {
        position: absolute;
        width: 80%;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #contact .right-c .right-c-rel .right-c-rel-phone h2 {
          font-family: 'Roboto Slab', serif;
          text-align: center;
          font-weight: 100px;
          font-weight: 100;
          font-size: 25px;
          line-height: 30px; }
        #contact .right-c .right-c-rel .right-c-rel-phone p {
          margin: 20px 0;
          text-align: center;
          font-family: 'Roboto', sans-serif;
          font-weight: 600;
          font-size: 35px; }
        #contact .right-c .right-c-rel .right-c-rel-phone a {
          display: block;
          width: 40%;
          margin: 0 auto;
          text-decoration: none;
          text-align: center; }
          #contact .right-c .right-c-rel .right-c-rel-phone a svg {
            width: 100px; }
            #contact .right-c .right-c-rel .right-c-rel-phone a svg path:nth-child(1) {
              transition: .3s all;
              transform-origin: center center;
              transform: rotate(0deg);
              animation: .7s scene1 infinite; }
            #contact .right-c .right-c-rel .right-c-rel-phone a svg path:nth-child(2) {
              transition: .3s all;
              transform-origin: center center;
              transform: rotate(0deg);
              animation: .7s scene2 infinite; }
            #contact .right-c .right-c-rel .right-c-rel-phone a svg path:nth-child(3) {
              transition: .3s all;
              transform-origin: center center;
              transform: rotate(0deg);
              animation: .7s scene3 infinite; }
          #contact .right-c .right-c-rel .right-c-rel-phone a:hover svg path:nth-child(1) {
            fill: #e9790b; }
          #contact .right-c .right-c-rel .right-c-rel-phone a:hover svg path:nth-child(2) {
            fill: #e9790b; }
          #contact .right-c .right-c-rel .right-c-rel-phone a:hover svg path:nth-child(3) {
            fill: #e9790b; }

@keyframes scene1 {
  0% {
    transform: rotate(-60deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-60deg); } }
@keyframes scene2 {
  0% {
    transform: rotate(60deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(60deg); } }
@keyframes scene3 {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
*[gray-back] {
  background: #ece7dc; }

#transparent-nav {
  background: transparent !important; }

nav {
  position: relative;
  background: #FFC601;
  width: 100%;
  display: block;
  height: 60px;
  line-height: 60px;
  font-family: 'Roboto Slab', serif; }
  nav #menu {
    height: 40px;
    position: absolute;
    left: 50%;
    top: 10px;
    display: block;
    transform: translateX(-50%);
    cursor: pointer;
    user-select: none; }
    nav #menu img {
      height: 100%;
      display: block;
      user-select: none; }
    nav #menu svg {
      width: 40px;
      height: 40px;
      fill: #fff;
      stroke: #fff; }
      nav #menu svg path {
        transition: .2s all;
        transform-origin: center center; }
      nav #menu svg:hover path:nth-child(1) {
        transform: rotate(-10deg);
        fill: #000;
        stroke: #000; }
  nav .right-nav {
    position: absolute;
    right: 5%;
    height: 40px;
    top: 5px;
    transform: translateY(-50px);
    transition: 0.3s all cubic-bezier(0.17, 0.28, 0.69, 1.29); }
    nav .right-nav ul {
      position: relative; }
      nav .right-nav ul li {
        display: inline-block;
        margin-right: 20px; }
        nav .right-nav ul li:last-child {
          margin: 0;
          background: #fff;
          border-radius: 20px;
          padding: 0 15px;
          height: 35px;
          line-height: 35px;
          position: relative; }
          nav .right-nav ul li:last-child a {
            color: #000; }
        nav .right-nav ul li a {
          color: #333;
          text-decoration: none; }
      nav .right-nav ul #contact-nav {
        z-index: 2; }
        nav .right-nav ul #contact-nav:after {
          content: '';
          position: absolute;
          top: 0;
          left: -10px;
          width: 35px;
          height: 105%;
          z-index: 99999999;
          display: block;
          background-image: url(../../content/img/phone.svg);
          background-size: cover;
          background-repeat: no-repeat;
          transform: rotate(10deg);
          user-select: none; }
  nav .left-nav {
    position: absolute;
    left: 5%;
    height: 55px;
    top: 5px; }
    nav .left-nav a {
      height: 100%;
      display: block;
      position: relative; }
      nav .left-nav a img {
        height: 100%;
        display: block; }
      nav .left-nav a:after {
        content: '';
        position: absolute;
        top: 15%;
        right: -100px;
        height: 80%;
        display: block;
        width: 60px;
        background-image: url(../../content/img/4renk.svg);
        background-size: contain;
        background-repeat: no-repeat; }

.right-nav-active {
  transform: translateY(0px) !important; }

.social-active ul li {
  transform: translateY(0px) !important; }

#start-section {
  background-color: #FFC601;
  position: relative;
  height: 120vh; }
  #start-section .socials {
    position: absolute;
    right: 20px;
    top: -30px;
    display: block; }
    #start-section .socials ul {
      width: 25px; }
      #start-section .socials ul li {
        width: 25px;
        margin-top: 15px;
        display: block;
        transition: 0.5s all cubic-bezier(0.17, 0.28, 0.69, 1.29);
        transform: translateY(-110px); }
        #start-section .socials ul li:hover svg {
          fill: #fff; }
        #start-section .socials ul li:first-child {
          margin: 0; }
        #start-section .socials ul li:last-child a svg {
          width: 20px;
          height: 20px; }
        #start-section .socials ul li:nth-child(1) {
          -webkit-transition-delay: .3s;
          transition-delay: .3s; }
        #start-section .socials ul li:nth-child(2) {
          -webkit-transition-delay: .2s;
          transition-delay: .2s; }
        #start-section .socials ul li:nth-child(3) {
          -webkit-transition-delay: .1s;
          transition-delay: .1s; }
        #start-section .socials ul li:nth-child(4) {
          -webkit-transition-delay: .0s;
          transition-delay: .0s; }
        #start-section .socials ul li a svg {
          width: 25px;
          height: 25px; }
  #start-section img {
    position: absolute;
    user-select: none;
    pointer-events: none; }
  #start-section .canli-destek {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 10px 40px 10px 10px;
    background: #fff;
    border-radius: 20px; }
    #start-section .canli-destek a {
      position: relative;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #000;
      font-family: 'Lato', sans-serif; }
      #start-section .canli-destek a:hover:after {
        animation: titre .23s infinite; }
      #start-section .canli-destek a:after {
        content: '';
        position: absolute;
        top: -16px;
        right: -49px;
        height: 300%;
        display: block;
        width: 50px;
        background-image: url(../../content/img/canli.svg);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 99;
        transition: .2s all; }
@keyframes titre {
  0% {
    transform: rotate(7deg); }
  33% {
    transform: rotate(-7deg); }
  100% {
    transform: rotate(7deg); } }
#start-isletme {
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate(-50%, -50%);
  transition: all 0.35s cubic-bezier(0.56, -0.58, 0.53, 2.29);
  pointer-events: initial !important; }

#start-twitter {
  top: 70px;
  left: -20px;
  width: 200px; }

#start-facebook {
  top: 350px;
  left: -120px;
  width: 220px; }

#start-like {
  top: 560px;
  left: 20px;
  width: 150px; }

#start-kalp {
  top: 75px;
  right: 200px;
  width: 200px;
  transition: all 0.35s cubic-bezier(0.56, -0.58, 0.53, 2.29); }

#start-instagram {
  top: 400px;
  right: 25px;
  width: 180px; }

#start-google {
  top: 570px;
  right: -50px;
  width: 250px; }

.onHov {
  transform: translate(-50%, -50%) scale(1.3) !important; }

.onHovKalp {
  transform: scale(1.17) !important; }

#biz-kimiz {
  position: relative;
  display: block;
  padding: 100px 0 0;
  width: 100%; }
  #biz-kimiz h4 {
    font-family: Chunkfive;
    color: #000;
    font-size: 45px;
    width: 80%;
    margin: 10px 0;
    line-height: 60px; }
    #biz-kimiz h4 span {
      color: #FF002E; }
  #biz-kimiz h4[data-width="100"] {
    width: 90%; }
  #biz-kimiz #masa2 {
    position: relative;
    width: 80%;
    float: right;
    pointer-events: none;
    user-select: none; }
  #biz-kimiz #roket2 {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    right: 105px;
    pointer-events: none;
    user-select: none;
    width: 320px; }
  #biz-kimiz p {
    margin: 60px auto;
    font-size: 19px;
    width: 70%;
    font-family: Courier;
    line-height: 30px; }
    #biz-kimiz p b {
      font-weight: 600;
      position: relative; }
      #biz-kimiz p b span {
        position: absolute;
        width: 0%;
        height: 100%;
        background: #C5D42B;
        top: -5px;
        left: 0;
        z-index: -1;
        padding: 5px;
        opacity: .8; }

.section-container {
  width: 80%;
  display: block;
  margin: 0 auto; }

@keyframes pulse {
  0% {
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.16); }
  100% {
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.45); } }
#section-3 {
  position: relative;
  display: block;
  padding: 100px 0 50px;
  width: 100%;
  background: #33363A; }
  #section-3 h4 {
    font-family: 'Roboto Slab', serif;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    margin: 0px 0 60px 0;
    color: #fff; }
  #section-3 p {
    font-family: 'Josefin Slab', serif;
    text-align: center;
    font-weight: 300;
    font-size: 33px;
    color: #f4f4f4;
    margin: 20px 0; }
    #section-3 p span {
      position: relative;
      z-index: 2;
      padding: 0 0 0 10px; }
      #section-3 p span b {
        position: absolute;
        top: 0;
        width: 95%;
        height: 100%;
        left: 0%;
        background: #C5D42B;
        z-index: -1; }
  #section-3 .analiz-teklif {
    width: 70%;
    position: relative;
    display: block;
    margin: 100px auto;
    text-align: center; }
    #section-3 .analiz-teklif a {
      padding: 15px 25px;
      border-radius: 20px;
      background: #FF002E;
      color: #fff;
      font-family: Courier;
      width: 100%;
      text-decoration: none;
      position: relative;
      box-shadow: 0 7px 12px rgba(0, 0, 0, 0.16);
      z-index: 4;
      transition: .3s all;
      animation: pulse 5s infinite; }
      #section-3 .analiz-teklif a:before {
        content: '';
        position: absolute;
        background: #FF002E;
        width: 108%;
        height: 160%;
        z-index: -1;
        transition: .3s all;
        top: -34%;
        left: -4%;
        border-radius: 53px; }
    #section-3 .analiz-teklif span {
      position: relative;
      margin-top: 60px;
      display: block;
      text-align: center;
      color: #ddd;
      font-family: 'Roboto Slab', serif;
      font-weight: 100; }
      #section-3 .analiz-teklif span i {
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd; }

#ne-yapariz {
  position: relative;
  display: block;
  padding: 150px 0;
  width: 100%;
  overflow: hidden; }
  #ne-yapariz h4 {
    font-family: 'Roboto Slab', serif;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    color: #000; }
  #ne-yapariz p {
    width: 60%;
    position: relative;
    font-family: 'Josefin Slab', serif;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #232323;
    margin: 20px auto;
    line-height: 32px; }
    #ne-yapariz p span {
      position: relative;
      z-index: 2;
      padding: 5px 10px;
      color: #333;
      font-weight: 900; }
      #ne-yapariz p span b {
        font-weight: 900;
        position: absolute;
        top: 22px;
        width: 7%;
        height: 35%;
        left: 0%;
        background: #C5D42B;
        z-index: -1; }
        #ne-yapariz p span b:after {
          content: '';
          width: 80px;
          height: 100px;
          background-image: url(../../content/img/marker.png);
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          bottom: -15px;
          right: -45px;
          transform: rotate(43deg); }
  #ne-yapariz #hash {
    position: absolute;
    transform: translateY(-50%);
    top: 55%;
    right: 20px;
    opacity: .1;
    width: 350px;
    z-index: -1;
    pointer-events: none;
    user-select: none; }
  #ne-yapariz ul {
    width: 70%;
    margin: 20px 5%;
    position: relative; }
    #ne-yapariz ul li {
      width: 100%;
      display: block;
      margin: 35px 0;
      transform: translateX(-25px); }
      #ne-yapariz ul li img {
        width: 50px;
        display: inline-block;
        position: relative;
        transform: translateY(3px); }
      #ne-yapariz ul li .tx {
        width: 82%;
        display: inline-block;
        margin-left: 20px; }
        #ne-yapariz ul li .tx p {
          display: block;
          font-weight: 900;
          color: #000;
          text-align: left;
          margin: 0 0 5px 0;
          font-size: 17px;
          width: 100%;
          line-height: 20px;
          font-family: 'Roboto', sans-serif; }
          #ne-yapariz ul li .tx p:last-child {
            font-weight: 100;
            color: #777; }

#section-5 {
  position: relative;
  display: block;
  padding: 50px 0;
  width: 100%;
  background: #33363A; }
  #section-5 .progress-wrap {
    width: 90%;
    margin: 1% auto;
    background: #fff;
    padding: 20px; }
    #section-5 .progress-wrap .left-p {
      width: 40%;
      display: inline-block; }
      #section-5 .progress-wrap .left-p h5 {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 25px; }
        #section-5 .progress-wrap .left-p h5 span {
          font-weight: 300; }
      #section-5 .progress-wrap .left-p p {
        font-family: 'Roboto', sans-serif;
        width: 95%;
        font-weight: 100;
        line-height: 25px;
        font-size: 16px;
        margin: 20px 0; }
    #section-5 .progress-wrap .right-p {
      width: 58%;
      display: inline-block; }
      #section-5 .progress-wrap .right-p .rigt-p-wrap {
        position: relative;
        width: 90%;
        margin-left: 5%; }
        #section-5 .progress-wrap .right-p .rigt-p-wrap ul {
          position: relative;
          width: 100%; }
          #section-5 .progress-wrap .right-p .rigt-p-wrap ul li {
            width: 100%;
            margin: 10px 0; }
            #section-5 .progress-wrap .right-p .rigt-p-wrap ul li:nth-child(1) b i {
              -webkit-transition-delay: 0s;
              /* Safari */
              transition-delay: 0s; }
            #section-5 .progress-wrap .right-p .rigt-p-wrap ul li:nth-child(2) b i {
              -webkit-transition-delay: .2s;
              /* Safari */
              transition-delay: .2s; }
            #section-5 .progress-wrap .right-p .rigt-p-wrap ul li:nth-child(3) b i {
              -webkit-transition-delay: .4s;
              /* Safari */
              transition-delay: .4s; }
            #section-5 .progress-wrap .right-p .rigt-p-wrap ul li:nth-child(4) b i {
              -webkit-transition-delay: .6s;
              /* Safari */
              transition-delay: .6s; }
            #section-5 .progress-wrap .right-p .rigt-p-wrap ul li span {
              display: block;
              color: #717171;
              font-family: 'Roboto', sans-serif;
              font-weight: 100;
              font-size: 14px; }
            #section-5 .progress-wrap .right-p .rigt-p-wrap ul li b {
              position: relative;
              display: block;
              width: 100%;
              height: 15px;
              margin: 7px 0;
              border-radius: 15px;
              background-color: #6FA000; }
              #section-5 .progress-wrap .right-p .rigt-p-wrap ul li b i {
                position: absolute;
                top: -24px;
                left: 0;
                padding: 5px 10px;
                background: #333;
                color: #fff;
                font-family: 'Roboto', sans-serif;
                font-size: 9px;
                transition: 1s all;
                border-radius: 10px; }
                #section-5 .progress-wrap .right-p .rigt-p-wrap ul li b i:after {
                  content: '';
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 5px 3.5px 0 3.5px;
                  border-color: #333333 transparent transparent transparent;
                  position: absolute;
                  bottom: -5px;
                  left: 20px; }

.swipe-active {
  left: 93% !important; }

#section-6 {
  position: relative;
  display: block;
  padding: 50px 0;
  width: 100%; }
  #section-6 .left-t {
    width: 35%;
    margin-left: 30px;
    display: inline-block;
    position: relative; }
    #section-6 .left-t #lamb {
      width: 100%;
      position: absolute;
      top: -30px;
      left: -30px;
      pointer-events: none; }
    #section-6 .left-t #echo {
      position: absolute;
      top: 50px;
      left: -30px;
      width: 100%;
      pointer-events: none; }
    #section-6 .left-t p {
      width: 90%;
      margin: 150px auto;
      position: relative;
      display: block;
      font-size: 30px;
      font-family: 'Lato', sans-serif; }
  #section-6 .right-t {
    width: 60%;
    display: inline-block;
    position: relative;
    float: right; }
    #section-6 .right-t .right-t-1 {
      position: relative;
      float: left;
      width: 60%; }
      #section-6 .right-t .right-t-1 ul {
        width: 100%;
        margin-top: 155px }
        #section-6 .right-t .right-t-1 ul li {
          width: 100%;
          display: none; }
          #section-6 .right-t .right-t-1 ul li p {
            font-family: 'Lato', sans-serif;
            color: #666;
            font-size: 17px;
            line-height: 25px; }
      #section-6 .right-t .right-t-1 .liste-active {
        display: block !important; }
    #section-6 .right-t .right-t-2 {
      position: relative;
      display: inline-block;
      width: 39%; }
      #section-6 .right-t .right-t-2 img {
        width: 100%;
        margin: 0 0 30px 0;
        display: block;
        user-select: none;
        transform: translateX(-60px);
        pointer-events: none; }
      #section-6 .right-t .right-t-2 ul {
        width: 90%;
        margin: 75px auto 0;
        border-left: 1px solid #95989A; }
        #section-6 .right-t .right-t-2 ul li {
          font-family: 'Roboto Slab', serif;
          font-size: 20px;
          padding: 10px 5px 10px 20px;
          cursor: pointer;
          transition: .2s all; }
          #section-6 .right-t .right-t-2 ul li:hover {
            background: #333;
            color: #f4f4f4; }

footer {
  position: relative;
  padding: 70px 0 30px;
  background: #17171D;
  width: 100%;
  display: block;
  overflow: hidden; }
  footer .col-footer {
    width: 95%;
    margin: 0 auto;
    display: block;
    position: relative; }
    footer .col-footer .grid-footer {
      padding: 10px 0;
      width: 25%;
      float: left; }
    footer .col-footer #grid-1 .brand-logo {
      width: 70%;
      position: relative;
      display: block; }
      footer .col-footer #grid-1 .brand-logo img {
        margin: 10px 10px 40px 10px;
        width: 100%;
        position: relative;
        display: block; }
    footer .col-footer #grid-1 p {
      position: relative;
      display: block;
      width: 80%;
      color: #C7D3D9;
      font-family: 'Lato', sans-serif;
      margin: 10px;
      line-height: 20px;
      font-size: 20px; }
    footer .col-footer #grid-1 span {
      display: block;
      margin: 30px 0; }
      footer .col-footer #grid-1 span a {
        display: block;
        text-decoration: none;
        color: #95989A;
        margin: 10px;
        font-family: 'Lato', sans-serif; }
    footer .col-footer #grid-1 ul {
      width: 100%;
      margin: 50px 10px 150px; }
      footer .col-footer #grid-1 ul li {
        display: inline-block;
        width: 15%; }
        footer .col-footer #grid-1 ul li a {
          position: relative;
          display: block;
          width: 100%;
          height: 100%; }
          footer .col-footer #grid-1 ul li a img {
            width: 70%;
            margin: 0 auto; }
        footer .col-footer #grid-1 ul li:hover a img {
          opacity: .6; }
    footer .col-footer #grid-1 #decor {
      position: absolute;
      bottom: -160px;
      left: 20px;
      width: 300px; }
    footer .col-footer #grid-2 h6 {
      margin: 10px 0;
      position: relative;
      display: block;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-weight: 600;
      font-size: 26px; }
    footer .col-footer #grid-2 ul {
      margin: 30px 0; }
      footer .col-footer #grid-2 ul li {
        color: #888;
        font-family: 'Roboto Slab', serif;
        font-size: 16px;
        padding: 5px 0;
        font-weight: 400; }
    footer .col-footer #grid-3 h6 {
      margin: 10px 0;
      position: relative;
      display: block;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-weight: 600;
      font-size: 26px; }
    footer .col-footer #grid-3 ul {
      margin: 30px 0; }
      footer .col-footer #grid-3 ul li {
        color: #888;
        font-family: 'Roboto Slab', serif;
        padding: 5px 0;
        line-height: 30px; }
        footer .col-footer #grid-3 ul li:hover a img {
          transform: translateY(-4px); }
        footer .col-footer #grid-3 ul li a {
          color: #95989A;
          font-size: 20px;
          text-decoration: none; }
          footer .col-footer #grid-3 ul li a img {
            display: inline-block;
            width: 50px;
            margin-right: 10px;
            transition: .2s all; }
          footer .col-footer #grid-3 ul li a span {
            width: calc(95% - 60px);
            display: inline-block; }
            footer .col-footer #grid-3 ul li a span b {
              display: block;
              font-size: 12px; }
    footer .col-footer #grid-4 h6 {
      margin: 10px 0;
      position: relative;
      display: block;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-weight: 600;
      font-size: 26px; }
    footer .col-footer #grid-4 ul {
      margin: 30px 0; }
      footer .col-footer #grid-4 ul li {
        color: #888;
        font-family: 'Roboto Slab', serif;
        padding: 5px 0;
        line-height: 30px; }
        footer .col-footer #grid-4 ul li:hover a span {
          color: #fdfefe; }
          footer .col-footer #grid-4 ul li:hover a span b {
            color: #afb1b3; }
        footer .col-footer #grid-4 ul li a {
          color: #c9cbcc;
          font-size: 16px;
          text-decoration: none; }
          footer .col-footer #grid-4 ul li a img {
            width: 30px;
            margin-right: 10px;
            transform: translateY(5px); }
          footer .col-footer #grid-4 ul li a span {
            width: calc(95% - 60px);
            transition: .2s all; }
            footer .col-footer #grid-4 ul li a span b {
              color: #95989A;
              display: block;
              font-size: 12px;
              line-height: 16px; }
  footer .copyright {
    position: absolute;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    bottom: -40px;
    font-family: 'Lato', sans-serif; }
    footer .copyright a {
      text-decoration: none; }
    footer .copyright span {
      transform: translate(-2%, 120%) rotate(-45deg);
      display: block;
      font-size: 11px;
      color: #fff; }
      footer .copyright span b {
        color: #00FFF5; }
  footer #up {
    position: absolute;
    width: 30px;
    height: 30px;
    user-select: none;
    bottom: 10px;
    right: 10px;
    transition: .2s all;
    cursor: pointer; }
    footer #up:hover {
      opacity: .6; }
    footer #up img {
      width: 100%; }

#basvuruModal {
  position: fixed;
  display: block;
  z-index: 99999;
  min-width: 50%;
  min-height: 50%;
  max-height: 70%;
  background: #fff;
  top: 60%;
  left: 50%;
  overflow: scroll;
  transform: translate(-50%, -50%);
  border-radius: 0px;
  opacity: 0;
  transition: .4s all;
  visibility: hidden;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22), 0 0 0 10px #d60027;
  border-radius: 7px; }
  #basvuruModal .basvuruModalRel {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    font-family: 'Roboto', sans-serif; }
    #basvuruModal .basvuruModalRel p {
      position: relative;
      text-align: center;
      color: #232323;
      margin: 50px auto 10px;
      width: 90%; }
      #basvuruModal .basvuruModalRel p span {
        display: block;
        margin: 10px 0; }
      #basvuruModal .basvuruModalRel p a {
        text-decoration: none;
        display: block;
        text-align: center;
        border-bottom: 2px solid #FF002E;
        color: #333;
        font-family: 'Roboto Slab', serif;
        padding: 12px 7px 6px;
        width: 50%;
        margin: 20px auto;
        transition: .2s all;
        animation: bord .5s infinite; }
        #basvuruModal .basvuruModalRel p a:hover {
          font-weight: 700; }
@keyframes bord {
  0% {
    width: 50%; }
  50% {
    width: 40%; }
  100% {
    width: 50%; } }
    #basvuruModal .basvuruModalRel form {
      width: 80%;
      margin: 35px auto 20px;
      position: relative;
      display: block; }
      #basvuruModal .basvuruModalRel form input {
        width: 80%;
        display: block;
        margin: 10px auto;
        padding: 12px 5px;
        outline: none;
        border: none;
        border-radius: 30px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        font-weight: 100;
        font-size: 13px;
        text-align: center; }
      #basvuruModal .basvuruModalRel form button {
        width: 30%;
        display: block;
        margin: 10px auto;
        padding: 9px 2px;
        outline: none;
        background: #000;
        border: none;
        border-radius: 30px;
        color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        font-weight: 800;
        font-size: 14px;
        text-align: center;
        transition: .2s all;
        cursor: pointer; }
        #basvuruModal .basvuruModalRel form button:hover {
          opacity: .6; }

#basvuruModalBlurry {
  position: fixed;
  display: block;
  z-index: 9999;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.96);
  background-image: url("../../content/img/sosyalpattern.png");
  background-size: 220px;
  opacity: 0;
  visibility: hidden;
  transition: .2s all;
  animation: jonsnow 50s linear infinite; }
  #basvuruModalBlurry:after {
    content: 'X';
    position: fixed;
    top: 0px;
    right: 50%;
    transform: translateX(50%);
    display: block;
    z-index: 9999999;
    cursor: pointer;
    color: #0c0b0b;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    transition: .4s all;
    padding: 10px 15px;
    border: 1px solid;
    border-radius: 33px; }

.basvuruModalActive {
  top: 50% !important;
  opacity: 1 !important;
  visibility: visible !important; }

@keyframes jonsnow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px; }
  100% {
    background-position: 0px 1000px, 400px 400px, 300px 300px; } }
.basvuruModalBlurryActive {
  opacity: 1 !important;
  visibility: visible !important; }
  .basvuruModalBlurryActive:after {
    top: 30px !important; }

.blurry {
  filter: blur(7px) !important; }

#navModal {
  position: fixed;
  width: 100%;
  height: 60px;
  padding: 10px 0;
  background: #000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  display: block;
  z-index: 999999;
  top: -120px;
  left: 0;
  transition: .2s all; }
  #navModal .navModalRel {
    position: relative;
    width: 95%;
    height: 100%;
    line-height: 100px;
    margin: 0 auto;
    display: block; }
    #navModal .navModalRel img {
      height: 70%; }
    #navModal .navModalRel ul {
      line-height: 65px;
      position: absolute;
      right: 0px;
      height: 100%;
      top: 0;
      padding: 0;
      margin: 0; }
      #navModal .navModalRel ul li {
        display: inline-block;
        margin: 0 10px;
        font-family: 'Lato', sans-serif; }
        #navModal .navModalRel ul li a {
          color: #f4f4f4;
          text-decoration: none;
          transition: .2s all; }
          #navModal .navModalRel ul li a:hover {
            color: #FFC601; }
    #navModal .navModalRel .closeNav {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -25px;
      width: 35px;
      height: 35px;
      border-radius: 30px;
      background-color: #000;
      background-image: url("../../content/img/cross.png");
      background-size: 15px;
      background-position: center center;
      background-repeat: no-repeat;
      cursor: pointer;
      transition: .2s all; }
      #navModal .navModalRel .closeNav:hover {
        transform: translateX(-50%) rotate(90deg); }

.navModalActive {
  top: 0px !important; }

/*# sourceMappingURL=style.css.map */